Les différences entre XHTML et HTML

En écrivant un HTML strict, vous pouvez vous préparer pour le XHTML.

Comment se préparer pour le XHTML

Il n'y a pas beaucoup de différences entre le XHTML et le standard HTML 4.01.

Ainsi, passer votre code à la version 4.01 est un bon début. Notre manuel complet surManuel de référence HTML 4.01》va vous aider à faire cela.

De plus, vous devriez immédiatement écrire votre code HTML en minuscules et ne jamais prendre l'habitude de négliger des balises comme </p>.

Nous vous souhaitons un codage agréable !

La principale différence :

  • Les éléments XHTML doivent être correctement imbriqués.
  • Les éléments XHTML doivent être fermés.
  • Les noms de balise doivent être en minuscules.
  • Le document XHTML doit posséder un élément racine.

Les éléments doivent être correctement imbriqués

Dans HTML, certains éléments peuvent être imbriqués de manière incorrecte :

<b><i>Cet texte est en gras et en italique</b></i>

Dans XHTML, tous les éléments doivent être correctement imbriqués les uns dans les autres :

<b><i>Cet texte est en gras et en italique</i></b>

Avis :Un erreur courante dans les listes imbriquées est d'oublier que la liste interne doit être située dans l'élément li, comme suit :

C'est incorrect :

<ul>
  <li>Café</li>
  <li>Thé
    <ul>
      <li>Thé noir</li>
      <li>Thé vert</li>
    </ul>
  <li>Lait</li>
</ul>

C'est correct :

<ul>
  <li>Café</li>
  <li>Thé
    <ul>
      <li>Thé noir</li>
      <li>Thé vert</li>
    </ul>
  </li>
  <li>Lait</li>
</ul>

Attention : dans les exemples de code corrects, nous avons inséré une balise </li> après </ul>.

Les éléments XHTML doivent être fermés

Les balises non vides doivent utiliser une balise de fermeture.

C'est incorrect :

<p>Ceci est un paragraphe
<p>Ceci est un autre paragraphe

C'est correct :

<p>Ceci est un paragraphe</p>
<p>Ceci est un autre paragraphe</p>

Les balises vides doivent également être fermées

Les balises vides doivent également utiliser une balise de fermeture, ou leur balise de début doit utiliser/>Fin.

C'est incorrect :

Une rupture : <br>
Une règle horizontale : <hr>
Une image : <img src="happy.gif" alt="visage heureux">

C'est correct :

Une rupture : <br />
Une règle horizontale : <hr />
Une image : <img src="happy.gif" alt="visage heureux" />

Les éléments XHTML doivent être en minuscules

La norme XHTML définit : les noms de balise et les paires d'attributs sont sensibles à la casse.

C'est incorrect :

<BODY>
<P>Ceci est un paragraphe</P>
</BODY>

C'est correct :

<body>
<p>Ceci est un paragraphe</p>
</body>

Un document XHTML doit avoir un élément racine

Tous les éléments XHTML doivent être imbriqués dans l'élément racine <html>. Tous les autres éléments peuvent avoir des éléments enfants. Les éléments enfants doivent être pairs et imbriqués dans leur élément parent. La structure de document de base est la suivante :

<html>
<head> ... </head>
<body> ... </body>
</html>