Participer au site avec un Tip
Rechercher
 
Bug Suggérer des Améliorations / Corrections
Share Partager sur Facebook Partager sur Twitter
Links Notre chaîne YouTube Notre discord

Améliorations / Corrections

Vous avez des améliorations (ou des corrections) à proposer pour ce document : je vous remerçie par avance de m'en faire part, cela m'aide à améliorer le site.

Emplacement :

Description des améliorations :

Le doctype (type de document) HTML

Le commentaire HTML Les entités HTML prédéfinies



Accès rapide :
Syntaxe
Les principaux DOCTYPE utilisés aujourd'hui
Exemple de code

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 été 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 

<!DOCTYPE html>
<html>
    <head>
        <title>Une page HTML vierge</title>
        <meta charset="utf-8" />
    </head>
    <body>
        
    </body>
</html>
Exemple de définition d'une page utilisant un doctype HTML 5
Le commentaire HTML Les entités HTML prédéfinies