`
BradyZhu
  • 浏览: 247706 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

HTML5取代Flash是必然

 
阅读更多

GoogleMozillaApple 等组织的努力下,HTML5 标准已经从草案走向实现。目前几个主流浏览器的最新版本均已或多或少支持HTML5的新功能,即使是过时的浏览器也可以通过Javascript和插件来模拟相应的效果。

在开发RIA(富互联网应用)的时候,是选择占有率、兼容性、开发效率有限的Flash、SilverLight、Gears、JavaFX等插件,还是选择与Javascpt、HTML、CSS等无缝结合的新Web标准,是值得考虑的。当然也有人会担心IE的顽固。对比十年前,Google也是在AJAX技术不成熟的情况下开发出GMail和Google Maps等新型应用,赢得了用户的认可,说明机会和风险是并存的。在又一次新技术浪潮来临的时候,你能占据先机吗?

绘制图像

HTML5将通过两项图像技术来提供更华丽的界面:SVG 描述矢量图,<canvas> 标签和Javascrpt绘制位图。会的话可以看看Google工程师的视频介绍

兼容性方面,主流浏览器中只有IE不支持,Google的svgweb 可以通过VML在IE上模拟SVG,而同样是Google的excanvas 可模拟canvas。

虽然2D世界还在发展中, OpenGL的WebGL 和Opera的3D Canvas 已经把手伸向3D,不用太久魔兽世界这样的大型3D游戏也会出现在浏览器上。

视频音频

使用<video>和<audio>标签即可直接播放视频和音频,并通过Javascript接口控制。目前有争议的是解码格式,至少要支持OGG和H.264两种文件,再加上传统的FLV,视频网站又要多准备很多块硬盘了。不过对于已经支持HTML5的YouTube 来说应该不是问题。

兼容性方面,html5-now Javascript库会根据浏览器的不同 提供Flash、QuickTime、Java三种播放器作为补丁。

地理位置

经过用户许可后可获得当前用户的地理坐标,以提供更加本地化的服务。根据使用Android的经验,硬件会尝试电信、WIFI、GPS等尽可能多的手段去定位。

访问Google Maps的Where Am I ? 就可以知道你的浏览器是否支持,目前好像只有FireFox。Google Gears则是另一种选择。

本地存储

HTML5提供两种存储方式:key-value方式的Local Storage和数据库方式的Web SQL Database。

对于IE8以前的版本,local-storage-js 可以在没有Local Storage情况下用cookie去替代。另一个javascript库PersistJS 则可从Gears、Local Storage、Web SQL Database、Global Storage、Flash、IE、cookie等多个存储方法逐一尝试,以便最大限度的兼容。

离线应用

有了本地存储之后,通过html元素的manifest 属性中指定哪些程序和资源文件需要缓存下来,结合离线 API 就可以在没有网络的时候继续运行程序,待网络恢复后再与服务器同步。目前只对非IE的浏览器有效,IE下需要使用Google Gears。

后台计算

对于计算量较大的程序,由于Javascript单线程执行,容易让浏览器陷入假死状态,Web Worker 技术正是为了解决这个问题。每个worker会使用各自的线程在后台运行,与DOM环境完全独立,并通过本地存储交换数据。

目前只支持非IE浏览器。如果不能放弃IE的话还是推荐利用Flash计算,性能比Javascript好很多,类库也比较丰富。

网络通信

Web Sockets 可以提供一个socket持久通信连接,以替代问题多多的Comet或是Ajax轮询的方案。同样只支持非IE浏览器,在IE上web-socket-js 利用Flash来实现。

DOM5

标签增加了更多类型,如<article>、<nav>、<footer>等语义标签,时间、颜色、范围、组合框等<input> 类型 ;响应拖拽onhashchange 、onerror等事件。这些特性html5-now 通过Javascript进行了模拟。

分享到:
评论

相关推荐

    HTML5最终取代APP

    一个也许算不上巨头的互联网公司,却赚得了不少好感——21世纪初,Mozilla 的 Firefox 让所有人都意识到当时微软的 IE 是一个落伍的浏览器;更别说 Firefox 前身就是当初惨遭微软

    html5 入门与精通

    HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本,现在仍处于发展阶段,但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点:首先,强化了 Web 网页的表现性能。其次,追加了...

    html5 html5 教程 html5 html5

    什么是 HTML5? HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。 HTML 的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。 HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 ...

    极其好用的flash上传控件

    flash上传控件flash上传控件flash上传控件flash上传控件flash上传控件flash上传控件flash上传控件flash上传控件flash上传控件flash上传控件flash上传控件

    HTML5是否真的可以取代Flash

    网络开发者之间正在进行一项攸关网络未来的激烈辩论:是否该继续使用Adobe Flash,或改用更新的技术?

    HTML5是HTML下一个主要的修订版本,现在仍处于发展阶段

    HTML5是HTML下一个主要的修订版本,现在仍处于发展阶段。广义论及HTML5时,实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务的需求,如Adobe Flash...

    如何用html5 和css3创建兼容就浏览器的作品集

    HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本,现在仍处于发展阶段,但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点:首先,强化了 Web 网页的表现性能。其次,追加了...

    HTML5&CSS3网页制作:HTML5文档基本格式.pptx

    HTML5基础--文档基本格式 HTML5简介 HTML5是超文本标记语言(Hypertext markup language)的第5代版本,目前还处于推广阶段。经过了Web2.0时代,基于互联网的应用已经越来越丰富,同时也对...HTML5将会逐渐取代HTM

    HTML5的高级程序设计1

    HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本,现在仍处于发展阶段,但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点:首先,强化了 Web 网页的表现性能。其次,追加了...

    RealTek_Flash架构与使用Flash取代Eeprom方法__Part_1.doc

    RealTek_Flash架构与使用Flash取代Eeprom方法__Part_1.doc

    HTML5能取代Android和iOS应用程序吗.pdf

    HTML5能取代Android和iOS应用程序吗.pdf

    斗鱼Html5播放器Chrome插件

    斗鱼Html5播放器Chrome插件,可自动取代斗鱼页面的Flash播放插件,使用html5进行播放。

    HTML5最终取代APP?移动互联网现“左右互搏”

    这是移动互联版《上帝也疯狂》的续集,上次的主角是App,现在则是HTML5:一个将近十年前就被提出来的用于取代HTML4.01和XTHML1.0,但在之后就步履蹒跚,直到近年重新又成为科技界焦点的Web标准版本。藉此,我们将循...

    HTML5移动开发即学即用(双色)

    HTML5 是取代HTML4 的新一代Web 技术,尽管正式标准还没有发布,但实际上已经被广泛应用于各智能移动终端设备上,而且绝大部分技术已经被各种最新版本的浏览器所支持。本书逐一剖析HTML5 标准中包含的最新技术,全书...

    html5 HTML 4.01 和 XHTML 1.0 标准

    html5HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本,现在仍处于发展阶段,但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点:首先,强化了 Web 网页的表现性能。其次,追加...

    《HTML5从入门到精通》中文PDF文字版.doc

    《HTML5从入门到精通》中文PDF文字版: HTML5 草案的前身名为 Web Applications 1.0。於 2004 年被 WHATWG 提出,於 2007 年被 W3C 接纳,并成立了新的 HTML 工作团队。在 2008 年 1 月 22 日,第一份正式草案已公布,...

    现代网络平台WEB3.0取代WEB2.0的哲学必然性探讨.pdf

    现代网络平台WEB3.0取代WEB2.0的哲学必然性探讨.pdf

Global site tag (gtag.js) - Google Analytics