HTML5, structuration documentaire

Afficher le planAfficher le plan

Le XHTML

Définition

Le XHTML (Extensible HyperText Markup Language) est apparu après la version 4 du HTML. Le XHTML 1.0 est une transposition en syntaxe XML de HTML4. La syntaxe du XHTML est donc plus stricte que le HTML.

Ce format apporte les avantages du format XML : la page peut être traitée via les technologies dédiées (XSL, XPath, etc.), réutilisée à d'autres fins (par modularité et transclusion notamment).

Relations entre les langagesInformationsInformations

RappelDifférences entre le XHTML et le HTML

  • La balise <!DOCTYPE> obligatoire précise la syntaxe à utiliser.

  • Déclaration du namespace dans la balise <html>.

  • Les noms des balises et des attributs sont écrits en minuscules.

  • Toute balise ouvrante doit être fermée.

  • Les éléments HTML doivent être correctement imbriqués.

  • Les valeurs des attributs sont encadrés par des apostrophes ou des guillemets.

  • Chaque attribut doit avoir une valeur (pas d'attribut vide).

ExemplePage minimale en XHTML et HTML

En XHTML

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
<html xmlns="http://www.w3.org/1999/xhtml">
3
   <head>...</head>
4
   <body>...</body>
5
</html>
<!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>...</head>
   <body>...</body>
</html>

En HTML

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2
<html>
3
   <head>...</head>
4
   <body>...</body>
5
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
   <head>...</head>
   <body>...</body>
</html>

ExempleRepères de fermeture en XHTML mais pas en HTML

XHTML 1.0

HTML 4.1

<p>Texte avec<br />passage à la ligne</p>

<p><img src="image.gif" alt="une image"/></p>

<p>Texte avec<br>passage à la ligne</p>

<p><img src="image.gif" alt="une image"></p>

PrécédentPrécédentSuivantSuivant
AccueilAccueilImprimerImprimer Rihab Hachem, Cindy Pinvin, Baptiste Perraud, 2014-2016 (Contributions : Stéphane Crozat, les étudiants de l'UTC) Paternité - Partage des Conditions Initiales à l'IdentiqueRéalisé avec Scenari (nouvelle fenêtre)