H5的新特性
1.拖拽释放（Drap and drop）API ondrop
拖放是一种常见特性，即抓取对象以后拖到另一个位置，在HTML5中，拖放是标准的一部分，任何元素都能够拖放
2.自定义属性 data-id
3.语义化标签（header、nav、footer、aside、section等）
4.音频、视频（audio，video）如果浏览器不支持自动播放怎么办？在属性中添加autoplay属性
5.画布canvas
（1）getContext()方法返回一个用于画布上绘图的环境，Canvas.getContext(contextID)指定了您想要在画布上绘制的类型，当前唯一的合法值是“2D”，它指定了二维绘图，并且导致这个方法返回一个环境对象，该对象导出一个二维绘图API
（2）cxt.stroke()如果没有这一步，线条是不会显示在画布上的
（3）canvas和image在处理图片的时候有什么区别？
image是通过对象的形式描述图片的，canvas通过专门的API将图片绘制在画布上
6.地理（Geolocation）API
7.本地离线储存localStorage长期存储数据，浏览器关闭后数据不丢失
8.sessionStorage的数据在浏览器关闭后自动删除
9.表单控件date、time、email、url、search、tel、number等
10.新的技术webworker、websoket等
CSS3新特性
1.颜色：新增RGBA，HSLA模式
2.文字阴影（text-shadow）
3.边框：圆角（border-radius）边框阴影：box-shadow
4.盒子模型：box-sizing
5.背景：background-size、background-origin、background-clip
6.渐变：linear-gradient，radial-gradient
7.过渡：transition （可实现动画）
8.自定义动画：animate@keyfrom
9.媒体查询，多栏布局
10.border-image
11.2D转换、3D转换
12.字体图标
13.弹性布局flex
