## H5新增语义化标签及作用

**

H5新增语义化标签及作用

**
<header> 头部标签
展现介绍性信息。通常包含一组介绍性或是辅助导航的元素，如标题，Logo，搜索框、作者名称等。

<nav>导航标签
在当前文档或其它文档中提供导航链接，如菜单、目录、索引等。
用来放置一些热门的链接，不常用的链接通常放到footer里置于底部。

<article>内容标签
独立的文档、页面、应用、站点。
可独立分配或可复用的结构，如论坛帖子、新闻文章、博客、用户提交的评论、交互式组件等。

<section>块级标签
按主题将内容分组，通常会有标题。
通常出现在文档的大纲中。

<aside>侧边栏标签
表示一个和其余页面内容几乎无关的部分，或者说单独拆出来不会影响整体的内容。
通常放在侧边栏，用于展示广告、tips、引用内容等。

<footer>尾部标签
表示最近一个章节的页脚。
footer内的元素不属于章节内容，不包含在大纲中。

注意：
这种语义化的标签主要针对搜索引擎
这些新标签，页面中可以重复使用
在IE9中，需要把这些元素转换为块级元素，否则不可以使用，在IE9中，这些元素都默认是行内元素，给大小是没有用的。
在移动端更喜欢使用这些标签，在PC端很少使用这些标签。

作用：
语义化的好处
1.去掉或者丢失样式的时候能够让页面呈现出清晰解构
2.有利于SEO
3.方便其他设备解析（如：盲人阅读器）
4.便于团队开发和维护，因为语义化更具有可读性，让阅读源码的人更容易将网站分块，便于理解和维护

什么是SEO？
seo：Search Engine Optimization 搜索引擎优化
在了解搜索引擎排名机制的基础上，对网站进行调整和优化，改进网站在搜索引擎中的关键词排名以获得更多的流量