3.2 页面结点

HTML5之前定义结构大多使用＜div＞标签，通过设置它的特性id的值如header、footer、sidebar等来分别表达头部、底部或者侧边栏等。HTML5增加了新的结构元素来表达这些最常用的结构，开发人员不再需要为id的命名费尽心思，对于手机、阅读器等设备更有语义的好处。除了上节课介绍的基本结构元素外，HTML5还新增了部分页面结点元素。

3.2.1 section元素

section元素，定义文档中的节。比如章节、页眉、页脚或文档中的其他部分。一般用于成节的内容，会在文档流中开始一个新的节。它用来表现普通的文档内容或应用区块，通常由内容及其标题组成。但section元素标签并非一个普通的容器元素，它表示一段专题性的内容，一般会带有标题。描述一件具体的事物的时候，通常鼓励使用article来代替section；当使用section时，仍然可以使用h1来作为标题，而不用担心它所处的位置，以及其他地方是否用到；当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div元素而非section。

section元素定义文档中的节，比如章节、页眉、页脚或文档中的其他部分。它可以与h1～h6等元素结合起来使用，标识文档结构。其语法结构如下：

示例代码如下：

3.2.2 nav元素

HTML的早期版本没有元素明确表示主导航链接的区域，而HTML5则增加了这样一个元素，即nav元素。nav元素中的链接可以指向页面中的内容，也可以指向其他页面或资源，或者两者兼而有之。无论是哪种情况，应该仅对文档中重要的链接群使用nav元素。nav元素标签代表页面的一个部分，是一个可以作为页面导航的链接组，其中的导航元素链接到其他页面或者当前页面的其他部分，使html代码在语义化方面更加精确，同时对于屏幕阅读器等设备的支持也更好。其语法格式如下：

并不是所有的HTML文档都要使用到nav元素。nav元素只是作为标注一个导航链接的区域。在不同设备上（手机或计算机）可以制定导航链接是否显示，以适应不同屏幕的需求。示例代码如下：

3.2.3 address元素

address元素一般被作者用来提供该文档的联系人信息，一般放在一个网页的开头或者结尾，最常用的是和其他内容包含在footer元素内。如果address元素位于article元素内部，则它表示＜article＞元素所包含文章内容作者的联系信息，如果直接位于body元素内，那么表示该网页的作者的联系信息。其语法格式如下：

＜address＞

…

＜/address＞

示例代码如下：

＜address＞

Written by＜ahref="mailto：webmaster@example.com"＞茗茶联系站＜/a＞.＜br＞

Visit us at：＜br＞

Example.com＜br＞

Box 564，Henan＜br＞

＜/address＞