HTML 5的使命与承诺

W3C 在HTML 5 proposal 中为 HTML 5 赋予了这样的义务,它将补偿上一代 HTML  的缺乏,详细说,是完成 Flash, Silverlight, JavaFX 所能完成的功用。51CTO最近有对苹果抢先支撑HTML5视频功用做过报道。HTML 5,这个 HTML 明日之星能否会改动Web 使用的游戏规则,能否会让这些富 Web 插件成为历史,InfoWorld 的专栏作家 Paul Krill 为此撰文并作了阐述。

HTML 5的许诺

Ajaxian 的散伙开创人及 Mozilla 开拓工具指点员  Dion Almaer 说,在为 Web 提供矢量图形和视频方面,HTML 5 现实上晚了一步。 HTML 5 中,诸如 Canvas 一类的 2D 绘图技术,不断为 Apple, Google, 以及 Mozilla 这类公司所注重(固然微软也对 HTML 5 的局部功用表示赞扬,但他们至今也不支撑 Canvas)。

HTML 5 中,Canvas, 外地存储, Web Workers 一类的功用能够让我们做更多事。另一位Ajaxian 站的散伙开创人及 Mozilla 开拓工具指点员 Ben Galbraith 说,外地存储能够让用户在离线形态下继续使用 Web,而 Web Workers 让下一代 Web 使用中的繁杂运算变得紧张,让一些需求很长工夫运转的义务在后台运转。

Google Chrome 阅读器 项目经理 Ian Fette 说, Web 使用将变得更风趣,他们会变得更快,会提供更好的用户体验,让在线 Web 使用和桌面使用之间的界线越来越含糊。

HTML 5的局部功用曾经完成

经过5年的义务,HTML 5 细则已于2008年发布,其中的局部细则曾经在某些阅读器得以完成,但是 HTML 5 的局部功用仍然不会在近几年内完成。

Mozilla Firefox 项目技术主管 Vlad Vukicevic 说, HTML 5 支撑视频,而 Firefox 3.5 也刚刚新加了视频支撑,Google Chrome 也支撑视频标签,微软在 Internet Explorer 8 中支撑某些 HTML 5 功用,如外地存储,AJAX 导航,以及多个 DOM 原型。 

Opera  公司的 Web 宣讲人 Molly E. Holzschlag 表示, Opera 支撑 Canvas,并方案支撑视频。Apple 也在其 Safari 阅读器支撑视频和音频标签,以及 Canvas 技术(Canvas 就是苹果创造的)。

HTML 5的一面: 扔掉那些插件

Almaer 说,固然 Adobe,微软,SUN (行将成为 Oracle) 这些公司曾经辨别在 Web 中完成了他们本人的多媒体技术,HTML 5 终极能够抢去他们的饭碗。RedMonk  剖析师 Michael Cote 说,实质上,HTML 5 所能做的和这些公司所做的没有区别,JavaFX 也将遭到要挟。"

HTML 5 细则的协作设想者 Ian Hickson 表示,HTML 5 的目的是将 Web 从那些非关闭性富插件中束缚进去,他们是独立的提供商,不合适关闭的 Web。Hickson 说,使用特地公司的产品对开拓的 Web 是一种风险,假如他们中止开拓,或开端免费将怎么办?Hickson 补充道,象以前的 Windows 一样,假如我们的次要开拓平台把握在繁多的供给商手中会是很可怕的。

Firefox 主管 Vukicevic 说,Mozilla 期望坚持关闭,并保证视频一类的技术不是把握在某些公司手中,不过 HTML 5 和 Canvas 终极能否能真正取代 Flash,Silverlight 以及 JavaFX,还取决于开拓者。Vukicevic 以为,IE8 不支撑 HTML 5 的一些功用,对开拓者来说是一个题目,鉴于 IE 阅读器到市场份额,开拓者要么使用微软的 API 提供额定开拓,要么使用 Flash 一类的技术。

插件的一面: 他们更好,而且曾经完成了

固然 Adobe, 微软 以及 SUN 都参与了 HTML 5 细则的制定,他们都表示本人的技术是必要的。HTML 5 还是一个开展中的规范,能够需求5到10年才干终极完成,因而,如今做比拟还为时过早。微软发言人表示,Silverlight 仍有必要具有,由于它包括了一些初级功用,如更好的编程模型, C#,3D 功用以及能够在阅读器之外运转的功用。

