Html5全景介绍
Download as PPTX, PDF•0 likes•819 views
文档介绍了HTML5作为HTML的下一个主要修订版本，旨在取代HTML 4.01和XHTML 1.0，并整合HTML、CSS和JavaScript等技术。它的特点包括减少对插件的依赖、提供新的通信协议如WebSocket和增强的图形处理能力，如Canvas和WebGL。同时，文档也提到HTML5在移动应用和设备的兼容性及用户体验方面的重要性。
Html5全景介绍
- 1. 全景介绍 朱兴林 深圳.NET俱乐部主席 xlzhu@博客园
- 3. 关于我们
- 4. 你的收获
- 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
- 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
- 21. 移动应用程序 移动设备的浏览器基于WebKit内核。如IOS、Android Form API Safari浏览器 移动开发框架最佳代表者：jQuery Mobile和Sencha Touch
- 22. 市场在移动 移动设备售量超过PC 互联网朝移动APP转移 技术在移动 桌面操作移动化 HTML5 需求在移动 设备便携 存储云端 应用场景多样
- 25. 4G……