<!doctype>: DOCTYPE宣言

最終更新:2026-10-13

<!doctype>DOCTYPE宣言

文書の種類(DOCTYPE)を宣言し、ブラウザーがどのHTMLバージョンで解釈すべきかを知らせます。HTML文書の最初の行に、必ず1回だけ記述します。現代のページでは <!DOCTYPE html> を記述して標準モード(standards mode)に切り替えます。

カテゴリドキュメント構造
コンテンツモデルすべての前に( の前)
許可される親要素フローコンテンツを受け入れる要素
閉じタグ自己完結 — 閉じタグ不要
ステータス標準

📝 構文

<!DOCTYPE html>

▶ サンプル

下のコードを編集して、playground でリアルタイム結果を確認:

🌐 ブラウザサポート

ブラウザ ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<!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 は不要になりました。
今後さらにケーススタディを追加予定です。

📚 関連チュートリアル

Web-Tutorial.com

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

100%