■ 文 / 王子龙

[caption id="attachment_5726" align="alignright" width="182" caption="王子龙"]

[/caption] HTML5成为独立名词尚不久远，然其锐不可挡，隐然以星星之火而渐成燎原。作为一名逐波客，在此为诸位献上些许清音浊言。 HTML5已经带来哪些变革？不同的角色、不同的载体、不同的领域又将会受到怎样的影响？本文试图解答你心中的疑惑，希望可以抛砖引玉。 一千个人眼中有一千个哈姆雷特 如果你专注于产品 HTML5正在促使互联网产品的革新。它可以让你的产品获取更多的用户信息，如所持终端的地理属性。它解决了现有产品中的一些技术壁垒，可以延伸出更多的产品方向。 HTML5 使得开发重量级应用变得容易(Local Storage、Application Cache、Custom content handlers、FileReader、FileWriter等API)。原本常见的桌面软件如图像绘制/处理(如图1，一个在线服务Darkroom，可以使用Flickr、Picasa等账户登录，在线处理照片)、视频编辑、文档编辑、远程帮助、在线编程(如图2,Cloud9IDE)等，可以考虑提供基于Web的替代品，虽然HTML5的版本功能不如桌面版本那样全能，但能解决当用户急需查看某种文件时，软件还没有安装在电脑中的尴尬。你所要做的是去熟悉Web服务的特性，以及与传统应用的相异之处。

HTML5 很好地解决了实时数据通信的问题，尽管同时也引发了安全方面的考虑。(WebSocket协议用于解决这类问题，Mozilla、Opera等虽然在浏览器中实现了此技术，但目前由于安全方面的考虑，已将之禁用，直到此协议更新并解决安全隐患)。原本基于同步/更新服务类产品，如多人实时游戏、在线会话，协同工作(如图3，EtherPad)等，可以逐步减少对于Flash或是桌面软件的依赖，转而开发与维护HTML5版本。尽管目前在性能方面HTML5不能完全达到桌面软件的级别，但不要忘记，浏览器在不断加速。

得益于手持终端(手机、平板、部分电子书)的普及与其对于HTML5的良好支持，基于地理位置的服务(LBS)正蓬勃发展，你是否也想分一杯羹？ HTML5现已大幅增强对于图形图像的处理能力(基于Canvas、WebGL)。轻量级的社交游戏在手持终端上也能良好运行，从事游戏设计的你是否也推出掌上版本? 现有产品是Impact，国内创新工场也将提供中间产品。 HTML5草案中已标准化跨域通讯方式，意味着不同来源的产品可以通信与合作。HTML标准的前进也将促使搜索引擎改变其排序规则，这导致你需要考虑重新优化产品。 如果你有空闲时间，那么去了解HTML5的发展历程，了解标准的建立与推广背后那些大公司的角逐，了解它与Flash的是是非非，了解它最根本的设计原理，将是很大的收获。 如果你专注于UE HTML5的到来让你可以大展拳脚。CSS3(严格来说CSS规范并不属于HTML5)提供了更多的表现方式，如渐变、圆角、阴影、字体、布局等属性(border-radius、box-shadow、text-shadow、border-image、gradient，如图4所示按钮)，使得前端开发人员更容易去实现你的设计稿，也意味着可以更加自由地设计。

追求完美的你可以给予用户最好的互动，比如使用动画作为操作反馈，设计键盘、鼠标、触摸多种交互方式，提供近似系统原生的操作方式(如拖拽)，提供即时信息提示。在此之前，你需要向开发人员了解哪些操作，你的产品受众的客户端支持；了解哪些交互表达方式，是开发人员可以实现的；了解在浏览器实际操作层面，网页产品怎样表现更好。 HTML5给你带来的额外工作还有：你需要设计不同的尺寸、排版、内容，来应对不同的展现环境。手机、平板、PC，一个也不能少。尽管增加了工作量，但无疑会带来更好的体验与更多用户…… 作者简介：王子龙，2010年毕业于南京大学，同年加入百度，任职于百度电子商务事业部前端开发团队WED(We enjoy days)。 (本文摘自《程序员》杂志11年04期《清音浊言——献给HTML5》，更多精彩内容敬请关注04期杂志) 《程序员》11年04期精彩内容：HTML5来临！ 《程序员》杂志订阅