Jaký je účel ``?

Question

Jaký je účel `<!DOCTYPE html>`?

Accepted Answer

`` je úplně první řádek HTML dokumentu. Říká prohlížeči, aby vykresloval v **standards mode** namísto **quirks mode** (starý režim kompatibilní s chybami, který emuluje prohlížeče z 90. let). ```html ... ``` ## Standards mode vs quirks mode Bez doctype se prohlížeče vrací k **quirks mode**, který mění chování rozvržení překvapivými způsoby — nejznámější je **box model**: ```text Quirks mode: width includes padding + border (old IE box model) Standards mode: width is the content box (CSS spec) — predictable ``` Další zvláštnosti zahrnují odlišné zacházení s line-height v buňkách tabulky, rozestupem obrázků a jednotkami CSS. Tyto nekonzistence způsobují, že se váš pečlivě napsaný CSS vykresluje odlišně, takže téměř vždy chcete standards mode. ## Proč je nyní tak krátký V HTML4/XHTML byl doctype dlouhá URL odkazující na DTD (Document Type Definition): ```html ``` HTML5 to zjednodušilo na pouhý `` — již neukazuje na DTD; je to čistě přepínač režimu, který prohlížeč rozpozná. ## Proč na tom záleží Vždy zahrňte `` jako první řádek. Je to jednoduché, jednořádkové garance, že vaše stránka používá moderní, konzistentní pravidla vykreslování, která předpokládá každý CSS tutoriál a framework — jeho vynechání vede k matoucím, těžko laditeleným rozdílům rozvržení.