HTML5強調元素的語義,而非表現。b和i元素是早期HTML遺留下來的產物,它們分別用於將文本變為粗體和斜體(那時CSS還未出現)。 當時的規範建議編碼人員用strong替代b,用em替代i。不過,事實證明,em和strong有時在語義上並不合適。為此,HTML5重新定義了b和i。 HTML5沒有創 ...
HTML5強調元素的語義,而非表現。b和i元素是早期HTML遺留下來的產物,它們分別用於將文本變為粗體和斜體(那時CSS還未出現)。
當時的規範建議編碼人員用strong替代b,用em替代i。不過,事實證明,em和strong有時在語義上並不合適。為此,HTML5重新定義了b和i。
HTML5沒有創建一些新的語義化元素而是直接利用現有元素:em用於所有層次的強調,strong用於表示重要性,而其他情況則使用b和i。
這意味著,儘管b和i並不包含任何明顯的語義,但讀者仍能發現它們與周邊文字的差別。而且你還可以通過CSS改變它們粗體或斜體的樣式。
HTML5強調,b和i應該是其他元素(如strong、em、cite等)都不適用時的最後選擇。
◎b元素簡介HTML5將b重新定義為:
b元素表示出於實用目的提醒讀者註意的一塊文字,不傳達任何額外的重要性,也不表示其他的語態和語氣,
用於如文檔摘要里的關鍵詞、評論中的產品名、基於文本的互動式軟件中指示操作的文字、文章導語等。
例如:
<p>The <b>XR-5</b>, also dubbed the <b>Extreme Robot 5</b>, is the best robot we've ever ➝tested.</p>
b元素預設顯示為粗體。
◎i元素簡介HTML5將i重新定義為:
i元素表示一塊不同於其他文字的文字,具有不同的語態或語氣,或其他不同於常規之處,
用於如分類名稱、技術術語、外語里的慣用語、翻譯的散文、西方文字中的船舶名稱等。
例如:
<p>The <i lang="la">Ulmus americana</i> is the Massachusettsstate tree.</p>