XHTML > Définition

XML : eXtensible Markup Language

XML est un langage de balisage générique, principalement utilisé pour le stockage et le transfert de données textuelles structurées en champs arborescents.

Exemple de fichier XML :
	<?xml version="1.0"  encoding="ISO-8859-1" ?>
	<personnes>
	  <personne>
	    <nom>Martin</nom>
	    <service>Achats</service>
	  </personne>
	  <personne>
	    <nom>Rino</nom>
	    <service>Informatique</service>
	  </personne>
	</personnes>

XHTML : eXtensible HyperText Markup Language

Basé sur le langage XML, le XHTML définit un ensemble fini de balises qui permettent de structurer un texte et qui sont compréhensibles par un navigateur web.

Une balise commence par un chevron ouvrant "<" et se termine par un chevron fermant ">". Invisibles pour le visiteur, les balises servent à structurer le texte et à donner des instructions au navigateur pour l'affichage du texte.

Il existe deux types de balises :

Des précisions peuvent être données sur la balise grâce à des attributs : <img src="mon-image.jpg" alt="Une image" />

Exemples de balises XHTML :
	<h1> Ici on a un titre de niveau 1  </h1>

	<ul>
	  <li> 1er élément "li" d'une liste "ul" </li>
	  <li> 2nd élément </li>
	</ul>

	<img src="images/internet-directory-brown-128.png" alt="Une image" />

Et le HTML dans tout ça ?

Le HTML est le prédécesseur du XHTML. Moins précis, il permettait de nombreuses erreurs ainsi que le mélange entre la structure du texte et la mise en forme (dédié aujourd'hui aux feuilles de style CSS). Le XHTML permet de remédier à cela.

Normalisé par le W3C, le HTML trouve ses origines dans les années 1989-1992 et a vue différentes versions (2.0, 3.2, 4.0) avant de laisser la place à XHTML 1.0 au début des années 2000. Depuis 2006, HTML revient en force avec une version 5 et l'abandon de XHTML 2, mais HTML 5 n'est pas encore pleinement implémenté dans les navigateurs actuels. En savoir plus : Historique d'HTML sur Wikipedia

Les 5 règles obligatoires du XHTML

Exemples :
	 <a href="http://www.monsite.com" title='Mon Site'>Site web Mon Site</a>
	 <span> Texte entouré d'une balise <strong>ouvrante puis fermante</strong>. </span>
	 <img src="http://www.monsite.com/image.gif" />
Erreurs :
	 <a href="http://www.monsite.com" title>Site web Mon Site<a>
	 <span> Texte entouré d'une balise <STRONG>ouvrante puis fermante</span></STRONG>.
	 <div id=monIdentifiant> Contenu du bloc
	 <img src="http://www.monsite.com/image.gif">

Sylvain Boureliou - sylvain.boureliou@gmail.com - www.boureliou.com