欢迎来到it培训的黄埔军校——智游教育!

小强的html5移动开发之路(2)——html5的新特性-永利国际

于2017-04-10 14:44:02 发表在html5知识库
一、画布(canvas)
画布是网页中的一块区域,可所以用javascript在上面绘图。下面我们来创建一个画布并在上面绘制一个坦克(后面将用html5做一个坦克大战游戏),代码如下:













运行效果:

二、地理位置
html5的地理位置特性可以返回网页访问者的地理位置。运行下面代码进行测试:



点击这个按钮,获得您的位置:









运行结果:

三、丰富强大的表单
html5提供了表单增强特性,这些功能是由复杂的javascript编写的,以便能在所有浏览器上工作.
四、本地存储
html5本地存储类似于cookies,但它支持存储的数据量更大,并且提供了一个本地数据库引擎,从而使保持和获取数据更加容易。这个特点可以很好的将数据分发给用户缓解与服务器的连接压力。另外可以使用javascript从本地web页面中访问本地数据库,这意味着你可以将网页保存到你本地从公司回到家里不用连接互联网就能打开。
五、媒体
html5规范中最具亮点的部分也许就是html5浏览器内置的多媒体播放功能,不需要flash、microsoft media player等插件。



 

 


运行效果:
六、语音搜素功能:
大家现在可以在好多网站上看到语音搜素功能,html5提供了强大的语音搜素功能属性,只需要添加一个属性就可以实现。