首页 > 代码库 > html5新标签
html5新标签
<video> 标签的属性
属性 值 描述
autoplay autoplay 如果出现该属性,则视频在就绪后马上播放。
controls controls 如果出现该属性,则向用户显示控件,比如播放按钮
height pixels 设置视频播放器的高度
loop loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。
preload preload 如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
src url 要播放的视频的 URL
width pixels 设置视频播放器的宽度。
新标签:
1.<article> 定义文章。定义和用法:<article> 标签规定独立的自包含内容。一篇文章应有其自身的意义,应该有可能独立于站点的其余部分对其进行分发。
<article> 元素的潜在来源:
•论坛帖子
•报纸文章
•博客条目
•用户评论
2.<aside> 定义页面内容之外的内容。定义和用法<:aside> 标签定义其所处内容之外的内容。aside 的内容应该与附近的内容相关。
3.<audio> 定义声音内容。定义和用法:<audio> 标签定义声音,比如音乐或其他音频流。
属性 值 描述
autoplay autoplay 如果出现该属性,则音频在就绪后马上播放。
controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
loop loop 如果出现该属性,则每当音频结束时重新开始播放。
muted muted 规定视频输出应该被静音
。
preload preload 如果出现该属性,则音频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
src url 要播放的音频的URL.
4.<bdi> 定义文本的文本方向,使其脱离其周围文本的方向设置。 定义和用法:bdi 指的是 bidi 隔离。
属性 值 描述
dir ltr ;rtl; auto 可选。规定 <bdi> 元素内的文本的文本方向。默认值:auto。
<bdi> 标签允许您设置一段文本,使其脱离其父元素的文本方向设置。在发布用户评论或其他您无法完全控制的内容时,该标签很有用。
5.<canvas> 定义图形。定义和用法:<canvas> 标签定义图形,比如图表和其他图像。<canvas> 标签只是图形容器,您必须使用脚本来绘制图形。
属性 值 描述
height pixels 设置 canvas 的高度
width pixels 设置 canvas 的宽度。
6.<command> 定义命令按钮。定义和用法:<canvas> 标签定义图形,比如图表和其他图像。<canvas> 标签只是图形容器,您必须使用脚本来绘制图形。
属性 值 描述
checked checked 定义是否被选中。仅用于 radio 或 checkbox 类型。
disabled disabled 定义 command 是否可用。
icon url 定义作为 command 来显示的图像的 url。
label text 为 command 定义可见的 label。
radiogroup groupname 定义 command 所属的组名。仅在类型为 radio 时使用。
type checkbox ;command; radio 定义该 command 的类型。默认是 "command"。
7.<datalist> 定义下拉列表。定义和用法:<datalist> 标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。请使用 input 元素的 list 属性来绑定 datalist。
8.<command> 定义命令按钮。定义和用法: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;radio 定义该 command 的类型。默认是 "command"。
9.<details> 定义元素的细节。定义和用法:<details> 标签用于描述文档或文档某个部分的细节。
属性 值 描述
open open 定义 details 是否可见。
10.<dialog> 定义对话框或窗口。定义和用法:<dialog> 标签定义对话框或窗口。
属性 值 描述
open open 规定 dialog 元素是活动的,用户可与之交互。
11.<embed> 定义外部交互内容或插件。定义和用法:<embed> 标签定义嵌入的内容,比如插件。
属性 值 描述
height pixels 设置嵌入内容的高度。
src url 嵌入内容的 URL。
type type 定义嵌入内容的类型。
width pixels 设置嵌入内容的宽度。
12.<figcaption> 定义 figure 元素的标题。定义和用法:<figcaption> 标签定义 figure 元素的标题(caption)。
"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。
13.<figure> 定义媒介内容的分组,以及它们的标题。定义和用法:<figure> 标签规定独立的流内容(图像、图表、照片、代码等等)。
figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。
14.<footer> 定义 section 或 page 的页脚。定义和用法:<footer> 标签定义文档或节的页脚。<footer> 元素应当含有其包含元素的信息。
页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。您可以在一个文档中使用多个 <footer> 元素。
15.<header> 定义 section 或 page 的页眉。定义和用法:<header> 标签定义文档的页眉(介绍信息)。
16.<keygen> 定义生成密钥。定义和用法:<keygen> 标签规定用于表单的密钥对生成器字段。当提交表单时,私钥存储在本地,公钥发送到服务器
属性 值 描述
autofocus autofocus 使 keygen 字段在页面加载时获得焦点
challenge challenge 如果使用,则将 keygen 的值设置为在提交时询问。
disabled disabled 禁用 keytag 字段。
form formname 定义该 keygen 字段所属的一个或多个表单。
keytype rsa 定义 keytype。rsa 生成 RSA 密钥。
name fieldname 定义 keygen 元素的唯一名称。name 属性用于在提交表单时搜集字段的值。
17.<mark> 定义有记号的文本。定义和用法:<mark> 标签定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签。
18.<meter> 定义预定义范围内的度.定义和用法:<meter> 标签定义已知范围或分数值内的标量测量。也被称为 gauge(尺度)。
例子:磁盘用量、查询结果的相关性,等等。
注释:<meter> 标签不应用于指示进度(在进度条中)。如果标记进度条,请使用 <progress> 标签。
new : HTML5 中的新属性。
属性 值 描述
form form_id 规定 <meter> 元素所属的一个或多个表单。
high number 规定被视作高的值的范围。
low number 规定被视作低的值的范围。
max number 规定范围的最大值。
min number 规定范围的最小值。
optimum number 规定度量的优化值。
value number 必需。规定度量的当前值。
19.<nav> 定义导航链接。
20.<output> 定义输出的一些类型。定义和用法:<output> 标签定义不同类型的输出,比如脚本的输出。
new : HTML5 中的新属性。
属性 值 描述
for element_id 定义输出域相关的一个或多个元素。
form form_id 定义输入字段所属的一个或多个表单。
name name 定义对象的唯一名称。(表单提交时使用)
21.<progress> 定义任何类型的任务的进度。
new : HTML5 中的新属性。
属性 值 描述
max number 规定任务一共需要多少工作。
value number 规定已经完成多少任务。
22.<rp> 定义若浏览器不支持 ruby 元素显示的内容。定义和用法:<rp> 标签在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。
ruby 注释是中文注音或字符。在东亚使用,显示的是东亚字符的发音。与 <ruby> 以及 <rt> 标签一同使用:
ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。
23.<rt> 定义 ruby 注释的解释。定义和用法:<rt> 标签定义字符(中文注音或字符)的解释或发音。ruby 注释是中文注音或字符。
在东亚使用,显示的是东亚字符的发音。与 <ruby> 以及 <rt> 标签一同使用:
ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。
24.<ruby> 定义 ruby 注释。定义和用法:<ruby> 标签定义 ruby 注释(中文注音或字符)。在东亚使用,显示的是东亚字符的发音。与 <ruby> 以及 <rt> 标签一同使用:
ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。
25. <section> 定义和用法:<section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
<summary> 为 <details> 元素定义可见的标题。
<time> 定义日期/时间。
<track> 定义用在媒体播放器中的文本轨道。
<video> 定义视频。
<wbr> 定义视频。 定义和用法:Word Break Opportunity (<wbr>) 规定在文本中的何处适合添加换行符。
提示:如果单词太长,或者您担心浏览器会在错误的位置换行,那么您可以使用 <wbr> 元素来添加 Word Break Opportunity(单词换行时机)。
html5新标签