HTML5的新特性
一、新增语义化标签
- <header> 头部标签
- <nav> 导航标签
- <article> 内容标签
- <section> 定义文档某个区域
- <aside> 侧边栏标签
- <footer> 尾部标签
注意：
1.这种语义标准化主要针对搜索引擎的
2.可以多次使用
3.在IE9中，需要把这些元素转换为块级元素
二、新增的多媒体标签
1.音频 <audio>
语法：<audio src="文件地址" controls=“controls></audio>
| 属性 |
值 |
描述 |
| autoplay |
autoplay |
音频就绪后马上播放 |
| controls |
controls |
向用户显示控件，比如播放按钮 |
| loop |
loop |
音频结束后重新开始播放 |
| src |
url |
播放视频的url |
2.视频 <video>
语法：<video src="文件地址" comtrols="controls"></video>
常见属性
| 属性 |
值 |
描述 |
| autoplay |
autoplay |
视频自动播放（Google需要添加muted来解决自动播放的问题） |
| controls |
controls |
向用户展示播放控件 |
| width |
px（像素） |
设置播放器宽度 |
| height |
pixels（像素） |
设置播放器高度 |
| loop |
loop |
播放完是否继续播放该视频，循环播放 |
| preload |
auto（预先加载） none（不加载） |
规定是否预先加载视频（如果有了autoplay 就忽略该属性） |
| src |
url |
视频url地址 |
| poster |
img的url地址 |
加载等待的画面图片 |
| muted |
muted |
静音播放 |
三、新增 input 类型
| 属性值 |
说明 |
| type="email" |
email类型 |
| type="url" |
url类型 |
| type="date" |
日期类型 |
| type="time" |
时间类型 |
| type=“month” |
月类型 |
| type="week" |
周类型 |
| type="number" |
数字类型 |
| type="tel" |
手机号码 |
| type="search" |
搜索框 |
| type="color" |
生成一个颜色选择表单 |
四、新增表单属性
| 属性 |
值 |
说明 |
| required |
required |
表单拥有该属性表示其内容不能为空，必填 |
| placeholder |
提示文本 |
表单的提示信息，存在默认值将不再显示 |
| autofocus |
autofocus |
自动聚焦属性，页面加载完成自动聚焦到指定表单 |
| autocomplete |
off / on |
当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。默认已经打开，如 autocomplete="on" ，关闭 autocomplete="off" 需要放在表单内，同时加上name属性，同时提交成功 |
| multiple |
multiple |
可以多选文件提交 |