<strong>和<em>为您的文档添加额外的语义含义。它只是这样，他们也给你的文本一个粗体和斜体样式。

你当然可以用CSS覆盖它们的样式。

另一方面，<b>和<i>只应用字体样式，不应该再使用。(因为你应该使用CSS格式，如果文本确实很重要，那么你可能会让它“强”或“强调”!)

希望大家能理解。

<b>和<i>是显式的-它们分别指定粗体和斜体。

<strong>和<em>是语义上的-它们指定所包含的文本应该以某种方式“强”或“强调”，通常是粗体和斜体，但允许通过CSS控制实际的样式。因此，这些是现代网页的首选。

<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

它们对普通的web浏览器渲染引擎有相同的效果，但它们之间有根本的区别。

正如作者在一篇讨论列表帖子中写道:

想想三种不同的情况:

web浏览器 盲人 移动电话

“大胆”是一种风格——当你说“大胆一个字”时，人们基本上都知道 这意味着在字母周围添加更多的“墨水”，直到它们突出 其余的信里有更多。

不幸的是，这对盲人来说毫无意义。在手机上 和其他pda，文本已经是粗体，因为屏幕分辨率非常小。你不能在没有搞砸的情况下加粗。

<b>是一种样式——我们知道“粗体”应该是什么样子。

然而，<strong>表示应该如何理解某些内容。“Strong”在浏览器中可能(通常)意味着“粗体”，但对于Jaws(盲人)这样的语音程序来说，它也可能意味着较低的音调，或者在Palm Pilot上用下划线表示(因为你不能用粗体加粗)。

HTML从来就不是关于样式的。搜索“Tim Berners-Lee”和“语义网”。>是语义的——它描述了它包围的文本(例如，“这个文本应该比你所显示的其余文本更强”)，而不是描述它包围的文本应该如何显示(例如，“这个文本应该是粗体”)。

我同时使用<strong>和<b>，实际上，正是因为这个回复线程中提到的原因。有些时候，某些文本加粗看起来更好，但在语义上并不一定比句子的其他部分更重要。下面是我现在正在做的一个例子:

"检索<strong>所有</strong>书籍关于<b>长曲棍球</b>。"

在这句话中，单词“all”非常重要，而“lacrosse”就不那么重要了——我只是想把它加粗，因为它代表一个搜索词，所以我想在视觉上进行一些分离。如果你正在用屏幕阅读器浏览页面，我真的不认为它需要特意强调“长曲棍球”这个词。

我倾向于想象大多数web开发人员使用其中的一种，但两者都很好-<b>绝对不会被弃用，就像一些人声称的那样。对我来说，这只是视觉吸引力和意义之间的细微差别。

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

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