Wat is het doel van ``?

Question

Wat is het doel van `<!DOCTYPE html>`?

Accepted Answer

`` is de allereerste regel van een HTML-document. Het vertelt de browser om in **standards mode** weer te geven in plaats van **quirks mode** (een oude bug-compatibele modus die browsers uit de jaren 90 emuleert). ```html ... ``` ## Standards mode vs quirks mode Zonder de doctype vallen browsers terug op **quirks mode**, wat het layout-gedrag op verrassende manieren verandert — het meest beroemd het **box model**: ```text Quirks mode: width includes padding + border (old IE box model) Standards mode: width is the content box (CSS spec) — predictable ``` Andere quirks zijn onder meer verschillend gedrag van line-height in tabelcellen, afstand van afbeeldingen en CSS-eenheden. Deze inconsistenties zorgen ervoor dat uw zorgvuldig geschreven CSS anders wordt weergegeven, dus u wilt bijna altijd standards mode. ## Waarom het nu zo kort is In HTML4/XHTML was de doctype een lange URL die naar een DTD (Document Type Definition) verwees: ```html ``` HTML5 vereenvoudigde het tot alleen `` — het verwijst niet langer naar een DTD; het is puur een moduschakelaar die de browser herkent. ## Waarom het belangrijk is Voeg altijd `` als eerste regel toe. Het is een garantie van één regel dat uw pagina de moderne, consistente renderingregels gebruikt die elke CSS-tutorial en framework ervan uitgaat — het weglaten ervan leidt tot mysterieuze, moeilijk op te sporen lay-outverschillen.