HTML5強調元素的語義,而非表現。b和i元素是早期HTML遺留下來的產物,它們分別用於將文本變爲粗體和斜體(那時CSS還未出現)。編碼
當時的規範建議編碼人員用strong替代b,用em替代i。不過,事實證實,em和strong有時在語義上並不合適。爲此,HTML5從新定義了b和i。spa
HTML5沒有建立一些新的語義化元素而是直接利用現有元素:em用於全部層次的強調,strong用於表示重要性,而其餘狀況則使用b和i。翻譯
這意味着,儘管b和i並不包含任何明顯的語義,但讀者仍能發現它們與周邊文字的差異。並且你還能夠經過CSS改變它們粗體或斜體的樣式。orm
HTML5強調,b和i應該是其餘元素(如strong、em、cite等)都不適用時的最後選擇。ci
◎b元素簡介HTML5將b從新定義爲:rem
b元素表示出於實用目的提醒讀者注意的一塊文字,不傳達任何額外的重要性,也不表示其餘的語態和語氣,文檔
用於如文檔摘要裏的關鍵詞、評論中的產品名、基於文本的交互式軟件中指示操做的文字、文章導語等。產品
例如:it
<p>The <b>XR-5</b>, also dubbed the <b>Extreme Robot 5</b>, is the best robot we've ever ➝tested.</p>io
b元素默認顯示爲粗體。
◎i元素簡介HTML5將i從新定義爲:
i元素表示一塊不一樣於其餘文字的文字,具備不一樣的語態或語氣,或其餘不一樣於常規之處,
用於如分類名稱、技術術語、外語裏的慣用語、翻譯的散文、西方文字中的船舶名稱等。
例如:
<p>The <i lang="la">Ulmus americana</i> is the Massachusettsstate tree.</p>
<p>We rode the <i>Orient Express</i>.</p>
<p>The couple exhibited a <i lang="fr">joie de vivre</i> that was infectious.</p>
i元素默認顯示爲斜體。