HTML布局元素

html5新布局元素：

1.      header 用于设置一个页面的标题部分，通常会包含标题、logo、导航

2.      footer元素通常用于设置一个页面的底部区域，会包含友情链接，版权声明，文件建立日期，联系方式

3.      article元素用于定义一个独立的内容区块，比如一篇文章、一篇博客、一个帖子、论坛的一段用户评论，一篇新闻消息等

article元素内可以嵌套其他元素，它可以有自己的头、尾部、主题内容。使用时要特别注意内容的独立性，一般对独立完整的内容才使用article元素，如果一段内容的话应该使用section元素

4.      section元素用来定义文章中的章节，用来定义文档中特定的区块，可视为一个区域分组元素，用来给页面上的内容分块。

5.      aside元素通常用来设置侧边栏，用于定义元素之外的内容，前提是这些内容与article元素内的内容相关，同时也可作为article内部元素使用，作为主要内容的附属信息，比如与主内容有关的参考资料，名词解释

6.      nav用来定义导航栏、目录、超链接，并非所有超链接都放在nav中，通常只把一个文档中的主导航栏放在nav中，在文章页面nav还可以用来给文字做一个目录的超链接

与div布局比较，使用header、footer、aside、section这些新布局元素可以简化代码，要用css样式的时候不用写多几个id来区分，而是直接用元素名称来定义样式，相比于div布局，新布局元素更有利于搜索引擎的检索，减少属性的使用，从而代码看起来就更加简洁