关于HTML5技术常见的几个误解

最近2周，公司的测试PM带领我们使用HTML5 Canvas为公司的大屏幕制作一个展示公司历史和发展的apps。主要技术是HTML5 Canvas和Javascript。可能大家觉得Canvas标签就几个api，完成不了什么工作。其实如果你对Javascript掌握的比较好，是可以用Javascript加上Canvas制作出像Flash动画的效果。当然我们apps功能相对简单。昨天收到了图灵社区发了一封订阅邮件，我随意点击进去，然后搜索了一席最新新翻译或出的HTML5书籍。国内作者翻译了一本《HTML5 Canvas基础教程》，原名：《Foundation HTML5 Canvas: For Games and Entertainment》。显然丢掉了老外最想要说的，使用Canvas是制作游戏和娱乐apps。我看了一下中文目录，感觉上面讲到的东西，我们项目中也急需使用。所以从皮皮书屋下载了英文版。

　　新的一年，很多人开始关注HTML5，也开始学习HTML5。公司之前在7月份的时候还举行了HTML5大赛。我弄了一个递归画圆的程序，得了一个参与奖。呵呵!在这里只是说一下，大家对以下几个容易和HTML5误解的技术。

CSS3: CSS是和HTML相伴而生的技术，但是它们2个负责的内容不同。HTML主要是文档的结构，而CSS主要是呈现样式。

【CSS3不是HTML5的一部分。】

更多信息: www.w3.org/Style/CSS/current-work.

Web Fonts:在CSS使用@font-face去定义web fonts。

【Web Fonts不是HTML5的一部分，它是CSS3的一部分】

更多信息： http://dev.w3.org/csswg/css3-fonts/

Geolocation:仅仅是Javascript API。提供给浏览器获取用户的地理位置信息。

【Geolocation不是HTML5的一部分，它仅仅是一个Javascript API】

更多信息: http://dev.w3.org/geo/api/spec-source.html

SVG:这个技术，大家在学习XML的时候应该了解过。主要是使用XML去创建2d 矢量图。

【SVG不是HTML5的一部分】

更多信息: www.w3.org/TR/SVG/.

Web Storage:改进的客户端存储机制。这个技术很容易被误解是HTML5的内容。其实也是浏览器提供一个Javascript API

【Web Storage不是HTML5的一部分，仅仅是一个Javascript API。各个浏览器分别实现此功能】

更多信息: http://dev.w3.org/html5/webstorage/

Web Workers:在后头处理复杂的计算或者处理时的进程。这个技术也容易被误解是HTML5的内容。

【Web Worker不是HTML5的一部分，仅仅是一个Javascript API】

更多信息: http://www.whatwg.org/specs/web-workers/current-work/

Web Socket:不同于HTTP通信协议，采用TCP，进行全双工通信。具体实现细节不清楚。

【Web Socket不是HTML5的一部分，仅仅是一个Javascript API】

更多信息: http://dev.w3.org/html5/websockets/.

　　大家可以看到有些技术参考资料不是W3C的。其实最早HTML5技术的提出是 WHATWG（Web Hypertext Application Technology Working Group）组织，在2008年，这个组织将HTML5提交给W3C，由W3C来维护。

参考资料：

图灵社区图书介绍: http://www.ituring.com.cn/book/776

当当网购买地址: http://product.china-pub.com/194676

PS一下：当当网卖书就卖书，居然让人把亚马逊美国的评论也翻译在下面，不知道想买书的人看了如何想。

Introducing HTML5, by Bruce Lawson and Remy Sharp [ http://introducinghtml5.com/]
HTML5 Doctor [ http://html5doctor.com/]
Dive Into HTML5, by Mark Pilgrim [ http://diveintohtml5.org/]
WHATWG HTML5 Specification [ http://www.whatwg.org/specs/web-apps/currentwork/]

来自： 快乐八哥