Le doctype (type de document) HTML

Syntaxe

<!DOCTYPE html >

Il existe aujourd'hui plusieurs versions d'HTML. Effectivement, au fur et à mesure de ses évolutions, certains points ont évolués et notament sur la manière de restituer visuellement une page. C'est le W3C (World Wide Web Consortium) qui spécifie ces différentes versions, au travers de documents que l'on nomme des recommandations.

Il est donc très important d'indiquer à votre navigateur avec quelle version du standard HTML il doit interpréter votre page web. C'est pour cela que l'on fixe un DOCTYPE en tête de nos page HTML (il doit être défini sur la première ligne de votre page): il indique la version du HTML considérée.

Les principaux DOCTYPE utilisés aujourd'hui

Plusieurs niveaux de compatibilités peuvent être utilisé. Il est a noter que les DOCTYPE ont toujours étaient un peu compliqué à retenir. La bonne nouvelle, c'est qu'à partir du niveau de compatibilité HTML 5, les choses ont étaient simplifiées à l'extrême. Ainsi voici un DOCTYPE HTML 5.

<!DOCTYPE html>

Attention : un DOCTYPE n'est pas vraiment un tag. Il ne faut donc pas terminer cette construction. De même vous trouverez toujours le mot DOCTYPE écrit en majuscules.

Par contre, pour les précédents DOCTYPE, c'est plus compliqué : en voici quelques uns.

HTML 4.01 Strict 
                            
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
          "http://www.w3.org/TR/html4/strict.dtd">


HTML 4.01 Transitional : avec support des éléments dépréciés <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset : avec support des Frameset <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Transitional : avec support des éléments dépréciés <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset : avec support des 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">

Exemple de code

Voici donc un petit exemple d'une page HTML respectant la recommandation HTML 5.

 1 
 2 
 3 
 4 
 5 
 6 
 7 
 8 
 9 
 10 
 11 
 12 
 13 
 14 
 15 
 16 
 17 
 18 
 19 
 20 
 21 
 22 
 23 
 24 
 25 
 26 
 27 
<!DOCTYPE html>
<html>
    <head>
        <title>A little HTML page</title>
        <meta charset="utf-8" />
        <link rel="stylesheet" type="text/css" href="file.css" />
    </head>
    <body>
        <header>
            <h1>A little HTML page</h1>
        </header>
        
        <h2>Another title of level 2</h2>
        
        <p>
           A small paragraph.
        </p>
    
        <footer>
            <hr/>
            <p>
                This is the page footer.
            </p>
        </footer>
        
    </body>
</html>
Exemple de définition d'une page utilisant HTML 5