Web語義化

1、什麼是Web語義化？

Web語義化是指使用語義恰當的標籤，使頁面有良好的結構，頁面元素有含義，可以讓人和搜索引擎都容易理解。

2、爲何要Web語義化？

1. 去掉樣式後頁面呈現清晰的結構
2. 盲人使用讀屏器更好地閱讀
3. 搜索引擎更好地理解頁面，有利於收錄
4. 便於團隊項目的可持續運做及維護

3、怎樣進行Web語義化？

Web語義化包含兩個方面：html語義化及css命名語義化。

1.HTML語義化

一個html元素的存在就意味被標記內容的那部分有相應的結構化的意義，沒有理由使用其餘的標記。
若是能夠在合適的位置使用恰當的標籤，那麼寫出來的頁面語義明確，結構清晰，搜索引擎也能夠認出哪些是頁面重要內容，予以較高的權值。h1~h6這幾個標籤在搜索引擎中權值很是高，用它們做頁面標題就是一個簡單的SEO優化了。
在有些面試的時候會問到相似strong 和font-weight: bold有什麼區別，這時候就能夠從語義化的角度解答了。
一些標籤語義

h1~h6：標題
th：table的header
p：段落
ul：無序列表
ol：排序列表
dl：definition list，定義列表
dt：definition title，定義名稱
dd：definition description定義描述
em：emphasized，局部強調,段落內強調
strong：更強烈的強調，全文強調

2.CSS命名語義化

CSS類命名通常有兩種常見的方式：結構化命名和語義化命名。
像left-bar、red-text、small-title這些都屬於結構化命名的例子。當網頁佈局發生改變時，咱們就須要將全部結構化命名從新定義。而若是是使用語義化命名就能夠很好地避免這個問題。
相關連接：CSS代碼命名慣例語義化的方法