HTML 5与CSS 3权威指南：新增的结构元素（1）

2.2   新增的元素和废除的元素

　　本节将详细介绍HTML 5中新增和废除了哪些元素。

　　2.2.1   新增的结构元素（1）

　　在HTML 5中，新增了以下与结构相关的元素。

　　section元素

　　section元素表示页面中的一个内容区块，比如章节、页眉、页脚或页面中的其他部分。它可以与h1、h2、h3、h4、h5、h6等元素结合起来使用，标示文档结构。

　　HTML 5中代码示例：

　　<section>…</section>

　　HTML 4中代码示例：

　　<div>…</div>

　　article元素

　　article元素表示页面中的一块与上下文不相关的独立内容，譬如博客中的一篇文章或报纸中的一篇文章。

　　HTML 5中代码示例：

　　<article>…</article>

　　HTML 4中代码示例：

　　<div>…</div>

　　aside元素

　　aside元素表示article元素的内容之外的、与article元素的内容相关的辅助信息。

　　HTML 5中代码示例：

　　<aside>…</aside>

　　HTML 4中代码示例：

　　<div>…</div>

　　header元素

　　header元素表示页面中一个内容区块或整个页面的标题。

　　HTML 5中代码示例：

　　<header>…</header>

　　HTML 4中代码示例：

　　<div>…</div>

　　hgroup元素

　　hgroup元素用于对整个页面或页面中一个内容区块的标题进行组合。

　　HTML 5中代码示例：

　　<hgroup>…</hgroup>

　　HTML 4中代码示例：

　　<div>…</div>

　　footer元素

　　footer元素表示整个页面或页面中一个内容区块的脚注。一般来说，它会包含创作者的姓名、创作日期以及创作者联系信息。

　　HTML 5中代码示例：

　　<footer></footer>

　　HTML 4中代码示例：

　　<div>…</div>