H5常用新特性

html5新特性

【注意】这些新特性都有兼容性的问题，基本是ie9+以上版本的浏览器才支持，如果不考兼容性问题，可以大量使用这些新特性

html5新增的语义话标签

<header> :头部标签<nav> 导航栏标签<海峰湿地;article> 内容标签<ction> 定义文档某个区域<aside> 侧边栏标签<footer> 尾部标签【注意】这种语义化标准主要是针对搜索引擎的这些新标签页面中可以使用多次在ie9中，需要把这些元素转换为块级元素更多移动端使用

html新增的多媒体标签

音频：<autio>

浏览器mp3wavogginternet exploreryesnonochormeyesyesyesfirefoxyesyesyessafariyesyesyesoperayesyesyes属性值描述autoplayautoplay如果出现该属性，则音频就绪后马上播放controlscontrols如果出现该属性，则向用户显示控件，比如播放按钮looploop在音频结束时重新开始播放srcurl要播放音频的url

视频：<video>

浏览器mp4webmogginternet exploreryesnonochromeyesyesyesfirefoxyesyesyessafariyesnonooperayesyesyes

<video src="文件地址" controls="controls">&郭敬明幻城经典语录lt;/video>

属性值描述autoplayautoplay视频就绪自动播放（谷歌浏览器需要添加muted来解决自动播放的问题）controlscontrols向用户显示播放控件wi安全知识小常识dthpixels设置播放器宽度heightpx设置播放器高度looploop是否循环播放preloadauto（预先加载视频）none（不预先加载视频）规定是否预先加载视频（如果有了auto play，就忽略该属性）srcurl视频url地址posterimgurl加载等待的画面图片mutedmuted静音播放

新增表单

属性值说明type=”email”用户输入的必须为email类型type=“url”限制用户必须输入为url类型type=“date”限制用户必须输入日期类型type=“time”限制用户必须输入时间类型type=“month”限制用户必须输入月份type=“week”限制用户必须输入周type=“number”限制用户输入数字type=“tel”限制用户输入手机号type=“arch”搜索框type=“color”生网吧网管职责成一个颜色选择表单

新增的表单属性

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