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 的含義以便往後能夠輕鬆改變其樣式。