写点什么

书摘和采访:Deploying HTML5

2010 年 7 月 28 日

Deploying HTML5 一书的作者 Aditya Yadav 曾是 ThoughtWorks 的高级构架师,如今是一家咨询公司的 CTO。在这本书中,他详细介绍了 HTML 5 的标准组件,解释了各主流浏览器实现这些组件的方式,并通过示例代码讲解了各组件的用法。

节选:第十三章:Web Sockets(PDF)涵盖了Web Sockets 规范的核心内容,提供了实现一个聊天工具所必需的代码(包括服务器端的实现代码),这个聊天工具示例在实现了Web Sockets 的Google Chrome 浏览器下即可运行。

HTML5 目前仍是草拟的规范,原意是要取代 HTML 4 XHTML 1 标准。尽管有些人觉得这个标准要被大众采用还有一段距离,但本书作者相信,HTML5 在今年(2010)即会成为 W3C 的推荐标准,2010 年年底必然会有公司开始部署相关应用,到 2011 年,HTML5 就会得到广泛应用。

这本书涵盖 HTML5 标准的大部分特性,并详细讲解了各主要浏览器(Chrome、Firefox、IE、Opera、Safari)是如何实现这些特性的,涉及的浏览器及特性汇总如下表所示:

作者同时提供了每个浏览器下测试各个特性实现的源代码,指出了各个浏览器对这些特性的支持情况:哪些浏览器目前完全支持或部分支持,而哪些浏览器还尚不支持。

Deploying HTML5 这本书对构架师和项目经理来说都很有用,他们可以借此评估 HTML5 的当前状况和适用性,以及基于 HTML5 创建、部署应用的投入。开发人员也可以参考本书附带的源代码来编写他们自己的 HTML5 应用。

InfoQ 采访了 Aditya Yadav,询问了一些关于 HTML5 的情况。

InfoQ:针对不同的浏览器,HTML5 应用的开发有哪些不同?

Aditya Yadav:HTML5 是面向所有浏览器(包括手机等移动设备上的浏览器)的标准,从这点来说,不需要针对不同的浏览器做不同的开发。目前浏览器提供相似的特性,但各自有各自的实现,终结这一现状正是 HTML5 的意义之所在。各浏览器之间的不同之处只在于对 HTML5 特性的实现程度不一样。不久的将来,这个现象会有所改善。和 HTML4 不同的是,在 W3C 推荐 HTML5 之前,浏览器开发商就开始实现其中的特性了。这本书实际上涵盖了所有的特性,因为这些特性在所有主流的浏览器上都会得到支持。

InfoQ:哪个浏览器实现 HTML5 特性的速度最快?哪个浏览器又是最慢的呢?

Aditya Yadav:页面 http://wiki.whatwg.org/wiki/Implementations_in_Web_browsers 旨在追踪各个浏览器开发支持 HTML5 的进展,但看似没有及时更新。另一个追踪页面是 http://findmebyip.com/litmus#target-selector 。在我看来,目前支持 HTML5 特性最慢的是 IE/Microsoft,最快的是 Opera。这会不会影响浏览器的市场占有率呢?我觉得不会。因为其它浏览器很快就会迎头赶上,比方说你公司用的是某个浏览器,那公司往往会持续关注这个浏览器,并等待这个浏览器加入对 HTML5 的支持,而不是换个浏览器。你可以用浏览器打开 http://html5test.com/ 页面,来检查你的浏览器对 HTML5 特性支持得如何,这个方法虽然快但并不是很全面。

InfoQ:HTML4 的推广进展缓慢,鉴于此,你认为怎样的 HTML5 采用路线图会比较合理?

Aditya Yadav:我觉得第一步是用 Opera 开发、测试 HTML5 应用,因为 Opera 以最快的速度发布了最多的特性支持。对 HTML5 的采纳可以从测试环境推广到局域网,继而再到因特网。一般来说,客户都会对浏览器进行评测。部署在局域网上的应用通常会用到离线应用、音频 / 视频、服务器端事件以及 Web Socket。我觉得这是个很不错的开始。至于把应用部署到因特网上而不考虑特定的浏览器,起码要等到今年十二月以后,还有六个月。如果你要部署的应用像视频网站那样只需要用到音频 / 视频特性,那就不用等到年底了,因为所有的浏览器或多或少都实现了音频 / 视频特性,并能回退到 Flash。