Adobe 的开拓工具副总裁 Dave Story 表示,HTML 5 面临很多应战,阅读器市场仍然很零散,阅读器之间的兼容题目十分严峻,HTML 5 的工夫线显现,终极 HTML 5 + CSS 3 能够要 10年的工夫才干定稿,在这时期,Flash 会继续开展,并提供更好的用户体验。

SUN 副总裁,也是被号称为 Java 之父的 James Gosling 表示,JavaFX 在渲染,功能,表示方面比 HTML 5 要优良得多。

剖析师 Cote 表示,目前这些富 Web 插件还没有眼下的要挟,要完成这些插件中的功用还要很多年,他期望即便 HTML 5 发布之后,这些插件技术仍能继续具有。Google 的 Fette  也赞同,HTML 5 只是一个起始点,Google 一类的公司还会推出本人的技术,如向 Web 拖放图片的技术。

几家行业巨头将面临选择

参与HTML 5 的公司,大多要么是阅读器厂商,要么是富 Web 使用工具开拓商,很少二者都是,微软除外,Almaer 说,微软也将因而进入两难地步,微软在 Silverlight 上花了很鼎力气,Silverlight 团队具有的意义是为阅读器提供加强,假如 HTML 5 随便完成了,还要Silverligth 做什么。

Google 也将不得不碰到某些选择,比方,他们的 Youtube 使用Flash 完成视频,HTML 5 对视频的支撑将让他们重新思索这个题目,他们需求在本钱和效益方面困难选择。

HTML5能够完成的成效

HTML5能力如此弱小,的确具有提高互联产质量量、改善开拓职员幻想环境的潜力。因而设想师和开拓职员需求对它中止必要的了解。但这并不意味着设想师就要放下本人手中的义务开端进修编程技术了,而是该当思索HTML5对详细的设想将会有哪些分明的改动,HTML5技术能够完成什么样的设想成效?

引荐:HTML 5能够做五件事情 超出你的设想

在苹果、谷歌及微软等巨头公司的主动倡议下,HTML5技术一日千里,web app能够完成的成效愈来愈丰厚。很多web app的确曾经能够和native app相媲美了。对HTML5支撑最好的阅读器是Safari和Chrome,Firefox和 Opera差强者意,IE阅读器支撑度最低。如下图所示:

如今络上经常会晤到相似《九个令人赞叹的HTML 5和JavaScript实验》、《49个超炫的HTML 5示例》等相关先容文章,设想师能够经常拿来把玩体验一番。本文囿于篇幅限制,在此只举几个使用HTML5技术比拟典型的站产品中止示例阐明。

挪动终端

1.Gmail

2.Youtube

3.Vesseltracker

PC端

1. Flickr Browser

2. X-Worlds

3. CSSWarp

设想师经过亲身体验这些HTML5手机使用或站,对HTML5所能支撑的成效细节会有一个大约的、理性的认知。籍此取得的设想感知才能远比看几行让人头晕的代码要深入、易于使用。

 

HTML5近期为什么无法成为支流

看了以上站的成效,是不是觉得HTML5很酷?既然它这么优良,既能够就处理终端碎片化的搅扰,又便于开拓职员完成,那么为什么我们不赶忙将HTML5推行开来?我们究竟在等候什么?但是严酷的幻想通知我们,HTML5的时期还没有真正到来,在近期内仍无法取代native app成为支流。笔者依据本人的了解,将缘由归结为以下几点:

HTML5自身

