MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

L'élément <b> (pour bold qui signifie gras en anglais) représente une partie d'un texte stylistiquement différente par rapport à du texte normal, sans lui apporter une importance particulière.

Catégories de contenu Contenu de flux, contenu phrasé, contenu tangible.
Omission de balises Contenu phrasé.
Tag omission Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires
Parents autorisés Tout élément acceptant du contenu phrasé.
Rôles ARIA autorisés Tous les rôles sont autorisés.
Interface DOM HTMLElement. Auparavant et jusqu'à Gecko 1.9.2 (Firefox 4) inclus, Firefox implémente l'interface HTMLSpanElement pour cet élément

Attributs

Seuls les attributs universels peuvent être utilisés pour cet élément.

Notes d'utilisation

  • <b> est habituellement utilisé pour les mots-clés dans les résumés, les noms de produits dans des tests. Il peut également être utilisé afin d'indiquer la première phrase de chaque paragraphe d'un article.
  • Il ne faut pas confondre l'élément <b> avec les éléments <strong>, <em>, ou <mark>. L'élément <strong> réprésente un texte d'une certaine importance, <em> met une emphase sur le texte et <mark> réprésente un texte avec une certaine pertinence. L'élément <b> ne porte aucune information sémantique particulière ; utilisez-le lorsque qu'aucun autre ne convient.
  • De la même façon, ne balisez pas les titres en utilisant l'élément <b>. Pour cet usage, utilisez les balises <h1> à <h6>. De plus, les feuilles de style peuvent changer le style par défaut de ces éléments. Ils ne seront pas forcément affichés en gras.
  • C'est généralement une bonne pratique d'utiliser l'attribut class sur l'élément <b> lorsqu'on souhaite transporter des informations sémantiques supplémentaires. Cela facilitera le développement des styles à appliquer sur le document, sans avoir à modifier le code HTML.
  • Historiquement, l'élément <b> a été pensé  pour rendre du texte avec une police grasse. Les éléments à seul but stylistique on été déprécié avec HTML 4. Ainsi, le sens de l'élément <b> a évolué.
  • S'il n'y aucune raison particulière d'utiliser l'élément <b>, en dehors de son apparence en gras, l'utilisation de la propriété CSS font-weight avec une valeur bold est à privilégier.

Exemples

<p>
  Cet article décrit plusieurs éléments <b class="keyword">texte</b>.
  Il explique leurs 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

Spécifications

Spécification État Commentaires
WHATWG HTML Living Standard
La définition de '<b>' dans cette spécification.
Standard évolutif  
HTML5
La définition de '<b>' dans cette spécification.
Recommendation  
HTML 4.01 Specification
La définition de '<b>' dans cette spécification.
Recommendation  

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Edge Internet Explorer Opera Safari
Support simple (Oui) 1.0 (1.7 ou moins) (Oui) (Oui) (Oui) (Oui)
Fonctionnalité Android Firefox Mobile (Gecko) Edge IE Mobile Opera Mobile Safari Mobile
Support simple (Oui) 1.0 (1.0) (Oui) (Oui) (Oui) (Oui)

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, marie-ototoi, msherefel, tregagnon, Goofy, ethertank, Shz
 Dernière mise à jour par : SphinxKnight,