从HTML4的无意义的div+span标签构建Web应用，到HTML5的header、main、footer标签组成应用的页面，语义化就是在你单看HTML标签就能理解页面的大致结构，不需要等待CSS的渲染，也不需要借助div和span标签中的name和className属性就能大致判断标签的作用。
语义化的原因
-
即使在没有CSS样式的条件下，也能很好地呈现出内容结构、代码结构；
-
语义化HTML会使HTML结构变的清晰，有利于维护代码和添加样式；
-
方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；
-
提升搜索引擎优化(SEO)的效果。和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；
-
便于团队开发和维护，语义化更具可读性。
