新增HTML5常用标签和属性详解
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 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.输入类型:
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)。
output
output 元素用于不同类型的输出,比如计算或脚本输出:
3.表单属性
新的form 属性:
autocomplete
autocomplete 属性规定form 或input 域应该拥有自动完成功能。
注释:autocomplete 适用于