InfoQ:采用 HTML5 时会遇到哪些障碍?怎样去克服?

Aditya Yadav:其中一个难题是你需要为运行老版本浏览器的用户提供可靠的应变计划,就我所在的公司来说,80% 的人在用 IE6,这个数字跟整个英特网用户的情况相近。大部分 HTML5 特性都带有应变选项,比方说音频和视频,但也有一些特性很难实现回退,像 Web Worker、离线应用、服务器发送事件和 Web Sockets。我觉得迁移到 HTML5 其实很难,除非你能强迫用户下载、安装兼容的浏览器版本。有组织地采用 HTML5 需要时间,我觉得除非你是 YouTube 这样的“大腕”,否则你无法要求用户安装新的浏览器,或者你是微软 /Apple/RedHat/Ubuntu,在系统上直接预装支持 HTML5 的浏览器就行。我觉得 HTML5 会有市场,但到今年十二月份或明年第一季度左右,热潮才会袭来,到时候你可以留意下大家接的项目类型和 HTML5 的发展势头。

InfoQ:HTML5 的所有特性中,书中没有讲解到的有哪些?

Aditya Yadav:书中没有涵盖的一大领域是 WebGL/Canvas3D。Google 最近通过 GWT 转换了 Java 版本的 Quake(雷神之锤),该游戏现在能运行在支持 HTML5 WebGL 的浏览器上了。我在书中完全没有提到这个,因为我相信熟悉用 OpenGL/DirectX 开发 3D 程序的开发人员会觉得 Canvas3D 用起来没什么不同。如果说我想在书中讲解一般的 3D 开发、介绍 Canvas3D 的详细使用,那我肯定不会这样处理这部分内容了。我觉得应当专门写一本关于 Canvas3D 和 WebGL 的书,甚至不只是一本,而是一个系列。

InfoQ:你提到 HTML5 仍在不断改进,那 HTML5 还会添加哪些新特性呢?

Aditya Yadav:HTML5 的特性基本上已经定了。规范中有待商榷的只有浏览器开发商的开发准则了,这正是我说的还在改进的内容。比方说,Opera 根据规范实现了服务器端事件,结果规范改了,那他们只好从浏览器中去掉实现好的特性、回退到老版本。在推行 HMTL5 之前,我们很有可能会看到一些类似的修改。

InfoQ:就你个人来说,你觉得 HTML5 当中有没有什么特性是应该包含却没有包含进来的?

Aditya Yadav:我个人很想看到的一个特性是 Peer-to-Peer 覆盖,并带有作为超节点的 Web 服务器。这个特性将是开发新一代协作应用的关键。

InfoQ:W3C 和 WHATWG HTML5 规范有什么区别?目前浏览器实现的是哪个规范?

Aditya Yadav:我觉得 HTML5 非常不错。但我看到浏览器开发商在实现音频 / 视频特性的时候却采用了不同的编码解码器。尽管 HTML5 规范了音频 / 视频标签的用法,规定开发商采用没有申请专利的编码解码器(比如 Theora/Vorbis/Ogg),但大部分人都注意到它们并不是最好的编码解码器。结果每个浏览器开发商不知怎么地就选择了他们自己实现的编码解码器,这就带来了很多问题。

至于规范,WhatWG 和 W3C 的确各有一份。WhatWG 是由 Google 跟另外几个浏览器开发商发起的开源社区。这两份规范由同一个团队维护,W3C 或 WhatWG 讨论、确定的所有内容都会被考虑进来。我自己并没有一条一条地去核对哪个浏览器是根据哪个规范开发的,但我希望他们参照的是 W3C 的版本。这两份规范非常相似,但我希望所有浏览器都在按同一份规范进行开发,这样才能实现真正跨浏览器的 HTML5 应用。关于这两份规范是否会合并等问题,请参照下面这两个链接: http://wiki.whatwg.org/wiki/FAQ#WHATWG_and_the_W3C_HTML_WG http://www.itwriting.com/blog/2353-the-two-specifications-of-html-5-0-what-wg-vs-w3c.html