W3C表示在2014年之前不会发布相关HTML5的规范。如今各至公司主动开拓企图走在web app 产品研发中的前列,但仍处于探究阶段。HTML5还没有清楚明白的同一规范,也就难以大范畴的推行。等候该技术成为支流,仍需尚待光阴。(我们离HTML 5还有多远?

阅读器

没错,web app的确只需求络拜访就能够。但是产品的成效需求支撑HTML5技术的阅读器中止渲染,产品的组件需求阅读器的控件库来搭建完成。现有的阅读器在控件库方面都具有破绽,以致web app的成效无法局部发挥,加载速度较慢。HTML5大行其道,一个弱小的阅读器的作用非比平常。而这个弱小的阅读器什么时分才干够呈现,还没人晓得。

络信号

Native app 在离线形态下仍然能够使用一些功用,波动性比拟好。相比之下Web app对络的依靠性更大。这一点和“云”有些相似,没有接通络就无法使用其效劳(固然HTML5支撑离线存储)。现今国际的wifi提高率还十分低,3G络掩盖率也有待完美而且用度偏高、波动性不强。不管从波动性还是流量资费角度思索,用户都没有才能舍弃native app.

挪动终端

挪动终端(次要是手机)的市场散布状况也是HTML5的影响要素之一。智能手机的市场份额还比拟小,功用手机仍拥有相对的上风位置。而在web app的支撑性方面智能手机无疑是最好的,其次是社交手机,功用手机支撑性最差。挪动终真个市场份额散布状况成为HTML5近期推行的瓶颈。如图所示:

设想师应如何应对HTML5?

51CTO引荐专题: HTML 5来袭:WEB前端开拓面临十字路口

在了解了HTML5技术的上风、成效以及完成进度之后,设想师该当思索本人接上去需求做些什么了。HTML5是互联研发的必定趋向之一, 具有提高产品质量的宏大潜力。设想师唯有顺应这一潮流的开展,主动投身到HTML5的实验研发中,才干在时期的大潮中握有先机。那,我们该当怎么做抑或做些什么呢?笔者有几个肤浅的倡议分享给自己:

构成企业的分歧作风,加强辨认性

如今的native app 都需求经过严峻的审核才干上架“使用商店”,即便如此,使用顺序曾经开端数目激增,找到一个满足的使用谈何随便。假如web app的时期到来,用户只需求经过阅读器就能够紧张使用某个使用顺序,没有了“使用商店”的限制,使用顺序产品的数目将无法计算。这个时分我们需求担忧我们的产品会不会被沉没在其中。为了防止这样的喜剧,一个无效的方法是使同一个公司的产品具有分歧作风,并且分明有特性,这样能够更无效的抓去用户的留意力,加强产品的辨认性。

开端注重特定阅读器的适配

为特定用户而设想,也就需求为用户所使用的特定阅读器而设想。只要当我们把握了使用环境,我们才干把握确保用户角度的产品成效更好。或许HTML5的时期不需求再屡次的铺平台,但为特定的阅读器设想特定的成效是进一步提高用户体验的主要举措。

Google Wave是一个不错的例子。Google Wave试图把博客、邮箱、立即通讯以及wikis分离起来,成为一款弱小的络交换效劳。它是由HTML5编写的,并不支撑在一切阅读器上使用。固然由于关心度不高被Google中止效劳,但Google Wave作为一次尝试,曾经在HTML5的开展路途上走了很远很远。

突破思想定势,注重使用技巧

这一倡议根源于实践的义务,针对的也是实践义务中会碰到的状况。Web app 的设想义务中,所需求使用的HTML5技术成效经常没有那么多;即便有,团队中的RD也一定全都做得进去。实在用户不关怀这个成效是使用什么编程言语完成的,用户关怀的是交互能否顺畅、视觉感官上能否有品尝。因而设想师需求在细节上注重晋升web app的质量感,比方边框的设想,比方翻页的设想,比方子产品列表的设想等等。以至能够尝试做一些“伪app成效”。这方面m.naver.com做得十分棒,布局设想、功用按钮的设想都酷似native app, 子产品的列表局部做成高质量的icon款式;实在 不过是一个图标加一个链接那么繁杂。

注重挪动互联

HTML5在挪动互联中的需求最兴旺,潜力也最大。适配碎片化严峻的挪动终端从久远看不是幻想的方法,但现阶段还解脱不了这一幻想。如今我们所具有的最好的挪动实验平台是iphone,它的适配比例曾经足够高了。假如做Html5新产品的API支撑测试,倡议还是使用iPhone.

总结

HTML5技术正引领互联朝web app方向开展,这是互联开展的必定趋向之一。Web app将越来越多的走到用户眼前。设想师在面对HTML5技术的时分,既需求了解以后该技术能够完成的成效,又需求在实践的义务中不时探索和总结设想技巧和战略。紧跟web app的开展,不时尝试,对设想师来说既是一次冒险,也是一次罕见的机遇!

原文: http://blog.sina.com.cn/s/blog_462e5c4f0102dtjf.html