什么是标签语义化？
合理的标签干合理的事情
好处：
1. 标签语义化可以让人更直观的认识标签和属性的用途和作用
2. 对搜索引擎友好，容易被抓取
3. 对视觉障碍者友好
缺点：牺牲一定的开发速度
番外 -- 个人理解和思考
在现在的网页开发中，过度推崇标签语义化是不太现实的。
首先，语义化标签的意义：
1. 代码的直观性和可读性：id、css、dataset和title等属性都可以实现代码的可读性，且现在前端组件化的浪潮更是让此优点更是荡然无存
2. 视觉障碍者，sorry，实话很残忍，市面上没有几个公司会去关心这类人群
3. 搜索引擎友好(SEO)：语义化标签不会对SEO造成重大的影响，只能方便现在的搜索引擎进行分类，花钱效果肯定是更好的（有人说写好 meta 标签，多用链接也能实现同样的效果），但如果以后搜索引擎进步了，肯定是根据内容来排名的，所以标签语义化的占比也会更低。
其次，语义化的成本，HTML5新增了100个左右的语义化标签，如果要开发者记住和了解它的使用方式是有点不现实的，而且很容易出现乱用和滥用的情况，就开发效率而言是明显逊色于div+span。
相比较之下，其实非语义化标签基本没有什么损失。
总之，语义化标签并不能提高效率，但是，做正确的事情远远比提高效率重要得多，语义化却能明显地体现前端工程师的工作习惯和技术素养。
最后，贴一张HTML5标签的选择图，各位，共勉！！
