HTML - La balise <b>

Par : TutorialsGrey, le 28 Janvier 2022

Cet article sur le HTML explique comment utiliser la balise <b> en présentant sa syntaxe d'utilsation et des exemples.

 

Description

La balise utilisée pour mettre un texte en gras dans un document HTML est représentée par la balise <b>.

La balise HTML <b> est utilisée pour afficher le texte écrit en gras. Il s'agit strictement d'un élément de présentation. Si vous souhaitez afficher votre texte en gras et ne pas avoir de véritable sens sémantique, placez-le entre les balises ouvrante <b> et fermante </b>.

La balise HTML <b> donne donc simplement au texte une apparence en gras mais ne fournit aucune signification sémantique au texte.

 

Syntaxe

En HTML, la syntaxe de la balise <audio> est la suivante :

<body>
    <p><b>Le texte en gras va ici</b> et non ici.</p>
</body>

Voici quelques spécifications concernant la balise HTML <audio> :

Affichage En ligne
Balises Balise ouvrante (<b>) et balise fermante (</b>)
Utilisation Textulle (mettre un texte en gras)

 

Attributs

Seuls les attributs globaux s'appliquent à la balise <b>. Aucun attribut n'est spécifique à la balise <b>. La balise <b> prend également en charge tous les attributs d'évènements.

 

Remarques

  • L'élément HTML <b> doit se trouver dans la balise <body>.
  • La balise <b> est utilisée pour mettre du texte en gras mais ne met pas l'accent sur le texte comme le fait la balise <strong>.
  • Dans la plupart des cas, il est recommandé d'utiliser la balise <strong> plutôt que la balise <b>.
  • Selon la spécification HTML5, la balise <b> ne doit être utilisée que si aucune autre balise n'est appropriée.

 

Compatibilité avec les navigateurs

La balise <b> est compatible avec les navigateurs suivants :

  • Chrome
  • Android
  • Firefox (Gecko)
  • Firefox Mobile (Gecko)
  • Internet Explorer (IE)
  • Edge Mobile
  • Opera
  • Opera Mobile
  • Safari (WebKit)
  • Safari Mobile

 

Exemples

Dans cette section, nous allons voir quelques exemples d'utilisation de la balise <b> en HTML5 et en HTML 4.01 Transitional.

Document HTML5

Si vous avez créé un nouveau document en HTML5, votre balise <b> pourrait ressembler à ceci :

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>HTML - Balise <b></title>
</head>

<body>
    <p>Voici un texte normal, <b>et voici un texte en gras</b>.</p>
</body>

</html>

Dans cet exemple, nous avons défini une balise <p> dans laquelle nous avons inséré une balise <b>. Le résultat de ce bout de code se présente comme dans l'image ci-dessous :

Balise B

 

Document HTML 4.01 Transitional

Si vous avez créé une nouvelle page Web en HTML 4.01 Transitional, votre balise <b> pourrait ressembler à ceci :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HTML - Balise <b></title>
</head>

<body>
    <p>Voici un texte normal, <b>et voici un texte en gras</b>.</p>
</body>

</html>

Le résultat du bout de code ci-dessus est le même que celui du document HTML5.