新增HTML5常用标签和属性详解

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

新增及删除标签

一、结构标签

1.section :一个内容区域块

2.article:一块与上下文不相关的内容,如一篇文章

3.asider:article以外,与article有关的辅助信息

4.header:页面的标题

5.hgroup:对整个页面或页面中一个内容区块的标题进行组合

6.footer:脚注

7.nav:导航链接

8.figure:一块独立的内容

二、媒体标签:

1.video,

Your browser does not support the video tag.如果浏览器不支持video标签,将在这个位置显示出来

video 元素支持三种视频格式:

Ogg = 带有Theora 视频编码和Vorbis 音频编码的Ogg 文件

MPEG4 = 带有H.264 视频编码和AAC 音频编码的MPEG 4 文件

WebM = 带有VP8 视频编码和Vorbis 音频编码的WebM 文件

属性值描述

autoplay autoplay 如果出现该属性,则视频在就绪后马上播放。

controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。

height pixels设置视频播放器的高度。

loop loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。preload preload 如果出现该属性,则视频在页面加载时进行加载,并预备播放。

如果使用"autoplay",则忽略该属性。

src url要播放的视频的URL。

width pixels设置视频播放器的宽度。

2.radio

Your browser does not support the audio tag.

属性值描述

autoplay autoplay 如果出现该属性,则音频在就绪后马上播放。

controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。

loop loop 如果出现该属性,则每当音频结束时重新开始播放。

preload preload 如果出现该属性,则音频在页面加载时进行加载,并预备播放。

如果使用"autoplay",则忽略该属性。

src url要播放的音频的URL。

三、表单:

1.输入类型:

email

url

url 类型用于应该包含URL 地址的输入域。

在提交表单时,会自动验证url 域的值。

number

number 类型用于应该包含数值的输入域。

属性值描述

max number规定允许的最大值

min number规定允许的最小值

step number规定合法的数字间隔(如果step="3",则合法的数是-3,0,3,6 等)value number规定默认值

range

range 类型用于应该包含一定范围内数字值的输入域。

属性值描述

max number规定允许的最大值

min number规定允许的最小值

step number规定合法的数字间隔(如果step="3",则合法的数是-3,0,3,6 等)value number规定默认值

Date pickers (date, month, week, time, datetime, datetime-local)

date - 选取日、月、年

month - 选取月、年

week - 选取周和年

time - 选取时间(小时和分钟)

datetime - 选取时间、日、月、年(UTC 时间)

datetime-local - 选取时间、日、月、年(本地时间)

search

search 类型用于搜索域,比如站点搜索或Google 搜索。

search 域显示为常规的文本域。

color

2.表单元素

datalist

datalist 元素规定输入域的选项列表。

如需把datalist 绑定到输入域,请用输入域的list 属性引用datalist 的id:

Webpage:

keygen

keygen 元素的作用是提供一种验证用户的可靠方法。

keygen 元素是密钥对生成器(key-pair generator)。当提交表单时,会生成两个键,一个是私钥,一个公钥。

私钥(private key)存储于客户端,公钥(public key)则被发送到服务器。公钥可用于之后验证用户的客户端证书(client certificate)。

Username:

Encryption:

output

output 元素用于不同类型的输出,比如计算或脚本输出:

3.表单属性

新的form 属性:

autocomplete

autocomplete 属性规定form 或input 域应该拥有自动完成功能。

注释:autocomplete 适用于

标签,以及以下类型的 标签:text, search, url, telephone, email, password, datepickers, range 以及color。

当用户在自动完成域中开始输入时,浏览器应该在该域中显示填写的选项:

相关文档
最新文档