Diff between Bold & strong tag, italic & Emphasized tags

They have the same effect on normal web browser rendering engines, but there is a fundamental difference between them.

As the author writes in a discussion list post: (https://web.archive.org/web/20091124170143/http://lists.evolt.org/archive/Week-of-Mon-20010521/032901.html)

Think of three different situations:

web browsers
blind people
mobile phones

"Bold" is a style - when you say "bold a word", people basically know that it means to add more, let's say "ink" around the letters until they stand out more amongst the rest of the letters.

That, unfortunately, means nothing to a blind person. And on mobile phones and other PDAs, text is already bold because screen resolution is very small. You can't bold a bold without screwing something up.

is a style - we know what "bold" is supposed to look like.

however is an indication of how something should be understood. "Strong" could (and often does) mean "bold" in a browser, but it could also mean a lower tone for a speaking program like Jaws (for blind people). And strong on a Palm Pilot may be an underline (since you can't bold a bold).

HTML was never meant to be about styles. Do some searches for "Tim Berners-Lee" and "the semantic web". is semantic - it describes the text it surrounds ("this text should be stronger than the rest of the text you've displayed") as opposed to describing how the text it surrounds should be displayed ("this text should be bold").
In Short :

and are explicit - they specify bold and italic respectively.

and are semantic - they specify that the enclosed text should be "strong" or "emphasised" in some way, usually bold and italic, but allow for the actual styling to be controlled via CSS. Hence these are preferred in modern web pages.

Reference : http://stackoverflow.com/questions/271743/whats-the-difference-between-b-and-strong-i-and-em

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sujeet Suman11y ago
Supreeth please once go through below link:

http://html5doctor.com/i-b-em-strong-element/
Manoj Bhoir11y ago
They have the same effect on normal web browser rendering engines, but there is a fundamental difference between them.

As the author writes in a discussion list post: (https://web.archive.org/web/20091124170143/http://lists.evolt.org/archive/Week-of-Mon-20010521/032901.html)

Think of three different situations:

web browsers
blind people
mobile phones

"Bold" is a style - when you say "bold a word", people basically know that it means to add more, let's say "ink" around the letters until they stand out more amongst the rest of the letters.

That, unfortunately, means nothing to a blind person. And on mobile phones and other PDAs, text is already bold because screen resolution is very small. You can't bold a bold without screwing something up.

is a style - we know what "bold" is supposed to look like.

however is an indication of how something should be understood. "Strong" could (and often does) mean "bold" in a browser, but it could also mean a lower tone for a speaking program like Jaws (for blind people). And strong on a Palm Pilot may be an underline (since you can't bold a bold).

HTML was never meant to be about styles. Do some searches for "Tim Berners-Lee" and "the semantic web". is semantic - it describes the text it surrounds ("this text should be stronger than the rest of the text you've displayed") as opposed to describing how the text it surrounds should be displayed ("this text should be bold").
In Short :

and are explicit - they specify bold and italic respectively.

and are semantic - they specify that the enclosed text should be "strong" or "emphasised" in some way, usually bold and italic, but allow for the actual styling to be controlled via CSS. Hence these are preferred in modern web pages.
Reference : http://stackoverflow.com/questions/271743/whats-the-difference-between-b-and-strong-i-and-em