Les abréviations TEXTE:Abréviations

Bootstrap propose deux mises en forme pour mettre évidence des abréviations. La première passe par l’utilisation de l’élément <abbr>, la deuxième consiste à lui adjoindre une classe dédiée nommée .initialism.

Le dossier de cet exemple à télécharger est nommé 04-Typographie-04.

Voici l’exemple du code utilisé dans ces deux exemples :

<p>Vous utilisez l'<abbr title="HyperText Markup Language v4">html 4</abbr> ou 
l'<abbrtitle="HyperText Markup Language v5" class="initialism">html5</abbr></p> 

Voici l’affichage obtenu :

Le sélecteur abbr affiche le curseur en forme de point d’interrogation et applique une bordure inférieure pointillée.

Voici les propriétés du sélecteur abbr :

abbr[title] { 
  text-decoration: underline dotted; 
  cursor: help; 
} 

La classe .initialism applique une taille de caractère plus petite et met toutes les lettres en capitales :

abbr.initialism { 
  font-size: 0.875em ; 
  text-transform: uppercase; 
}