HTML5新增结构元素详解

1.section元素

section元素定义文档或应用程序中的一个区段，比如章节、页眉、页脚或文档中的其他部分。它可以与h1、h2、h3、h4、h5、h6元素结合起来使用，标示文档结构。

HTML5中section元素代码实例如下：

<section>…</section>

与之对应的HTML4中的代码实例如下：

<div>…</div>

2.article元素

article元素表示文档中的一块独立的内容，譬如博客中的一篇文章或报纸中的一篇文章。

HTML5中article元素代码实例如下：

<article>…</article>

与之对应的HTML4代码实例如下：

<divclass="article">…</div>

3.header元素

header元素表示页面中一个内容区块或整个页面的标题。HTML5中header元素代码实例如下：

<header>…</header>(www.xing528.com)

与之对应的HTML4代码实例如下：

<div>…</div>

4.nav元素

nav元素表示HTML5网页文档中的导航链接部分。

HTML5中nav元素代码实例如下：

<nav>…</nav>

HTML4中代码实例如下：

<a>…</a>

5.footer元素

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

HTML5中footer元素代码实例如下：

<footer>…</footer>

HTML4中代码实例如下：

<div>…</div>