<abbr>

Résumé

L'élément HTML Abréviation (<abbr>) représente une abréviation et permet de façon optionnelle d'en fournir une description complète. S'il est présent, l'attribut title doit contenir cette même description complète et rien d'autre.

• Catégories de contenu Contenu de flux, contenu phrasé, contenu tangible.
• Contenu autorisé Contenu phrasé.
• Omission de balises Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires
• Élément parents autorisés Tout élément acceptant du contenu phrasé.
• Interface DOM HTMLElement. Jusqu'à Gecko 1.9.2 (Firefox 3.6) inclus, Firefox implémentait l'interface HTMLSpanElement pour cet élément.

Attributs

Cet élément n'a pas d'autres attributs que les attributs globaux, communs à tous les éléments.

On notera que l'attribut title possède ici une sémantique spécifique et il représente la description complète de l'abréviation. Souvent, mais pas nécessairement, il s'affiche comme une info-bulle.

Styles par défaut

Cet élément existe pour des raisons de pure commodité pour l'auteur, et tous les navigateurs l'affichent en ligne (display: inline) par défaut. Cependant son affichage par défaut varie d'un navigateur à l'autre :

• Certains navigateurs, comme Internet Explorer, ne l'affichent pas différemment d'un élément <span>.
• Opera, Firefox, et certains autres soulignent le contenu avec des pointillés.
• Quelques navigateurs ajoutent non seulement un soulignement pointillé mais aussi des petites majuscules ; pour éviter cet affichage, ajouter quelque chose comme font-variant : none dans le CSS prend ces cas en charge.

Il est donc fortement recommandé aux auteurs de ne pas se reposer sur le style par défaut. On notera que cet élément n'est pas supporté par Internet Explorer avant IE7. Étant donné que ces versions d'IE ne permettent pas de styler les éléments inconnus, le script suivant devra être utilisé pour mettre en forme l'élément :

<!--[if lte IE 6]>
  <script>
    document.createElement("abbr");
  </script>
<![endif]-->

Exemple

<p>Barack Obama est le président des <abbr title="United States of America">USA</abbr></p>

Résultat

Barack Obama est le président des USA

Spécifications

Compatibilité des navigateurs

Voir aussi

• Les autres éléments portants une sémantique textuelle : <a>, <em>, <strong>, <small>, <cite>, <q>, <dfn>, <time>, <code>, <var>, <samp>, <kbd>, <sub>, <sup>, <b>, <i>, <mark>, <ruby>, <rp>, <rt>, <bdo>, <span>, <br>, <wbr>.