前端学习之HTML5新特性

一.新增语义标签

1. <header>:头部标签

2. <footer>:尾部标签

3. <nav>:导航栏标签

4. <aside>:侧边栏标签

5. <article>:内容标签

6. <section>:定义文档某个区域

二.多媒体标签

1.视频

语法：<video></video>

属性	属性值	描述
autoplay	autoplay	视频就绪自动播放(谷歌浏览器需要设置muted="muted")
controls	controls	向用户显示播放控件
width	像素	视频宽度
height	像素	视频高度
loop	loop	循环播放视频
preload	auto(预先加载视频) none(不预先加载)	规定是否预加载视频(如果有了autoplay，则自动忽略该属性)
poster	imgurl	加载等待的图片
src	url	视频加载url地址
muted	muted	静音播放

2.音频

语法：<audio></audio>

属性	属性值	描述
autoplay	autoplay	音乐准备就绪自动播放
loop	loop	循环播放
src	url	音乐播放地址
controls	controls	音乐播放控件

三.表单标签和属性

1.input类型(type属性值)

属性值	说明
email	必须输入Eamil类型
url	必须输入Url类型
data	必须输入Data类型
time	必须输入Time类型
month	必须输入月份类型
week	必须输入星期l类型
number	必须输入数字类型
tel	必须输入电话类型
search	搜索框
color	生成颜色选择表单

2.表单属性

属性	属性值	说明
required	required	必须输入内容
placeholder	提示文本	表单提示信息
autofocus	autofocus	浏览器加载完成自动聚焦
autocomplete	on/off	表单选项显示已经输入过的内容
multiple	mutiple	选择多个文件上传