浅谈Html5的特性及其发展趋势

张雪红

随着Html5技术的日益成熟和逐步推广，越来越多的开发者青睐它，把它作为移动App应用的主要开发技术。Html5未来的发展前途一片光明，值得我们去学习。

Html5重新修订了万维网的核心语言实践超文本标记语言（Html），它提高了系统可用性，改善了用户体验性，使得基于Html5开发的App具有跨平台、易开发、易维护、兼容性高等优点，可以取代原生App的效果。 这对于web工程师来说是福音，他们可以充分发挥自己的想象力，创造出更有意义、更华丽流畅的程序。可以说，Html5是web的未来，它将成为移动互联网领域的主宰者。

笔者将从Html5的定义、特性和发展趋势等角度来认识学习它。

一、什么是Html5？

Html5是超文本标记语言Html的一个新版本。在这个版本中，不断推出新功能和新元素，目的为了在移动设备上支持多媒体，改变用户与文档的交互方式。例如，在一个基于Html5技术的社会调查网页中，用户填写完答案后就可以直接分享到朋友圈。

如今社会互联网应用迅猛发展，Html5标准正符合当代的网络需求，其一次开发、跨平台（windows、ios、Android）使用的优点，为桌面和移动平台带来无缝衔接的丰富内容。可以说，Html5涵盖着众多web开发技术，如：Html， CSS和JavaScript等，它是一个综合技术方向的代名词，它让視频流和音频数据等服务得到更好的支持，能够在客户端本地存储数据，并且高效地离线运行。

下面通过几个经典的Html5网页来感受一下它的魅力。

1、涂鸦板

涂鸦板是使用Html5编写的网页版画图工具，功能简单，跟Windows中的画图工具类似，使用过程清晰流畅，占用电脑的资源少。

2、美轮美奂的邀请函

百度会议的邀请函改变了以往千篇一律的格式，利用集视听多重感官于一体的Html5，制作了一份精美的会议邀请函，它将会议内容和星空元素紧密结合在一起：在一个漆黑的天穹里布满了点点生辉的星星的夜晚，每逢流星经过时，天空中就浮现出一位人物对移动互联网的看法和愿景，最后是会议的时间地点，并且同时进行在线抢票功能。该案例整体技术含量高、创意新。

3、在线地图

Html5的地理位置定位这一技术应用于在线地图，如百度地图。整个应用非常简单，点击App上的按钮→地理定位，接下来地图就会自动跳转到你所处的位置了。

鉴于Html5低成本跨平台开发并且可兼容本地App特质的优势， Html5技术在智能移动设备中广泛应用。那么，Html5究竟有什么特性适合在移动App的应用？现在，我们一起来看看：

1、Html5标签语义化

Html5丰富的标签使得网页的结构一目了然，意义更加明确。

2、本地存储特性

Html5的本地存储功能、App Cache、Indexed DB等技术灵活运用于网页App开发中，以致网页App启动时间更短，联网速度更快。

3、地理位置定位特性

Html5的地理位置定位这一特性可以确定用户位置。网页App开发者借助这个特性开发基于位置信息的应用程序，实现更多的用户体验功能。Html5的地理位置定位特性，可以根据需要通过缓存的方式下载某个区域范围内的地图，非常灵活方便。

4、网页多媒体特性

支持音频、视频自由嵌入，可以灵活使用多媒体形式。与原生App开发的方式对比，Html5的多媒体特性不需要分别拆分开文字、图片、音频、视频等多媒体资源，使用起来非常简单方便。

5、三维、图形、特效特性

基于Canvas、CSS3、SVG、WebGL的3D功能应用于网页App中，在浏览器中呈现出来的视觉效果非常震撼人心。Canvas 是 HTML5 新增的元素，它与JavaScript脚本配合使用实现绘图、制作动画等功能，甚至是可以实现视频的实时处理与渲染功能。

6、CSS3特性

与Html之前的版本对比，Html5版本中的CSS3中提供了更多的风格和更强的效果， 在Web排版方面实现更高的灵活性和可控性，大大满足用户视觉上的需求。

7、实时通信

Html5中出现了新的通信协议WebSocket协议，实现了在服务器端和客户端进行异步通信的功能，这种通过“握手”来建立连接的方法解决了以往传统方案（轮询、长轮询、流等）实时性差、资源浪费的问题，将服务器的数据直接推送到客户端，为用户提供了很好的体验效果（如在线证券、在线游戏、设备监控等）。

8、性能与集成特性

