H5的新特性

293 阅读1分钟

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

2、自定义属性data-id

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

4、音频,视频(audio,video)如果浏览器不支持自动播放怎么办?在属性中添加autoplay(谷歌浏览器不支持音频自动播放,但是视频支持静音自动播放)

5、画布Canvas 5.1)getContext()方法返回一个用于在画布上绘图的环境Canvas.getContext(contextID)参数contextID指定了您想要在画布上绘制的类型。当前唯一的合法值是“2d”,它指定了二维绘图,并且导致这个方法返回一个环境对象,该对象导出一个二维绘图API 5.2)cxt.stroke()绘制线条 5.3)canvas和image在处理图片的时候有什么区别? image是通过对象的形式描述图片的,canvas通过专门的API将图片绘制在画布上.

6、地理(Geolocation)API其实Geolocation就是用来获取到当前设备的经纬度(位 置)

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

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

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

10、新的技术webworker,websocket,Geolocation