正如其他人所述，区别在于<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，甚至可以定义自己的语义标记，样式表将为您完成到物理字体样式和布局的转换。

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

类比:

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

as

vehicle是jeep的意思

<em>和<strong>消耗的带宽大于<i>和<b>。

它们还需要更多的输入(如果不是自动生成的话)。

它们还会让编辑器屏幕上充斥着更多的文本。我似乎记得程序员喜欢小一点的源文件，如果它们是相同的。(让我们面对现实吧，它们是一样的。是的，确实存在“技术”差异(<i>咳嗽</i>，咳咳，不好意思)，但这基本上是假的。)

对于上面的任何标记，如果您需要它们与默认呈现不同，您可以使用样式表自定义它们的显示方式。

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

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

对于文本粗体使用<b>标记

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

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

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

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>