A coworker asked this question. It's curious that this HTML change occurred. Most front end developers are aware that the <strong> and <em> are preferable as they are accessible styles, meaning that they encourage screen readers to note their existence, whereas <b> and <i> are ignored. But why did the HTML lords not just change the action of the <b> and <i> instead of adding new tags?

After searching for sometime, and finding many different theories, one person, Tony Andrews, had the perfect explanation:

<b> and <i> are explicit - they specify bold and italic respectively. <strong> and <em> are semantic - they specify that the enclosed text should be "strong" or "emphasized" 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. And there you have it.If you want to dive in deeper, here's a nice long article.  

Recommended Posts

12
September

VP's of Digital Need to Start Embracing Machine Learning

Machine learning isn’t just for billion dollars companies like Google or Amazon or fun projects like developing an...

Read More >

3
August

Electric car highways ๐Ÿ‡ฆ๐Ÿ‡บ, full-body VR, and 3D-printed... Earables? ๐Ÿ‘‚

This week we're talking about full-body VR wearables, human organ factories in New Hampshire, the largest electric vehic...

Read More >

27
July

If you care about the environment, we've got some wins for you ๐Ÿ‘

This week we're talking about robotic eels tracking water pollution, building DNA from scratch๐Ÿ‘จ‍๐Ÿ”ฌ, the first float...

Read More >

Let's solve digital.