浅谈HTML5与移动应用的关系
开篇：润墨网以专业的文秘视角，为您筛选了一篇浅谈HTML5与移动应用的关系范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！
摘 要 html5被认为是互联网行业冉冉升起的新星，它将成为正在普及的未来Web标准，它不仅仅可以用来表示Web内容，更会将Web发展成为一个成熟的应用平台。通过对移动应用现状和机遇的分析，文章提出HTML5的出现会对现有移动应用架构产生很大的影响，可以说HTML5将在未来重塑移动互联网格局，而且是统一未来互联网标准的关键技术。
关键词 互联网 HTML5 移动应用
中图分类号：TP393 文献标识码：A
随着苹果商业模式在全球范围内的成功，如今的互联网世界里充满了各式各样的App，方便、快捷、华丽的特性让App应用程序迅速受到用户的追捧，用户已无需浏览器即可进入互联网的世界，仿佛Web已被摆到了一个不那么重要的位置。
同时，随着互联网时代的到来，现有的HTML标准已明显力不从心，它们以文档为中心的传统理念已经不能满足现代Web应用的需要，Web开发人员要求升级的呼声在升高。在Google、Mozilla、微软和苹果的共同推动下，一个有望重振Web的产品走进了我们的视野，它就是HTML5。
HTML（超文本标示语言）是用来描述网页的一种标准语言，而HTML5即是当前HTML的下一代标准。HTML5在2004年被WHATWG提出，HTML5草案于2007年被W3C（万维网联盟）接纳，并组建了新的HTML工作团队，以WHATWG之前的研究成果为基础继续进行研发。2008年1月22日，第一份HTML5正式草案公布。当前W3C正在对此进行完善，最终的正式版本估计到2014年才能。
虽然HTML5还处于草案阶段，但是它引入了一系列激动人心的新特性，给开发人员带来很大的利好，它以以下6个方面颠覆现有的传统Web应用：
1多媒体支持
相信大多数Web用户都有这样的经历，当浏览某些视频网站时，网页提示需要安装相应的视频播放插件，在进入另一个视频网站时，同时需要安装该视频网站的插件；而且更换浏览器后，再次提示下载相应的插件才可以正常浏览视频。由此可见，现在的Web处于一个插件应用的年代，看视频，听歌，买东西需要各种视频、音频、安全插件，这些插件技术不仅会带来安全隐患，而且还让Web用户在使用时候感觉很麻烦。
HTML5的出现改变了这一格局，、等新标签的引入，使得现在通过简单的标签即可轻松地把之前的复杂内容嵌入网页进行播放，无需借助于插件和FLASH。 全球最知名的的视频网站之一YouTube已宣布全面进入HTML5时代，下面是其使用HTML5技术实现的一段视频代码：
mp4” autobuffer>
You must have an HTML5 capable browser.
只要网络用户的浏览器支持HTML5技术，就能正常访问该页面，看到和“插件”时代同样的视频效果，与此同时也可以省去很多麻烦。
2画布
截至目前，用户想要直接在网页上进行绘图还非常麻烦，就连最简单的几何图形也是如此。浏览器与图片的交互操作也很有局限性，大部分情况下只是点击和保存。如果希望能够在浏览器当中画出图形，就需要安装各种插件。基于此，HTML5通过标签，就可以让用户动态地生成各种图形图像、图表以及动画。HTML5中对元素的定义是：它是由分辨率决定的位图画布，你可以在canvas上随便做图，甚至加载照片。在网页中，一个canvas往往决定了一个矩形区域。你可以在该区域内通过JavaScript脚本语言任意作画。HTML5标准中定义了很多canvas API，用于绘制简单图形、定义路径、创建渐变及应用图像变换。Canvas标签的出现极大的改变了交互式Web图形的现状，开发者利用该技术可以实现实时的交互式图形操作，甚至交互式的游戏，更有甚者，canvas能做出复杂的3D交互动画。
3本地存储
持久化的本地存储长久以来都是原生应用（NativeApp）相对于Web应用的优势之一，而Web应用一直都没有在真正意义上实现本地存储，虽然cookie可以存储少量的数据信息，但它却有着很大的先天不足。主要表现在以下方面：
（1）Cookie受制于大小限制，信息量最大不能超过4KB；（2）每次请求一个新页面时，cookie信息和服务器server端都需要交互信息，不仅耗费了额外的时间，而且占用了宝贵的带宽；（3）Cookie信息在因特网上传输是没有经过加密的，存在比较大的安全性问题。
HTML5的本地存储提供了一种有别于cookie的方式，使Web页面可以在浏览器中以键值对的形式在本地存储数据，从而达到了无需第三方插件的永久性的本地数据存储的功能。和存储在cookie中的数据一样，无论用户是离开某站点、还是退出浏览器，存储的数据都可以继续存在。但和cookie不同的是，HTML5的本地存储是为更大容量的存储设计的，它将会允许网站把信息存储到本地的计算机上，这样可以在以后需要时获取，并且这些数据不会随着每次HTTP请求发送给server，真正做到了类似于Native App的本地化存储。
4离线web应用
Web应用很强大，但它有一个致命的缺陷，必须时刻都需要在线，没有网络是不行的，虽然现在的世界充满了连接，但实际生活中很多情景是没有连接的，这极大的制约了Web应用的发展。而HTML5提供的非常强大的功能就是离线Web应用，让Web可以在某些时候将自己的应用数据缓存到本地浏览器，没有连接一样可以浏览。
5地理位置
随着人们社会化活动的需求逐渐提高以及社交网络的火爆，地理位置信息在其中发挥的作用也越来越大。比如用户在一个地方要找到最近的麦当劳、向朋友传达自己现在所处的位置、签到、查找附近的团购等等，这些功能都需要地理位置信息，基于地理位置的应用也因此受到用户的热捧。HTML5 Geolocation API可以提供一种方法用来定位访问者的确切位置并且用于分享。并且这个API的使用比较简单，仅仅需要在使用了地理数据的Web应用程序中插入这一API即可轻松实现扩展。虽然在目前HTML5依然在指定草案阶段，但许多新的手机和浏览器已经开始支持Geolocation API了。
HTML5的Geolocation API本身并没有直接获取用户的位置，而是借助于其他第三方接口来获取，例如IP地址、GPS、运营商基站甚至WiFi等方式。此外，用户还可以自己随意的控制开启或者关闭此API，在被程序调用位置信息时也会首先征得用户同意，保证了用户的隐私。
6智能化的表单
表单是Web设计的重要组成部分，如果分类可以分为注册表单、搜索表单以及反馈表单等，表单设计应该遵守一个原则，那就是在不影响用户体验和可用性的前提下尽量做到美观，以吸引用户填写内容。HTML5标准的表单设计则更趋向于智能化，它提供了大量可以直接使用的功能，简单列举如下：占位文本、增强的输入框类型、创建滑块条控件、颜色选择器等等，而在以前这些功能都是需要大量的定制代码才可以实现的，除此之外HTML5还提供了自动聚焦、自动输入验证等非常神奇的特性，毫无疑问的说HTML5表单极大地提高了开发者的工作效率，同时也增强了用户体验。