<!DOCTYPE>
La déclaration <!DOCTYPE> est un composant essentiel de tout document HTML. Elle informe le navigateur de la version de HTML utilisée, garantissant ainsi un rendu conforme et standardisé.
Avec l’avènement de HTML5, cette déclaration est devenue plus simple et universelle, nous permettant ainsi de réduire nos erreurs ! 😉
Structure de la déclaration <!DOCTYPE>
Contrairement aux idées reçues, <!DOCTYPE> n’est pas une balise HTML mais une instruction spéciale placée en première ligne d’un document HTML.
Elle indique au navigateur la version de HTML utilisée et active les règles du navigateur pour afficher correctement les éléments sur la page.
Ne pas mettre cette déclaration provoque donc souvent des comportements... étranges ! Les éléments de la page n'étant pas compris comme étant des éléments utilisant le standard 5 du HTML par exemple.
Syntaxe
Avec HTML5 (moderne)
Avec l'arrivée du HTML5, la syntaxe de la déclaration <!DOCTYPE> est devenue beaucoup plus simple que par le passé ! Il suffit en effet de préciser l'instruction avec l'attribut html, comme dans cet exemple :
<!DOCTYPE html>
Avec les anciennes versions de HTML
Dans les versions antérieures comme HTML 4.01, la syntaxe faisait référence à une DTD (Document Type Definition).
On se retrouvait donc à écrire par exemple ceci pour une page faite avec HTML 4.01 :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">Ces déclarations étaient complexes et susceptibles de provoquer des erreurs, d’où leur simplification en HTML5. Ouf ! 😮💨
Attributs
La déclaration <!DOCTYPE> ne possède pas d’attributs, car elle n’est pas une balise HTML. Son rôle est purement déclaratif.
Compatibilité
Pour le HTML5 (moderne)
Tous les navigateurs actuels reconnaissent et utilisent la déclaration <!DOCTYPE html> pour interpréter un document HTML5.
Pour les anciennes versions du HTML
Les pages qui utilisent une ancienne version du HTML doivent obligatoirement utiliser une déclaration DTD pour HTML 4.01 et XHTML. Tous les navigateurs reconnaissent cette instruction également.
De manière générale
L'instruction <!DOCTYPE> est compatible avec tous les navigateurs.
| Elément | Google Chrome | Safari | Mozilla Firefox | Edge |
| <!DOCTYPE> | Oui | Oui | Oui | Oui |