b

< html‎ | elements
Jump to: navigation, search

b

This article is In Progress.

W3C Candidate Recommendation

Summary

The b element represents a span of text to be stylistically offset from the normal prose without conveying any extra importance.


Overview Table

DOM Interface HTMLElement

It was originally used to tell the browser to make the enclosed text bold. While the b element is widely supported in browsers, its use is not recommended for this purpose since CSS can be used to achieve the same effect on a more semantically-appropriate element. In HTML5, b has been re-purposed to signify text this is offset in some way, but is of no greater significance than the surrounding text.

The b element should be used as a last resort when no other element is more appropriate, as it has no semantic value other than indicating that the contained text should be stylistically offset in some way (i.e. it’s like a shorter span element). For visually similar elements that do provide semantic meaning, consider strong, dfn, h1-h6, or abbr.

Examples

View live exampleIn the following example, objects in a text adventure are highlighted as being special by use of the b element.

HTML

<p>You enter a small room. Your <b>sword</b> glows
brighter. A <b>rat</b> scurries past the corner wall.</p>

View live exampleIn this example, the b element is used to indicate both a company and a product name. Disambiguation via CSS is accomplished using the class attribute.

HTML

<p><b class="org">Acme <abbr title="Corporation">Corp</abbr></b> 
is pleased to introduce the 
<b class="product">Widget Blast 3000</b>. 
This is a miracle of modern science that will 
simplify your life, fry an egg, and even put 
your kids to bed.</p>

Usage

 The b element makes a lot of sense for use as a wrapper for proper names (e.g. people, companies, products, locations) as they may be offset from the surrounding text in some way, but are not semantically meaningful.

Internationalization topics related to the b element:

Notes

As the b element has no inherent meaning, you should not use it to convey meaning; there is probably a more appropriate element for that. Headings should use the h1 to h6 elements, stress emphasis should use the em element, importance should be denoted with the strong element, and contextually-important/highlighted text should use the mark element.


Related specifications

Specification Status Related Changes
HTML 5.1 W3C Working Draft
HTML 5 W3C Recommendation
HTML 4.01 W3C Recommendation

See also

Related articles

HTML























  • b




























… further results

Text





















  • b