HTML5

目录

一、新增语义化标签

二、新增的多媒体标签

1.视频video

2.音频audio

三、新增的表单input

四、新增的表单属性

---

一、新增语义化标签

header	头部
nav	导航栏
article	内容
section	定义某个区域
aside	侧边栏
footer	尾部

注意：

1. 这种语义化标签主要是针对搜索引擎
2. 可以多次重复使用
3. 在IE9中需要把这些元素转换为块级元素
4. 移动端更常用

二、新增的多媒体标签

1.视频video

常用格式：mp4 webm ogg

属性	值	描述
autoplay	autoplay	视频自动播放 (google浏览器需要额外添加muted属性)
controls	controls	向用户展示播放控件
width	px(像素)	设置播放器宽度
height	px(像素)	设置播放器高度
loop	loop	播放完成后是否循环播放
preload	auto(预加载视频) none(不预加载视频)	是否预加载视频
src	url地址	视频url地址
poster	image(图片)	加载等待画面图片
muted	muted	静音播放

注意：

• 用户控件controls一般用js控制

2.音频audio

常用格式：mp3 wav ogg

标签	值	描述
autoplay	autoplay	音频自动播放 (google浏览器也禁用了这个属性)
controls	controls	向用户展示播放控件
loop	loop	循环播放
src	url	播放音频的位置

注意：

• google禁用了自动播放只能通过js来解决

三、新增的表单input

type属性值	描述
email	限制用户输入必须为email类型
url	url类型
date	日期
time	时间
month	月
week	周
number	数字
tel	手机号码
search	搜索框
color	颜色选择表单

注：

如果用户输入错误会提示

四、新增的表单属性

属性	值	描述
required	required	表单拥有属性后不能为空，必填
placeholder	提示文本	表单提示信息，存在默认值将不显示
autofocus	autofocus	自动聚焦属性，页面加载完成后自动聚焦到指定表单
autocomplete	off / on	在当用户成功提交过，下次搜索就可以自动填充，默认为on，开发时改为off
multiple	multiple	可以多选文件提交(经常和type="file"使用)