HTML5-语义化标签

        HTML5发布新增了多个语义化标签，所谓语义化标签的意思就是使用含有具体意义的词语作为标签。

        从网页的布局来说，一般会分成几个区域，如头部、地图、标题等等，在HTML5之前都是使用div、span添加不同的样式来区分。HTML5之后就对这块做了优化，使用了含有具体意义的词语来表示对应的布局模块。

        语义化标签包括:

        1.header  网页头部

        2.nav        网页导航

        3.footer        网页底部

        4.aside        网页侧边栏

        5.section        网页区块

        6.article        网页文章

        另外，多媒体标签 video、audio也属于语义化标签。

        语义化标签的有点比较明显：

        1.丢失样式的情况下，也能让页面呈现清晰的结构

        2.有利于搜索引擎的抓取，对SEO良好，爬虫可以根据不同的标签来分析关键字，提升权重。

        3.开发体验良好，可读性更高，后期维护效率更高。

        4.方便其他设备解析。