html5新增标签做基本布局

结构标记 ***** 做布局
1、<header>元素
<header></header>
==> <div id="header"></div>
定义网页头部，网站标题、LOGO
header可以在网页上出现多次。可以表示任何一部分内容的头部信息
2、<nav>元素
<nav></nav>
==》 <div id="navigation"></div>
<div id="nav></div>
负责定义页面的导航链接部分
<nav>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</nav>
3、<section>元素
<section></section>
==> <div id="main"></div>
用于定义文档中的节
特点：可以充当网页主体中的某一模块
4、<article>元素
<article></article>
==> <div id="article"></div>
用于描述文字性较强的内容：博客、微博、帖子、文章、用户评论
5、<aside>元素
可以表示网页主体内容中的边栏部分
<aside></aside>
==> <div id="left_side"></div>
6、<footer>元素
<footer></footer>
==> <div id="foot"></div>
出现在网页偏下端部分，用来定义网页文档的页脚部分内容：友情链接、版权信息、授权、作者等.