正如其他人所述，区别在于<b>和<i>硬编码字体样式，而<strong>和<em>指示语义，字体样式(或语音浏览器语调，或其他什么)在文本呈现(或语音)时确定。

You can think of this as a difference between a “physical” font style and a “logical” style, if you will. At some later time, you may wish to change the way <strong> and <em> text are displayed, say, by altering properties in a style sheet to add color and size changes, or even to use different font faces entirely. If you've used “logical” markup instead of hardcoded “physical” markup, then you can simply change the display properties in one place each in your style sheet, and then all of the pages that reference that style sheet get changed automatically, without ever having to edit them.

很狡猾，是吧?

这也是为段落、表格单元格、标题文本、标题等定义子样式(在文本标记中使用style=属性引用)以及使用<div>标记的基本原理。您可以在样式表中为逻辑样式定义物理表示，更改会自动反映在引用该样式表的网页中。想要源代码的不同表示形式?重新定义“代码”风格的字体、大小、粗细、间距等。

如果使用XHTML，甚至可以定义自己的语义标记，样式表将为您完成到物理字体样式和布局的转换。

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

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

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

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

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

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

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

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

正如其他人所述，区别在于<b>和<i>硬编码字体样式，而<strong>和<em>指示语义，字体样式(或语音浏览器语调，或其他什么)在文本呈现(或语音)时确定。

You can think of this as a difference between a “physical” font style and a “logical” style, if you will. At some later time, you may wish to change the way <strong> and <em> text are displayed, say, by altering properties in a style sheet to add color and size changes, or even to use different font faces entirely. If you've used “logical” markup instead of hardcoded “physical” markup, then you can simply change the display properties in one place each in your style sheet, and then all of the pages that reference that style sheet get changed automatically, without ever having to edit them.

很狡猾，是吧?

这也是为段落、表格单元格、标题文本、标题等定义子样式(在文本标记中使用style=属性引用)以及使用<div>标记的基本原理。您可以在样式表中为逻辑样式定义物理表示，更改会自动反映在引用该样式表的网页中。想要源代码的不同表示形式?重新定义“代码”风格的字体、大小、粗细、间距等。

如果使用XHTML，甚至可以定义自己的语义标记，样式表将为您完成到物理字体样式和布局的转换。