HTML5 新标签

<article> 定义 article。 5
<article> 标签定义独立的内容。
可能的 article 实例：
论坛帖子
报纸文章
博客条目
用户评论
1、<article> 标签的内容独立于文档的其余部分。
<aside> 定义页面内容之外的内容。 5
<aside> 标签定义其所处内容之外的内容。
1、<aside> 的内容可用作文章的侧栏。
aside 的内容应该与附近的内容相关
<audio> 定义声音内容。 5
<audio> 标签定义声音，比如音乐或其他音频流。
1、可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息。
属性            值           描述
autoplay autoplay 如果出现该属性，则音频在就绪后马上播放。
controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。
loop          loop         如果出现该属性，则每当音频结束时重新开始播放。
preload                 如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
                  auto - 当页面加载后载入整个音频
                  meta - 当页面加载后只载入元数据
                  none - 当页面加载后不载入音频
src           url         要播放的音频的 URL。
<canvas> 定义图形。 5
<canvas> 标签定义图形，比如图表和其他图像。
<canvas> 标签只是图形容器，您必须使用脚本来绘制图形
性 值 描述
height pixels 设置 canvas 的高度。
width pixels 设置 canvas 的宽度。
<command> 定义命令按钮。 5
command 元素表示用户能够调用的命令。
<command> 标签可以定义命令按钮，比如单选按钮、复选框或按钮。
只有当 command 元素位于 menu 元素内时，该元素才是可见的。否则不会显示这个元素，但是可以用它规定键盘快捷键。
属性         值             描述
checked       checked         定义是否被选中。仅用于 radio 或 checkbox 类型。
disabled      disabled       定义 command 是否可用。
icon         url         定义作为 command 来显示的图像的 url。
label        text         为 command 定义可见的 label。
radiogroup    groupname 定义 command 所属的组名。仅在类型为 radio 时使用。
type        checkbox         定义该 command 的类型。默认是 "command"。
               command
                 radio
