天翼空间专家讲坛第6期回顾：HTML5开发实践（含资料下载）

在5月24日，由天翼空间·开发者工厂主办，InfoQ协助策划的 第六期专家讲坛活动上，来自正益无线（APPCan）HTML5应用研发团队研发总监朱炳芳向大家分享了在HTML5开发中的一些经验，并针对开发移动版HTML5应用中常见的问题进行了解答。

HTML5实例讲解（ 讲稿下载）

朱炳芳首先通过一个比喻说明了HTML5目前的优势：

• HTML5的优势：HTML是骨 CSS是皮 JS是肌肉
• HTML5是强悍坚固的骨架
• CSS3是精致到每个毛孔的皮肤
• JavaScript是久经考验的肌肉

目前所常见的HTML5新标签主要分为结构性标签、级块性标签、行内语义性标签、交互性标签：

• 结构性标签：section,header,footer,nav,article
• 级块性标签：aside,figure,code,dialog
• 行内语义性标签：meter,time,progress,video,audio
• 交互性标签：details,datagrid,menu,command

同时，HTML5标准中还增加了Web Storage、Notification、Web Database、Web Worker、WebSocket等Web API，针对设备层面还有Geolocation、File和Contact等。此外，CSS3中也增加了文字、边框、阴影背景、选择器、动画、布局和媒体查询等特性。

朱炳芳接下来还谈到了开发移动版HTML5时的主要考量点：

• 手机屏幕尺寸不一
• 对css3支持度的缺陷（由标准尚未统一造成）
• Web API支持不够完善
• 手机Webkit运行效率问题

由于iOS和Android采用Webkit引擎，对HTML5的支持比较到位，在讲解最后，朱炳芳还与大家分享了通过media区别不同分辨率、通过定高型布局和伸展型布局来解决布局问题的具体实现。

在问答环节，朱炳芳回答了一些网友的提问，详细信息如下：

问：HTML5的视频是以什么形式播放的？需要调用第三方浏览器吗？
答：HTML5视频是由浏览器去调用系统播放器。但是不同的商家对视频的格式不一样。

问：HTML5 使用Canvas组件，在手机上用浏览器访问动态效果比较慢？是否有更好的解决办法？
答：真没有，这就需要用手机的硬件去提升了。并且软件也需要完善，特别是在Android上。

问：我的问题：HTML5,实际应用起来，是不是对服务器有特别的要求？有哪些要求？
答：配合服务器，可以做文件离线存储。以及一些API比如Web Worker，Websocket都需要在网络环境下并做些支持工作。

问：1.对于一个初学HTML5的菜鸟，你有什么好的建议呢？
答：最近的一本书《论道HTML5》还不错。当然最好是做一些项目，实战中提升能力。

问：如今HTML5在很多领域都获得了认可，看到HTML5有一个对“离线开发应用”的应用，这个功能是否已经较完善，
答：manifest文件就是用来做这些工作的。但配manifest需要Web服务器的支持。

问：想问一下朱老师 在WindowsPhone中HTML5的支持情况？
答：WP7支持HTML5跟iOS比，基本上是一半的水平。但是据说在Win8中会支持比较全面。

问：HTML5在Android上那么多问题，是Android系统自身的原因吗？
答：嗯，是webkit版本不断更新，且Android碎片化太严重。版本升级也不好控制。

问：请问老师，一般触摸后移动几个像素以内可以视为点击 ？
答：需要设开关，触摸开始，开，触摸结束，关。然后在触摸过程中，看移动位置，可以大致模拟出点击事件。

关于专家讲坛

天翼空间开发者社区专家讲坛是天翼空间开发者社区（ www.189works.com）2012年针对开发者推出的一项提升专业能力的系列讲座，每周四晚，邀请移动互联网开发领域的权威专家，通过语音频道专题讲座，线上论坛访谈，以及微博、QQ群线上同步直播的形式，为社区的开发者用户提供系统的技术讲座，答疑，以及运营知识方面的培训。

往期内容回顾

关于专家讲坛更多详情， 请浏览官方网站。InfoQ也会对后续的活动进行跟踪报道。

关于社区活动的更多详情，欢迎查看InfoQ维护的 社区活动日历，也欢迎关注InfoQ官网微博（ @InfoQ），获取实时的活动信息！

贾国清 是InfoQ中文站高级策划编辑，热爱生活，喜欢旅游和体育运动。