Auteur: Jérôme Forget. Publié le 3 janvier 2007.
Les éléments du XHTML servent à indiquer la signification du texte dans le document. Par exemple, une phrase peut être un titre, le texte d'un paragraphe, du code informatique, une liste ou un tableau. Pour chaque élément de contenu, indiquez précisément la signification en utilisant l'élément XHTML correspondant.
En choisissant le bon élément à utiliser dans un contexte particulier, portez une attention à la signification du contenu, et non à l'apparence de ce contenu. Lorsque vous aurez pris l'habitude de noter le contenu à l'aide des bons éléments XHTML, vos documents seront plus clairs et se laisseront plus facilement indexer par les moteurs de recherche.
Voici quelques-uns de ces éléments servant à changer la signification d'un texte dans un document XHTML :
La balise <abbr> sert à indiquer que le texte est une abbréviation d'un mot ou d'une phrase plus longue (comme WWW, HTTP, URI, Qué., etc.). Même si à l'heure actuelle aucun navigateur n'utilise cet élément, des versions futures pourraient implémenter cette balise. Dans les exemples suivants, nous utilisons la balise <abbr> en conjonction avec les attributs title et lang pour préciser le mot complet de l'abbréviation et sa langue d'origine.
<abbr title="World Wide Web">WWW</abbr>
<abbr lang="fr" title="Société Nationale des Chemins de Fer">
SNCF
</abbr>
<abbr title="Abbreviation">abbr.</abbr>La balise <acronym> sert à indiquer que le texte est un acronyme, une abbréviation formée à partir de la première lettre de chaque mot d'un nom ou d'une expression, comme HTML ou IBM. Certains navigateurs utilisent cette balise pour afficher le terme complet de l'acronyme au survol du texte.
<acronym title="HyperText Markup Language">HTML</acronym>
<acronym title="Cascading Style Sheets">CSS</acronym>
<acronym title="World Wide Web Consortium">W3C</acronym>La balise <code> sert à indiquer que le texte est une portion de code informatique, du jargon de programmeur ou tout autre texte destiné à être lu par une machine.
Dans un fichier, écrivez la ligne <code><?php phpinfo() ?></code>Utilisez la balise <dfn> pour indiquer la première apparition d'un terme nouveau ou compliqué. Cette balise pourra servir, dans l'avenir, à créer automatiquement un index ou un glossaire.
Une bactérie résistante à certains antibiotiques inquiète la communauté médicale
canadienne. Le <dfn>staphylocoque doré</dfn> en question est non seulement
très virulent, mais il s'attaque à une clientèle habituellement épargnée par la
maladie: les jeunes sportifs.La balise <em> sert à présenter un terme ou une expression en y mettant une emphase particulière. Cela peut être un terme important, un mot nouveau ou un concept spécifique.
Le Docteur Nguyen a souligné <em>l'urgence d'agir</em> dans cette situation grave.La balise <kbd> sert à indiquer des concepts techniques, ou du texte destiné à être tapé sur le clavier. Cette balise est utilisée dans les documentations techniques et les manuels informatiques.
Choisissez <kbd>Quit</kbd> pour quitter l'application, ou <kbd>Menu</kbd>
pour retourner au menu principal.Comme la balise <em>, la balise <strong> sert à marquer l'emphase sur un terme ou une expression, mais une emphase plus forte, plus prononcée.
Le Docteur Nguyen a souligné <em>l'urgence d'agir</em> dans cette situation grave.
«Il ne faut <strong>jamais</strong> resté les bras croisés devant de tels drames»,
a-t-il affirmé hier en conférence de presse.La balise <var>, autre truc destiné aux manuels d'informatique, indique un nom de variable ou une valeur à être entré par l'utilisateur. Cette balise est souvent utilisée en conjonction avec les balises <code> et <pre> pour présenter des exemples de code de programmation.
Dans l'expression suivante, remplacez <var>nomRepertoire</var> par le nom du répertoire:
<code>cd <var>nomRepertoire</var></code>