<!doctype>: DOCTYPE宣言
最終更新:2026-10-13
<!doctype>DOCTYPE宣言
文書の種類(DOCTYPE)を宣言し、ブラウザーがどのHTMLバージョンで解釈すべきかを知らせます。HTML文書の最初の行に、必ず1回だけ記述します。現代のページでは <!DOCTYPE html> を記述して標準モード(standards mode)に切り替えます。
| カテゴリ | ドキュメント構造 |
|---|---|
| コンテンツモデル | すべての前に( の前) |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 自己完結 — 閉じタグ不要 |
| ステータス | 標準 |
📝 構文
<!DOCTYPE html>
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認:
🌐 ブラウザサポート
| ブラウザ | |||||
|---|---|---|---|---|---|
| <!doctype> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント: DOCTYPE は HTML タグではなく宣言文です。省略すると互換モード(quirks mode)になり、レンダリングがブラウザーによって不揃いになります。
❓ よくある質問
QDOCTYPE 宣言は何のためのものですか?
A
<!DOCTYPE html> はブラウザに「このページを標準モードで描画して」と伝えます。これがないとブラウザは後方互換モード(quirks mode)に入り、ボックスモデルや行高の計算が昔の規則で行われ、レイアウトに奇妙なずれが多発します。QDOCTYPE はなぜ大文字ですか?小文字でもいいですか?
A大文字小文字は区別されず、小文字の
<!doctype html> も完全に正当です。慣例で大文字にするのは目立たせるためです。この宣言は文書の1行目に置く必要があり、その前に置ける文字は何もありません(空行やコメントも不可)。HTML5 の doctype は歴代で最も短いものです。QHTML5 より前の DOCTYPE はなぜあれほど長かったのですか?
A旧版(HTML4/XHTML)の doctype は DTD のアドレスを含んでいました。
-//W3C//DTD HTML 4.01//EN と長い URL を組み合わせ、バリデーターが文書型定義を参照するためのものです。HTML5 では15文字に簡素化され、DTD は不要になりました。🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。