新增语义化标签html
header浏览器 |
头部标签ide |
navoop |
导航栏标签post |
articleui |
内容标签url |
sectionspa |
块级标签code |
aside视频 |
侧边栏标签 |
footer |
尾部标签 |
多媒体标签
audio音频
三总音频格式
Ogg vorbis; Mp3; Wav;
属性
autoplay |
autoplay |
若是出现该属性则音频在就绪后 立刻播放 |
controls |
controls |
若是出现该属性,则像用户显示控件,好比按钮播放 |
loop |
loop |
若是出现该属性,则每当音频结束时从新开始播放 |
src |
url |
要播放的音频的URL |
语法
单个文件语法
<audio src="audio/01.mp3" controls="controls" controls></audio>
多个播放设置
<audio controls="controls"> <source src="mp3路径地址" type="audio/mpeg"> <source src="ogg路径地址" type="audio/ogg"> </audio>
video视频
三种视频格式
Ogg; MPEG4; WebM;
属性
autoplay |
autoplay |
视频就绪自动播放 |
controls |
controls |
向用户显示控件播放 |
width |
pixels(像素) |
设置播放器宽度 |
height |
pixels(像素) |
设置播放器高度 |
loop |
loop |
播放完是否继续播放该视频,循环播放 |
preload |
proload || auto(预先加载视频) || none(不该加载视频) |
规定是否预加载视频(若是有了autoplay就忽略该属性) |
src |
url |
视频url地址 |
poster |
imgurl |
加载等待的画面图片 |
muted |
muted |
静音播放 |
语法
单个语法
<video src="文件地址" controls="controls"></video>
多个播放
<video controls="controls"> <source src="audio/video.mp4" type="video/mp4"> <source src="audio/01.ogg" type="video/ogg"> </video>
表单属性
type
|
限制用户输入必须为Email类型 |
url |
限制用户必须为URL类型 |
date |
限制用户输入必须为日期类型 |
time |
限制用户输入必须为事件类型 |
month |
限制用户必须为月类型 |
week |
限制用户输入必须为周类型 |
number |
限制用户输入必须为数字 |
tel |
手机号码 |
search |
搜索框 |
color |
生成颜色选择表单 |
表单属性
required |
required |
表单拥有该属性表示其内容不能为空,必填 |
placeholder |
提示文本 |
表单的提示信息,存在默认值将不显示 |
autofocus |
autofocus |
自动聚焦属性,页面加载完成自动聚焦到指定表单 |
autocomplete |
off / on |
当用户在字段开始键入时,浏览器基于以前键入过的值,应该显示出在字段中填写的选项 默认已经打开,如autocomplete=“on” 关闭autocomplete=“off” 须要放在表单内同时加上name属性 同时成功提交 |
multiple |
multiple |
能够多选文件提交 |