HTML5新标签祥解

[color=darkred]1.article : [/color] 在W3C中定义的内容为：
<article> 标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。

注释：<article> 标签的内容独立于文档的其余部分。

others：



article元素用来在页面中表示一套结构完整且独立的内容部分。article可以用来呈现论坛的一个帖子，杂志或报纸中的一篇文章，一篇博客，用户提交的评论内容，可互动的页面模块挂件等。

<article>是可以嵌套使用的，内层的内容在原则上需要与外层内容相关联。例如，一篇博客文章与针对该文章的评论就可以使用嵌套<article>的方式；用来呈现评论的<article>元素被包含在文章内容的<article>里面。

[color=darkred]2.section[/color]
W3C定义为：

<section> 标签定义文档中的节（section）。比如章节、页眉、页脚或文档中的其他部分。

others:

section元素标签用来表现普通的文档内容或应用区块。一个section通常由内容及其标题组成...但section元素标签并非一个普通的容器元素；当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div元素而非section。



通常不推荐为那些没有标题的内容使用<section>；我们可以使用HTML5轮廓工具来检查我们的页面中是否有不包含标题部分的<section>容器。

我们可以看到，虽然文章有正式的h1与h2，但是在<section>中，仍然可以为这个内容部分使用h1来作为标题。

下面是几条关于使用<section>的禁忌：

不要将<section>作为用来设置样式或行为的“钩子”容器，那是<div>的工作。
如果<article>、<aside>或<nav>更符合状况，不要使用<section>。
不要为没有标题的内容区块使用<section>。
[color=darkred]3.aside[/color]
W3C定义为：

<aside> 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。

注释：<aside> 的内容可用作文档的侧栏。

others:

aside元素标签可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组，以及其他类似的有别与主要内容的部分。

根据目前的规范，<aside>元素有两种使用方法：

被包含在<article>中作为主要内容的附属信息部分，其中的内容可
以是与当前文章有关的引用、词汇列表等。
在<article>之外使用，作为页面或站点全局的附属信息部分；最典型的形式是侧边栏(sidebar)，其中的内容可以是友情链接、附属导航或广告单元等。
需要注意的是,<aside>元素的呈现方式不仅是字面上相似的sidebar；<aside>是符合语义化的内容划分方式，并不涉及该部分内容的显示样式定义。

[color=darkred]4.hgroup[/color]
W3C定义：

使用 <hgroup> 标签对网页或区段（section）的标题进行组合：

<hgroup>
<h1>Welcome to my WWF</h1>
<h2>For a living planet</h2>
</hgroup>
<p>The rest of the content...</p>
[color=darkred]5.header [/color]
<header>元素标签。我们一直以来都习惯于使用“<div id='header'>...</div>”这样的代码来写整个页面或某个区块的头部外层容器；在HTML5中，我们可以直接使用在语义上更加准确的<header>元素标签。 什么是<header>元素 根据W3C的定义规范：
The header element represents a group of introductory or navigational aids.A header

header元素是一种具有引导和导航作用的辅助元素。通常，header元素可以包含一个区块的标题(如h1至h6，或者hgroup元素标签)，但也可以包含其他内容，例如数据表格、搜索表单或相关的logo图片。

怎样使用<header>元素 我们可以使用该元素来写整个页面的标题部分： 同一个页面中，每一个内容区块都可以有自己的<header>元素，例如： <header>元素中必要的内容有哪些 <header>元素通常包含一个标题标签(h1至h6)或是hgroup。另外，也可以包含其他内容，例如数据表格、搜索表单或相关的logo图片；根据最新的W3C HTML5规范更新，<nav>元素标签也可以在<header>中使用。 6.footer
长久以来，我们习惯于使用<div id="footer">这样的代码作为页面的页脚。在HTML5中，我们可以使用用途更广、扩展性更强的<footer>元素了。根据W3C的定义规范：

footer元素可以作为其直接父级内容区块或是一个根区块的结尾。footer通常包括其相关区块的附加信息，如作者、相关阅读链接以及版权信息等。

过去的方式

过去(及目前)，我们通常使用类似下面这样的代码来写页面的页脚：

1 <div id="footer">

2 <ul>

3 <li>copyright</li>

4 <li>sitemap</li>

5 <li>contact</li>

6 <li>to top</li>

7 </ul>

8 <div>

HTML5的方式

在HTML5中，我们可以不使用div，而用更加语义化的footer来写：


1 <footer>

2 <ul>

3 <li>copyright</li>

4 <li>sitemap</li>

5 <li>contact</li>

6 <li>to top</li>

7 </ul>

8 </footer>

在同一个页面中可以使用多个<footer>元素，即可以用作页面整体的页脚，也可以作为一个内容区块的结尾，例如，我们可以将<footer>直接写在<section>或是<article>中：

1 <section>

2 Section content appears here.

3 <footer>

4 Footer information for section.

5 </footer>

6 </section>

1 <article>

2 Article content appears here.

3 <footer>

4 Footer information for article.

5 </footer>

6 </article>


[color=darkred]7.nav[/color]

HTML5中的新元素标签<nav>用来将具有导航性质的链接划分在一起，使代码结构在语义化方面更加准确，同时对于屏幕阅读器等设备的支持也更好。

一直以来，我们习惯于使用形如<div id="nav">或<ul id="nav">这样的代码来写页面的导航；在HTML5中，我们可以直接将导航链接列表放到<nav>标签中

根据W3C的定义规范：

nav元素是一个可以用来作为页面导航的链接组；其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的链接组都要被放
进<nav>元素；例如，在页脚中通常会有一组链接，包括服务条款、首页、版权声明等；这时使用<footer>元素是最恰当
的，而不需要<nav>元素。

一个页面中可以拥有多个<nav>元素，作为页面整体或不同部分的导航；

<nav>不仅可以用来作为页面全局导航，也可以放在<article>标签内，作为单篇文章内容的相关导航链接到当前页面的其他位置。

[color=darkred]8.time [/color]
<time> 标签定义日期或时间，或者两者
<time>9:00<time>
<time datetime = "2011-2-2">什么节</time>
但是，好像除了能将content有点突出外，二边有空格的感觉，没有什么效果。
[color=darkred]9.mark [/color]

定义和用法
<mark> 标签定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签。

实例
突出显示部分文本：

<p>Do not forget to buy <mark>milk</mark> today.</p>

在Opera 谷歌 firefox 中测试过，没有效果。

[color=darkred]10.figure figcation [/color]
<figure>
<img .>
<figcaption>
<h1>...</h1>
</figcaption>
</figure>//让h1标签img标签组合