L'élément <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.

<p>J'écris du 
  <abbr title="Hypertext Markup Language">HTML</abbr>
</p>
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
Parents autorisés Tout élément acceptant du contenu phrasé.
Rôles ARIA autorisés Tous les rôles sont autorisés.
Interface DOM HTMLElement

Attributs

Cet élément n'a pas d'autres attributs que les attributs universels.

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.

Note d'utilisation : Lorsqu'il est présent, le nombre (grammatical) du texte de l'attribut title devrait correspondre à celui du contenu de l'élément abbr. C'est également le cas dans les langues avec plus de deux genres grammaticaux (par exemple, l'Arabe, en plus des catégories pour le singulier et le pluriel, possède également une catégorie double).

Mise en forme par défaut

Le but de cet élément est purement explicatif. Tous les navigateurs l'affichent en ligne (display: inline) par défaut mais le reste de la mise en forme par défaut peut varier d'un navigateur à l'autre :

  • Certains navigateurs tels qu'Internet Explore lui appliquent la même mise en forme qu'à un élément <span>.
  • Opera, Firefox et d'autres navigateurs souligne l'abréviation avec une ligne de points.
  • D'autres navigateurs ne soulignent pas le texte mais l'écrivent en petites majuscules. Pour éviter ce comportement, on pourra utiliser la règle CSS font-variant: none.

Exemples

HTML

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

Résultat

Spécifications

Spécification État Commentaires
WHATWG HTML Living Standard
La définition de '<abbr>' dans cette spécification.
Standard évolutif  
HTML5
La définition de '<abbr>' dans cette spécification.
Recommendation  
HTML 4.01 Specification
La définition de '<abbr>' dans cette spécification.
Recommendation  

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Edge Internet Explorer Opera Safari
Support simple 2.0 1.0 (1.7 ou moins) (Oui) 7.0 1.3 (Oui)
Fonctionnalité Android Firefox Mobile (Gecko) Edge IE Mobile Opera Mobile Safari Mobile
Support simpl (Oui) (Oui) (Oui) (Oui) (Oui) (Oui)

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, marie-ototoi, fscholz, msherefel, tregagnon, Pandark, Fredchat
 Dernière mise à jour par : SphinxKnight,