文档介绍了HTML5作为HTML的下一个主要修订版本，旨在取代HTML 4.01和XHTML 1.0，并整合HTML、CSS和JavaScript等技术。它的特点包括减少对插件的依赖、提供新的通信协议如WebSocket和增强的图形处理能力，如Canvas和WebGL。同时，文档也提到HTML5在移动应用和设备的兼容性及用户体验方面的重要性。

1. 全景介绍
朱兴林
深圳.NET俱乐部主席
xlzhu@博客园

2. shenzhen.cnblogs.com

3. 关于我们

4. 你的收获

5. HTML5相关
HTML5的八卦
HTML5的组成
HTML5示例
HTML5的优缺点
HTML5相关资源

6. 维基百科中的定义
HTML5是HTML下一个主要的修订版本，现在仍处于发展
阶段。目标是取代1999年所制定的HTML 4.01和XHTML 1.0
标准，以期能在互联网应用迅速发展的时候，使网络标准
达到符合当代的网络需求。广义论及HTML5时，实际指的
是包括HTML、CSS和JavaScript在内的一套技术组合。它
希望能够减少浏览器对于需要插件的丰富性网络应用服务
（plug-in-based rich internet application，RIA)，如Adobe
Flash、Microsoft Silverlight，与Oracle JavaFX的需求，并
且提供更多能有效增强网络应用的标准集。

7. W3C与WHATWG
2004年：分……
2007年：合……
争吵和妥协……

8. 支持的浏览器

9. HTML5的组成
语义标签+JS+CSS3+新的通讯协
议
Convas WebGL WebSocket 地理
位置信息

10. Convas
在一块矩形区域内使用JS绘制任
何图形
http://bolaslenses.catuhe.com

11. WebGL
面向Web的3D渲染
OpenGL的JS移植
提供硬件加速

12. WebGL示例
云
赛车
鱼缸
自行车游戏

13. • WebSocket 是HTML5一种新的协议，它实现了真正
的浏览器与服务器全双工通信(full-duplex)
• Web Socket是HTTP协议的扩展，用HTTP握手之后，
服务器和浏览器就使用这条HTTP链接下的TCP连接
来直接传输数据，
• 抛弃了复杂的HTTP头部和格式，Web Socket的格式
是基于帧（Frame）的，最小的帧只有2个字节。
• 与轮询相比，通信的次数虽然一样多，但是Web
Socket的帧头的标记部分也比轮询的request的
header部分简洁得多（几个字节与几K字节的差别）

14. Canvas 制作的时钟

15. 动态桌面

16. 通知

17. 地理位置信息

18. HTML5的优势
摆脱对客户端的依赖
原生音视频解码、硬件支持
便于开发移动APP
……

19. HTML5的问题
标准还在完善中
浏览器差异
性能问题
缺乏成熟的框架
天杀的IE6

20. HTML5相关资源
W3C和WHATWG
HTML5研究小组：mhtml5.com
HTML5中国：html5cn.org
HTML5中文网：html5china.com
博客园：
http://www.cnblogs.com/cate/html5

21. 移动应用程序
移动设备的浏览器基于WebKit内核。如IOS、Android
Form API Safari浏览器
移动开发框架最佳代表者：jQuery Mobile和Sencha Touch

22. 市场在移动
移动设备售量超过PC
互联网朝移动APP转移
技术在移动
桌面操作移动化
HTML5
需求在移动
设备便携
存储云端
应用场景多样

23. Android带来……
硬件同质化
移动应用平台的统一
用户体验的一致性
有交互屏幕的地方就有Android

24. iPad带来……
真正的互联网体验
游戏
电子阅读
零售POS
点餐服务
电子课本
……

25. 4G……