Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by Giridhar Nalakari
Giridhar Nalakari
493 Points

difference between "<b>" and "<strong>"

hi folks, is there any specification that where should i use < b > and < strong > tags..?

2 Answers

Véronique Bellamy
Véronique Bellamy
20,810 Points

The <strong> and <em> tags are “logical” tags. This means that they are used deliberately when the designer wants to add emphasis to particular words or phrases. Some screen readers may use a different inflection when they come across these tags to communicate the emphasis. The <b> and <i> tags are primarily for visual effect on a page when designing layout.

Also, I'm moving your thread over to HTML.

Giridhar Nalakari
Giridhar Nalakari
493 Points

Thanks

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Jessica,

The <b> and <i> tags have been redefined in html5 and aren't purely presentational anymore. They have some semantic meaning now.

http://html5doctor.com/i-b-em-strong-element/

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

To quote from the HTML5 spec:

The <strong> element represents strong importance, seriousness, or urgency for its contents.

from: http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-strong-element

The <b> element represents a span of text to which attention is being drawn for utilitarian purposes without conveying any extra importance and with no implication of an alternate voice or mood, such as key words in a document abstract, product names in a review, actionable words in interactive text-driven software, or an article lede.

The <b> element should be used as a last resort when no other element is more appropriate. In particular, headings should use the <h1> to <h6> elements, stress emphasis should use the <em> element, importance should be denoted with the <strong> element, and text marked or highlighted should use the <mark> element.

from: http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-b-element