**`<b>`** is a purely presentational element in the HTML5 spec: it renders bold text but carries **no semantic weight** — screen readers announce it no differently than plain text. It's meant for cases like keywords in a summary, product names, or lead sentences where bold styling helps a sighted reader scan, but the text isn't more 'important' in a document-structure sense. If the content genuinely needs to convey importance or urgency, use `<strong>` instead.
1Understanding <b>
`<b>` is a purely presentational element in the HTML5 spec: it renders bold text but carries no semantic weight — screen readers announce it no differently than plain text. It's meant for cases like keywords in a summary, product names, or lead sentences where bold styling helps a sighted reader scan, but the text isn't more 'important' in a document-structure sense. If the content genuinely needs to convey importance or urgency, use <strong> instead.
Ask yourself: 'if I removed the bold styling, would the meaning of the sentence change?' If yes, use <strong>. If it's purely visual/stylistic, <b> is correct.
<p><b>Pro tip:</b> save your work often.</p>2Practical Example
Here is a real-world application of <b> showing how it is used in production HTML.
<!-- Bolding keywords in a product listing, no added importance -->
<p><b>Wireless</b> mouse, <b>USB-C</b> charging, 2-year warranty.</p>3Best Practices
Follow these guidelines when working with <b>:
1. Use <b> for stylistic bold text with no added importance (e.g. keywords, product names)
2. Use <strong> instead when the text is genuinely important or urgent
3. Prefer CSS font-weight for purely visual bold styling unrelated to content semantics
Tip: Ask yourself: 'if I removed the bold styling, would the meaning of the sentence change?' If yes, use <strong>. If it's purely visual/stylistic, <b> is correct.
<p><b>Pro tip:</b> save your work often.</p>