このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

DOCTYPE宣言

記事Apr. 15th,2015
July 7th,2020
DOCTYPE宣言
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

“DOCTYPE宣言”について

カテゴリー ***
利用場所 文書の先頭
内容 ***
タグの省略 ***

DOCTYPE宣言(“<!DOCTYPE html>”)は文書の先頭に必要とされる前文で、その文書がHTML5で作成されたものであることを示す宣言です。

もともと“DOCTYPE宣言”は“文書型宣言”のことで、HTML4まではHTML文書は“SGML文書”をベースに定義されていたため、文法規則を定義した“文書型定義(DTD)”と結びつけるためにDOCTYPE宣言を必要としていました。

HTML5以降のHTMLはSGML文書ではなくなったためDTDと結びつける必要はありませんが、文書のレンダリングモードをDOCTYPE宣言によって“互換モード”に切り替える“DOCTYPEスイッチ”があるブラウザのためにDOCTYPE宣言を必要としています。DOCTYPE宣言が省略された場合、このようなブラウザでは文書が“標準モード”ではなく“互換モード”でレンダリングされるのでレイアウトが崩れたりする場合があります。

サンプルコード

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="icon" href="image/favicon.ico">
<meta name="robots" content="index, follow">
<meta name="keywords" content="バナナ,栄養素,産地">
<meta name="description" content="黄色くて栄養満点な果物であるバナナについて解説します。">
<link rel="stylesheet" type="text/css" href="css/stylesheet.css" media="all">
<title>黄色いフルーツバナナ - 果物を食べる</title>
</head>
<body>
<h1>黄色いフルーツバナナ</h1>
<p>バナナについての解説。</p>

<h2>バナナの特徴</h2>
<p>
「バナナ」はバショウ科バショウ属の多年草及びその果実のことである。
</p>

<h3>バナナの木</h3>
<p>
バナナは「バナナの木」と呼ばれるように高さが数メートルまで成長するが草本に分類される。高く伸びる茎のような部分は葉鞘が幾重にも重なりあっているものであり、本当の茎は地中にある。
</p>

<h3>バナナの果実</h3>
<p>
バナナの果実は一般的には緑色、熟成したものは黄色であると思われがちだが、実は紫色や桃色のものなどいろいろなものがある。
</p>
</body>
</html>

DOCTYPE宣言は大文字と小文字は区別されません。例えば、“<!DocType HTML>”でも有効です。

HTMLの自動生成プログラムなどで通常のDOCTYPE宣言が入力できない場合に使用できる代替のDOCTYPE宣言が定義されています。ただし、通常のDOCTYPE宣言が使用可能な場合は使用されるべきではありません。

二重引用符(“"”)を使用する構文
<!DOCTYPE html SYSTEM "about:legacy-compat">

単一引用符(“'”)を使用する構文
<!DOCTYPE html SYSTEM 'about:legacy-compat'>

HTML4.01では使用できる要素や属性が異なる3種類のDOCTYPE宣言がありましたが、いずれも長く、HTML5でとても簡潔になったのがわかります。

HTML4.01 Strict DTD
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML4.01 Transitional DTD
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML4.01 Frameset DTD
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

仕様書

“DOCTYPE宣言”はHTML2.0から定義されています。現行の仕様であるHTML Living Standardでも定義されています。

定義されている仕様書
HTML 4 HTML 5 HTML 5.1 HTML 5.2 HTML Living Standard
<!DOCTYPE html>
定義あり

定義あり

定義あり

定義あり

定義あり
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク