HTML 语义化之b_i_em_strong

默认效果

i和em都是斜体。b和strong都是加粗。

语义区别：

em 和 strong
	分别表示句中强调和全局加重强调
	搜索引擎中更受重视,一些语音阅读器也会根据它在阅读时加强语气。
i 和 b
	是斜体和粗休的表现元素，只对视觉上进行了强调，没有语义上的帮助

i标签

W3C: 语义化的 <i>元素

可以用来表示：外文单词、生物分类、科技术语、船名、剧本舞台方位、乐谱、三个代表思想或手写文字。建议通过class特性标识具体语义，若为表示外文单词则采用lang特性标识具体的语言种类。

示例：

滑板介绍
滑板的基本动作名为豚跳(ollie)
<h3>滑板介绍</h3>
<p>滑板的基本动作名为<i class="skateboard">豚跳</i>(<i lang="en_us">ollie</i>)</p>

b标签

W3C：语义化的 <b> 元素

用于表示：局部范围内不重要但需要突出的内容，如概要中的关键字、评论中的名词等。建议通过class特性标识具体语义。

示例：

  滑板构造概要
  滑板由轮子、板面、磨砂纸和支架(truck)组成。
<h3>滑板构造概要</h3>
<p>
滑板由<b class="compent">轮子</b>、<b class="component">板面</b>、<b class="component">磨砂纸</b>和<b class="component">支架</b>(<i lang="en_us>"truck</i>)组成。
</p>

em标签

W3C：语义化的 `<em>` 元素
表示：局部范围内强调的内容，用于改变句子或段落的侧重点。注意其作用范围为局部，也就是阅读到某段落或句子时才会注意到。示例：

   <p>ollie教学<br>
   后脚踏板的同时<em>前脚提起</em>，并向斜前方跳起。
   后脚踏板的同时前脚提起，并<em>向斜前方跳起</em>。</p>

   第一句强调 前脚提起，第二句强调 向斜前方跳起。

strong标签

W3C：语义化的 `<strong>` 元素
表示：全部范围内强调的内容，随意无序扫描全文时能突出的关键内容。

em 表示内容的着重点（stress emphasis），strong 表示内容的重要性（strong importance）

strong 不会改变所在句子的语意，em 则会改变所在句子的语义。

注：推荐使用类名来表示 i 和 b 的含义以便日后可以轻松改变其样式。