B和strong以及i和em的区别（转）

B和strong以及i和em的区别

(2013-12-31 13:58:35)

标签：

搜索引擎

分类：网页制作

一直以来都以为B和strong以及i和em是相同的效果，就没有深入研究，直到今天看到一篇文章才恍然大悟。

因为两者所达到的效果一样，所以人们就没有太在意这两个到底有什么区别，那么今天我来告诉大家，是有区别的。

它们的区别就再于一个是物理元素，一个是逻辑元素。

什么是物理元素？什么是逻辑元素？

物理元素所强调的是一种物理行为，比如说我把一段文字用b标记加粗了，我的意思是告诉浏览器应该给我加粗了显示这段文字，从单词的语义也可以分析得出，b是Bold(加粗)的简写，所以这个B标记所传达的意思只是加粗，没有任何其它的作用。

而Strong我们从字面理解就可以知道他是强调的意思，所以我们用这个标记向浏览器传达了一个强调某段文字的消息，而这个Strong就是我们所说的逻辑元素，他是强调文档逻辑的，并非是通知浏览器应该如何显示。

同样，I是Italic(斜体)，而em是emphasize(强调)。

所以说：物理元素是告诉浏览器我应该以何种格式显示文字，逻辑元素告诉浏览器这些文字有怎么样的重要性。

结论：对于搜索引擎来说em和strong比i和b要重视的多。

H标记的用法

很多seoer经常忽略的一个问题是h1标记，他们通常喜欢在标题的地方用一个b或直接font把字号改大，很少应用h1标记，其实搜索引擎对h1 标记的重视程度不亚于title，我曾经做过实验，把title留空，然后在页面上放置一些元素，分别用不同的方式去强调一段文字，如：h1，b，strong和一些字号加大的方法，使其被搜索引擎收录，再没有增加任何外链的情况下，搜索引擎会默认页面title为h1内的内容，所以得出结论h1是在没有外界干扰下除title以外第二个能强调页面主旨的标记，在一个页面中应该使用且只使用一次h1标记。

刚刚在整理浏览器默认样式的时候，看到一作者问道这两对标签的不同，于是整理入下：

它们的区别就再于一个是物理元素，一个是逻辑元素。

什么是物理元素？什么是逻辑元素？

物理元素所强调的是一种物理行为，比如说我把一段文字用b标记加粗了，我的意思是告诉浏览器应该给我加粗了显示这段文字，从单词的语义也可以分析得出，b是Bold(加粗)的简写，所以这个B标记所传达的意思只是加粗，没有任何其它的作用。

而Strong我们从字面理解就可以知道他是强调的意思，所以我们用这个标记向浏览器传达了一个强调某段文字的消息，而这个Strong就是我们所说的逻辑元素，他是强调文档逻辑的，并非是通知浏览器应该如何显示。

同样，I是Italic(斜体)，而em是emphasize(强调)。

所以说：物理元素是告诉浏览器我应该以何种格式显示文字，逻辑元素告诉浏览器这些文字有怎么样的重要性。

b 和 i 标签在现在的 Web 标准潜规则中是不推荐使用，甚至是反对使用的，因为认为他们只是“表现”粗体和斜体，而没有任何“语义”。更多的用 strong 和 em 标签代替。

而在新的 HTML5 工作草案 中对于 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 的不同使用。