HTML5（三）H5新增标签

H5之前，使用div容器元素进行页面定义布局

```

<div id="header"></div>
<div id="nav"></div>
<div id="article">
<div id="section"></div>
</div>
<div id="aside"></div>
<div id="footer"></div>

```

H5之后，使用下面新标签替代上面的页面定义布局，更加清晰和搜索引擎搜索（现在很多还是采用div布局是为了兼容旧版本的浏览器）

<header></header>       <!--头部-->
<nav></nav>             <!--导航-->
<section></section>     <!--定义文档中的节，如章节、页眉、页脚-->
<aside></aside>         <!--侧边栏-->
<footer></footer>       <!--脚部-->
<article></article>     <!--一个独立完整的相关内容块-->