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

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

Baseline Widely available

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

Catégories de contenu Contenu de flux, contenu phrasé, contenu tangible.
Contenu autorisé Contenu phrasé.
Omission de balises Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires.
Parents autorisés Tout élément acceptant du contenu phrasé.
Rôle ARIA implicite generic
Rôles ARIA autorisés Tous les rôles sont autorisés.
Interface DOM HTMLElement

Spécifications

Specification
HTML
# the-b-element

Compatibilité des navigateurs

Voir aussi