OUJOOD.COM
La balise <acronym> en HTML : définition, usage et migration vers <abbr>
La balise <acronym> était utilisée en HTML 4.01 pour identifier un acronyme dans un document web. Un acronyme est une suite d'initiales formant un mot prononçable, comme OTAN (Organisation du Traité de l'Atlantique Nord), NASA (National Aeronautics and Space Administration) ou encore LASER (Light Amplification by Stimulated Emission of Radiation). En marquant sémantiquement ces termes, vous permettez aux navigateurs, aux lecteurs d'écran, aux correcteurs orthographiques et aux moteurs de recherche d'interpréter correctement le contenu.
Important : La balise <acronym> est obsolète depuis HTML5. En 2026, vous devez impérativement utiliser la balise <abbr> pour définir à la fois les acronymes et les abréviations. Tous les navigateurs modernes (Chrome, Firefox, Edge, Safari) ignorent ou affichent <acronym> sans rendu sémantique spécifique.
Compatibilité navigateurs historique
La balise <acronym> était prise en charge par tous les navigateurs majeurs de l'époque HTML4, à l'exception d'Internet Explorer 5.5 et versions antérieures. Depuis HTML5 (2014), cette balise est officiellement retirée du standard. Internet Explorer lui-même est définitivement retiré du marché depuis juin 2022. En 2026, aucun projet web ne devrait utiliser <acronym>.
Différence technique entre acronyme et abréviation
Comprendre la distinction est essentiel pour une sémantique HTML correcte :
- Une abréviation est la troncature d'un mot ou groupe de mots : M. pour Monsieur, etc. pour et cætera. Elle ne se prononce pas comme un mot.
- Un acronyme est prononcé comme un mot à part entière : SIDA, UNESCO, RADAR. Certains acronymes sont tellement intégrés au vocabulaire qu'on oublie leur origine.
En HTML5, la balise <abbr> couvre les deux cas. L'attribut title contient la forme développée complète, ce qui est exploité par les lecteurs d'écran et améliore l'accessibilité WCAG 2.1.
Syntaxe de la balise <acronym> (HTML4, obsolète)
À titre documentaire et pour comprendre les bases du HTML4, voici la syntaxe originale. Cette connaissance est utile pour la maintenance de code HTML legacy ou la migration vers HTML5.
La structure de base utilisait l'attribut title pour fournir la forme développée :
/* Syntaxe HTML4 obsolète — pour référence historique uniquement */
<acronym title="World Wide Web Consortium">W3C</acronym>
<acronym title="Société Nationale de Chemins de Fer">SNCF</acronym>
<acronym title="Organisation du Traité de l'Atlantique Nord">OTAN</acronym>
Migration obligatoire : utiliser <abbr> en HTML5 (2026)
En 2026, la balise <abbr> est le seul standard reconnu pour marquer acronymes et abréviations. Elle est soutenue par 100% des navigateurs modernes et recommandée par le W3C, le WHATWG et les guidelines d'accessibilité WCAG 2.2. Son utilisation correcte améliore le score d'accessibilité Lighthouse et contribue positivement au référencement naturel SEO.
Voici comment réécrire les exemples précédents en HTML5 valide :
/* Syntaxe HTML5 moderne — recommandée en 2026 */ /* L'attribut title contient la forme développée complète */ <abbr title="World Wide Web Consortium">W3C</abbr> /* Les lecteurs d'écran lisent "Société Nationale de Chemins de Fer" */ <abbr title="Société Nationale de Chemins de Fer">SNCF</abbr> /* Acronymes militaires et internationaux */ <abbr title="Organisation du Traité de l'Atlantique Nord">OTAN</abbr> <abbr title="National Aeronautics and Space Administration">NASA</abbr> /* Acronymes du numérique — essentiels pour le web moderne */ <abbr title="Search Engine Optimization">SEO</abbr> <abbr title="Hypertext Markup Language">HTML</abbr> <abbr title="Cascading Style Sheets">CSS</abbr>
Styliser la balise <abbr> avec CSS
Par défaut, la plupart des navigateurs affichent <abbr> avec un soulignement en pointillés lorsque l'attribut title est présent. Vous pouvez personnaliser ce rendu CSS pour améliorer l'expérience utilisateur :
/* Stylisation CSS de la balise abbr pour une meilleure UX */ abbr[title] { /* Soulignement en pointillés indiquant l'info-bulle disponible */ text-decoration: underline dotted #0066cc; /* Curseur d'aide pour indiquer l'interactivité */ cursor: help; /* Espacement léger pour la lisibilité */ letter-spacing: 0.05em; /* Couleur légèrement différenciée pour signaler la sémantique */ color: inherit; font-style: normal; } /* Variante avec info-bulle personnalisée via CSS pur */ abbr[title]:hover::after { content: " (" attr(title) ")"; font-size: 0.85em; color: #555; }
Ses attributs (HTML4 — référence historique)
La balise <acronym> supportait les attributs universels HTML4, identiques à ceux de <abbr>. La colonne DTD indique dans quel contexte HTML 4.01/XHTML 1.0 l'attribut était autorisé : S=Strict, T=Transitional, F=Frameset.
Attributs standards
| Attribut | Valeur | Description | DTD |
|---|---|---|---|
| class | nom de classe | Spécifie un nom de classe CSS pour cibler l'élément | STF |
| dir | ltr | rtl | Spécifie l'orientation du texte (gauche-droite ou droite-gauche) | STF |
| id | identifiant unique | Spécifie un identifiant unique pour l'élément dans la page | STF |
| lang | code_langue | Spécifie la langue du contenu (ex : fr, en, de) | STF |
| style | définition CSS | Applique un style CSS en ligne directement sur l'élément | STF |
| title | texte | Attribut principal : contient la forme développée complète de l'acronyme, affichée en info-bulle au survol | STF |
| xml:lang | code_langue | Version XHTML de l'attribut lang pour les documents XML | STF |
Attributs d'événements JavaScript
La balise <acronym> (et <abbr>) supporte tous les gestionnaires d'événements HTML standard, permettant d'ajouter des interactions JavaScript :
| Attribut | Valeur | Description | DTD |
|---|---|---|---|
| onclick | script JS | Script déclenché lors d'un clic souris sur l'élément | STF |
| ondblclick | script JS | Script déclenché lors d'un double-clic souris | STF |
| onmousedown | script JS | Script déclenché lorsque le bouton de la souris est pressé | STF |
| onmousemove | script JS | Script déclenché lorsque le pointeur se déplace sur l'élément | STF |
| onmouseout | script JS | Script déclenché quand le pointeur quitte l'élément | STF |
| onmouseover | script JS | Script déclenché quand le pointeur entre sur l'élément | STF |
| onmouseup | script JS | Script déclenché quand le bouton de la souris est relâché | STF |
| onkeydown | script JS | Script déclenché quand une touche clavier est pressée | STF |
| onkeypress | script JS | Script déclenché quand une touche est pressée puis relâchée | STF |
| onkeyup | script JS | Script déclenché quand une touche clavier est relâchée | STF |
Bonnes pratiques en 2026 : accessibilité et SEO
Pour une intégration optimale des acronymes et abréviations dans vos pages HTML en 2026, suivez ces recommandations :
- Toujours utiliser <abbr> avec l'attribut
titlerenseigné pour chaque acronyme à la première occurrence dans la page. - Ne pas abuser : inutile de baliser chaque occurrence d'un même acronyme, uniquement la première dans chaque section.
- Ajouter l'attribut
langsi l'acronyme provient d'une langue étrangère (ex :lang="en"pour NASA dans une page française). - Valider votre HTML avec le validateur W3C pour garantir la conformité.
- Les acronymes correctement balisés améliorent le score d'accessibilité et peuvent contribuer positivement aux featured snippets Google.
/* Exemple complet de bonne pratique HTML5 en 2026 */ <p> /* Première occurrence : on balise avec abbr et title */ Le <abbr title="World Wide Web Consortium" lang="en">W3C</abbr> définit les standards du web, notamment <abbr title="Hypertext Markup Language" lang="en">HTML</abbr> et <abbr title="Cascading Style Sheets" lang="en">CSS</abbr>. </p> <p> /* Acronyme francophone — pas besoin de lang="fr" si la page est déjà en français */ L'<abbr title="Organisation du Traité de l'Atlantique Nord">OTAN</abbr> regroupe 32 pays membres en 2024. </p> <p> /* Deuxième occurrence du même acronyme : pas de re-balisage nécessaire */ Les décisions de l'OTAN sont prises par consensus. </p>
Vous êtes ici : Balise acronym Retour à la liste des balises HTML
Retour à l'accueil du site
Par carabde | Mis à jour le 8 mars 2026