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布局，新布局元素更有利于搜索引擎的检索，减少属性的使用，从而代码看起来就更加简洁
---------------------
作者：BoomShaKa_S
来源：CSDN
原文：blog.csdn.net/weixin_4135…
版权声明：本文为博主原创文章，转载请附上博文链接！
|
|
