Mi a célja a `` elemének?

Question

Mi a célja a `<!DOCTYPE html>` elemének?

Accepted Answer

`` egy HTML dokumentum legelső sora. Azt mondja a böngészőnek, hogy **standards mode**-ban jelenítse meg az oldalt **quirks mode** helyett (egy régi hiba-kompatibilis mód, amely az 1990-es évek böngészőit emulál). ```html ... ``` ## Standards mode versus quirks mode Doctype nélkül a böngészők a **quirks mode**-ra térnek vissza, amely meglepő módon megváltoztatja az elrendezési viselkedést — leginkább a **box model**: ```text Quirks mode: width includes padding + border (old IE box model) Standards mode: width is the content box (CSS spec) — predictable ``` Egyéb furcsaságok között szerepel a line-height eltérő kezelése a táblázat celláiban, a képtávolság és a CSS egységek. Ezek az inkonzisztenciák azt okozzák, hogy a gondosan megírt CSS másképpen jelenik meg, ezért szinte mindig a standards mode-ot szeretné. ## Miért ilyen rövid most A HTML4/XHTML-ben a doctype egy hosszú URL volt, amely egy DTD-re (Document Type Definition) hivatkozott: ```html ``` A HTML5 egyszerűvé tette, csupán `` — már nem mutat DTD-re; pusztán egy mód-kapcsoló, amelyet a böngésző felismer. ## Miért fontos Minden esetben szúrja be a `` elemet első sorként. Ez egy egysoros garancia arra, hogy az oldal a modern, konzisztens renderelési szabályokat használja, amelyeket minden CSS oktatóanyag és keretrendszer feltételez — ha kihagyja, zavaró, nehéz hibakeresésű elrendezési eltérésekhez vezet.