b和strong，i与em的区别

在HTML4.01中：

<b > <i >是视觉要素（presentationl elements），分别表示无意义的加粗，无意义的斜体，表现样式为 { font-weight: bolder }，仅仅表示「这里应该用粗体显示」或者「这里应该用斜体显示」，此两个标签在HTML4.01中并不被使用；

<em > 和 <strong > 是表达要素(phrase elements)。 <em >（emphasized text）表示一般的强调文本，而 <strong >（strong emphasized text）表示比 <em >语义更强的的强调文本。

而在新的 HTML5 工作草案 中：

<em > 和 <strong > 仍旧是表达要素(phrase elements)。但这时的 <strong >表示html页面上的强调（emphasized text）， <em >表示句子中的强调（即强调语义）

对于 b 和 i 标签是这样定义的：

The b element now represents a span of text to be stylistically offset from the normal prose without conveying any extra importance, such as key words in a document abstract, product names in a review, or other spans of text whose typical typographic presentation is emboldened.

// b 元素现在描述为在普通文章中仅从文体上突出的不包含任何额外的重要性的一段文本。例如：文档概要中的关键字，评论中的产品名。或者代表强调的排版方式。

The i element now represents a span of text in an alternate voice or mood, or otherwise offset from the normal prose, such as a taxonomic designation, a technical term, an idiomatic phrase from another language, a thought, a ship name, or some other prose whose typical typographic presentation is italicized. Usage varies widely by language.

// i 元素现在描述为在普通文章中突出不同意见或语气或其他的一段文本，例如：一个分类名称，一个技术术语，一个外语中的谚语，一个想法等。或者代表斜体的排版方式。

从规范中可以注意到：b 和 i 元素将被赋予真正的语义。更应有预见性注意 b 、i 与 strong 、em 的不同使用 。

应该说，在默认的 HTML 样式表定义中，b 和 strong 的样式一样，为 { font-weight: bolder }；而 em 的默认样式为 { font-style: italic }，与 i 相同。

在 HTML 4 中，em 表示 emphasized text，strong 表示 strong emphasized text，故 strong 的强度要更强。而在 HTML 5 中，strong 的定义改成了important text。当然 emphasized 和 strong emphasized乃至 important 之间怎么界定很模糊，关键是在自己编写HTML代码的时候保持使用上一致。

b和i仅仅表示「这里应该用粗体显示」或者「这里应该用斜体显示」。

<em>标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。

在文本中加入强调也需要有技巧。如果强调太多，有些重要的短语就会被漏掉；如果强调太少，就无法真正突出重要的部分。这与调味品一样，不要滥用强调。

尽管现在 <em>标签修饰的内容都是用斜体字来显示，但这些内容也具有更广泛的含义，将来的某一天，浏览器也可能会使用其他的特殊效果来显示强调的文本。如果只想使用斜体字来显示文本的话，请使用 <i>标签。除此之外，文档中还可以包括用来改变文本显示的级联样式定义。

扩展资料

除强调之外，当引入新的术语或在引用特定类型的术语或概念时作为固定样式的时候，也可以考虑使用 <em>标签。例如，W3School 经常对重要的术语使用 <em>标签。<em>标签可以用来把这些名称和其他斜体字区别开来。

在默认情况下，它们的视觉效果是一样的。但语义是不同的。 <em> 标签表示其内容的着重强调，而 <i> 标签表示从正常散文中区分出的文本，例如外来词，虚构人物的思想，或者当文本指的是一个词语的定义，而不是其语义含义。（作品的标题，例如书籍或电影的名字，应该使用 <cite>。）

这意味着，正确使用哪一个取决于具体的场景。两者都不是纯粹为了装饰的目的，那是CSS样式所做的。

一个 <em> 的例子可能是："Just do it already!"，或："We had to do something about it"。人或软件在阅读文本时，会对斜体字的发音使用重读强调。

---