HTML標籤語義化

、、、、、,作為標題使用，並且依據重要性遞減。是最高的等級。

段落標記，知道了 p 作為段落，你就不會再使用

來換行了，而且不需要

來區分段落與段落。p中的文字會自動換行，而且換行的效果優於

。段落與段落之間的空隙也可以利用css來控制，很容易而且清晰的區分出段落與段落。

、、

無序列表，這個被大家廣泛的使用，有序列表也挺常用。在web標準化過程中，還被更多的用於導航條，本來導航條就是個列表，這樣做是完全正確的，而且當你的瀏覽器不支援css的時候，導航鏈結仍然很好使，只是美觀方面差了一點而已。

、、

dl就是「定義列表」。比如說詞典裡面的詞的解釋、定義就可以用這種列表。

、< strong>

是用作強調的，strong是用作重點強調的。

、、、< caption >、 summary

xhtml 中的**不再是用來布局。如果是為了標記列表的資料，就應該使用**了。為**標題，屬性summar為摘要（要想提高搜尋的排名這個絕對不應該少），標籤為首部說明，標籤為**頭部，標籤為**主體內容，標籤為**尾部。

知道del，就不要再用做刪除線了，用del顯然更具有語義化。而且del還帶有cite和datetime來表明刪除的原因以及刪除的時間。ins是表示插入，也有這樣的屬性。

、

標籤是表示web頁面上的簡稱，標籤為取首字母縮寫。

alt屬性和title屬性

title屬性用來為元素提供額外說明資訊，但是並不是必須的。

讓你語義化html結構的無數條理由：

1.去掉或樣式丟失的時候能讓頁面呈現清晰的結構：

html 本身是沒有表現的，我們看到例如是粗體，字型大小2em，加粗；是加粗的，不要誤會這是html的表現，這些其實是html預設的css樣式在起作用。所以去掉或樣式丟失的時候,也能讓頁面呈現清晰的結構，增強頁面的可讀性。

2.螢幕閱讀器（如果訪客有視障）會完全根據你的標記來「讀」你的網頁。

如果你使用的含語義的標記,螢幕閱讀器會根據你的標籤來判斷網頁的內容，而不是乙個字母乙個字母的拼寫出來。

3.pda、手機等裝置可能無法像普通電腦的瀏覽器一樣來渲染網頁（因為這些裝置對css的支援較弱）。

使用語義標記可以確保這些裝置以一種有意義的方式來渲染網頁。理想情況下,**裝置的任務是符合裝置本身的條件來渲染網頁。

4.搜尋引擎的爬蟲也依賴於標記來確定上下文和各個關鍵字的權重。

搜尋引擎的爬蟲也是**的「訪客」,現在它們是極其寶貴的使用者。沒有他們的話,搜尋引擎將無法索引你的**,然後一般使用者將很難過來訪問。

5.便於團隊開發和維護

在團隊中大家都遵循同乙個標準，可以減少很多差異化的東西，方便開發和維護，提高開發效率，甚至實現模組化開發。