前兩天參加了公司組織的乙個wd培訓，有一節課講了標籤語義化，聽了之後感覺特別有用，更正了我以前對 html 和 css 的錯誤看法。
首先說明的一點是，人可以通過視覺的劃分判斷內容的語義,搜尋引擎看到的只是**。搜尋引擎只能通過標籤來判斷內容的語義。 以前我真的沒有怎麼重視過搜尋引擎，現在開始比較在意了，因為頁面的很大一部分流量是來自搜尋引擎的，要使頁面盡可能地對搜尋引擎友好，所以就要盡可能地 使標籤語義化。
以前以我對web開發的粗淺理解，覺得寫乙個好的符合標準的頁面只需要把結構和表現分離，然後不要使用table，font等標籤就行了，至於通篇都是div我也不會覺得有什麼問題，因為css很強大。但是，所有的標籤都是有自己的語義的，下面給出一部分標籤的語義：
div 語義：division（分隔）
span 語義：span（範圍）
ol 語義：ordered list（排序列表）
ul 語義：unordered list（不排序列表）
li 語義：list item（列表專案）
…………
如果無視標籤語義和預設樣式，所有標籤都用div，其實也是可以寫出來視覺效果很好的頁面，只要你靈活運用css。但是那樣的話雖然視覺上達到了要求，但是整個頁面一點語義都沒有，搜尋引擎還是看不懂。所以，要記住：
結構(html)才是重點，樣式(css)是用來修飾結構的。所以，要先確定html，確定標籤，再來選用合適的css。
一般來說，所有的標籤都會有乙個預設的樣式，所以乙個簡單的判斷網頁標籤語義是否良好的方法就是：去掉樣式，看網頁結構是否組織良好有序，是否仍然有很好的可讀性。
另外，值得重點提及的是h標籤，h標籤的語意是標題，搜尋引擎對這個標籤比較敏感，特別是h1,和h2。乙個語義良好的頁面，h標籤應該是完 整有序沒有斷層的。也就是說，要h1,h2,h3,h4這樣推下來，不要h1,h3,h4，漏掉h2。乙個結構良好的網頁，h標籤可以組織起乙個網頁的大 綱。
標籤語義化
標籤 結構 語義化 在當今社會，尤其是html5標準正式發布 實際只是w3c的乙個推薦標準 後，這個問題更被廣大企業所重視，剛剛面試回來 可以不問面試結果 簡單總結幾點 一 可維護性高 方便程式設計師 即使樣式丟失，結構依然清晰明了。二 可讀性高。多終端可以根據標籤來顯示它們在自身裝置上呈現更易讀的...
語義化標籤
一 語義化標籤的作用 1 搜尋引擎只能通過標籤來判斷內容的語義，語義清晰有利於搜尋引擎優化。2 渣網速下，樣式未載入，也有可讀性。二 標籤的語義 html標籤的設計都是有語言考慮的。以下是從書中截圖出來的標籤語言對照表。紅色框為常用的標籤 其中，div和span其實是沒有語義的，他們分別只是用作塊級...
語義化標籤
定義 就是盡量使用有相對應的結構的含義的html的標籤 標籤語義化的好處 a 讓結構更簡潔，方便搜尋引擎 b 通過多重組合，減少不必要的css命名 語義化標籤的使用 a 列表 ul ol li dl dt dd c 段落 p d 強調 strong e table tr td，以及 的其他成員th ...