HTML5是WEB开发世界的一次重大的改变，事实上不管你是否喜欢，它都是代表着未来趋势。曾几何时，当HTML5出现在web端开发领域的时候，并没有引起太多人的注意，究其原因，一方面是它还没有被广泛的支持，在IE中不好使，另一方面就是程序员自身对于XHTML代码的情有独钟了，毕竟对于成熟的程序员而言，新鲜的技术面临挑战和泡沫。
一、html新增标签
1)header -------头部引导或导航的部分
2)Nav ----------导航部分，一般可以嵌套在header里面
3)Section ---------代表一个独立区块，包括内容和标题
4)Article ----------特殊的section ，一般放置文章或标题
5)Aside ---------页面补充说明的区块
6)Footer --------脚部版权说明的区块
注意点：虽然标签很语义化，但是目前只能兼容IE9+
二、添加对flash的替换
.swf(flash的格式)
对视频的标签
Video支持的mp4格式,ogg,webM
属性：autoplay: 页面加载进来就开始播放
Src 视屏文件的路径
Controls 是否显示播放器的控件(播放，暂停，快进，全屏，音量)
Preload 预加载
Poster 视频播放前的海报
在h5之前视频是如何播放的(网页中是如何插入视频)
<embed>
<iframe>
音频的标签
Audio
支持的格式：mp3,ogg,Wav
Input类型的拓展
Color: 取到值是十六进制的颜色属性值
Date : yyyy-MM-dd
Datetime
Datetime-local 显示格式yyyy-MM-ddThh:mm
Email 表单提交会触发验证
Month YYYY-MM
Number 会出现加减符号，min-----max属性，限制大值和小值
Range 滑块，也可以自定义大值和小值
Search
Tel 移动端点击时候会拉起数字键
Time
Url
Week
Html5表单新元素
Datalist:模糊查询
Input list=”dalistID”
Datalist#dalistID>option
Keygen
Output
Html 表单验证
Required 必填字段
Pattern 正则验证，设置title为错误提示信息
Maxlength 输入的大长度
Minlength 输入的小长度
Min Max step必须input为number类型才能生效,min小值，max大值,step设置有效数字的间隔
setCustomValidity(“提示文字”) 自定义提示文字
H5地理定位系统：
Navigator:是浏览器内置对象，包含浏览器厂商支持哪些方法，浏览器的信息;
H5的拖放：
被拖动的对象 ：属性：draggable设置是否支持拖动 ondragstart开始拖动的时候执行的事件
放置的容器: ondrop丢放对象触发的事件
Ondragover 当拖放的对象拖动到放置的容器上触发的事件
H5的本地存储
localStorage.setItem(“key”, value);
在本地存储一个名为key值为value的一个数据
localStorage.getItem(“key”);//value
清除:
localStorage.Clear()会清空所有的本地存储;
localStorage.removeItem(“key”)清空对应key这条数据
取出本地存储的一个名为key的数据
sessionStorage.setItem(“key”,value);
sessionStorage.getItem(“key”);
区别：sessionStorage存储的值当用户关闭浏览器就会自动销毁，但是localStorage存储的值会一直存在，知道用户手动清除;
Javascript变量在页面关闭的时候会被全部销毁，要在一个页面取另一个页面的值的时候是取不到的，那么这时候就要用到页面间传值的方法：
1.带参数的a链接来实现传值
2.本地存储来传值
热点新闻
前端开发技术库
