Html5的新特性总结

摘要:
HTML5的Web存储API使用离线缓存生成列表文件,本质上是一系列URL列表文件。这些URL指向页面中的HTML、CSS、Javascrpit、图像和其他相关内容。cookie的重复传输不仅浪费了用户的带宽和供应商服务器的性能,还增加了被泄露的风险。小结:HTML5中有许多令人兴奋的特性和新功能,由于篇幅有限,无法一一列出,但我对HTML5的未来非常乐观。毕竟,富web应用程序的趋势已经掀起,web2.0的浪潮也在继续。让我们一起期待HTML5的到来。

新加语义化标签:

在这里插入图片描述

HTML5其实是关于图像,位置,存储,速度的优化和改进

图像:
  到目前为止,基本上想要直接在网页上进行绘图还是不能轻易完成的,即使是几何图形也不可以。在浏览器当中直接能跟图片的交互操作也很有限,多数是保存和点击。如果希望能够跟图片进行更多的操作或者在浏览器当中画出图形,就需要flash, silverlight 这类插件来帮忙。
HTML5了解人们的需求,HTML5已经确定引入canvas标签,通过canvas,用户将可以动态的生成各种图形图像,图表以及动画。

位置:
在这里插入图片描述
这个大头针图标从2010年到2011年在各类应用和互联网上应该是非常火爆了吧?没错,就是地理位置,各处都可以看到人们在签到,查找自己当前的地理位置和周边。作为新标准的HTML5自然也不会置身事外,HTML5通过提供应用接口—Geolocation API,在用户允许的情况下共享当前的地理位置信息,并为用户提供其他相关的信息。
  HTML5的Geolocation API主要特点在于:

  1. 本身不去获取用户的位置,而是通过其他三方接口来获取,例如IP,GPS,WIFI等方式。
  2. 用户可以随时开启和关闭,在被程序调用时也会首先征得用户同意,保证了用户的隐私。
存储以及速度:

  现在,web应用的火爆已经是不折不扣的现实,并且相对传统的应用,web应用不需要安装,所占空间小的特性使其具备传统软件应用所不具备的优势,然而,目前制约web应用最大的问题在于网络连接不能够无时无处。在飞机上,汽车上,火车上,有很多地方都无法被网络信号所覆盖,因此web应用也就无法使用。
在这里插入图片描述
  HTML5的离线存储使得这个问题迎刃而解。HTML5的web storage API 采用了离线缓存,会生成一个清单文件(manifest file),这个清单文件实质就是一系列的URL列表文件,这些URL分别指向页面当中的HTML, CSS, Javascrpit, 图片等相关内容。当使用离线应用时,应用会引入这一清单文件,浏览器会读取这一文件,下载相应的文件,并将其缓存到本地。使得这些web应用能够脱离网络使用,而用户在离线时的更改也同样会映射到清单文件中,并在重新连线之后将更改返回应用,工作方式与我们现在所使用的网盘有着异曲同工之处。
在这里插入图片描述
  感兴趣的朋友们可以试下这个网站,就属于便携笔记本的离线应用,可以在离线的时候记录一些便签,在下次上线,或使用其他平台登录时,仍然能够看到之前的记录。
  
  缓存的强大并不只在于离线应用,同样在于对cookies的替代,目前我们经常使用的保存网站密码,使用的就是cookies将密码信息缓存到本地,当需要时再发送至服务器端。然而,cookies有其本身的缺点4KB的大小和反复在服务器和本地之间传输,并且无法被加密。对于cookies的反复传输,不仅浪费了使用者的带宽、供应商的服务器的性能,更增加了被泄露的危险。
  Web storage API 解救了cookies, 据现有的资料,web storage API将至少支持4M的空间作为缓存,对于日常的清单文件和基础信息,应该已经足够使用了,毕竟4KB我们不是都使用了这么多年了?速度的提升方式在于,webstorage API 将不再无休止的传输相同的数据给服务器,而只在服务器请求和做出更改时传输变更的必须文件,这样就大大节省了带宽,也减轻了服务器的压力。可谓是一举数得!

小结:

  HTML5还有很多令人心动的特性和新功能,限于篇幅无法一一举出,但我对于HTML5的前景还是非常看好的,毕竟丰富web应用的大势已经掀起,web2.0的浪潮也正在继续,让我们共同期待HTML5的降临。

免责声明:文章转载自《Html5的新特性总结》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇python爬虫+使用cookie登录豆瓣Android混淆、反编译以及反破解的简单回顾下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

HTML5 本地文件操作之FileSystemAPI实例(一)

文件操作实例整理一 1.请求系统配额类型 console.info(window.TEMPORARY); //0 临时 console.info(window.PERSISTENT); //1 持久 2.持久存储下,创建文件、创建子目录下的文件 //如果使用持久存储,需要使用requestQuota window.requestFileSyste...

分享10个必备的简化Web设计的HTML5工具

这个文章是适合真正想去做HTML5应用的设计人员和开发人员阅读。这里我将不再重复HTML5开发的重要性。因为大家都已经知道这点。这里我收集了10个HTML5的工具帮助你在不同的方面简化你的开发和设计。如果你也喜欢这个文章,请在我们的网站GBin1留言支持! 1. FindmebyIP 一个列出了所有浏览器对于HTML5支持细节的网站。特别适合对于浏览器的兼...

使用Audio API设计绚丽的HTML5音乐播放器

HTML5有两个很炫的元素,就是Audio和Video,可以用他们在页面上创建音频播放器和视频播放器,制作一些效果很不错的应用。 无论是视屏还是音频,都是一个容器文件,包含了一些音频轨道,视频轨道和一些元数据,这些是和你的视频或者音频控件绑定到一块的,这样才形成了一个完整的播放组件。 浏览器支持情况: 浏览器 支持情况 编解码器 Chrome 3....

25 个超棒的 HTML5 & JavaScript 游戏引擎开发库

  就像在汽车中,引擎完成主要的工作,使汽车看起来不可思议。游戏引擎同理,游戏开发者完成细节的工作,使游戏看起来真实、吸引人眼球。游戏引擎负责其余的事情。早期,游戏开发者通常从草图做起,花费高昂,且不容易获利。为了让游戏开发更加简单容易,主要的开发者开始授权他们的基本游戏引擎,如 Unreal。而且,随着手机和平板游戏的出现,所需预算比以前更少,对 JAV...

html5对密码加密

今天找了几个关于对html5的密码加密的方法,仅供参考 1、base64加密:在页面中引入base64.js文件,调用方法为: <html> <head> <meta charset="utf-8"> <title>base64加密</title> <script type=...

【推荐】HTML5 UI框架 推荐

笔者的男装网店:http://shop101289731.taobao.com 。冬装,在寒冷的冬季温暖你。新品上市,环境选购 最近自己瞎搞一下web网页的东西。想开发先找资源。 整理了一下HTML5的比较给力的UI开源框架: 1.Kendo UI : 官网地址: http://www.kendoui.com/ 推荐指数:★★★★☆ KendoUI是一款开...