2017-9-25 H5增加的标签

---

title: 2017-9-25 H5增加的标签
date: 2017-09-25 12:18:17
tags: HTML5
grammar_cjkRuby: true

H5增加的标签

• article 标签定义外部的内容（结构元素）
• aside 定义页面内容之外的内容。 aside的内容与article的内容相关。（结构元素）
• figure 定义一组媒介内容的分组，以及它们的标题。（结构元素）

<figure>
     <p>重庆磁器口</p>
     <p>拍摄者：许中鹏，拍摄时间：2017-01-15</p>
     <img src="http://xu-1253495453.picgz.myqcloud.com/DSC_0533.JPG" width="350" />
   </figure>

重庆磁器口

拍摄者：许中鹏，拍摄时间：2017-01-15

• section 标签定义文档中的节（section，区段）。比如章节，页眉，页脚或文档中的其他部分（结构元素）

第一章

第二章

• meter 定义预定义范围内的度量。仅用于已知最大和最小值的度量（内联元素）

<p>显示度量值：</p>
<meter value="3" min="0" max="10">3/10</meter><br>
<meter value="0.6">60%</meter>

• progress 定义任何类型的任务的进度。可以使用 progress 标签来显示javascript中耗费时间的函数的进度（内联元素）

下载进度：
<progress value="22" max="100">
</progress>

下载进度：

• time 定义一个日期/时间（内联元素）

• audio 定义声音内容。(内嵌元素)audio 元素允许多个 source 元素。source 元素可以链接不同的音频文件。浏览器将使用第一个可识别的格式

<audio src="/i/horse.ogg" controls="controls" autoplay="autoplay">
</audio>

• video 定义视频。(内嵌元素)Ogg支持firefox3.5，opera10.5，chrome3.0,Mpeg 4 支持chrome3.0，safsri3.0
  Video也支持多个source元素，链接到不同的视频文件，浏览器将使用第一个可识别的格式
  属性值：
  autoplay=”autoplay”就绪后马上播放
  loop=“loop”播放完再次播放

<video src="/i/movie.ogg" controls="controls">
your browser does not support the video tag
</video>

• command 定义命令按钮 （交互元素）

• datalist 定义下拉列表,与input元素配合使用该元素，定义input可能出现的值，datalist的选项不会被显示出来，它仅仅是合法的输入值列表（交互元素）

<input list="cars" />
<datalist id="cars">
	<option value="BMW">
	<option value="Ford">
	<option value="Volvo">
</datalist>

• details 定义元素的细节 （交互元素）

你一定不知道

我有多爱你.

• canvas 定义图形,绘制路径，矩形，圆形，字符以及添加图像的方法
  Canvas元素本身没有绘图能力，所有的绘制工作必须在javascript内部完成渐变

• dialog 定义对话（会话）dialog元素表示几个人之间的对话。HTML5dt元素可以表示讲话者，HTML5dd元素可以表示讲话内容。（结构元素）

• embed 定义外部交互内容或插件

<embed src="/helloworld.swf" />

• event-source 为服务器发送的事件定义目标

• **footer ** 定义 section 或 page 的页脚

• figcaption 标签定义 figure 元素的标题。

• hgroup 标签用于对网页或区段（section）的标题进行组合。
  对网页或区段的标题进行组合

• keygen 标签提供一种验证用户的可靠方法。keygen 元素是密钥对生成器（key-pair generator）。当提交表单时，会生成两个键，一个是私钥，一个公钥。私钥（private key）存储于客户端，公钥（public key）则被发送到服务器。公钥可用于之后验证用户的客户端证书（client certificate）。

• header 定义 section 或 page 的页眉（介绍信息）

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

• nav 定义导航链接。

• output 定义输出的一些类型。

• source 定义媒体资源
  Ogg支持firefox3.5，opera10.5，chrome3.0
  Mpeg 4 支持chrome3.0，safsri3.0
  Video也支持多个source元素，链接到不同的视频文件，浏览器将使用第一个可识别的格式
  属性值：
  autoplay=”autoplay”就绪后马上播放
  loop=“loop”播放完再次播放

• **ruby ** 标签定义 ruby 注释（中文注音或字符）在东亚使用