二、页面节点
HTML5之前定义结构大多用<div>标签，通过设置它的特性id的值如header、footer、sidebar等分别表达头部、底部、或侧边栏等。
HTML5增加了新的结构元素来表达这些最常用得结构，开发人员不再需要为id命名费尽心思，对于手机、阅读器等设备更有语义的好处。
1.section元素
section元素，定义文档中的节
- 如章节、页眉、页脚或文档中的其他部分，它可以与h1~h6等元素结合起来使用。
- 一般用于成节的内容，会在文档流中开始一个新的节。
- 它用来表现普通的文档内容或应用区块，通常由内容及其标题组成。
- 但section元素标签并非一个普通的容器元素，它表示一段专题性的内容，一般会带有标题。
- 描述一件具体的事物的时候，通常鼓励使用article来代替section。
- 当使用section时，仍然可以使用h1来作标题，而不担心他所处的位置，以及其他地方是否用到。
- 当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div元素，而并非section。
<section>
<h1>...</h1>
<p>...</p>
<section><section class="news">
<header>
<h3>section元素</h3>
</header>
<p>
定义文档中的节，如章节、页眉、页脚或文档中的其他部分，它可以与h1~h6等元素结合起来使用。
</p>
<section>2.nav元素
HTML的早期版本没有元素明确表示主导链接的区域，而HTML5则增加了这样一个元素，即nav元素。
nav元素中的链接可以指向页面中的内容，也可以指向其他页面或资源，或者两者兼而有之。
无论是哪种情况，应该仅对文档中的重要链接使用nav元素。
nav元素标签代表页面的一部分，是一个可以作为页面导航的链接组，其中导航元素链接到其他也买你或者当前页面的其他部分，使html代码再语义化方面更加精确，同时对于屏幕阅读器等设备的支持也更好。
<nav>
<ul>
<li><a href="#">...</a></li>
<li><a href="#">...</a></li>
...
</ul>
<nav>并不是所有的HTML文档都要使用到nav元素。nav元素只是作为标注一个导航链接的区域。
在不同的设备上（手机或计算机）可以制定导航链接是否显示，以适应不同屏幕的需求。
<nav>
<ul>
<li><a href="#" title="页面结点">页面结点</a></li>
<li><a href="#" title="section元素">section元素</a></li>
<li><a href="#" title="nav元素">nav元素</a></li>
<li><a href="#" title="address元素">nav元素</a></li>
</ul>
<nav>3.address元素
address元素一般被用来提供该文档的联系人信息，一般放在一个网页的开头或者结尾，最常用的是和其他内容包含在footer元素内。
如果address元素位于article元素内部，则它表示<article>元素所包含的文章内容作者的联系信息，如果直接位于body元素内，那么表示该网页的作者的联系信息。
<address>
...
</address><address>
Written by <a href="http://182.92.243.120/project/">jiangshang</a><br>
Visit me at:<br>
http://182.92.243.120/project/demo/html/Desiger.html<br>
JiangShang<br>
</address>