<datalist> 定义下拉列表。 5
<datalist> 标签定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。
datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。
请使用 input 元素的 list 属性来绑定 datalist。
<details> 定义元素的细节。 5
<details> 标签用于描述文档或文档某个部分的细节。
1、与 <summary> 标签 配合使用可以为 details 定义标题。标题是可见的，用户点击标题时，会显示出 details。
属性 值 描述
open open 定义 details 是否可见。
<summary> 定义 details 元素的标题。 5
<summary> 标签包含 details 元素的标题，"details" 元素用于描述有关文档或文档片段的详细信息。
1、请与 <details> 标签一起使用。标题是可见的，当用户点击标题时会显示出详细信息。"summary" 元素应该是 "details" 元素的第一个子元素
<embed> 定义外部交互内容或插件。 5
属性 值 描述
height pixels 设置嵌入内容的高度。
src url 嵌入内容的 URL。
type type 定义嵌入内容的类型。
width pixels 设置嵌入内容的宽度。
<figure> 定义媒介内容的分组，以及它们的标题。 5
<figure> 标签规定独立的流内容（图像、图表、照片、代码等等）。
figure 元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响
<figcaption> 定义 figure 元素的标题。 5
<figcaption> 标签定义 figure 元素的标题（caption）。
"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。
<footer> 定义 section 或 page 的页脚。 5
<footer> 标签定义 section 或 document 的页脚。
在典型情况下，该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息。
使用 footer 来插入联系信息，应该在 footer 元素内使用 <address> 元素。
<section> 定义 section。 5
<section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。
属性 值 描述
cite URL section 的 URL，假如 section 摘自 web 的话。
<header> 定义 section 或 page 的页眉。 5
<header> 标签定义文档的页眉（介绍信息）。
<hgroup> 定义有关文档中的 section 的信息。 5
<hgroup> 标签用于对网页或区段（section）的标题进行组合。
<keygen> 定义生成密钥。 5
<keygen> 标签规定用于表单的密钥对生成器字段。
当提交表单时，私钥存储在本地，公钥发送到服务器。
属性            值          描述
autofocus autofocus 使 keygen 字段在页面加载时获得焦点。
challenge challenge 如果使用，则将 keygen 的值设置为在提交时询问。
disabled disabled 禁用 keytag 字段。
form         formname 定义该 keygen 字段所属的一个或多个表单。
keytype           rsa        定义 keytype。rsa 生成 RSA 密钥。
name        fieldname 定义 keygen 元素的唯一名称。name 属性用于在提交表单时搜集字段的值。
<meter> 定义预定义范围内的度量。 5
<meter> 标签定义度量衡。仅用于已知最大和最小值的度量
属性 值 描述
high number 定义度量的值位于哪个点，被界定为高的值。
low number 定义度量的值位于哪个点，被界定为低的值。
max number 定义最大值。默认值是 1。
min number 定义最小值。默认值是 0。
optimum number 定义什么样的度量值是最佳的值。如果该值高于 "high" 属性，则意味着值越高越好。如果该值低于 "low" 属性的值，则意味着值越低越好。
value number 定义度量的值。
<nav> 定义导航链接。 5
<nav> 标签定义导航链接的部分。
1：如果文档中有“前后”按钮，则应该把它放到 <nav> 元素中。
<output> 定义输出的一些类型。 5
<output> 标签定义不同类型的输出，比如脚本的输出。
属性 值                 描述
for id of another element 定义输出域相关的一个或多个元素。
form formname         定义输入字段所属的一个或多个表单。
name unique name         定义对象的唯一名称。（表单提交时使用）
<progress> 定义任何类型的任务的进度。 5
<progress> 标签定义运行中的进度（进程）。
可以使用 <progress> 标签来显示 JavaScript 中耗费时间的函数的进度。
属性 值 描述
max number 定义完成的值。
value number 定义进程的当前值。
<ruby> 定义 ruby 注释。 5
<ruby> 标签定义 ruby 注释（中文注音或字符）。
在东亚使用，显示的是东亚字符的发音。
与 <ruby> 以及 <rt> 标签一同使用：
ruby 元素由一个或多个字符（需要一个解释/发音）和一个提供该信息的 rt 元素组成，还包括可选的 rp 元素，定义当浏览器不支持 "ruby" 元素时显示的内容。
<rp> 定义若浏览器不支持 ruby 元素显示的内容。 5
<rp> 标签在 ruby 注释中使用，以定义不支持 ruby 元素的浏览器所显示的内容。
ruby 注释是中文注音或字符。
在东亚使用，显示的是东亚字符的发音。
与 <ruby> 以及 <rt> 标签一同使用：
ruby 元素由一个或多个字符（需要一个解释/发音）和一个提供该信息的 rt 元素组成，还包括可选的 rp 元素，定义当浏览器不支持 "ruby" 元素时显示的内容。
<rt> 定义 ruby 注释的解释。 5
<rt> 标签定义字符（中文注音或字符）的解释或发音。
ruby 注释是中文注音或字符。
在东亚使用，显示的是东亚字符的发音。
与 <ruby> 以及 <rt> 标签一同使用：
ruby 元素由一个或多个字符（需要一个解释/发音）和一个提供该信息的 rt 元素组成，还包括可选的 rp 元素，定义当浏览器不支持 "ruby" 元素时显示的内容。
支持 "ruby" 元素的浏览器不会显示 "rp" 元素的内容
<mark> 定义有记号的文本。 5
<mark> 标签定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签。
<source> 定义媒介源。 5
<source> 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源
属性 值         描述
media media query 定义媒介资源的类型，供浏览器决定是否下载。
src url         媒介的 URL。
type numeric value 定义播放器在音频流中的什么位置开始播放。默认，音频从开头播放。
<time> 定义日期/时间。 5
<time> 标签定义公历的时间（24 小时制）或日期，时间和时区偏移是可选的。
该元素能够以机器可读的方式对日期和时间进行编码，这样，举例说，用户代理能够把生日提醒或排定的事件添加到用户日程表中，搜索引擎也能够生成更智能的搜索结果。
属性           值         描述
datetime datetime 规定日期 / 时间。否则，由元素的内容给定日期 / 时间。
pubdate         pubdate         指示 <time> 元素中的日期 / 时间是文档（或 <article> 元素）的发布日期。     
<video> 定义视频。 5
<video> 标签定义视频，比如电影片段或其他视频流。
1：可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息。
属性           值          描述
autoplay autoplay 如果出现该属性，则视频在就绪后马上播放。
controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。
height         pixels         设置视频播放器的高度。
loop         loop         如果出现该属性，则当媒介文件完成播放后再次开始播放。
preload         preload         如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
src         url         要播放的视频的 URL。
width         pixels         设置视频播放器的宽度。