DOCTYPE html : dé­fi­ni­tion et exemples

Dans le code source des documents HTML et des sous-pages, le marquage <! DOCTYPE html> doit être placé au début. Grâce à DOCTYPE, il est possible de savoir di­rec­te­ment de quel type de document il s’agit. Si cette balise manque dans le document, cela peut entraîner des erreurs dans la pré­sen­ta­tion de votre site Web.

Ceux qui tra­vail­lent avec des documents HTML con­nais­sent déjà . Bien qu’il ne fasse pas partie des tags HTML clas­siques, devrait être placé en première position dans les documents HTML. Avant même le texte source pro­pre­ment dit, DOCTYPE indique quel type de document le na­vi­ga­teur devra ouvrir et quelle syntaxe et grammaire de code est utilisée. Bien que cette balise compte parmi les éléments les plus im­por­tants du document HTML, elle est souvent oubliée. Comme sa présence est devenue une condition préalable, il ne faut pas oublier de marquer le type de document pour chaque page avec . Les bons éditeurs HTML proposent un contrôle d’erreur qui signale les lignes DOCTYPE man­quantes.

Le rôle de DOCTYPE en HTML est d’expliquer au premier coup d’œil aux pro­gram­meurs et aux na­vi­ga­teurs de quelle document type dé­fi­ni­tion (DTD) il s’agit et comment un site Web doit être rendu. La DTD indique quel langage de code est utilisé sur la page ou dans le document HTML. Cela s’applique par exemple aux fichiers en HTML, XHTML, SVG, MathML ou XML. Si vous souhaitez créer votre propre site Web et apprendre le HTML, vous devrez donc commencer par insérer <! DOCTYPE html>.

L’absence de l’in­di­ca­teur DOCTYPE peut entraîner un affichage incorrect des sites Web. La raison en est que les na­vi­ga­teurs passent au­to­ma­ti­que­ment en « mode Quirks » lorsque <! DOCTYPE html> manque. Cela permet de préserver la com­pa­ti­bi­lité et la re­pré­sen­ta­bi­lité des sites Web sans norme de code ac­tua­li­sée. Mais en même temps, un code valide peut également entraîner un affichage incorrect, car certains na­vi­ga­teurs s’en tiennent à des éléments de code obsolètes et invalides.

Comme DOCTYPE en HTML5 n’est pas basé sur SGML, la forme est très facile à retenir. Elle ne nécessite pas de ma­jus­cules ni de mi­nus­cules et se trouve juste avant la première balise HTML de la première ligne du document HTML. Toutes les in­for­ma­tions dont un na­vi­ga­teur a besoin con­cer­nant le type de document et sa pré­sen­ta­tion se pré­sen­tent alors ainsi :

Dans les documents qui utilisent encore des versions HTML plus anciennes comme HTML4 ou XHTML, le DOCTYPE a l’air nettement plus compliqué. C’est pourquoi même les pro­gram­meurs ex­pé­ri­men­tés l’insèrent souvent dans le document HTML par copier-coller. Cette com­plexité s’explique par le fait que HTML4 et les langages de code plus anciens étaient encore basés sur le pré­dé­ces­seur de HTML, le SGML (Stan­dar­ded Ge­ne­ra­li­zed Markup Language), et que les na­vi­ga­teurs avaient besoin de la dé­fi­ni­tion exacte du type de document.

Dans les langages de balisage an­té­rieurs à HTML5, les codes DOCTYPE suivants sont utilisés au début d’un document HTML :

XHTML 1.0 strict :

XHTML 1.0 tran­si­tio­nal :

XHTML 1.1 strict :

Le marquage DOCTYPE pour les ebooks au standard EPUB2 ainsi que pour les formats d’ebooks plus anciens se fait d’ailleurs toujours en XHTML 1.1 Strict au début du document XHTML.

HTML 4.01 strict :

HTML 4.01 tran­si­tio­nal :

L’in­di­ca­tion <! DOCTYPE html> n’est pas obli­ga­toire et peut donc être omise dans les documents HTML. Néanmoins, l’in­di­ca­tion du type de document est con­si­dé­rée comme une norme et une con­ven­tion non of­fi­cielle. L’absence de marquage est signalée comme une erreur, par exemple lors d’un contrôle du document HTML. Si le na­vi­ga­teur ne peut pas re­con­naître avec certitude la grammaire et la syntaxe utilisées, des erreurs d’affichage peuvent se produire et la fonc­tion­na­lité d’un site Web peut être com­pro­mise.

Par­ti­cu­liè­re­ment important : DOCTYPE ne doit pas seulement figurer au début du code source d’un projet Web. Chaque sous-page du document HTML cor­res­pon­dant doivent disposer de l’iden­ti­fi­ca­tion cor­res­pon­dante.