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
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.