H5是为了让移动设备支持多媒体
新特性:
1.新表单元素引入
input元素及type属性
<input type="email" />
//type属性:
email
url
number
range
color
date
month
week
time
form属性
autocomplete=" on | off " //自动完成(历史内容记忆)
novalidate=" on | off " //关闭表单校验
input属性
autofocus:自动获取焦点
form:form元素外制定与哪个form一并提交(form的值为“目标form的id”)
list:绑定input的下拉内容,list的值为目标元素的id 目标元素为
<datalist id="aaa">
<option></option>
</datalist>
multiple:select加此属性可多选
placeholder:文字提示内容
required:必填
2.新语义标签的引入
<header></header>
<nav></nav>
<section></section>
<footer></footer>
<article></article>
但是这些新语义标签在低版本IE浏览器中兼容性很差,以下是IE低版本兼容解决方案
<!--[if lte IE 8]>
<script type="text/javascript" src="../html5shiv.min.js"></script>
<![endif]-->
3.多媒体控件
<video></video>
<audio></audio>
属性:controls显示多媒体控件
属性:autoplay自动播放
属性:loop设置循环播放
4.canvas标签
5.本地数据库
6.一些API
好处:
1、跨平台(可嵌入各种平台)
缺点:
1、兼容性不好
网友评论