HTML5的特性主要包括哪些内容

随着移动互联网的飞速发展，目前Html5技术也得到了不断的完善，开发技术方面越来越成熟了，成为了目前主流的开发语言之一。html5的特性在五个方面体现的淋漓尽致

1、语义特性：

HTML5赋予网页更好的意义和结构。

2、HTML5 APP Cache及本地存储：

基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度

3、设备兼容：

HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以与浏览器内部的数据直接相连。

4、连接特性：

更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，能实现服务器将数据“推送”到web app的功能。

5、图形特性：

基于SVG、Canvas、WebGL及CSS3的3D功能，用户能在浏览器中得以体验到惊艳的视觉效果。

主要介绍其中的五种实现方式：短轮询、Comet、Flash XMLSocket、Server-sent、WebSocket

1、短轮询

指在特定的的时间间隔（如每10秒），由浏览器对服务器发出HTTP request，然后由服务器返回最新的数据给客户端的浏览器。浏览器做处理后进行显示。无论后端此时是否有新的消息产生，都会进行响应

2、Comet

包括了长轮询和长连接，长轮询是客户端向服务器发送Ajax请求，服务器接到请求后hold住连接，直到有新消息才返回响应信息并关闭连接，客户端处理完响应信息后再向服务器发送新的请求；长连接是在页面中的iframe发送请求到服务端，服务端hold住请求并不断将需要返回前端的数据封装成调用javascript函数的形式响应到前端，前端不断收到响应并处理

3、Flash XMLSocket

在 HTML 页面中内嵌入一个使用了 XMLSocket 类的 Flash 程序。JavaScript 通过调用此 Flash 程序提供的socket接口与服务器端的socket进行通信。JavaScript 在收到服务器端以 XML 格式传送的信息后可以很容易地控制 HTML 页面的内容显示

4、Server-sent

服务器推指的是HTML5规范中提供的服务端事件EventSource，浏览器在实现了该规范的前提下创建一个EventSource连接后，便可收到服务端的发送的消息，实现一个单向通信。客户端进行监听，并对响应的信息处理显示

5、WebSocket

WebSocket是HTML5下一种新的协议，是基于TCP的应用层协议，只需要一次连接，便可以实现全双工通信，客户端和服务端可以相互主动发送消息。客户端进行监听，并对响应的消息处理显示

针对自己系统的应用场景选择合适的推送方案才是合理的，因此最后简单说一下实现个性化推送的两种方式。第一种很简单，直接使用第三方实现的推送，无需复杂的开发运维，直接可以使用。第二种就是自己封装，可以选择如今较为火热的WebSocket来实现系统的推送。

关于第三方推送平台，极光推送，操作简单，稳定性高，送达率快

是的。

H5，其实并不是一项技术，而是一项标准。H5是指第5代HTML，也指用H5语言制作的一切数字产品(HTML是“超文本标记语言”的英文缩写)。浏览器通过解码HTML，就可以把网页内容显示出来，它也构成了互联网兴起的基础。

二、H5的特性

1、语义特性(Class：Semantic)

HTML5赋予网页更好的意义和结构，帮助编程人员更便捷地与浏览器沟通。

2、本地存储特性(Class:OFFLINE&STORAGE)

基于HTML5开发的网页App可以将一些常用、不常更新的内容存储在本地，令其拥有更短的启动时间，更快的联网速度。

3、设备兼容特性(Class:DEVICEACCESS)

HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。

4、连接特性(Class:CONNECTIVITY)

HTML5拥有更有效的服务器推送技术，Server-SentEvent和WebSockets就是其中的两个特性，这两个特性能够帮助实现服务器将数据“推送”到客户端的功能。更有效的连接工作效率，可以实现基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流。

5、网页多媒体特性(Class:MULTIMEDIA)

支持网页端的Audio、Video等多媒体功能。

6、三维、图形及特效特性(Class:3D,Graphics&Effects)

基于SVG、Canvas、WebGL及CSS3的3D功能，视觉效果将大大增强，在线3D网游就是最典型的例子。

7、性能与集成特性(Class:Performance&Integration)

HTML5会通过XMLHttpRequest2等技术，帮助Web应用和网站在多样化的环境中更快速的工作。最直观的就是加载会更快。

8、CSS3特性(Class:CSS3)

如果把网页比喻成舞台，文字视频这些比喻成演员，那么CSS3就是化妆师和舞美，它控制着网页所有元素的视觉和动作效果。相对于旧的CSS版本，HTML5所支持的CSS3中提供了更多的风格和更强的效果，也提供了更高的灵活性和控制性。