La balise <abbr> est utilisée pour définir une abréviation ou un acronyme, comme "HTML", "CSS", "URL", "WWW", "ATM", etc.
Généralement, il est conseillé d'utiliser l'attribut global title pour afficher la description de l'abréviation/acronyme, qui apparaîtra comme une info bulle lorsqu'un utilisateur passera la souris sur l'élément.
Par défaut dans la plupart des navigateurs, l'abréviation ou l'acronyme apparaît en texte souligné en pointillé
Syntaxe
Pour définir une abréviation ou un acronyme, on utilse la balise <abbr> qui est une balise appariée.
<abbr>Abréviation/Acronyme</abbr>
Exemple
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>HTML - La balise <abbr></title>
</head>
<body>
<p><abbr title="HyperText Markup Language">HTML</abbr> a été développé par Tim Berners-Lee en 1991.</p>
</body>
</html>
Résultats
La balise <abbr> peut également être utilisée avec la balise <dfn> pour définir une abréviation ou un acronyme.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>HTML - La balise <abbr></title>
</head>
<body>
<p><dfn><abbr title="Cascading Style Sheets">CSS</abbr></dfn> est un langage qui décrit le style d'un document HTML.</p>
</body>
</html>
