<!DOCTYPE html> …… 文書型宣言を表す











広告
<!DOCTYPE html>は、文書型宣言を表す際に使用します。
<!DOCTYPE html>では大文字と小文字が区別されません。
DOCTYPEは、歴史的な理由から省略せずに記述すべきでしょう。
省略すると、ブラウザのレンダリングモードが標準仕様とは異なる別モードとなることがあります。
文書にDOCTYPEを記述しておくことで、ブラウザは標準仕様に従うよう最善の努力をすることが保証されます。
■使用例
以下のサンプルは、典型的なHTML文書の一例です。
文書の先頭にDOCTYPEを記述しておくことで、ブラウザは標準仕様に従うよう最善の努力をすることが保証されます。
HTMLソース
<!DOCTYPE html>
<html lang="ja">
<head>
<title>サンプルページ</title>
</head>
<body>
<h1>サンプルページ</h1>
<p>これは<a href="demo ">シンプルな</a> サンプルです。</p>
<!-- ここはコメントです -->
</body>
</html>
標準DOCTYPEの書式
標準DOCTYPEは、以下の書式で記述します。
- ASCII大文字と小文字を区別せず文字列「<!DOCTYPE」
- 1 つ以上の ASCII 空白
- ASCII大文字と小文字を区別せず文字列「html」
- オプションでレガシーDOCTYPE文字列
- 0個以上のASCII空白
- U+003E 大なり記号文字「>」
<!DOCTYPE html>は、大文字と小文字が区別されません。
以下のDOCTYPEの記述は、いずれも適切です。
<!DOCTYPE html>
<!doctype HTML>
<!DOCTYPE HTML>
<!doctype html>
レガシーDOCTYPE文字列の書式
レガシーDOCTYPE文字列は、以下の書式で記述します。
- 1つ以上のASCII空白
- ASCII大文字と小文字を区別せず文字列(SYSTEM)
- 1つ以上のASCII空白
- U+0022 QUOTATION MARK、または、U+0027 APOSTROPHE文字(引用符)
- 文字列(about:legacy-compat)
- U+0022 QUOTATION MARK、または、U+0027 APOSTROPHE文字(前のステップと同じ引用符)
一重引用符( ‘ )、または、二重引用符( ” )で囲まれた部分を除き、大文字と小文字が区別されません。
<!DOCTYPE html SYSTEM "about:legacy-compat">
<!DOCTYPE html SYSTEM 'about:legacy-compat'>
DOCTYPEスイッチ確認表
レガシー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 |
※S ・・・標準モード(Standard)、または、中間モード(Almost Standard)
※Q ・・・互換モード(Quirks)
※Q ・・・互換モード(Quirks)
■関連項目
- DOCTYPEスイッチ < HTMLの基本
- <!DOCTYPE html> …… 文書型宣言を表す
- <html> …… HTML文書であることを表す
- <head> …… 文書のヘッダ情報を表す
- <body> …… 文書の本体(コンテンツ)を表す
広告