<strong>和<em>是抽象的(这就是人们说它是语义的意思)。 <b>和<i>是使某物“强烈”或“强调”的特定方式

类比:

<strong> = <b>， <em> = <i>

as

vehicle是jeep的意思

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

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

B或I表示您希望文本显示为粗体或斜体。Strong或em意味着你希望文本以一种用户理解为“重要”的方式呈现。默认是将strong显示为粗体，em显示为斜体，但一些其他区域性可能使用不同的映射。

就像程序中的字符串一样，b和i将被“硬编码”，而strong和em将被“本地化”。

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

是的，根据规范，<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>标记

对于重要的文本，使用<strong>标记

对于文本斜体样式使用<i>标签

对于强调的文本使用<em>标签

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

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