HTML5

• 广义指的是HTML5本身+CSS3+JavaScript

H5新增语义化标签

1. 新增标签

• header 头部标签
• nav 导航标签
• article 内容标签
• section 块级标签
• aside 侧边栏标签
• footer 尾部标签

2. 注意点

• 语义化标准主要针对搜索引擎
• 新标签页面中可以使用多次
• IE9中需要把这些元素转换为块级元素（默认行内元素）
• 移动端更喜欢使用

H5新增多媒体标签

1. 新增标签

• audio 音频
• video 视频

2. audio -支持三种音频格式 Ogg,MP3,Wav

• 常见属性

autoplay 就绪后马上播放
controls 显示用户控件
loop 音频结束时重新开始播放
src 要播放音频的URL

• 多来源兼容不同浏览器

<audio controls>
	<source src="happy.mp3" type="audio/mpeg">
	<source src="happy.ogg" type="audio/ogg">
    你的浏览器不支持audio
</audio>

3. video

• 支持三种格式 Ogg,MPEG4,WebM
• 多来源兼容不同浏览器

<video controls>
	<source src="happy.mp4" type="video/mpeg">
	<source src="happy.ogg" type="video/ogg">
    你的浏览器不支持video
</video>

• 常见属性

autoplay 自动播放
controls 显示播放控件
width 播放器宽度
height 播放器高度
loop 是否循环播放
preload 是否加载完再播放
src 视频url地址
poster 加载等待的画面图片
muted 静音播放

H5新增input表单，表单属性

1. 新增表单

• email 限制为email类型
• url 限制为url类型
• date 限制为日期类型
• time 限制为时间类型
• month 限制为月类型
• week 限制为周类型
• number 限制输入为数字类型
• tel 手机号码
• search 搜索框
• color 生成一个颜色选择表单

2. 新增属性

• required 必填
• placeholder 表单提示信息
• autofocus 自动聚焦属性，加载完后自动聚焦到指定表单
• autocomplete 浏览器自动填充
• multiple 可以多选文件提交