HTML5

新增语义化标签

HTML5新增多媒体标签

音频标签 ogg mpeg wav

大众写法
<audio src="文件地址" controls="controls"></audio>
兼容写法
<audio controls="controls">
     <source sec='happy.mp3' type='audio/mpeg'>
     <source sec='happy.mp3' type='audio/ogg或者wav'>
</audio>

| 属性 | 值 | 描述
| autoplay| autoplay| 如果出现该属性，则音频在就绪后马上播放
| controls | controls | 如果出现该属性，则向用户显示控件，比如播放按钮
| loop | loop | 如果出现该属性，则每当音频结束时重新开始播放。
| preload | preload | 如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性。
| src | url | 要播放的音频的 URL。

视频标签 ogg mp4 webm

大众写法
<video src="文件地址" controls="controls"></video>
兼容写法
<video controls="controls">
     <source sec='happy.mp4' type='audio/mp4'>
     <source sec='happy.mp4' type='audio/ogg或者WebM'>
</video>

| 属性 | 值 | 描述
|autoplay | autoplay | 视频就绪自动播放（谷歌浏览器需要添加muted来解决自动播放问题）
| controls | controls | 向用户显示播放控件
| loop | loop |放完是否继续播放该视频，循环播放
| preload | auto |（预先加载视频）
none（不应加载视频） 规定是否预加载视频(如果有了autoplay 就忽略该属性）
| src | url | 视频url地址
| width | pixels(像素) |设置播放器宽度
| height | pixels(像素) |设置播放器高度
| poster | Imgurl | 加载等待的画面图片
| muted | muted | 静音播放

HTML5新增表单标签

属性值 描述
type=“email” 限制用户输入必须为Email类型
type=“url” 限制用户输入必须为URL类型
type=“date” 限制用户输入必须为日期类型
type=“time” 限制用户输入必须为时间类型
type=“month” 限制用户输入必须为月类型
type=“week” 限制用户输入必须为周类型
type=“number” 限制用户输入必须为数字类型
type=“range” 滑动条
type=“tel” 手机号码
type=“search” 搜索框
type=“color” 生成一个颜色选择表单

标签
• 标签规定了 元素可能的选项列表。
• 元素包含了一组元素，这些元素表示预定义可选值，在元素输入
过程中，会自动响应元素的值。
• 绑定的标签必须设置 list 属性，属性值等于标签的 id 属性值。

新增表单属性
属性 值 描述
required required 表单拥有该属性表示其内容不能为空，必填
placeholder 提示文本 表单的提示信息，存在默认值将不显示
autofocus autofocus 自动聚焦属性，页面加载完成自动聚焦到指定表单，一般页面中放1个
autocomplete off / on 当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填 写的选项。
默认已经打开，如 autocomplete=”on “
关闭 autocomplete =”off”
-需要放在表单内同时加上name属性
-同时成功提交
multiple multiple 可以多选文件提交