<abbr>
Une abréviation ou un acronyme, avec un développement facultatif dans l’attribut title.
- Affichage
- inline
- Balise fermante
- Obligatoire
- Contenu autorisé
- Contenu phrasant
Exemple
#<p>
Nous décrivons la structure d’une page en <abbr title="HyperText Markup Language">HTML</abbr>,
et nous lui donnons son apparence en <abbr title="Cascading Style Sheets">CSS</abbr>.
</p>Définition et utilisation
#L’élément <abbr> marque une abréviation ou un acronyme, comme HTML, API ou SEO. Vous pouvez donner le développement complet dans l’attribut global title : le navigateur l’affichera dans une infobulle au survol de la souris, et soulignera l’abréviation elle-même d’une ligne pointillée.
L’infobulle de title a toutefois ses défauts. Vous ne la verrez pas sur téléphone ni en naviguant au clavier, et les lecteurs d’écran la lisent de façon inégale. C’est pourquoi il est préférable de développer l’abréviation dans le texte dès sa première utilisation, par exemple « interface de programmation applicative (API) », et de considérer title comme un supplément.
Vous n’avez pas besoin de marquer chaque abréviation. Les abréviations courantes, comme « ex. » ou « etc. », n’ont pas besoin de <abbr>. L’élément est utile pour les abréviations que le lecteur pourrait ne pas connaître.
Syntaxe
#<abbr title="développement complet">abréviation</abbr>Attributs
#Cet élément n’a pas d’attributs propres. Il accepte les attributs globaux, comme class, id ou hidden.
Plus d’exemples
#<p>
Une interface de programmation applicative (<abbr>API</abbr>) est un ensemble de règles
selon lesquelles les programmes échangent des données. Chaque <abbr>API</abbr> a sa propre documentation.
</p>CSS par défaut
#La plupart des navigateurs affichent cet élément avec ces styles par défaut :
abbr[title] {
text-decoration: underline dotted;
}Compatibilité des navigateurs
#Largement disponible
Fonctionne dans tous les navigateurs modernes, y compris sur mobile. Vous pouvez l’utiliser sans crainte.
- Chrome
- Edge
- Firefox
- Safari
Bonnes pratiques
#- Développez l’abréviation dans le texte dès la première utilisation. Seuls les utilisateurs de souris verront l’infobulle de
title. - L’élément
<acronym>est obsolète. Utilisez<abbr>pour toutes les abréviations et tous les acronymes. - Vous pouvez changer le soulignement pointillé en CSS, mais laissez un signal indiquant que l’abréviation a un développement.
Entrées associées
#- <dfn>Un terme défini à cet endroit du texte, c’est-à-dire la première utilisation, explicative, du concept.
- <span>Un conteneur en ligne générique sans signification, pour styliser un fragment de texte.
- <cite>Le titre d’une œuvre : un livre, un article, un film, une chanson, un jeu ou un logiciel.
- <code>Un fragment de code informatique : le nom d’une variable, d’une fonction, d’une balise ou d’un fichier, ainsi qu’un court extrait.
Vous voyez une erreur ou il manque un exemple ? Écrivez-nous.