Html5 最重要的部分
0 likes651 views
本文概述了HTML5的主要特性及其重要性，强调了W3C规范如何推动Web平台的发展和一致性。HTML5引入了一系列新特性，如更快的JavaScript引擎、本地存储、WebSockets及新的API，使得Web应用更加强大和互动。文档还提及了HTML5在多媒体处理、离线应用、以及设备访问等方面的进展。
Html5 最重要的部分
- 1. HTML5 最重要的部分及 其他特性概览 范圣刚，princetoad@gmail.com, www.tfan.org
- 2. 议题 • W3C HTML5和“HTML5” • W3C HTML5的重要性所在 • 更快的JS引擎 • 实时Web • 本地存储和⼆二进制数据⽀支持 • 离线Web应⽤用和File APIs • ...
- 3. W3C HTML5 和 “HTML5” 从技术上来讲，HTML5只是来源于W3C的⼀一个规范。 但是今天我们⼤大多数⼈人谈到HTML5的时候，其实是在 描述现在正在发⽣生的针对Web平台的巨⼤大变化。对于 正式的标准，我们可以称其为”W3C HTML5”。⽐比 如W3C HTML5把video，audio这些标记升级为 Web的“⼀一等公民”。 我们⼤大家平常所说的HTML5，通常指的是⼀一个更⼤大的 概念。包括并不是Web本⾝身的部分，例如硬件设备访 问，⼆二进制数据，⽂文件系统，多线程并发处理等。 简⽽而⾔言之，W3C HTML5规范是在其上⾯面发⽣生的所有 有趣的HTML5开发的基础和框架。
- 4. W3C HTML5的重要性所 在 虽然HTML5规范的实际内容只是对最近三四年 Web平台上最先进技术的⼀一个正式描述。但是他 的重要性在于把多年来的经验进⾏行了⽂文档化，同 时也试图移除⼤大部分现在被认为是错误的东⻄西。 他也为各种DOM API和HTML元素带来了很⼤大的 ⼀一致性和完整性。 并且有可能最重要的是，它使各种浏览器⼚厂商达 成⼀一致。这意味着Web开发者针对W3C HTML5 规范开发的程序应该可以在所有的现代浏览器上 ⼯工作正常，⽽而⽆无需浏览器特定的功能。
- 5. HTML5的一些重要特性
- 6. HTML5 ~= HTML + CSS + JS HTML5 = 现代Web开发的下⼀一代特性
- 10. Web Audio API 这⾥里指的并不仅仅是<audio>标记，更多的是说从 Javascript中可以进⾏行低延迟，直接性的⾳音频操作的APIs/ 规范。 <audio>（是W3C HTML5的⼀一部分）允许⾳音频⽂文件被直接 嵌⼊入到Web⻚页⾯面，并且它提供了⼀一个播放和同步的API。 Web Audio API规范允许直接进⾏行⾳音频波形的⽣生成和操 作，并且解决了当前存在的audio标记实现中的⾼高延迟问 题。这些规范仍然⾮非常年轻，并且最终⽅方案可能会和 <audio>合并。但是这些Web Audio API建议涉及的问题 在未来的浏览器中仍然会以这样或者那样的形式存在。
- 12. CSS3和WOFF CSS3(Cascading Style Sheet 3)和WOFF(Web Open Font Format）⼀一起给Web上的设计，书 写，布局以及视觉变换带来了强⼤大⼒力量。 此外，使⽤用CSS3（尤其是Flexible Box Model），Web应⽤用最终具有了简单⽽而强⼤大的⽅方 法实现⽤用户界⾯面布局，⽽而没有在CSS2中的那种混 乱的元素定位。
- 13. 本地存储，离线应用和 文件API 有很多应⽤用领域，如果没有快速的，本地化和持 久化的存储是不⾏行的。 ⼀一些形式的本地存储对Web应⽤用来说当在没有有 效的互联⺴⽹网连接的时候也是有⽤用的。 在这个领域⾥里有相当数量的APIs/规范正在开发， 但是他们都是解决pre-HTML5浏览器同样的的基 本局限性的不同⽅方⾯面。
- 16. WebGL http://www.chromeexperiments.com/webgl/ WebGL是Canvas 3D Context，并且它基本上是⼀一 个基于Web的硬件加速 OpenGL API。 WebGL可以给Web带来更多 的适⽤用领域，包括Web的3D游 戏。
- 17. HTML5新的语法标记和 表单
- 18. 简化的DOCTYPE声明
- 19. 简化的JavaScript嵌入
- 20. 简化的嵌入式样式
- 21. 简化的样式表链接
- 24. 新的表单元素 tel, search, email, url, date, range, color, number autofocus, required, placeholder, min, max
- 25. 被移除的元素 acronym dir applet font strike basefont frame tt big frameset center noframes
- 27. WebRTC/Stream API http://www.webrtc.org/ WebRTC是⼀一个免费的，开放项 ⺫⽬目，致⼒力于通过简单的 Javascript API为Web浏览器提 供实时通讯能⼒力。（P2P视频会 议） 基于HTML5的WebRTC特性可以 通过浏览器启⽤用⾳音频，视频通讯 功能⽽而⽆无需额外的插件。
- 30. Web Timing API 包含⻚页⾯面的所有度量信息，可以记录各种时间 值。通过这种时间值，可以全⾯面了解⻚页⾯面在被加 载到浏览器的过程中都经历了哪些阶段，⽽而哪些 阶段可能是影响性能的瓶颈。
- 33. Pick Contacts Intent（Contacts API) 定义了从Web application内访问⽤用户的地址簿 服务的Web Intent。同时还定义了由实现了这个 规范的服务返回的联系⼈人数据的格式。
- 34. DeviceOrientation Event 定义了⼏几个新的可以提供主机 设备物理朝向和移动的DOM事 件。
- 35. Timing control for script- based animations 开发者可以编写脚本限制 animation的更新频率。可以 根据当前标签是否活动，CPU 负载等来决定animation rate。
- 36. Calendar API Calendar API 定义了从⽤用户的 calendar服务获得读取访问的 ⾼高层接⼝口。
- 37. Touch Events Touch Events 规范通过定义接 ⼝口允许web application直接 处理触控事件。
- 38. Media Capture
- 39. Device API Working Group http://www.w3.org/2009/dap/
- 40. CSS3 • 新的选择符 • 动画 • 变形，转换... • ⽂文字效果（阴影，换⾏行） • 边框效果（圆⾓角...） • 多⾏行 • 透明度的引⼊入 • 渐变 • Flexible Box Model
- 41. <Thank you！>