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

< 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>是语义的(即:“应该强调这篇文章”)。

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

只有在使用CSS样式类不方便或不可能的情况下才使用它们(比如博客系统，只允许在帖子中使用一些标签，最终嵌入样式)。另一个原因是支持非常老的浏览器(一些移动设备?)或原始的搜索引擎(给<b>或<strong>标签加分，而不是分析CSS样式)。

如果你可以定义CSS样式，那就使用它们。

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

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

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

希望大家能理解。

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

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

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

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