2019.7.17
h5语义化标签
结构化标签:
header,nav,section,article,aside,footer
新标签:
figure,figcaption,mark,time,progress,meter
视频音频:
video controls=“controls” width="300“
source src=“move.ogg” type=“video/ogg”
source src=“move.mp4” type=“video/mp4”
您的浏览器暂不支持video标签。播放视频
/video
h5支持的视频格式:
ogg webm mp4
视频属性:
controls 控件
width 宽
height 高
autoplay自动播放
poster 加载等待画面图片
src视频路径
loop是否循环
API 方法(了解):
play()播放
pause()暂停
currentTime 当前播放时间
muted 是否静音
playbackRate 播放倍速
volume 音量
音频:
audio controls=“controls”
source src=“happy.MP3”
source src=“happy.ogg”
您的浏览器暂不支持audio标签。播放视频
/ audio
支持音频格式:
ogg wav mp3
音频属性:
autoplay
src
loop
controls
preload
表单验证:
form action=”提交目标地址” id=”name” method=”get/post” novalidate /form
邮箱:input type=“email” form=”name”
网址:input type=“url”
日期:input type=“date”
时间:input type=“time”
月:input type=“month”
周: input type=“week”
年龄: input type=“number”
比例:input type=“range”
查找: input type=“search” results=“n”
字体颜色: input type=“color”
novalidate 表示禁止浏览器自动验证
required 必填项
autocomplete 自动填充功能 (需要给input添加name属性)
autofocus 自动聚焦
Pattern 正则表达式