DTD : déclaration de type de données a destination du navigateur et du validateur

le 2 novembre 2010 • Internet • par Ancienasgard

Cette petite balise que tous les webmasters utilisent au début de chaque page HTML mais que très peu comprennent mérite un peu d'attention. A quoi sert-elle ? Pourquoi fut-elle créée ? Les réponses dans cet article destiné aux débutants comme aux plus expérimentés !

A une certaine époque le xhtml et css n’existaient pas. Seul le html existait, forme et fond étaient ensemble. Puis il y a eu une sorte de "guerre" de navigateurs (IE vs Netscape) les balises appartenaient à des sociétés. Pour une gestion plus simple le Xhtml fut créé.

Qu'est ce que le W3C ?

Le W3C (World Wide Web Consortium ) est un groupe de personnes qui etabli non pas une norme mais une sorte de guide sur comment programmer en Xhtml . Le but etant que si tout le monde applique ce "guide", une page web reste la meme quel que soit le navigateur ou le pays.

Je vais vous proposer le lien du validateur W3C sachez que s'il affiche une erreur ou warning sur une page ca ne veut pas necessairement dire que cette page ne fonctionne pas correctement, c'est qu'il peut y avoir des petites erreurs (souvent un espace en trop ou du texte mis sans balise ..... ou une grosse erreur...)

Validateur W3C

Bon, le validateur c'est bien beau mais on a pas parlé des DTD :

C'est une partie du code source de votre page (située au tout début) qui indique au navigateur et au validateur quel "type" de code vous allez utiliser.

Il en existe trois modes :

Strict
Transitional (je travaille comme en HTML4)
FrameSet (j’utilise des cadres)

Mode strict :

Comme son nom l'indique votre code source doit respecter le guide sans la moindre erreur. C'est consideré par le W3C comme l'ideal mais avouons le c'est tres contraignant (et donc peu utilisé)

Le code de debut est :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Mode transitional :

Vous pouvez utiliser le html4 (donc sans css, etc...). Ce mode est le plus courant.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Mode FrameSet :

Dans ce mode vous utilisez des frames (cadres) qui affichent des elements differents.

Tout un tas de trucs qui font fuir les gens a notre epoque. N'est plus utilisé, a ma connaissance.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

DTD : déclaration de type de données a destination du navigateur et du validateur

Qu'est ce que le W3C ?

Lisez aussi...

Javascript : De la neige sur vos sites web !

Rediriger son site avec du HTML