html5更強調語義

html5更強調語義

在早期html中包含了大量的表現元素，這些元素可以給文字新增基本的樣式，如加粗文字，斜體文字等。不可否認這些元素在當時發揮了不小的作用，但是隨著web開發最佳實踐的發展，這種結構與表現結合的形式就逐漸失寵。html只負責描述內容的含義，而非表現。

html中的表現元素打破了最佳實踐法則，所以html4就開始不贊成使用它們，推薦使用css對文字和頁面元素新增樣式。html5則更進一步，它取消了一些表現元素，並重新定義了其他一些元素，使之具有語義功能，而非控制表現。

下面根據我自己的個人總結羅列出一些常用的語義元素。

1.b元素以前只為文字加粗，是早期html遺留下來的產物，並不包含任何語義。在html5中，b元素被重新定義。

例如：

<
p>我收到的這台<
b>lx-5
b>相機，非常好用，給個好評！
p>

這裡b元素預設顯示黑體。

2.i元素和b元素一樣，只是文字設定成斜體樣式。在html5中也被重新定義了。

i元素表示一塊不同於其他文字的文字，具有不同的語態或語氣，或其他不同與常規之處，用於分類名稱、技術術語、外語裡的慣用語、思想、西方文字中的船舶名稱等。

例如：

<
p>the<
i>orient express
i>began service in 1883.
p>

這裡i元素預設為斜體。

3.cite元素，在以前html文字中開發人員經常使用此元素進行對人名的引用。而在html5中宣告不應在使用cite元素進行對人名的引用。cite的語義為：

cite元素可以指明對內容源的引用或參考。例如，戲劇、指令碼或圖書的標題，歌曲、電影、**、雕塑名稱、演唱會或**會、規範、報紙或法律檔案，等等。

例如：

<
p>he is singing <
cite
>take me to your heart
cite
>.
p>

4.mark元素，html5中通過mark元素複製了我們用螢光筆做標記這一過程。該元素用於提起讀者對特定文字段的注意。下面是一些應用的例子：

a.對搜尋結果頁面或文章中的搜尋詞進行突出顯示。

b.對於某段引述，如果作者在原來的格式中沒有進行對其突出顯示，可以用、mark元素引起對他的注意。

c.引起對**片段的注意。

<
p>這次**有<
mark
>8級
mark
>.
p>

5.abbr元素用於標記縮寫詞並解釋其含義。在html5之前有acronym元素（首字母縮寫元素），但是會混淆縮寫詞和首字母縮寫詞。因此html5中廢除了acronym元素，讓abbr元素適應所有情況。

例如：

<
p>我是熱火球迷，我喜歡<
abbr 
title
=「勒布朗詹姆斯」
>lbj
abbr
>！
p>

6.small元素在以前的html版本中該元素只是負責設定文字字型的大小樣式，而在html5中則被賦予了新的語義，而且也廢除了以前與之對應的big元素。

small元素代表條紋細則，如通常小寫的法律宣告、免責條款等。

例如：

<
p><
small
samll
>
p>

時間原因，先到這裡隨後補充~