HTML5中從新定義的 b 和 i 元素

  HTML5強調元素的語義,而非表現。bi元素是早期HTML遺留下來的產物,它們分別用於將文本變爲粗體和斜體(那時CSS還未出現)。編碼

當時的規範建議編碼人員用strong替代b,用em替代i。不過,事實證實,emstrong有時在語義上並不合適。爲此,HTML5從新定義了bispa

  HTML5沒有建立一些新的語義化元素而是直接利用現有元素:em用於全部層次的強調,strong用於表示重要性,而其餘狀況則使用bi翻譯

這意味着,儘管bi並不包含任何明顯的語義,但讀者仍能發現它們與周邊文字的差異。並且你還能夠經過CSS改變它們粗體或斜體的樣式。orm

  HTML5強調,bi應該是其餘元素(如strongemcite等)都不適用時的最後選擇。ci

b元素簡介HTML5b從新定義爲: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元素簡介HTML5i從新定義爲:

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元素默認顯示爲斜體。

相關文章
相關標籤/搜索