什么是標(biāo)簽語(yǔ)義化驾讲？
合理的標(biāo)簽干合理的事情
好處：
? ? 1. 標(biāo)簽語(yǔ)義化可以讓人更直觀的認(rèn)識(shí)標(biāo)簽和屬性的用途和作用
? ? 2. 對(duì)搜索引擎友好姨丈，容易被抓取
????3. 對(duì)視覺(jué)障礙者友好
缺點(diǎn)：犧牲一定的開(kāi)發(fā)速度
番外 -- 個(gè)人理解和思考
? ? ? ? 在現(xiàn)在的網(wǎng)頁(yè)開(kāi)發(fā)中吏恭，過(guò)度推崇標(biāo)簽語(yǔ)義化是不太現(xiàn)實(shí)的。
? ? ? ? 首先银还，語(yǔ)義化標(biāo)簽的意義：
? ? ? ? ? ? ? ? 1.? 代碼的直觀性和可讀性：id、css洁墙、dataset和title等屬性都可以實(shí)現(xiàn)代碼的可讀性蛹疯，且現(xiàn)在前端組件化的浪潮更是讓此優(yōu)點(diǎn)更是蕩然無(wú)存
? ? ? ? ? ? ? ? 2. 視覺(jué)障礙者，sorry热监，實(shí)話很殘忍捺弦，市面上沒(méi)有幾個(gè)公司會(huì)去關(guān)心這類人群
? ? ? ? ? ? ? ? 3. 搜索引擎友好(SEO)：語(yǔ)義化標(biāo)簽不會(huì)對(duì)SEO造成重大的影響，只能方便現(xiàn)在的搜索引擎進(jìn)行分類孝扛，花錢效果肯定是更好的（有人說(shuō)寫好 meta 標(biāo)簽列吼，多用鏈接也能實(shí)現(xiàn)同樣的效果），但如果以后搜索引擎進(jìn)步了苦始，肯定是根據(jù)內(nèi)容來(lái)排名的寞钥，所以標(biāo)簽語(yǔ)義化的占比也會(huì)更低。
? ??????其次陌选，語(yǔ)義化的成本理郑，HTML5新增了100個(gè)左右的語(yǔ)義化標(biāo)簽，如果要開(kāi)發(fā)者記住和了解它的使用方式是有點(diǎn)不現(xiàn)實(shí)的咨油，而且很容易出現(xiàn)亂用和濫用的情況您炉，就開(kāi)發(fā)效率而言是明顯遜色于div+span。
? ? ? ? 相比較之下役电，其實(shí)非語(yǔ)義化標(biāo)簽基本沒(méi)有什么損失赚爵。
? ? ? ? 總之，語(yǔ)義化標(biāo)簽并不能提高效率，但是冀膝，做正確的事情遠(yuǎn)遠(yuǎn)比提高效率重要得多唁奢，語(yǔ)義化卻能明顯地體現(xiàn)前端工程師的工作習(xí)慣和技術(shù)素養(yǎng)。
最后畸写，貼一張HTML5標(biāo)簽的選擇圖驮瞧，各位，共勉？莘摇论笔！
