HTML5プロフェッショナル認定試験レベル1 1-1 ②~⑤

前回に引き続きHTML5プロフェッショナル認定試験レベル1のテキストから学習を再開。

②HTMLの全体構造

HTML5以降のDOCTYPE宣言(文書型宣言)の全体構造を以下に

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

</html>

の順序で書く。

［head要素の中］

<head>

<title>HTMLのマークアップの練習</title>

</head>

head要素の中には、その文書自身に関する情報を書く。

例えば、title要素, meta要素, link要素などを<head></head>の間に入れる。

現在のHTML5以降には不要な宣言ではあるが、ブラウザの表示モードを標準モードにする目的がある。

現在のほとんどのブラウザ(Safari, Firefox, Chrome, Edge...)は表示モードを2つ持っていて、それぞれ「後方互換モード」と「標準モード」という。

※DOCTYPE宣言をしないとブラウザが後方互換モード表示を示すため具合が悪い

［補足情報］

<!doctype html > htmlの前後は空白文字OK But <!doctypeは続けて書かないといけない
古いオーサリングツールの中には、<!doctype html>では出力できないものもある。そのため別の書き方がある → <!doctype html SYSTEM "about:legacy-compat">