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 的含义以便往后能够轻松改变其样式。