Balise HTML <b>
La balise HTML <code><b></code> est utilisée pour afficher une partie du texte en gras afin de la faire ressortir. La balise <code><b></code> modifie uniquement l'apparence visuelle ; elle ne porte aucune signification sémantique (y compris pour les moteurs de recherche).
TIP
En HTML5, la balise <code><b></code> 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 <code><b></code> 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 <code><b></code> 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 <code><b></code> s'utilise par paire. Le contenu est écrit entre la balise d'ouverture (<code><b></code>) et la balise de fermeture (<code></b></code>).
Exemple de la balise HTML <code><b></code> :
Exemple de la balise HTML <code><b></code> | 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>Résultat
L'apparence par défaut de l'élément <code><b></code> 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 <code><b></code> | 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><code><b></code> vs <code><strong></code>
Les éléments <code><b></code> et <strong> affichent tous deux le texte en gras. La différence réside dans le fait que la balise <code><strong></code> indique un texte d'importance accrue, tandis que la balise <code><b></code> 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 <code><b></code> 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
Quelle est la fonction de la balise HTML <b> ?