Conception & Réalisation de sites Web

HTML et XHTML quelle différence ?

Du HTML au XHTML

Le HTML est un langage qui évolue. Plusieurs versions se sont succédées : HTML 1, HTML 2, HTML 3 puis HTML 4.

Le XHTML 1 (Extensible Hypertext Markup Language) est apparu peu après le HTML 4.
Il s'agit en fait d'une reformulation plus rigoureuse du HTML. Seule la syntaxe change, les fonctionnalités sont les mêmes.

Le choix est fait dans ce cours d'utiliser le XHTML pour la création de pages Web.
Ceci pour les raisons suivantes :

  • C'est la version la plus récente et celle qui a le plus d'avenir.
  • Si sa syntaxe est plus précise, elle est également plus logique, et donc plus facile à comprendre.
  • Notons que les différences de syntaxe entre HTML et XHTML sont minimes et qu'il est facile de passer de l'un à l'autre.

La balise «doctype» ou comment préciser au navigateur
quelle syntaxe est utilisée

Pour préciser au navigateur (Internet Explorer par exemple) quelle langage est utilisé dans notre page Web, nous allons commencer toutes nos pages par une balise un peu étrange baptisée «doctype» (comme "type de document"). Elle précise la syntaxe (HTML ou XHTML) et le numéro de version utilisée pour l'écriture de notre page.

Exemple pour un document XHTML :

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

Exemple pour un document HTML :

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

NB : Il ne s'agit pas d'apprendre ces lignes par coeur mais de comprendre pourquoi elles sont là !

Notons enfin qu'en XHTML, il faudra également préciser dans la balise <html> l'indication suivante : xmlns="http://www.w3.org/1999/xhtml". En fait, il s'agit de préciser où sont définies les règles de nommage des balises (xmlns est l'accronyme de XML Name Space, soit "espace de nom XML").

En résumé, la structure exacte d'une page Web XHTML sera toujours la suivante :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <title>Titre de la page</title>
   </head>
   <body>
      Texte de la page ici.
   </body>
</html>

Tandis que la structure exacte d'une page Web HTML sera toujours la suivante :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
   <head>
      <title>Titre de la page</title>
   </head>
   <body>
      Texte de la page ici.
   </body>
</html>

Copyright © 2017 Erwan DUPEUX MAIRE - Tous droits réservés.
Valid XHTML 1.0 Transitional Valid CSS!