HTML5

2017-06-15  本文已影响0人  恩德_b0c2

html5语义化标签

1.主体结构元素
article:标签装载显示一个独立的文章内容
section:标签定义文档中的节
aside:用来装载非正文类的内容
nav:标签定义显示导航链接
time:标签定义公历的时间
2.非主体元素
header:标签定义文档的页面头部
footer:标签定义section或document的页脚
address:标签定义文档作者或拥有者的联系信息
main:文档主要内容


表单域增强元素

1.新增属性
form:表单内的从属元素可写到表单外面
formaction:属性覆盖form元素的action
formmethod:属性覆盖form元素的method
autofocus:指定的表单元素获得焦点
required:规定必须在提交之前填写输入域(不能为空)
placeholder:属性提供可描述输入字段预期值的提示消息,该提示会在输入字段为空时显示,并会在字段获得焦点时消失
checkValidity:显示验证法
pattern:正则验证
2.新增表单输入类型
email
url
number(max,min,间隔,value)
color
Date
range(max,min,间隔,value)
search


video和audio元素的属性 方法 事件

<video></video>视频
<audio></audio>音频
属性:
src:路径
autoplay:自动播放
preload:预加载,默认属性auto
poster:播放前展示一张图(独有属性:width height)
loop:自动重新播放
controls:用户界面显示
error:返回错误
played:播放时间段
paused:暂停
ended:结束时的布尔值
volume:控制声音大小
muted:静音控制
方法:
play()播放
pause()暂停
load()重新加载
事件:
ontimeupdate:音频/视频播放中事件
onended:音频/视频结束时事件


画布

画布标签(H)
<canvas></canvas>

上一篇下一篇

猜你喜欢

热点阅读