H5C3的新特性

H5新特性

1、 拖拽释放  :   拖放是一种常见的特性，即抓取对象以后拖到另一个位置 ,在HTML5中，拖放是标准的一部分，任何元素都能够拖放

2、自定义属性data-id

3、语义化更好的内容标(header,nav,footer,aside等)

4、音频,视频(audio,video)如果浏览器不支持自动播放怎么办?在

属性中添加autoplay(谷歌浏览器不支持音频自动播放，但是视频支

持静音自动播放)

5、画布Canvas

5.1canvas和image在处理图片的时候有什么区别?

image是通过对象的形式描述图片的,canvas通过专门的API将图片绘制在画布上.

6、地理Geolocation是用来获取到当前设备的经纬度（位置）

7、本地离线存储localStorage用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除

8、sessionStorage该数据对象临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。

9、表单控件calendar,date,time,email,url,search,tel,file,number

C3新特性

1 、颜色: 新增 RGBA,HSLA模式

2、文字阴影text-shadow

3、边框:圆角border-radius

4、盒子模型:box-sizing

5、背景:background-size  ,  background-origin

6、渐变:linear-gradient

7、过渡:transition

8、自定义动画animate@keyfrom

9、媒体查询

10、2D转换/3D转换

11、字体图标iconfont

12、弹性布局flex