Balise HTML <abbr>
Le navigateur affiche les caractères contenus dans la balise <abbr> comme une abréviation ou un acronyme. Pour déchiffrer l'abréviation, l'attribut global title est utilisé (il s'affiche sous forme d'infobulle au survol de la souris).
Le contenu de la balise <abbr> peut être souligné d'un trait pointillé dans certains navigateurs.
Syntaxe
La balise <abbr> s'utilise par paire. Le contenu est écrit entre la balise d'ouverture (<abbr>) et la balise de fermeture (</abbr>).
Exemple de la balise HTML <abbr> :
Balise HTML <abbr>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p><abbr title="Universal Resource Locator">URL</abbr> - This is a specific way of designating an individual resource address on the Internet </p>
</body>
</html>Résultat
URL - Il s'agit d'une méthode spécifique pour désigner l'adresse d'une ressource individuelle sur Internet.
Attributs
La balise <abbr> prend en charge les Attributs globaux et les Attributs d'événement.
L'attribut le plus important pour cette balise est title. Il fournit une infobulle contenant le développement complet de l'abréviation lorsque l'utilisateur survole celle-ci.
Comment styliser une balise HTML <abbr>
Par défaut, les navigateurs affichent un soulignement pointillé pour la balise <abbr>. Vous pouvez personnaliser ou supprimer ce style à l'aide de CSS :
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
abbr {
text-decoration: none;
border-bottom: 1px dotted #000;
cursor: help;
}
</style>
</head>
<body>
<p><abbr title="HyperText Markup Language">HTML</abbr> is the standard markup language for documents designed to be displayed in a web browser.</p>
</body>
</html>Pratique
Quelle est la fonction de la balise <abbr> en HTML ?