Html5的XMLHttpRequest2技术，解决了以往网站和Web应用在变化多端的环境下运行缓慢的弊端，用户可以很快实现上网体验的效果。

二、Html5发展趋势会是怎样？

从2016年6月在上海举办的iWeb峰会中可以了解到Html5技术的广阔运用场景。Google、英特尔等精彩地分享了他们的前沿技术和合作项目，譬如英特尔运用Html5标准在Web图形图像领域、视频服务领域和机器人领域等前沿开发。谷歌Chrome浏览器将Html5标准作为默认选项，微信浏览器在技术上支持Html5标准。

这些消息让网页开发者感受到Html5技术的发展前景利好，纷纷把它作为移动App应用的主要开发技术。在未来一段时间，Html5未来将朝着以下几个方向发展：

1、游戏开发是重要领域。

目前游戏市场迅猛发展，尤其是手游领域，这是个相当赚钱的领域，大家对行业发展前景充满信心。根据白鹭时代公布的市场数据，整个游戏行业呈现增长状态，尤其是Html5玩家人数已超过1.7亿，基于Html5开发的游戏品种两年内增加了三倍，游戏开发商借助Html5获益不少。究其原因是开发原声应用存在着很大的局限性，iOS系统每个充值项目都要向苹果公司支付30%的佣金，而基于HTML5技术开发Web App，很巧妙避开了这个收费。

2、Html5/css3响应式设计。

现在用户终端设备的屏幕分辨率范围很大，从几百像素（iPhone） 到几千像素 （大型显示器），用户可以使用任何设备网站和移动App。按以往的做法将网站的宽度设置为固定值是万万不行的，这就要求web设计能够根据终端设备的分辨率自动调整大小，也就是“响应式设计”。目前通过Html5和Css3技术，利用Css3的@ media等方法或属性检测设备的宽度，摆脱“流”的约束，智能地根据用户行为以及使用的设备环境进行相对应的响应和调整。

3、设备访问。

利用Html5技术可以把外部应用（如通讯录，日历，照相机，加速器等）跟浏览器内部的数据直接连接，解决了原生应用和Web应用之间的屏障。例如AppCan、PhoneGap等框架，这些为Web开发降低了技术门槛。网页开发者不需要硬件驱动的调用而大费周章地使用JavaScript调用底层，他们将有更多的精力投入到产品和想象力。可以说，有了Html5平台，它在功能优化方面为网页开发者提供了更多的选择，在用户体验方面带来了更多的效果。

4、移动设备的开发优先。

如今，在整个网络中有大半的流量是移动互联网占用，移动应用已经成为人们生活中很重要的一部分，它为人们生活带来了极大的方便性。因此，无论开发什么项目，首先都要考慮移动应用，移动设备的开发优先是发展的趋势。Html5在未来发展中也要优先考虑在移动设备上更多的应用。

5、离线缓存。

Html5的离线缓存是个新概念，它冲破了传统“Web应用必须依赖于网络”这个束缚，利用缓存机制实现在离线状态下正常使用Web应用。其工作原理是创建一个Appcache新文件，然后通过该文件的解析清单离线存储网络资源，这些网络资源就会像Cookie一样被存储了下来。当网络处于离线状态时，用户也可以正常访问Web应用。另外，使用离线缓存机制，用户浏览网络的速度更快，并且减少服务器的负载（浏览器只下载服务器端更新或更改过的资源）。

三、Html5人才就业前景会怎样？

从多渠道可以看出巨头企业都支持Html5标准，Html5凭借其特有的优势，占据互联网市场很大的份额，行业发展形势大好。Html5的就业前景从人才需求量和薪水两个角度分析，可以说是一片光明。

首先，Html5人才的需求量。经过各大招聘网站的数据分析，用人数量居首位职位是web前端工程师，远远超过了Java、ASP和iOS等开发人员。据统计，我国对于Html5前端工程师人员的缺口将达到12万。目前，一些大型企业谷歌、YouTube、Twith等把视线转向Html5，这足以确定了Html5在互联网中的发展前景。

其次，Web前端工程师的薪水。目前来说，与传统行业对比，Web前端工程师是比较有“钱”途的工作，薪水增加的幅度大。

总的来说，Html5的发展前景是非常可观的，该行业的市场需求不断地平稳上涨。目前该行业还处于发展初期， 现在正是入行的最好时机，感兴趣的小伙伴们要抓住发展机遇，在Html5行业的发展浪潮中闯出一片天地。