Emphasizing Text

Emphasizing Text - <strong>, <em>, <b>, <i>

The use of these elements is often confusing, as it appears that their usage overlaps. This is a topic that is worth reviewing at a later point on the MDN Documentation.

Element	Usage
strong	indicates that its contents have strong importance, seriousness, or urgency. Browsers typically render the contents in bold type
em	marks text that has stress emphasis
b	is used to draw the reader's attention to the element's contents, which are not otherwise granted special importance
i	represents a range of text that is set off from the normal text for some reason, such as idiomatic text, technical terms, taxonomical designations, among others

The <strong> element is for content that is of greater importance, while the <b> element is used to draw attention to text without indicating that it's more important.

While <em> is used to change the meaning of a sentence as spoken emphasis does ("I love carrots" vs. "I love carrots"), <strong> is used to give portions of a sentence added importance (e.g., "Warning! This is very dangerous.")