关于作者

Aditya Yadav 是印度创业公司 Top 25 之一的 CTO,这家公司主要开发涉及全球范围实时多媒体的 P2P 产品。他同时担任一些资产公司的技术与技术策略顾问,并为客户提供管理方面的培训、帮他们设计世界级的工程组织结构。无论内容是否与本书有关,你都可以通过他的个人网站跟他取得联系。

查看英文原文: Book Excerpt and Interview: Deploying HTML5


感谢王丽娟对本文的审校。

给InfoQ 中文站投稿或者参与内容翻译工作,请邮件至 editors@cn.infoq.com 。也欢迎大家加入到 InfoQ 中文站用户讨论组中与我们的编辑和其他读者朋友交流。

2010 年 7 月 28 日 00:003172
用户头像

发布了 71 篇内容, 共 16.4 次阅读, 收获喜欢 3 次。

关注

评论

发布
暂无评论
发现更多内容

迷茫时,想想能为这个世界做些什么就好了

泰稳@极客邦科技

身心健康 个人成长 团队协作

人生一大误区:做到80%就不错了

池建强

个人成长 自我管理

浅谈行业软件

孙苏勇

软件 思考 转型

哪儿有真实靠谱的数据,说谎话必须负责的那种?| IPO招股说明书(1)

赵新龙

阿里巴巴 IPO 旷视科技 数据

如何避免把中台变成外包团队

松花皮蛋me

数据中台

二叉树先序中序后序的非递归实现

Kenn

算法

您到底要说什么?

水色

OpenCV 在 Android 上的应用

fengzhizi715

android OpenCV 计算机视觉

二叉树的先序中序后序递归实现

Kenn

算法 递归

媒体的经营 02 | 媒体/内容行业的主要变现方式

邓瑞恒Ryan

创业 投资 商业

说说疫情下的新常态该怎么应对

CD826

疫情 新常态

不知不觉,写了10000字了

小天同学

写作 个人感想 思辨

npm version 使用详解

Leo

前端 npm 语义化 版本控制

“IPO上市扒层皮”,以阿里巴巴为例看看公开了什么 | 如何读IPO招股书(3-b)

赵新龙

阿里巴巴 IPO 招股说明书

回"疫"录(5):不见面,云拜年

小天同学

疫情 回忆录 现实纪录 纪实

死磕Java并发(5):线程详解,Java开发这么久,这些线程的基础知识你确定都会了?

七哥爱编程

Java Java并发 线程

专家的直觉和你的直觉

池建强

书摘 直觉

如何读IPO招股说明书(2)到哪儿下载招股书?

赵新龙

IPO 上市 招股说明书

曾国藩的人生“六戒”

泰稳@极客邦科技

身心健康 个人成长 心理学

程序员陪娃漫画系列——吃饭

孙苏勇

程序员 生活 程序员人生 陪伴 漫画

“IPO上市扒层皮”,以阿里巴巴为例看看公开了什么 | 如何读IPO招股书(3-a)

赵新龙

阿里巴巴 IPO 招股说明书

Nginx学习

陈雷雷

nginx nginx编译 安装 PHP-FPM 和 Nginx

我们是时候降低对完全自动驾驶的期望了

赵钰莹

自动驾驶 AI

对开发人员有用的定律、理论、原则和模式

松花皮蛋me

Java 设计模式

媒体的经营 03 | 很显然,媒体卖广告是最没有前途的

邓瑞恒Ryan

创业 媒体 商业模式

判断链表是否有环

Kenn

算法 链表 双指针 Brent

JCJC错别字检测JS接口新增CORS跨域支持

田春峰-JCJC错别字检测

我为什么不愿在公众号发文章,却愿在写作平台发

小天同学

微信公众平台 产品 反馈 写作平台

演讲的秘诀

伯薇

个人成长 演讲 追求极致 完美主义

怎么写出bug的

三爻

小技巧:ssh -D 让终端访问或下载快一点

LinkPwd

Linux Shell

InfoQ 极客传媒开发者生态共创计划线上发布会

InfoQ 极客传媒开发者生态共创计划线上发布会

书摘和采访:Deploying HTML5-InfoQ