<strong> vs <b>
<strong> marque un contenu important, urgent ou grave. <b> attire l’attention sur un fragment, sans lui donner plus de poids. Visuellement, les deux sont en gras.
Comparaison point par point
#Signification
Style par défaut
Peut s’imbriquer pour un effet plus fort
Effet sur les lecteurs d’écran
Quand l’utiliser
Exemple
#<p><strong>Attention :</strong> enregistrez le fichier avant de fermer l’éditeur.</p>
<p>Le nouveau cours <b>React</b> est désormais disponible.</p>Définition et utilisation
#<strong> porte une signification : un avertissement dans une notice, la phrase la plus importante d’un paragraphe, une information clé que le lecteur ne devrait pas manquer. Les éléments <strong> peuvent s’imbriquer pour marquer un poids encore plus grand sur un fragment.
<b> est plus faible sur le plan du sens. Il attire le regard sur un fragment qui n’est pas plus important que le reste, par exemple des mots-clés dans un résumé ou le nom d’un produit dans un avis. Considérez-le comme un dernier recours, quand aucun autre élément ne convient.
Visuellement, les deux éléments se ressemblent : le navigateur les met en gras avec le même style. La différence compte pour les lecteurs d’écran et pour le sens du document, pas pour l’apparence. Si vous voulez juste du gras sans aucune signification, utilisez le CSS : font-weight: bold.
Syntaxe
#<strong>texte important</strong>
<b>texte qui attire l’attention</b>Plus d’exemples
#<p style="margin: 0 0 6px">Voici un avertissement <strong>important</strong>.</p>
<p style="margin: 0">Voici un mot-clé <b>mis en avant</b>.</p>Sans connaître le code, impossible de les distinguer à l’œil. La différence se voit dans le document, pas à l’œil.
<p style="font-weight: bold;">Texte en gras sans aucune signification sémantique.</p>Bonnes pratiques
#- Si le fragment est vraiment important ou porte un avertissement, choisissez
<strong>. - Réservez
<b>aux situations où rien d’autre ne convient, par ex. des mots-clés dans un résumé. - Un gras pur sans signification se règle en CSS :
font-weight: bold.
Entrées associées
#- <strong>Un texte de grande importance : un avertissement, une information clé.
- <b>Attire l’attention sur un fragment de texte sans lui donner davantage d’importance, par exemple des mots-clés.
- <em>Un accent dans la phrase : un mot qui, à la lecture à voix haute, se prononce avec insistance.
- <i>Un texte sur un autre ton ou dans une autre voix : expressions étrangères, noms latins, pensées d’un personnage, termes techniques.
- <mark>Met en évidence un fragment de texte comme un surligneur, parce qu’il est pertinent dans le contexte actuel.
Vous voyez une erreur ou il manque un exemple ? Écrivez-nous.