H5新特性

1.语义化标签：
　　为我们提供了更好的页面结构，比如header、footer、section、nav、aside、article,这些标签可以让我们更直观的

　　知道你要表达的是什么，再更进一步讲是让浏览器更好，更直观的去解析你的页面

2.增强型表单：input 的多个 type
3.新增表单元素：datalist、keygen、output
4.新增表单属性：placehoder(我们常用的表单占位符)、required(设置之后文本框必须有数据输入才能提交)、

　　min 设置表单最小输入值）和 max(设置表单最大输入值),autofocus（表单加载完后自动获取焦点），

　　pattern(正则表达式的校验)

5.音频视频：
（1）、audio: 标签定义声音，比如音乐或其他音频流

 ( 2） video: 标签定义视频，比如电影片段或其他视频流:

6.canvas绘图，canvas对我们的动画效果实现的作用是非常大的，它用于生 成图像，他本身就是一个画布，

　　我们真正操控的是他的API，在上面生成图 像。它的底层是一个个像素，基本上是一个用以用javascript操作的位图，

　　他 与svg的区别在于，canvas是脚本调用各种方法生成图像，SVG则是一个xml 文件，通过各种子元素生成图像，

　　canvas的具体操作实现这里就不累赘了

7.本地存储：localStorage - 没有时间限制的数据存储；sessionStorage - 针对一个 session 的数据存储，

　　当用户关闭浏览器窗口后，数据会被删除

8.新事件：onresize、ondrag、onscroll、onmousewheel、onerror、onplay、onpause

9.WebSocket：是H5提供的一种在单个TCP连接上进行的双工通讯的协议。在websocket中浏览器跟服务器中需要完成一次握手，

　　两者之间就直接可以创建持久性的连接，并进行双向数据传输

10..SVG，是一种可伸缩的矢量图，这也就对应出了它另外一个特性，就是无论你怎么改变它的尺寸

　　或者放大缩小都不会影响到他的图形质量