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

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

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

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

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

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

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

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

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

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>

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

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

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

希望大家能理解。