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

CSS CSS Foundations Web Typography Enhancing Typography

<b> and <i> tags

Guil says, "we should never fake font weights or styles, no full bold or italics...they have a new semantic meaning than they used to in HTML."

Just to clarify, even though everyone says not to use the <b> and <i> tags anymore, I've found several places, that say it's still appropriate to use them, such as at HTML5Doctor. Below he explains the difference between all four tags.

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

< i > — was italic, now for text in an “alternate voice”, such as transliterated foreign words, technical terms, and typographically italicized text

< b > — was bold, now for “stylistically offset” text, such as keywords and typographically emboldened text.

< em > — was emphasis, now for stress emphasis, i.e., something you’d pronounce differently.

< strong > — was for stronger emphasis, now for strong importance, basically the same thing (stronger emphasis or importance is now indicated by nesting).

2 Answers

I agree Jonathan,

However, from my understanding, there is an issue regarding < span > elements, "< span >s don’t hold any semantic value. They exist for styling purposes only." http://learn.shayhowe.com/html-css/getting-to-know-html/

Remember that semantics gives meaning and structure to the content on the page by using the proper element.

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,253 Points

I still use them. But more the strong and the emphasis tags. Those 2 elements are valid code so it's perfectly okay to use them in my opinion.

That said, you can accomplish anything the strong and emphasis tags do with the span elements and applying the appropriate CSS to them and I think this is what Guil is trying to encourage, :-)