W3docs
fr
Se connecter

Balise HTML <b>

The <b> tag is used to highlight in bold the part of the text, which we want to make more obvious for the user

La balise HTML `<b>` est utilisée pour afficher une partie du texte en gras afin de la faire ressortir. La balise `<b>` modifie uniquement l'apparence visuelle ; elle ne porte aucune signification sémantique (y compris pour les moteurs de recherche).

success

En HTML5, la balise `<b>` est destinée à un soulignement stylistique non sémantique, comme pour marquer des mots-clés, des noms de produits ou des étiquettes d'interface utilisateur, plutôt qu'à servir de solution de repli pour d'autres balises.

Évitez d'utiliser la balise `<b>` pour les titres et les en-têtes. À la place, vous pouvez utiliser les balises <h1>–<h6>. Il est préférable d'utiliser la balise `<b>` pour marquer des mots-clés, des noms de produits ou d'autres extraits de texte où une importance sémantique n'est pas requise.

Syntaxe

La balise `<b>` s'utilise par paire. Le contenu est écrit entre la balise d'ouverture (`<b>`) et la balise de fermeture (`</b>`).

Exemple de la balise HTML `<b>` :

Exemple de la balise HTML `<b>` | W3Docs

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document </title>
  </head>
  <body>
    <p><b>This section of the text </b> has been rendered in bold,</p>
  </body>
</html>
Essayez vous-même »

Résultat

b tag example

L'apparence par défaut de l'élément `<b>` est le gras, mais vous pouvez la modifier à l'aide de CSS. La propriété CSS font-weight peut également être utilisée pour définir un texte en gras.

Exemple de la propriété font-weight pour mettre le texte en gras :

Un extrait de texte en gras | Balise HTML `<b>` | W3Docs

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document </title>
    <style>
      .bold-text {
        font-weight: 700;
      }
    </style>
  </head>
  <body>
    <p>
      <span class="bold-text">This section of the text </span> 
      has been rendered in bold.
    </p>
  </body>
</html>
Essayez vous-même »

`<b>` vs `<strong>`

Les éléments `<b>` et <strong> affichent tous deux le texte en gras. La différence réside dans le fait que la balise `<strong>` indique un texte d'importance accrue, tandis que la balise `<b>` est purement visuelle et ne porte aucune signification sémantique. Pour un texte en gras à des fins stylistiques sans poids sémantique, vous pouvez également utiliser la valeur bold de la propriété CSS font-weight.

Attributs

La balise `<b>` prend en charge les Attributs globaux et les Attributs d'événement.

Comment appliquer un attribut global à une balise HTML <b>

<p>The <b class="highlight" title="Important keyword">keyword</b> is emphasized here.</p>

Pratique

Pratique

Quelle est la fonction de la balise HTML &lt;b&gt; ?