<abbr>

La balise <abbr> est utilisée pour définir une abréviation ou un acronyme en HTML.

En fournissant une explication complète via l'attribut title, elle améliore l'accessibilité et l'expérience utilisateur en permettant aux lecteurs (et aux moteurs de recherche 😉) de mieux comprendre la signification des termes abrégés.

Par exemple, elle peut être utilisée pour indiquer que "HTML" signifie "HyperText Markup Language".

Structure et syntaxe de la balise <abbr>

La balise <abbr> est un élément inline qui peut être utilisé autour d'un mot ou d'un groupe de mots abrégés.

Si nous repprenons notre exemple précédent, voic ce que cela donnerait pour le terme HTML :

<p>Le site est écrit en <abbr title="HyperText Markup Language">HTML</abbr>.</p>

Lorsque le curseur passe au-dessus du texte abrégé, une infobulle affichant la valeur de l'attribut title apparaît (si le navigateur prend en charge cette fonctionnalité).

Essayez par vous-même ! 😬

Attributs

Il suffit simplement d'utiliser l'attribut title pour définir le titre à afficher autour d'un acronyme ! Exactement comme sur les liens avec la balise <a> du HTML.

Avec un autre exemple pour "CSS" et son nom complet "Cascading Style Sheets" :

<abbr title="Cascading Style Sheets">CSS</abbr>

Compatibilité des navigateurs

La balise <abbr> est prise en charge par tous les navigateurs modernes.