<b>: The B Element

Last updated: 2026-10-13

<b>The B Element

Renders text in bold without extra importance or emphasis, used only for visual stylistic offset (e.g. keywords, product names).

CategoryFormatting
Content ModelPhrasing content
Allowed ParentsAny element that accepts phrasing content
Content TagYes — requires closing </b> tag
StatusStandard

📝 Syntax

<b>bold text</b>

▶ Example

Edit the code below and see the live result in the playground:

🌐 Browser Support

Browser ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<b> ✓ v1 ✓ v12 ✓ v1 ✓ v1 ✓ v1
Supported in all major browsers
Tip: <b> has no semantics, only changes appearance. Use <strong> when the text is genuinely important.

❓ FAQ

QWhat is the difference between b and strong?
A<b> only makes text bold visually with no semantic meaning, while <strong> indicates importance, seriousness, or urgency — screen readers will read it with a heavier tone. Use <b> for purely visual bolding such as keywords and product names, and <strong> for warnings and key content.
QIs the b tag deprecated?
ANo. <b> is still valid in HTML5, redefined as marking text that should stand out visually without conveying extra importance. If the text is genuinely important, use <strong> instead; for title-like emphasis, CSS font-weight is a better choice.
QCan I use CSS instead of the b tag?
AYes. If the bolding is purely a visual style, using CSS font-weight: bold with a <span> or a class name is more flexible — you can change the styling later without touching the HTML structure. The value of <b> is its semantic meaning of noteworthy text.

📚 Related Tutorials

Web-Tutorial.com

Web-Tutorial Tech Team

A team of developers maintaining programming tutorials. Each tutorial is written and reviewed by developers with expertise in that field. We work to keep our content accurate and reliable — if you spot an issue, please let us know.

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