HTML5的新特性

---

一、新的语义化标签

• < header >:头部标签
• < nav >:导航标签
• < article >:内容标签
• < section >:定义文档某个区域
• < aside >:侧边栏标签
• < footer >:尾部标签
  注意：
  1.这种语义化标签主要是针对搜索引擎的
  2.这些新标签页面中可以使用多次
  3.在IE9中，需要把这些元素转换为块级元素

二、新的多媒体标签

1.音频 < audio >

当前< audio >元素支持三种音频格式： MP3、Wav、Ogg
常见属性（属性值与属性相同）：

• autoplay:如果出现该属性，则音频在就绪后马上播放
• controls:如果出现该属性，则向用户显示控件，比如播放按钮
• loop：如果出现该属性，则每当音频结束时重新开始播放

2.视频 < video >

当前< video >元素支持三种视频格式： MP4、WebM、Ogg
常见属性参考音频.

三、新的input类型

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

四、新的表单属性

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