2017-9-25 H5增加的标签

最新推荐文章于 2024-09-28 22:57:04 发布

JSShou

最新推荐文章于 2024-09-28 22:57:04 发布

阅读量388

点赞数

分类专栏： html5 文章标签： html5

本文链接：https://blog.csdn.net/qq_32518231/article/details/78086288

版权

html5 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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>

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 注释（中文注音或字符）在东亚使用