学习01-html（新增语义化标签，多媒体标签，表单属性）

新增语义化标签

header	头部标签
nav	导航栏标签
article	内容标签
section	块级标签
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	限制用户输入必须为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	可以多选文件提交

来源：oschina

链接：https://my.oschina.net/u/4454049/blog/3176217

标签

poster

autocomplete