<b>和<i>都与风格有关，而<em>和<strong>是语义的。在HTML 4中，前者被归类为字体样式元素，后者被归类为短语元素。

正如您正确指出的，<i>和<em>通常被认为是相似的，因为浏览器通常以斜体显示它们。但根据规范，<em>表示强调，<strong>表示更强调，这很清楚，但经常被误解。另一方面，何时使用<i>或<b>之间的区别实际上是一个风格问题。

正如其他人所说，<b>和<i>是显式的(即。"使此文本加粗")，而<strong>和<em>是语义的(即:“应该强调这篇文章”)。

在现代网络浏览器的环境中，很难看出两者的区别(它们似乎产生了相同的结果，对吧?)，但想想为视力受损的人设计的屏幕阅读器。如果屏幕阅读器遇到<i>标记，它将不知道该做什么。但是如果它遇到<em>标签，它就知道应该向侦听器强调其中的内容。这就是实际的区别。

“它们的效果是一样的。但是，XHTML(一种更干净、更新的HTML版本)推荐使用<strong>标记。Strong更好，因为它更容易读懂——它的意思更清楚。此外，<strong>传达了一种含义-强显示文本-而<b>(用于加粗)传达了一种方法-将文本加粗。使用strong，如果您使用CSS样式表更改使文本强的方法，那么您的代码仍然有意义。

<i>和<em> "之间的差异也是如此。

谷歌迪克西特：

http://wiki.answers.com/Q/What_is_the_difference_between_HTML_tags_b_and_strong

通常应该尽量避免<b>和<i>。它们在CSS创建之前的早期HMTL版本中被引入用于布局页面(改变它的外观)，就像同时删除的字体标签一样，主要是为了向后兼容，因为一些论坛允许内联HTML，这是一种简单的改变文本外观的方法(比如BBCode使用[i]，你可以使用<i>等等)。

自从CSS创建以来，布局实际上不再是HTML中应该做的事情，这就是为什么CSS被创建在第一个地方(HTML ==结构，CSS ==布局)。这些标签在未来可能会消失，毕竟，如果你需要一个“毫无意义”的字体变化，你可以使用CSS和span标签来使文本变成粗体/斜体。HTML 5仍然允许这样做，但声明以这种方式标记文本没有意义。

另一方面，<em>和<strong>只表示某些内容被“强调”或“强烈强调”，它让浏览器完全开放如何渲染它。大多数浏览器默认会将em显示为斜体和粗体，但它们并不是被迫这样做的(它们可能使用不同的颜色、字体大小、字体等等)。您可以使用CSS以您想要的方式更改行为。如果你喜欢，你可以让它们加粗，比如加粗和红色。

HTML格式元素:

HTML还定义了特殊元素，用于定义具有特殊含义的文本。 HTML使用像<b>和<i>这样的元素来格式化输出，比如粗体或斜体文本。

HTML粗体和强格式:

HTML <b>元素定义了粗体文本，没有任何额外的重要性。

<b>This text is bold</b>

HTML <strong>元素定义了强文本，并添加了语义 “强大”的重要性。

<strong>This text is strong</strong>

斜体和强调格式:

HTML <i>元素定义了斜体文本，没有任何额外的内容 的重要性。

<i>This text is italic</i>

HTML <em>元素定义了带有附加语义的强调文本 的重要性。

<em>This text is emphasized</em>

以下是定义和建议用法的摘要:

< b >…为了功利目的而被吸引注意力的一段文字，没有传达任何额外的重要性，也没有其他声音或情绪的暗示，如文档摘要中的关键词，评论中的产品名称，交互式文本驱动软件中的可操作的单词，或文章导语。

< >强…Now表示重要性，而不是强调。

<我>…以一种不同的语态或语气出现的一段文本，或以一种表明不同文本质量的方式偏离正常的散文，如分类名称、技术术语、来自另一种语言的惯用短语、思想或西方文本中的船名。

< em >…表示强调。

(这些都是从W3C来源直接引用的，其中还添加了我的重点。原文见:https://rawgithub.com/whatwg/html-differences/master/Overview.html#changed-elements和http://www.w3.org/TR/html401/struct/text.html#h-9.2.1)