Astuces HTML Les doctypes

Un doctype (Document Type Declaration) indique au navigateur des informations concernant le contenu d'une page HTML, afin de mieux interpréter son contenu. Il est donc important de ne pas oublier de le spécifier en ahut de chaque page.

Cela permettant également au validateur W3C de vérifer les erreurs de syntaxes.

Un doctype se construit de la manière suivante :

<!DOCTYPE HTML PUBLIC "type_de_HTML" "adresse_de_DTD">

Exemples des doctypes les plus utilisés

HTML 4.01 Transtional <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Strict <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Frameset <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Transtional <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Strict <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Frameset <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
HTML 5 <!DOCTYPE html>

Différences entre les modes Strict, Transitional et Frameset.

Il est important de bien choisir son doctype, c'est pourquoi il faut bien faire la différence entre les différent modes :

- Un doctype de type Frameset indique que votre page contient des cadres (des frames)

- Un doctype de type Transitional indique que votre page utilise la syntaxe XHTML ainsi que certains élément HTML4. Il permet de faire la transition entre le HTML et le XHTML.

- Un doctype de type Strict indique que votre page utilise une syntaxe stricte et rigoureuse, déconseillant ainsi l'utilisation de certaines balises.

Le choix d'un doctype XHTML1.1 ou HTML5 évite de ce genre de problème puisqu'il n'y a pas de dissociation.