Comment mettre un texte en gras en HTML ?

Réponses rédigées par Antoine
Dernière mise à jour : 2020-12-19 11:50:44
Thèmes : webmaster - html - css - texte - gras
Question

Quelles sont les bonnes pratiques pour mettre un texte en gras en HTML ?

Réponse

Il existe principalement trois manières de mettre un texte en gras en HTML :

  • La balise HTML <strong>.
  • La balise HTML <b>.
  • La propriété CSS font-weight.

Exemple pour mettre en gras avec la propriété CSS font-weight:

<style>
.gras {  
    font-weight: bold;  
} 
</style>

Un texte avec <span class="gras">un mot de gras</span> via CSS.

Exemple pour mettre en gras avec la balise <b>:

Un texte normal avec <b>un mot de gras</b>.

Exemple pour mettre en gras avec la balise <strong>:

Un texte avec <strong>un mot important en gras</strong>.

Remarque : Les balises HTML <b> et <strong> datent du HTML 1, mieux vaut donc utiliser la solution CSS. Il existe par ailleurs un distinguo important entre ces deux balises. La balise HTML <b> permet de mettre un texte en gras, alors que la balise <strong>, en plus de mettre le texte en gras, a une implication sémantique pour mettre en avant un texte considéré comme important.