1. Toutes les balises doivent avoir une balise de fermeture correspondante
Auparavant, en HTML, vous pouviez ouvrir de nombreuses balises, telles que <p> et <li> sans nécessairement écrire les </p> et </li> correspondants pour les fermer. Mais ce n'est pas légal en XHTML. XHTML nécessite une structure stricte et toutes les balises doivent être fermées. S'il s'agit d'une balise distincte non appariée, ajoutez un "/" à la fin de la balise pour la fermer. Par exemple:
<br /><img height="80" alt="Web Designer" src="../images/logo_w3cn_200x80.gif" width="200" />
2. Les noms de tous les éléments et attributs de balise doivent être en minuscules
Contrairement au HTML, XHTML est sensible à la casse et <title> et <TITLE> sont des balises différentes. XHTML exige que tous les noms de balises et d'attributs soient en minuscules. Par exemple : <BODY> doit être écrit sous la forme <body>. La casse mixte n'est pas non plus reconnue. Habituellement, le nom de l'attribut "onMouseOver" généré automatiquement par Dreamweaver doit également être remplacé par "onmouseover".
3. Toutes les balises XML doivent être correctement imbriquées
De plus, comme XHTML nécessite une structure stricte, toutes les imbrications doivent être dans l'ordre. Auparavant, nous écrivions le code comme ceci :
<p><b></p></b>
Doit être modifié pour :
<p><b></b></p>
C’est-à-dire que l’imbrication couche par couche doit être strictement symétrique.
4. Tous les attributs doivent être placés entre guillemets ""
En HTML, vous n'avez pas besoin de citer les valeurs d'attribut, mais en XHTML, elles doivent être citées. Par exemple:
<hauteur=80>
Doit être modifié pour :
<hauteur="80">
Dans des cas particuliers, vous devez utiliser des guillemets doubles dans la valeur de l'attribut, vous pouvez utiliser ", et les guillemets simples peuvent utiliser ', par exemple :
<alt="dire'bonjour'">
5. Encodez tous les symboles spéciaux < et &
Tout signe inférieur à (<) qui ne fait pas partie d'une balise doit être codé comme <
Tout signe supérieur à (>) qui ne fait pas partie d'une étiquette doit être codé comme >
Toute esperluette (&) qui ne fait pas partie d'une entité doit être codée comme & amp;
Remarque : Il n'y a pas d'espace entre les caractères ci-dessus.
6. Attribuez une valeur à tous les attributs
XHTML stipule que tous les attributs doivent avoir une valeur, et s'il n'y a pas de valeur, il se répétera. Par exemple:
<td nowrap> <input type="checkbox" name="shirt" value="medium" vérifié>
Doit être modifié pour :
<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" vérifié="checked">
7. N'utilisez pas "--" dans le contenu du commentaire
"--" ne peut apparaître qu'au début et à la fin des commentaires XHTML, c'est-à-dire qu'ils ne sont plus valides dans le contenu. Par exemple, le code suivant n'est pas valide :
<!--Commentaires ici----------Commentaires ici-->
Remplacez les lignes pointillées internes par des signes égaux ou des espaces.
<!--Commentaires ici============Commentaires ici-->
Certaines des spécifications ci-dessus peuvent sembler étranges, mais elles sont toutes conçues pour que notre code ait une norme unifiée et unique afin de faciliter la réutilisation future des données.