HTML5 中的 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 僅僅表示「這裡應該用粗體顯示」或者「這裡應該用斜體顯示」。

1. Default style sheet for HTML 4: http://www.w3.org/TR/CSS2/sample.html

從頁面顯示效果來看，被 & 和 & 包圍的文字將會被加粗，而被 & 和 & 包圍的文字將以斜體的形式呈現。那大家可能就會疑惑了，既然效果一樣，那為什麼還要重複定義標籤呢？這就要從 HTML5 的一個最大的特性 -- 語義化來談了。

不得不說，& 和 & 創建之初就是簡單地表示粗體和斜體樣式，但現在是 HTML5 的天下。語義化是 HTML5 最大的特性之一，而所有被 HTML5 保留的標籤都帶有其特有的語義，& 和 & 也不例外，它們分別被重新賦予了語義。相比較而言，標籤的樣式反而變得無足輕重，所以上面所講的兩組標籤，雖然樣式上表現極其相似，但其實語義上各有側重。

下面就來一一介紹這 4 個標籤。

&

根據 W3C 對 & 的定義：

The i element represents a span of text in an alternate voice or mood, or otherwise offset from the normal prose in a manner indicating a different quality of text, such as a taxonomic designation, a technical term, an idiomatic phrase from another language, transliteration, a thought, or a ship name in Western texts.

翻譯一下就是：

i 元素代表在普通文本中具有不同語態或語氣的一段文本，某種程度上表明一段不同特性的文本，比如一個分類學名稱，一個技術術語，一個外語習語，一個音譯，一個想法，或者西方文本中的一艘船名。

// 分類學名稱
&The &Felis silvestris catus& is cute.&

// 術語
&The term &prose content& is defined above.&

// 外語習語
&There is a certain &je ne sais quoi& in the air.&

&