Welchen Zweck hat ``?

Question

Welchen Zweck hat `<!DOCTYPE html>`?

Accepted Answer

`` ist die allereste Zeile eines HTML-Dokuments. Es teilt dem Browser mit, dass er im **Standards-Modus** statt im **Quirks-Modus** rendern soll (ein alter, fehlerbehafteter Kompatibilitätsmodus, der Browser der 1990er Jahre emuliert). ```html ... ``` ## Standards-Modus vs. Quirks-Modus Ohne Doctype fallen Browser auf den **Quirks-Modus** zurück, der das Layout-Verhalten auf überraschende Weise ändert – am berüchtigtsten das **Box-Modell**: ```text Quirks mode: width includes padding + border (old IE box model) Standards mode: width is the content box (CSS spec) — predictable ``` Weitere Besonderheiten sind unterschiedliche Handhabung von line-height in Tabellenzellen, Bildabstand und CSS-Einheiten. Diese Inkonsistenzen führen dazu, dass Ihr sorgfältig geschriebenes CSS unterschiedlich gerendert wird, weshalb Sie fast immer den Standards-Modus möchten. ## Warum es jetzt so kurz ist In HTML4/XHTML war der Doctype eine lange URL, die auf eine DTD (Document Type Definition) verwies: ```html ``` HTML5 vereinfachte dies zu nur `` – es verweist nicht mehr auf eine DTD; es ist rein ein Modusschalter, den der Browser erkennt. ## Warum es wichtig ist Geben Sie immer `` als erste Zeile an. Es ist eine einzeilige Garantie, dass Ihre Seite die modernen, konsistenten Rendering-Regeln verwendet, die jedes CSS-Tutorial und Framework voraussetzt – wenn Sie es weglassen, führt dies zu verwirrenden, schwer zu debuggenden Layout-Unterschieden.