手记

html5新玩法之新特性与发展趋势

HTML5:万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改,2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。

设计目的:HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点,如video、audio和canvas 标记。HTML5还引进了新的功能,可以真正改变用户与文档的交互方式。

特性

1.语义特性:HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序、对用户都更有价值的数据驱动的Web。

2.本地存储特性:基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5 APP Cache,以及本地存储功能。Indexed DB(html5本地存储最重要的技术之一),localStorage,sessionStorage。

3.设备兼容特性:从Geolocation功能的API文档公开以来,HTML5为网页应用开发者们提供了更多功能上的优化选择,带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。

4.三维、图形及特效特性:基于SVG、Canvas、WebGL及CSS3的3D功能,用户会惊叹于在浏览器中,所呈现的惊人视觉效果。

5.CSS3特性:媒体查询、语音、边框、圆角、文字阴影等新特性使得web页面更加丰富。

发展趋势

在移动领域,大家争论不休的一个问题就是开发Web应用还是原生应用?而随着HTML5标准的发展,两者之间的差异已经逐渐变得模糊,今天各大媒体都争相报道与HTML5有关的东西,那么,HTML5未来的发展趋势到底是什么?以下是我个人的一些观点和看法

1.移动优先:据统计,用户在移动端是的使用率已经超过了pc端,移动应用已经极大的方便了人们的生活。所以未来HTML5应该会优先在移动设备上更多的应用。如今已经有一些大企业将HTML5应用于移动开发(例如三大框架Vue,angular,react),表现非常出色,所以终将成为趋势。

2.游戏开发是重要领域:如今做游戏那应该是相当赚钱的一个领域了,但是做手游尤其是收费的游戏,开发原生应用就有局限了,因为iOS系统充值需要向苹果公司支付30%的提成,而利用HTML5开发web应用,可以很巧妙的躲过这30%的提成。所以游戏开发商应该是从HTML5中获益最多的一方。

3.响应式设计:当今各式各样的设备实在是让开发者眼花缭乱,手足无措。要想做好响应式设计,就必须洞悉内容与屏幕之间的反馈关系,响应式设计要完全离开“流”,转而注重内容是如何在网页和移动设备中被处理的,这一过程还在继续,HTML 5会让它最终成为可能,并且已经成为了可能。

4.设备访问:对许多移动开发厂商来说,提高设备的访问能力是HTML5最令人激动的变革,web应用能够登陆移动设备而无需做任何打包,有了html5这个平台,开发商可以不再依赖java语言。css、html、js、足以能够实现。

5.离线缓存:随着Web App的发展,越来越多的移动端App使用HTML5的方式来开发,除了一些HybridApp以外,其他一部分Web App还是通过浏览器来访问的,通过浏览器访问就需要联网发送请求,这样就使得用户在离线的状态下无法使用App,同时Web App中一部分资源并不是经常改变,并不需要每次都向服务器发出请求,出于这些原因,HTML5提出的一个新的特性:离线存储。通过离线存储,我们可以通过把需要离线存储在本地的文件列在一个manifest配置文件中,这样即使在离线的情况下,用户也可以正常使用App。

5人推荐
随时随地看视频
慕课网APP