- 什么是web語義化
- 語義化的意義所在
- 在平時寫代碼過程中應該注意的問題
什么是web語義化
關(guān)于web語義化的定義，teren君在不同的文章找到不同但相似的解釋，整理出兩個比較好的解釋：
Web語義化是指使用語義恰當?shù)臉撕灩每恚鬼撁嬗辛己玫慕Y(jié)構(gòu)腋颠，頁面元素有含義涮坐，能夠讓人和搜索引擎都容易理解。
“語義化”指的是機器在需要更少的人類干預的情況下能夠研究和收集信息映屋，讓網(wǎng)頁能夠被機器理解苟鸯，最終讓人類受益。
以上兩種解釋棚点，不難看出早处，所謂web語義化是在設(shè)計頁面時通過采用語義恰當的標簽去構(gòu)建網(wǎng)頁，從而使網(wǎng)頁更好讓計算機瘫析、開發(fā)者和用戶理解砌梆，這導致的結(jié)果是頁面在去除CSS樣式后仍然具有良好的可讀性、后期的維護性以及搜索引擎的優(yōu)化性等贬循。
語義化的意義所在
- 搜索引擎優(yōu)化
良好的語義化頁面能夠構(gòu)建清晰地邏輯體系和標簽權(quán)重咸包，從而有助于爬蟲高效抓取關(guān)鍵信息
下圖使用header、content杖虾、footer诉儒、thead、tbody亏掀、th等語義化標簽忱反，使得搜索引擎在搜索該頁面時會自動識別該頁面的結(jié)構(gòu)特征，實現(xiàn)檢索優(yōu)化
如果采用div+class自定義標簽的形式進行頁面結(jié)構(gòu)劃分滤愕，這只能對開發(fā)者利于識別温算，但計算機是無法識別的
一句話：語義化能夠使得搜索引擎進行搜索是更好讀懂我們的頁面內(nèi)容
- 用戶體驗
由于語義化標簽具有初始的樣式和標簽含義，所以在裸奔（去除Css樣式）后也不影響開發(fā)者所要表達的頁面內(nèi)容间影，這對于網(wǎng)速過慢的用戶以及提高開發(fā)者編寫的精確度都有重要意義
- 開發(fā)效率
富含語義的網(wǎng)頁結(jié)構(gòu)對前期開發(fā)和后期修補bug都有顯著作用
良好的語義化頁面使得在多人開發(fā)的項目中注竿，大伙可以在統(tǒng)一的標準環(huán)境下進行分工合作而不會導致工作沖突
在平時寫代碼過程中應該注意的問題
通過上面的知識，我們大致了解的什么web語義化和語義化的意義所在魂贬，因此在這里我們應該在寫網(wǎng)頁時應該針對語義化建立起一些思維模式：
- 嚴格要求自己精準使用語義化標簽
- 多思考能夠使用語義化標簽的地方盡可能采用語義化標簽
- 不要嫌麻煩巩割，只要你的網(wǎng)頁是需要團隊開發(fā)以及后期維護
- 良好的格式化代碼習慣
- 精簡的寫碼風格
- 標識符要具有可讀性
......
參考資料：
