STRONG, B, I, EM : gras ou italique, quelle balise utiliser et pourquoi ?

Une question se pose fréquemment : quel est le "bon" usage des balises <strong>, <b>, <em> et <i> ? La tendance a longtemps été de remplacer <b> par <strong> et <i> par <em> en pensant que c'était une meilleure pratique sémantique, or la réponse ne se résume pas à cette simple correspondance, ni à un simple choix visuel. Pour écrire un code HTML sémantique, propre et pérenne, il est crucial de comprendre la nuance et l'intention derrière chacune de ces balises.

S'il ne faut retenir qu'une chose :

La sémantique avant tout ! <strong> et <em> donnent un sens au contenu. Tandis que <b> et <i> apportent une distinction visuelle sans changer l'importance du texte.

Par exemple si vous parcourez le web avec une synthèse vocale, celle-ci prendra une intonation différente en rencontrant <strong> et <em>. Mais pas avec <b> et <i> qui sont considérées comme "décoratives".

Sémantique ou présentation

Le code HTML a pour rôle de structurer et de donner du sens à votre contenu. Il indique ce qu'est un élément : un ...
[Courte citation de 8% de l'article original]