- 什么是web語義化
- 語義化的意義所在
- 在平時寫代碼過程中應該注意的問題
什么是web語義化
關于web語義化的定義，teren君在不同的文章找到不同但相似的解釋，整理出兩個比較好的解釋：
Web語義化是指使用語義恰當的標簽，使頁面有良好的結構，頁面元素有含義，能夠讓人和搜索引擎都容易理解。
“語義化”指的是機器在需要更少的人類干預的情況下能夠研究和收集信息，讓網頁能夠被機器理解，最終讓人類受益。
以上兩種解釋，不難看出，所謂web語義化是在設計頁面時通過采用語義恰當的標簽去構建網頁，從而使網頁更好讓計算機、開發者和用戶理解，這導致的結果是頁面在去除CSS樣式后仍然具有良好的可讀性、后期的維護性以及搜索引擎的優化性等。
語義化的意義所在
- 搜索引擎優化
良好的語義化頁面能夠構建清晰地邏輯體系和標簽權重，從而有助于爬蟲高效抓取關鍵信息
下圖使用header、content、footer、thead、tbody、th等語義化標簽，使得搜索引擎在搜索該頁面時會自動識別該頁面的結構特征，實現檢索優化
如果采用div+class自定義標簽的形式進行頁面結構劃分，這只能對開發者利于識別，但計算機是無法識別的
一句話：語義化能夠使得搜索引擎進行搜索是更好讀懂我們的頁面內容
- 用戶體驗
由于語義化標簽具有初始的樣式和標簽含義，所以在裸奔（去除Css樣式）后也不影響開發者所要表達的頁面內容，這對于網速過慢的用戶以及提高開發者編寫的精確度都有重要意義
- 開發效率
富含語義的網頁結構對前期開發和后期修補bug都有顯著作用
良好的語義化頁面使得在多人開發的項目中，大伙可以在統一的標準環境下進行分工合作而不會導致工作沖突
在平時寫代碼過程中應該注意的問題
通過上面的知識，我們大致了解的什么web語義化和語義化的意義所在，因此在這里我們應該在寫網頁時應該針對語義化建立起一些思維模式：
- 嚴格要求自己精準使用語義化標簽
- 多思考能夠使用語義化標簽的地方盡可能采用語義化標簽
- 不要嫌麻煩，只要你的網頁是需要團隊開發以及后期維護
- 良好的格式化代碼習慣
- 精簡的寫碼風格
- 標識符要具有可讀性
......
參考資料：
