html5有哪些优点和缺点

html-css06

html5有哪些优点和缺点,第1张

优点:a、网络标准统一、HTML5本身是由W3C推荐出来的。

b、多设备、跨平台

c、即时更新,提高可用性和改进用户的友好体验;

d、有几个新的标签,这将有助于开发人员定义重要的内容;

e、可以给站点带来更多的多媒体元素(视频和音频),可以很好的替代Flash和Silverlight;

f、涉及到网站的抓取和索引的时候,对于SEO很友好;

缺点: a、安全:像之前Firefox4的web socket和透明代理的实现存在严重的安全问题,同时web storage、web socket 这样的功能很容易被黑客利用,来盗取用户的信息和资料。

b、完善性:许多特性各浏览器的支持程度也不一样。

c、技术门槛: html5简化开发者工作的同时代表了有许多新的属性和API需要开发者学习,想web worker、web socket、web storage等新特性要求对于后台的技术需要有一定的了解,甚至需要深入了解其后面原理和逻辑,而canvas要求视觉和图像算法的一些知识,传统的前端开发者需要掌握更多算法、视觉、 后台甚至浏览器原理的知识,机遇的同时也是巨大的挑战

d、性能:某些平台上的引擎问题导致html5性能低下,同时在不加入GPU(图形处理器)加速的情况下,html5处理复杂音视频, 动画的性能不尽如人意。

e、浏览器兼容性:最大缺点,IE9以下浏览器几乎全军覆没。

1、安全:像之前 Firefox 4 的 Web Socket 和透明代理的实现存在严

重安全问题,同时 Web Storage、Web Socket 这样的功能很容易被黑客利用,

来盗取用户的信息和资料,另外 HTTP 的机制导致了 Web 应用安全性有所欠缺,

这将在很长的时间内成为问题。

2、性能:某些平台上的引擎问题导致 HTML5 性能低下。同时在不加

入 GPU 加速的情况下,HTML5 处理复杂音视频、动画的性能不尽如人意。

3、完善性:HTML5 还在成熟和发展中,像之前曾经支持的 Web SQL

Database,W3C 已经决定不再维护。许多特性各浏览器的支持程度也不一样,

而地理定位 API 在国内的前途还不清晰。

4、技术门槛:HTML5 简化开发者工作的同时代表了有许多新的属性和

API 需要开发者学习,像 Web Worker、Web Socket、Web Storage 等新特

性要求对于后台的技术需要有一定的了解,甚至需要深入了解其后面原理和逻

辑,而 Canvas 要求视觉和图像算法的一些知识。传统的前端开发者需要掌握更

多算法、视觉、后台甚至浏览器原理的知识,机遇的同时也是巨大挑战。

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

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

基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5 APP Cache,以及本地存储功能。Indexed DB(html5本地存储最重要的技术之一)和API说明文档。

设备兼容特性 (Class: DEVICE ACCESS)

从Geolocation功能的API文档公开以来,HTML5为网页应用开发者们提供了更多功能上的优化选择,带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连,例如视频影音可直接与microphones及摄像头相联。

连接特性(Class: CONNECTIVITY)

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

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

支持网页端的Audio、Video等多媒体功能, 与网站自带的APPS,摄像头,影音功能相得益彰。

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

基于SVG、Canvas、WebGL及CSS3的3D功能,用户会惊叹于在浏览器中,所呈现的惊人视觉效果。

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

没有用户会永远等待你的Loading——HTML5会通过XMLHttpRequest2等技术,帮助您的Web应用和网站在多样化的环境中更快速的工作。

CSS3特性(Class: CSS3)

在不牺牲性能和语义结构的前提下,CSS3中提供了更多的风格和更强的效果。此外,较之以前的Web排版,Web的开放字体格式(WOFF)也提供了更高的灵活性和控制性。