logo oujood
🔍

 La balise HTML <abbr> : marquer les abréviations

La balise <abbr> indique qu'un mot est une abréviation et fournit sa signification complète via l'attribut title — utile pour l'accessibilité et le SEO.

OUJOOD.COM

À quoi sert la balise <abbr> ?

LES BALISES HTML

Quand vous tapez kg ou HTML dans une page, le navigateur voit une suite de lettres — rien d'autre. La balise <abbr> change ça : elle identifie le mot comme une abréviation. L'attribut title contient la forme complète, que le lecteur d'écran lit à voix haute et que Google indexe correctement. L'utilisateur, lui, voit une info-bulle au survol.

Syntaxe de base

La balise <abbr> est une balise en ligne (inline). Elle s'ouvre et se ferme autour de l'abréviation. La balise de fermeture </abbr> est obligatoire. L'attribut title porte la signification complète.

  📋 Copier le code

<abbr title="Kilogramme">kg</abbr>

Au survol du mot kg, le navigateur affiche « Kilogramme » dans une info-bulle native. C'est un comportement HTML pur — aucun script requis.

Fin de la balise <acronym>

Avant HTML5, une balise <acronym> existait pour les sigles formés d'initiales (WWW, NASA). Les navigateurs la supportaient mal et la distinction avec <abbr> était rarement claire en pratique. HTML5 a tranché : <acronym> est supprimée. On utilise <abbr> pour tout — abréviations classiques (kg, Dr) comme sigles (HTML, CSS).

Exemples concrets

Voici comment marquer plusieurs types d'abréviations dans une même page :

  📋 Copier le code

<!-- Abréviation classique -->
<abbr title="Docteur">Dr</abbr> Martin

<!-- Sigle technique -->
<abbr title="HyperText Markup Language">HTML</abbr>

<!-- Unité de mesure -->
500 <abbr title="Millilitre">ml</abbr>

Compatibilité navigateurs

La balise <abbr> fonctionne dans tous les navigateurs modernes : Chrome, Firefox, Safari, Edge, Opera. IE 6 et antérieur ne la reconnaissent pas, mais ces versions ne représentent plus aucun trafic réel en 2026.

Attributs globaux

La balise <abbr> accepte tous les attributs globaux HTML : id, class, lang, style, etc.


Attributs d'événement

La balise <abbr> supporte également tous les attributs d'événement HTML : onclick, onmouseover, etc.

    Vous êtes ici : Balise ABBR     Retour à la liste des balises


Retour à l'accueil du site

Par carabde 10 mars 2014 | Mis à jour le 19 avril 2026