`` の目的は何ですか？

Question

`<!DOCTYPE html>` の目的は何ですか？

Accepted Answer

`` は HTML ドキュメントの最初の行です。ブラウザに **quirks mode**（1990年代のブラウザをエミュレートする古いバグ互換モード）ではなく **standards mode** でレンダリングするよう指示します。 ```html ... ``` ## なぜ重要なのか Doctype がないと、ブラウザは **quirks mode** にフォールバックし、レイアウト動作が予想外の方法で変わります — 最も有名なのは **box model** です： ```text Quirks mode: width includes padding + border (old IE box model) Standards mode: width is the content box (CSS spec) — predictable ``` その他の quirks には、テーブルセル内の line-height、画像の間隔、CSS ユニットの異なる処理が含まれます。これらの矛盾により、慎重に作成された CSS が異なるようにレンダリングされるため、ほぼ常に standards mode が必要です。 ## なぜ今はそんなに短いのか HTML4/XHTML では、doctype は DTD（Document Type Definition）を参照する長い URL でした： ```html ``` HTML5 はそれを単なる `` に簡略化しました — DTD を指さなくなります；それはブラウザが認識する単なるモード切り替えです。 ## なぜ重要なのか常に `` を最初の行として含めてください。それはあなたのページが、すべての CSS チュートリアルとフレームワークが想定する最新の一貫性のあるレンダリング規則を使用することの1行の保証です — それを省略すると、混乱しやすく、デバッグが難しいレイアウトの違いにつながります。