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

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

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

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

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

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

<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>指示语义，字体样式(或语音浏览器语调，或其他什么)在文本呈现(或语音)时确定。

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

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

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

希望大家能理解。