Élément HTML <b> : l'élément portant à l'attention - HTML | MDN
  1. Web
  2. HTML
  3. Référence
  4. Éléments
  5. <b>

Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

Élément HTML <b> : l'élément portant à l'attention

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

>

L'élément HTML <b> est utilisé pour attirer l'attention du·de la lecteur·ice sur le contenu de l'élément, qui n'a pas d'importance particulière par ailleurs. Il était auparavant connu sous le nom d'élément « Boldface », et la plupart des navigateurs affichent encore le texte en gras. Cependant, il ne faut pas utiliser <b> pour la mise en forme du texte ou pour indiquer une importance. Pour créer un texte en gras, il faut utiliser la propriété CSS font-weight. Pour indiquer qu'un élément a une importance particulière, il faut utiliser l'élément <strong>.

Exemple interactif

<p>
  Les deux cours de sciences les plus populaires proposés par l'école sont
  <b class="term">la chimie</b> (l'étude des produits chimiques et de la
  composition des substances) et <b class="term">la physique</b> (l'étude de la
  nature et des propriétés de la matière et de l'énergie).
</p>

b {
  /* Ajoutez vos styles ici */
}

Attributs

Cet élément inclut uniquement les attributs universels.

Notes d'utilisation

  • Utilisez l'élément <b> pour des cas comme les mots-clés dans un résumé, les noms de produits dans un test ou d'autres portions de texte dont la présentation typique serait en gras (mais sans importance particulière).
  • Ne confondez pas l'élément <b> avec les éléments <strong>, <em> ou <mark>. L'élément <strong> représente un texte d'une certaine importance, <em> met l'accent sur le texte et <mark> représente un texte d'une certaine pertinence. L'élément <b> ne transmet pas d'information sémantique particulière ; utilisez-le uniquement lorsqu'aucun autre ne convient.
  • De même, n'utilisez pas l'élément <b> pour marquer des titres ou des en-têtes. Pour cela, utilisez les balises h1 à h6. De plus, les feuilles de style peuvent modifier le style par défaut de ces éléments, de sorte qu'ils ne sont pas nécessairement affichés en gras.
  • Il est recommandé d'utiliser l'attribut class sur l'élément <b> pour transmettre des informations sémantiques supplémentaires si nécessaire (par exemple <b class="lead"> pour la première phrase d'un paragraphe). Cela facilite la gestion de plusieurs cas d'utilisation de <b> si vos besoins stylistiques changent, sans avoir à modifier toutes ses utilisations dans le HTML.
  • Historiquement, l'élément <b> était destiné à rendre le texte en gras. Les informations de style ont été dépréciées depuis HTML4, donc la signification de l'élément <b> a changé.
  • S'il n'y a pas de but sémantique à utiliser l'élément <b>, vous devez utiliser la propriété CSS font-weight avec la valeur bold pour mettre le texte en gras.

Exemples

html
<p>
  Cet article décrit plusieurs éléments <b class="keyword">texte</b>. Il
  explique leur usage dans un document <b class="keyword">HTML</b>.
</p>
Les mots-clés sont affichés avec le style par défaut de l'élément &lt;b&gt;,
sûrement en gras.

Résultat

Résumé technique

Spécifications

Spécification
HTML>
# the-b-element>

Compatibilité des navigateurs

Voir aussi

Aider à améliorer MDN

Apprendre à contribuer

Cette page a été modifiée le par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu