html5元素归纳

一，结构元素
1，header
用来表示一些前言性质或导航类的内容。它通常包含所有放在页面头部的内容，也可以放置一些比如logo，搜索框，或其它的

元素等。
如：

a logo

2，nav 用于定义导航链接，可将具有导航性质的链接归纳在一个区域中 如：

Home Previous Next

3，article 代表文档、页面、应用程序中独立的完整的被外部引用的内容区域。它可以是博客中的文章、帖子、用户的回复，总之article它所表示的所展现的内容，是外表独立出来的内容，所以它有自己独立的标题、页脚。 如：

我是Article

创建时间：2014/09/27

Article是一个独一的区域

麦子

4，aside 定义 article 以外的内容。aside 的内容应该与 article 的内容相关。 如：

Me and my family visited The Epcot center this summer.

Epcot Center

The Epcot Center is a theme park in Disney World, Florida.

5，section 定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。 如：

PRC

The People's Republic of China was born in 1949...

6，footer 定义 section 或 document 的页脚。在典型情况下，该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息。 如：

This document was written in 2010

二，分组元素
1，figure和figcaption

标签规定独立的流内容（图像、图表、照片、代码等等）。

figure元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。它是一种元素的组合，可带有标题（可选）。figure标签用来表示网页上一块独立的内容，将其从网页上移除后不会对网页上的其他内容产生影响。

figure有一个子标签：figcaption.

标签定义 figure 元素的标题（caption）。
“figcaption” 元素应该被置于 “figure” 元素的第一个或最后一个子元素的位置
如:
不带有标题的figure元素：

带有标题的figure元素：

web前端

2，用于对网页或区段（section）的标题进行组合。 如：

Welcome to my WWF

For a living planet

The rest of the content...

三，页面交互元素 1，details和summary details与summary标签配合使用可以为 details 定义标题。标题是可见的，用户点击标题时，会显示出details。 如： 网页设计

我爱网页设计！

WEB制作教程

HTML5

介绍HTML5的标签，实例。

设计欣赏

展示设计大师的作品。

2，progress 定义运行中的进度（进程）。可以使用 标签来显示 JavaScript 中耗费时间的函数的进度。 如： 对象的下载进度： 85% 3，meter 定义度量衡。仅用于已知最大和最小值的度量。 如：5 2 out of 10 30% 四，文本层次语义元素 1，time 定义日期或时间，或者两者 如：

我们在每天早上 9:00 开始营业。

我在 情人节 有个约会。

2.mark 定义带有记号的文本。请在需要突出显示文本时使用 标签。 如：

Do not forget to buy milk today.

3.cite 定义作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等等）的标题。 如：

《富春山居图》由黄公望始画于至正七年(1347)，于至正十年完成。