一、語義化標籤的作用：
1、搜尋引擎只能通過標籤來判斷內容的語義，語義清晰有利於搜尋引擎優化。
2、渣網速下，樣式未載入，也有可讀性。
二、標籤的語義
html標籤的設計都是有語言考慮的。
以下是從書中截圖出來的標籤語言對照表。（紅色框為常用的標籤）
其中，div和span其實是沒有語義的，他們分別只是用作塊級元素和行內元素的區域分隔符。
存在的用途：對**進行模組化，使得語義更清晰（對於開發者）
三、如何在開發中做到語義化標籤
1、整體先確定html的標籤，再選擇合適的css
2、標籤的選擇：
h1-h6標籤的使用要按照h1,h2,h3,h4,h5,h6這樣依次排列下來，不要出現斷層情況。搜尋引擎對這個特別敏感。
例子：其中div標籤起到概括模組的作用。
段落重要部分
b、：c、表單：
d、**
一維**：
表單名列1名
列2名列1內容
列2內容
對於二維的**：
表單名空
列1名列2名
行1名行1列1內容
行2列2內容
3、注意
盡量少使用無語義標籤div和span
語義不明顯，既可以用p也可以用div的情況下，使用p。因為p預設有上下間距，去除央視後的可讀性更好。
不使用純樣式標籤：b,i，font,u。對於語義上需要強調的文字，可以使用strong和em等標籤中，有加重的意思。
4、完成頁面後，對語義是否良好進行檢查。
5、其他
關於某些為了搜尋引擎，僅讓搜尋引擎看到，不讓使用者看到的，可以正常使用標籤，並設定text-indent:9999;將其移出使用者的視線外。但是text-indent僅適用於塊級元素，否則會產生滾動條。
不可使用width:0px;height:0px;overflow:hidden; 對於這種奇特的寬高設為0，又隱藏的東西，多了會被搜尋引擎認為是作弊。
更多標籤語義彙總請看我的另一篇博文《web標籤語義彙總》
標籤語義化
標籤 結構 語義化 在當今社會，尤其是html5標準正式發布 實際只是w3c的乙個推薦標準 後，這個問題更被廣大企業所重視，剛剛面試回來 可以不問面試結果 簡單總結幾點 一 可維護性高 方便程式設計師 即使樣式丟失，結構依然清晰明了。二 可讀性高。多終端可以根據標籤來顯示它們在自身裝置上呈現更易讀的...
語義化標籤
定義 就是盡量使用有相對應的結構的含義的html的標籤 標籤語義化的好處 a 讓結構更簡潔，方便搜尋引擎 b 通過多重組合，減少不必要的css命名 語義化標籤的使用 a 列表 ul ol li dl dt dd c 段落 p d 強調 strong e table tr td，以及 的其他成員th ...
標籤語義化
主要總結標籤語義化方面的內容。下面列出一些常見的標籤及其語義 完整標籤列表及更多html5標籤請參考 這裡提一下，我們常用的列表相關的標籤有ol,ul,dl.那麼什麼時候用dl，什麼時候用ol ul 呢？對於重複的條目，如果打亂順序，不影響語義就是無序列表 ul 否則就是有序列表 ol 如果內部帶乙...