Fiche technique

Naissance et évolution du XHML

XHTML (eXtensible Hyper Text Markup Language) signifie langage de balisage hypertexte extensible. Il est la conséquence de l'incompatibilité des fichiers HTML et XML que certains navigateurs n'arrivaient pas à déchiffrer.

C'est une extension du HTML qui, en outre, reprend les caractéristiques les plus intéressantes du XML, telles que la structuration et l'extensibilité des données. Il est possible d'étendre les fonctions standards du langage, en employant des bibliothèques externes chargeables sous forme de module par le biais du DTD (Document Type Définition).

Le W3C avait pour objectif de créer un langage, compatible avec les nombreuses pages disponibles sur le Web, qui intègre les technologies qui s'imposent, comme par exemple l'accès au web via les périphériques mobiles (CGM, Palm, Pocket PC) : XHTML 1.0 sera le successeur du HTML 4.0. L'XHTML permet de reprendre les éléments familiers du HTML avec une syntaxe XML (un fichier source XHTML prendra en en-tête le DTD (Document Type Définition) propre à la syntaxe XML, qui définit la structure des attributs et éléments qui sont utilisés dans le fichier source.

XHTML fournit les bases d'une famille de types de documents qui étendront et définiront des sous-ensembles XHTML, de façon à maintenir une large variété de nouveaux matériels et d'applications, en définissant des modules et en spécifiant le mécanisme pour combiner ces modules. Ce mécanisme permettra l'extension et la construction de sous-ensembles XHTML 1.0 de façon unique à travers la définition de nouveaux modules. Car XHTML est composé en interne de modules ! Il est possible de remplacer les modules existants ou d'en rajouter.

Chaque module existant est décrit par un "abstract module" qui définit l'usage et le pourtour. Malheureusement, pour le moment, aucun éditeur HTML classique (ou presque) ne permet de sauver son travail au format XHTML. Mais, il existe une exception : Amaya, qui est l'éditeur/browser mis au point par le W3C et qui intègre et gère efficacement la plupart des améliorations les plus récentes : feuilles de styles, modules additionnels, XML, HTML 4.0, et XHTML.


XHTML

Il est une normalisation et une extension du HTML et est le véritable successeur du HTML 4. Il intègre toutefois les caractéristiques les plus intéressantes du XML : données structurées, extension des fonctions. Il est codé comme du HTML sauf la première balise, qui doit obligatoirement être du type :

< !doctype html public "-//w3c//dtd xhtml.0 strict//en" "dtd/xhtml1.strict.dtd" >

• Premières balises du XHTML
  
  Il existe 3 balises différentes pour un code XHTML, afin de respecter le niveau de compatibilité de certains navigateurs :
  
  * Navigateurs reconnaissants les feuilles de style CSS (Cascading Style Sheet)
  Dans ce cas, on utilise un code dit "XHTML strict", et la balise suivante (en en-tête) est obligatoire :
  < !doctype html public "-//w3c//dtd xhtml1.0 strict//en""dtd/xhml1.strict.dtd" >
  
  * Navigateurs de première génération : dans cet exemple, on utilise un code dit "XHTML de transition", à part les feuilles de styles, le code est proche du précédent :
  < !doctype html public "-//w3c//dtd xhtml1.0 transitional//en""dtd/xhml1.transitional.dtd" >
  
  * Cas de frameset : les frames sont gérées de manière spécifique (idem avec du HTML). On utilise alors la balise suivante :
  < !doctype html public "-//w3c//dtd xhtml1.0 frameset//en""dtd/xhml1.frameset.dtd" >
  

• Les différentes types de balises XHTML
  
  En XHTML, l'écriture des balises se fait obligatoirement en minuscule, contrairement au HTML où on peut alterner les deux sans gravité. De même en HTML, certaines balises sont facultatives (comme les balises de début et de fin de fichier) vu que les navigateurs s'en passent très bien. Elles sont obligatoires en XHTML.
  

Règles de base

Au contraire du HTML, le XHTML exige de refermer toutes les balises ouvertes afin que les navigateurs sachent l'étendu de l'action de la balise influant sur la page. Il faut donc refermer toutes les balises même vides.

• Ecriture des balises vides : les balises vides en HTML s'écrivent par exemple < hr >, ou < br >. En XHTML, elles s'écrivent< hr />, < br /> (il ne faut surtout pas oublier l'espace avant le / : la balise ne serait pas reconnue par les navigateurs ne comprenant que le HTML).
  
• Spécificités des balises : certaines balises contiennent des attributs comme par exemple : < td nowrap > texte < /td > en HTML, en XHTML elle s'écrit < td nowrap="nowrap > texte < /td >.
  XHTML impose le marquage de ces attributs, dans le cas où des extensions futures verraient le jour, mais également afin de permettre au langage de s'adapter aux contraintes des équipements mobiles (GSM, Pocket PC...). En XHTML tous les attributs de type nombre doivent êtres entre guillemets, exemple < table border="1" >
  
• Fermeture des balises : la cohérence des encadrements est obligatoire. La première balise ouverte doit être la dernière fermée.
  Exemple : < b > < u > < i > texte en gras souligné et en italique < /i > < /u > < /b >
  

Conclusion

XHTML est une grande amélioration du HTML. Apprendre XHTML implique de perdre un certain nombre de mauvaises habitudes comme oublier de fermer les tag < /p > à la fin d'un paragraphe, mais les avantages de XHTML comme un langage structuré et "cross-compatible" sont clairs.

L’intérêt du XHTML est de se situer aux frontières du XML et du HTML. Le XHTML va faire évoluer les pages web actuelles.

Les documents XHTML sont conformes à XML. En tant que tels, ils peuvent donc être vus, édités et validés avec les outils standards XML. Les documents XHTML peuvent utiliser des applications (i.e. scripts et applets) qui s'appuient aussi bien sur le HTML que sur le XML.