<b>
Attire l’attention sur un fragment de texte sans lui donner davantage d’importance, par exemple des mots-clés.
- Affichage
- inline
- Balise fermante
- Obligatoire
- Contenu autorisé
- Contenu phrasant
Exemple
#<p><b>La nouvelle formation React est maintenant disponible.</b> Elle comprend 30 leçons et 5 projets pour votre portfolio.</p>
<p>Dans ce module, vous découvrirez les <b>variables</b>, les <b>conditions</b> et les <b>boucles</b>, les trois piliers de tout programme.</p>Définition et utilisation
#L’élément <b> marque un texte sur lequel vous voulez attirer l’attention du lecteur, même s’il n’est pas plus important que le reste : des mots-clés dans un résumé, des noms de produits dans un avis, ou la première phrase d’un article. Les navigateurs l’affichent en gras.
Considérez-le comme un dernier recours. Si le texte est vraiment important, utilisez <strong>. S’il s’agit d’un accent, utilisez <em>, et marquez un terme défini avec <dfn>. Quand vous avez seulement besoin de gras sans aucune signification, le CSS est préférable : font-weight: bold.
Son nom vient de l’anglais bold, mais en HTML moderne, c’est le sens qui compte, pas l’apparence. C’est pourquoi <b> reste un élément valide, mais avec un usage plus restreint qu’autrefois.
Syntaxe
#<b>texte qui attire l’attention</b>Attributs
#Cet élément n’a pas d’attributs propres. Il accepte les attributs globaux, comme class, id ou hidden.
CSS par défaut
#La plupart des navigateurs affichent cet élément avec ces styles par défaut :
b {
font-weight: bold;
}Compatibilité des navigateurs
#Largement disponible
Fonctionne dans tous les navigateurs modernes, y compris sur mobile. Vous pouvez l’utiliser sans crainte.
- Chrome
- Edge
- Firefox
- Safari
Bonnes pratiques
#- Marquez l’importance avec
<strong>, et réservez<b>pour attirer le regard. - N’utilisez pas
<b>à la place d’un titre. Le titre d’une section, c’est<h2>,<h3>et les suivants. - Si le gras n’est qu’un élément de décoration, réglez-le en CSS.
Entrées associées
#- <strong> vs <b><strong> marque un contenu important, urgent ou grave. <b> attire l’attention sur un fragment, sans lui donner plus de poids. Visuellement, les deux sont en gras.
- <strong>Un texte de grande importance : un avertissement, une information clé.
- <em>Un accent dans la phrase : un mot qui, à la lecture à voix haute, se prononce avec insistance.
- <i>Un texte sur un autre ton ou dans une autre voix : expressions étrangères, noms latins, pensées d’un personnage, termes techniques.
- <mark>Met en évidence un fragment de texte comme un surligneur, parce qu’il est pertinent dans le contexte actuel.
- <span>Un conteneur en ligne générique sans signification, pour styliser un fragment de texte.
Vous voyez une erreur ou il manque un exemple ? Écrivez-nous.