<!DOCTYPE html>は、文書型宣言を表す際に使用します。
<!DOCTYPE html>では大文字と小文字が区別されません。
DOCTYPEは、歴史的な理由から省略せずに記述すべきでしょう。
省略すると、ブラウザのレンダリングモードが標準仕様とは異なる別モードとなることがあります。
文書にDOCTYPEを記述しておくことで、ブラウザは標準仕様に従うよう最善の努力をすることが保証されます。
以下のサンプルは、典型的なHTML文書の一例です。
文書の先頭にDOCTYPEを記述しておくことで、ブラウザは標準仕様に従うよう最善の努力をすることが保証されます。
<!DOCTYPE html>
<html lang="ja">
<head>
<title>サンプルページ</title>
</head>
<body>
<h1>サンプルページ</h1>
<p>これは<a href="demo ">シンプルな</a> サンプルです。</p>
<!-- ここはコメントです -->
</body>
</html>
標準DOCTYPEは、以下の書式で記述します。
<!DOCTYPE html>は、大文字と小文字が区別されません。
以下のDOCTYPEの記述は、いずれも適切です。
<!DOCTYPE html>
<!doctype HTML>
<!DOCTYPE HTML>
<!doctype html>
レガシーDOCTYPE文字列は、以下の書式で記述します。
一重引用符( ‘ )、または、二重引用符( ” )で囲まれた部分を除き、大文字と小文字が区別されません。
<!DOCTYPE html SYSTEM "about:legacy-compat">
<!DOCTYPE html SYSTEM 'about:legacy-compat'>
レガシーDOCTYPEを記述した場合の表示モードについては、以下の表を参考にしてください。
DTDの 種類 |
DTDの 記述 |
Win IE7以上 |
Win IE6 |
Mac IE |
Fx | O | N | S |
---|---|---|---|---|---|---|---|---|
– |
なし | Q | Q | Q | Q | Q | Q | Q |
HTML4.01 Strict |
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”> | S | S | Q | S | S | S | S |
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “https://www.w3.org/TR/html4/strict.dtd”> | S | S | S | S | S | S | S | |
HTML4.01 Transitional |
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”> | Q | Q | Q | Q | Q | Q | Q |
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “https://www.w3.org/TR/html4/loose.dtd”> | S | S | S | S | S | S | S | |
HTML4.01 Frameset |
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Frameset//EN”> | Q | Q | Q | Q | Q | Q | Q |
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Frameset//EN” “https://www.w3.org/TR/html4/frameset.dtd”> | S | S | S | S | S | S | S | |
XHTML1.0 Strict |
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> | S | S | S | S | S | S | S |
<?xml version=”1.0″ encoding=”文字コード”?> <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> |
S | Q | S | S | S | S | S | |
XHTML1.0 Transitional |
<!DOCTYPE HTML PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> | S | S | S | S | S | S | S |
<?xml version=”1.0″ encoding=”文字コード”?> <!DOCTYPE HTML PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> |
S | Q | S | S | S | S | S | |
XHTML1.0 Frameset |
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”> | S | S | S | S | S | S | S |
<?xml version=”1.0″ encoding=”文字コード”?> <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”> |
S | Q | S | S | S | S | S |