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

< 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)

<b>和<i>应该避免使用，因为它们描述了文本的风格。相反，使用<strong>和<em>，因为它们描述了文本的语义(含义)。

与HTML中的所有内容一样，您不应该考虑您希望它看起来如何，而是应该考虑您的实际含义。当然，对你来说可能只是粗体和斜体，但对屏幕阅读器来说不是。

“它们的效果是一样的。但是，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

我要冒险从历史和现实的角度来分析:

是的，根据规范，<strong>在HTML4中具有语义意义，<b>具有严格的表示意义。

是的，当HTML5出现时，b和i引入了略有不同的新语义。

是的，W3C基本上推荐TL,DR;不要用b和i。

您应该始终记住，b元素的内容不一定总是粗体，i元素的内容也不一定总是斜体。实际的样式取决于CSS样式定义。您还应该记住，在某些语言中，粗体和斜体可能不是内容的首选样式。如果有更描述性和更相关的标记可用，则不应该使用b和i标记。

BUT:

现实世界的互联网有大量的现有HTML，这些HTML永远不会更新。现实世界的互联网必须考虑在庞大的软件和CMS系统网络之间生成和复制粘贴的内容，这些软件和CMS系统都有不同的开发团队，建立在不同的时代。

因此，如果您正在编写HTML或构建一个为其他人编写HTML的系统，当然，一定要使用<strong>而不是<b>来表示“强烈强调”，因为它在语义上更正确。

但实际上，实际情况是，<strong>和<b>的语义和风格意义已经随着时间的推移而合并。

如果我正在构建一个允许任何样式文本粘贴的CMS，我需要为正在粘贴<b>并表示“强烈强调”的人以及正在粘贴<strong>并表示“使此文本加粗”的人进行计划。这可能不是“正确的”，但这就是现实世界在这个时刻的运作方式。

因此，如果我为该网站写一个样式表，我可能最终会写一些样式，看起来像这样:

b,
strong {
  font-weight: 700;
  /* ... more styles here */
}

i,
em {
  font-style: italic;
  /* ... more styles here */
}

或者，我将依赖于浏览器的默认值，它在我所知道的每个现代浏览器中执行与上述代码相同的任务。

或者，我可能是数百万个使用normalize.css的网站之一，它会注意确保b和strong被同等对待。

世界上已经有如此庞大的HTML海洋在这个期望下工作，我只是无法想象b会被贬低而支持strong，或者浏览器会开始默认地以不同的方式显示它们。

就是这样。这就是我对语义、历史和现实世界的看法。b/i和strong/em是一样的吗?不。在现代文明崩溃之前，它们是否可能在几乎所有情况下都存在并被视为相同?我想是的。

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

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

<i>， <b>， <em>和<strong>标签传统上具有代表性。但在HTML5中，它们被赋予了新的语义含义。

<i>和<b>在HTML4中用于字体样式。<i>为斜体，<b>为粗体。在HTML5中，<i>标签具有“替代声音或情绪”的新语义含义，<b>标签具有风格上偏移的含义。

<i>标签的使用例子有:分类名称、技术术语、来自另一种语言的惯用短语、音译、一种思想、西方文本中的船名。例如:

<p><i>I hope this works</i>, he thought.</p>

<b>标记的使用示例包括文档摘要中的关键字、评论中的产品名称、交互式文本驱动软件中的可操作单词、文章导语。

下面的示例段落在风格上与后面的段落有所偏移。

<p><b class="lead">The event takes place this upcoming Saturday, and over 3,000 people have already registered.</b></p>

<em>和<strong>在HTML4中具有强调和强强调的含义。但在HTML5中，<em>表示强调，<strong>表示强烈的重要性。

在下面的例子中，在阅读之前的单词时应该会有语言上的变化。

<p>Make sure to sign up <em>before</em> the day of the event, September 16, 2016</p>

在同样的例子中，我们可以使用<strong>标记，如下所示。

<p>Make sure to sign up <em>before</em> the day of the event, <strong>September 16, 2016</strong></p>

重视活动日期。

MDN裁判:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/b

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/i

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/em

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong