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

DOCTYPE宣言

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

“DOCTYPE宣言”について

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

“DOCTYPE宣言”は“文書型宣言”のことでその文書がHTML5で作成されたものであることを示すために文書の先頭に記述する宣言です。

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

HTML5は“SGML文書”をベースにしていないため“DTD”と結びつける必要はありませんが、MIMEタイプが“text/html”の文書の“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>

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
はてなブックマーク