Chapter 2 移动设备HTML5页面布局

HTML5标准添加的新元素当中，用于标识常见页面结构的包括：section, header, footer, nav, article, mark等等。

---

2.1 页面语义化简介

2.1.1 HTML5新语义元素概述

1. header

<header>元素定义文档的页面组合，通常是一些引导和导航信息。<header>标签内通常包含section的头部信息，如h1~h6或hgroup等，但这不是必需的。同时也可以包含列表、搜索框或主题相关的logo

<header>
	<h1>这是一本HTML5移动开发书籍</h1>
	<p>本章主要介绍HTML5新标签含义</p>
</header>

2.footer

<footer>元素定义文档或章节的末尾部分，通常包含一些章节的基本信息，如作者信息、相关链接及版权信息。而联系信息相关的内容一般会配合<adress>标签

<footer>
	<p>私隐信息 | 版权信息</p>
	<p>关于我们 | 联系我们</p>
</footer>

一个HTML页面上可以允许有一个或多个header和footer

在footer标签内，不仅可以包含p标签等相关内容，同时也可以插入比如nav、ul、div等其他元素

3. nav

<nav> 元素定义为用来构建导航，显示导航链接。nav标签的主要作用是放入一些当前页面的主要导航链接。

<nav>
	<ul>
		<li><a href="/privacy.html">隐私设置</a></li>
		<li><a href="/copyright.html">版权信息</a></li>
		<li><a href="/aboutus.html">关于我们</a></li>
	</ul>
</nav>

4. aside

<aside>元素定义一个页面的区域，用来表示包含和页面相关的主要内容，其作用主要是装载非正文类的内容，例如广告、侧边栏等。

5. article

article元素表示文档、页面，用来显示一块独立的文章内容，如一则网站新闻、一篇博客文章等。article标签可以相互嵌套

6.section

section元素定义为文档中的节。比如章节、页眉、页脚或文档中的其他部分

7. hgroup

定义为对网页或区段的标题元素进行组合，通常使用多级别的h1~h6标签节点进行分组，例如副标题、标签行等。对于hgroup元素的用法，虽然没有严格的要求，但适当的使用hgroup元素对于SEO有一定的好处，因此hgroup标签内建议使用h1~h6标签

 

2.1.2 更多HTML5新元素