HTMLタグ/タグの基本と参考資料/DOCTYPE宣言

「DOCTYPE宣言」とは、そのページがどのバージョンのHTMLで、どの仕様に従って作られているかのを、ブラウザに伝えるためのものです。

HTML4.01のルールでは必須とされているものですので、HTML4.01に準拠したページを作成するのであれば、このDOCTYPEの宣言を行う必要があります。

DOCTYPEの宣言を行う場合は、ページの一番最初（HTMLタグよりも前）に記述します。

■記述例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
・
・
</head>
<body>
・
・
・
</body>
</html>

「DTD（文書型定義）」とは、そのバージョンのHTMLで使用することのできる要素や属性と、要素の配置に関するルールなどを定義しているものです。

このDTDには、Strict、Transitional、Frameset の3種類があり、それぞれの記述方法や意味は次のようになります。

【HTML4.01】

Strict … HTML4.01のルールに厳密かつ正確に従う指定

非推奨の要素や属性は使うことができず、要素の配置に関しても細かい決まりごとがあります。また、フレームも使用することができません。

URLを含めた指定
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

URLを省いた指定
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

Transitional … Strictより緩やかな指定（フレームは不可）

非推奨の要素や属性が使用できますが、フレームは使用することができません。

URLを含めた指定
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

URLを省いた指定
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Frameset … Transitionalにフレームを加えた指定

Transitionalに加え、フレームを使用できるようにした指定です。フレームを指定するページの場合は、このDOCTYPE宣言を記述します。

URLを含めた指定
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

URLを省いた指定
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">

一般的なブラウザ（古いバージョンを除く）には、「標準モード」と「互換モード」という2つの表示モードが備わっています。

■標準モード
文法を正しく解釈する表示モードです。文法ミスは無視されます。

■互換モード
過去のバージョンと互換性のある表示モードです。文法ミスはある程度許容され、ブラウザがうまくカバーして表示してくれます。

※解釈の違いにより、標準モードと互換モードでは表示のされ方も多少違ってきます。

表示モードは、DOCTYPE宣言の記述にURLを含めるかどうかによって、自動的に切り替わる仕組みになっています。表示モードの切り替わり方については、以下の項目を参考にしてください。

DOCTYPE宣言の記述にURLを含めるかどうかにより、ブラウザ側の表示モードは次のように切り替わります。