浅谈Html5特性及其发展趋势.docVIP

浅谈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发展趋势会是