Quel est l'objectif de `` ?

Question

Quel est l'objectif de `<!DOCTYPE html>` ?

Accepted Answer

`` est la toute première ligne d'un document HTML. Elle dit au navigateur de faire un rendu en **mode standards** plutôt qu'en **mode quirks** (un ancien mode compatible avec les bogues qui émule les navigateurs des années 1990). ```html ... ``` ## Mode standards vs mode quirks Sans le doctype, les navigateurs reviennent au **mode quirks**, qui change le comportement de la mise en page de façon surprenante — plus particulièrement le **modèle de boîte** : ```text Quirks mode: width includes padding + border (old IE box model) Standards mode: width is the content box (CSS spec) — predictable ``` D'autres bizarreries incluent une gestion différente de la hauteur de ligne dans les cellules de tableau, l'espacement des images et les unités CSS. Ces incohérences font que votre CSS soigneusement écrit s'affiche différemment, donc vous voulez presque toujours le mode standards. ## Pourquoi c'est aussi court maintenant En HTML4/XHTML le doctype était une longue URL référençant une DTD (Définition de Type de Document) : ```html ``` HTML5 l'a simplifié à juste `` — il ne pointe plus vers une DTD ; c'est purement un commutateur de mode que le navigateur reconnaît. ## Pourquoi c'est important Toujours inclure `` comme première ligne. C'est une garantie d'une seule ligne que votre page utilise les règles de rendu modernes et cohérentes que chaque tutoriel CSS et chaque framework supposent — l'omission conduit à des différences de mise en page déroutantes et difficiles à déboguer.