腾讯工程师谈如何拥抱HTML5

（3G门户科技频道专稿 文/左鹤）随着HTML5 Code Jam在开发者中的名气越来越大，活动渐渐吸引了大公司里的技术人员，譬如QQ空间的技术总监黄希彤。

黄希彤作为Code Jam的评委友情参与活动，也兼职做摄影师，时不时拿起相机捕捉活动中的亮点——本期活动的400多张纪录照片就出自他手。

黄希彤所做的的工作更多的不是编程而是对新技术的科研。“技术人员通常认为编码就是技术实践，不尽如此。”黄希彤认为，现在有很多C语言工程师，编码编得好，但是对于技术的实质缺乏理解，而自己正好和他们相反，很互补。“我会推动传输中的技术，把它们变成实际的技术灌到项目里。比如Facebook推出的“多普勒”工具非常好用，可以检测很多我们检测不到的信息。于是我来写原形，证明这个技术在理论上是可行的，说服团队去做，在编码上由他们实践。”

黄希彤放下手中的单反，泡一杯红茶，与工作人员聊起自己对HTML5的理解，当然，还是要从他的老本行——QQ空间前端工程师的角度切入。

■如何拥抱Html5？
“大家经常提到HTML5的音频标签、视频标签，其实就是告诉你音频视频怎么样放最好，标准没有限制工程师用哪些方式放，

黄希彤捕捉的现场照片

只是大家都用这样的方式，也就都统一了。”黄希彤认为，HTML5其实并没有带来太多新的概念，而是用一种开放的心态把一些技术规范化。

因为浏览器对HTML5的支持程度参差不齐，黄希彤建议QQ空间的前端团队用保守的方式实现新技术。“我建议他们用HTML5做彩蛋，做让用户眼前一亮的东西，但是不建议他们用HTML5技术去改变基础性的用户价值的实现。否则你就要面临一个问题——在不支持HTML5的老浏览器上面不兼容。”

“在腾讯社交平台上有超过40%的IE6用户，我们背着一个非常重的兼容性负担。这个时候我的基本出发点是，HTML5的很炫的效果只能作为加分，让用高端浏览器的用户开心，又不能让没有高端浏览器的用户失落。”黄希彤说。

对于开发者而言，HTML5有一个很大的好处——预加载，就是把很多计算放到客户端去做。这个功能大大节省了带宽成本的支出，允许互联网公司以更低的服务器成本提供更好的服务。

中国的运营商卖带宽而不是流量，网站买1G的带宽，意思是说一天最高峰的带宽可以达到1G。而在非高峰期的时候，也是这个带宽，这就造成了一种资源浪费。“照着1G的带宽向你收费，而你有一大段时间白给钱。假如能把多余的带宽用起来，就可以变成很多实际的利益，或许我们用500M的带宽就能解决问题。”黄希彤分析。

HTML5提供了这样的能力，把黄希彤所述的效果变成现实。“HTML5有一个标签叫做Prefetch。它的特性就是用来预加载，但不是可以错峰的预加载。这个页面可以预加载下个页面的资源。而且HTML5可以本地化存储，把我晚上可能用到的数据加载好，存到用户硬盘里面去。”

不过，用户收到的流量有可能更多。“因为6点的时候预测用户8点会做什么事情，有可能预测错。如果预测错了，预加载的东西就没用了，也就是浪费掉了。”针对这个缺陷，腾讯社交平台的应对方案是，根据当前用户的来源做一个判断，如果用户为手机上网或者通过3G上网卡上网的时候，预加载功能不运行。

■为何拥抱HTML5？
在HTML5之前的一个有可能在技术圈流行的版本是XHTML，但因为XHTML对于HTML的规范加入了太多的限制而始终没有流行起来。黄希彤认为，HTML5不会再一次遭受XHTML类似的失败。“HTML5已经吸取到了足够多的教训，知道有些事情不能做得太过分、太激进，不能够对老标准太不兼容，如果你按照HTML4的规范写，它仍然承认你满足HTML5的规范。”黄希彤点点头说，“时间也到了，浏览器争先恐后地支持新的标准，开发者也愿意正面它，我认为它是必定会成功的技术。”

“HTML4它的被浏览器执行得乱七八糟，大家没有统一标准，每个浏览器有自己的理解，在上面添油加醋，导致了互联网的混乱。大家对于HTML5那么看好就是因为我们需要终结HTML 4时代各自为政混乱的场面，用一个新的标准来一统江湖。”黄希彤如是道出业界广泛拥抱HTML5的原因。

“我现在看到的是这样子，将来有可能各种设备计算能力会越来越强，有越来越多现在我们觉得是瓶颈的问题迎刃而解。摩尔定律继续生效，大家迎来一个美好的未来。Web App也会像Native App一样跑得很快，这是我们比较容易去设想的一个前景。”（未完待续）

来自： 3G门户