HTML5 开发Web,MobileWeb & Apps范圣刚安博中程在线
HTML5 和他的朋友们Intro to HTML5
Agenda安博中程在线什么是 HTML5 ?为什么要使用 HTML5?(或者说 HTML5 的重要性在哪里)HTML5 都包含哪些内容?HTML5 给 Web 开发带来哪些影响?它的发展趋势是怎样的?HTML 标准简史和现状·····3/30
什么是 HTML5 ?HTML5 是定义了 HTML 的标准的最新演进版本。这个术语代表了两个不同的概念:安博中程在线它是 HTML 语言的一个新的版本,具有新的元素,属性和行为;以及可以使 Web 站点和应用更加多样化和功能更强大的更丰富的一...
W3C HTML5 和 "HTML5"从技术上来讲,HTML5 只是来源于 W3C 的一个规范。但是今天我们大多数人谈到HTML5 的时候,其实是在描述现在正在发生的针对 Web 平台的巨大变化。对于正式的标准,我们可以称其为 W3C HTML...
W3C HTML5 的重要性所在虽然HTML5规范的实际内容只是对最近三四年Web平台上最先进技术的一个正式描述。但是他的重要性在于把多年来的经验进行了文档化,同时也试图移除大部分现在被认为是错误的东西。他也为各种DOM API和HTML元素带...
W3C HTML5 的主要内容安博中程在线SEMANTICSOFFLINE & STORAGEDEVICE ACCESSCONNECTIVITYMULTIMEDIA3D, GRAPHICS & EFFECTSPERFORMANCE & INTE...
SEMANTICS
SEMANTICS能够让你更恰当地描述你的内容是什么:安博中程在线简洁的语法新的 outline 元素HTML5 的表单供应用程序使用的元素和属性其他语义元素·····9/30
OFFLINE & STORAG
OFFLINE & STORAGE能够让网页在客户端本地存储数据以及更高效地离线运行安博中程在线在线和离线事件离线 Web 应用sessionStorage 和 localStorageIndexedDBFile API(Web中使用文件)··...
DEVICE ACCESS
DEVICE ACCESS能够处理各种输入和输出设备安博中程在线Camera API触控事件地理位置服务检测设备方向指针锁定 API·····13/30
CONNECTIVITY / REALTIME
CONNECTIVITY / REALTIME能够让你和服务器之间通过创新的新技术方法进行通信安博中程在线Web SocketsServer-sent eventsWebRTC···15/30
WebRTCWebRTC 是一个免费的开放项目,致力于通过简单的 Javascript API 为 Web 浏览器提供实时通讯能力。(P2P视频会议)基于 HTML5 的 WebRTC 特性可以通过浏览器启用音频,视频通讯功能而无需额外的插件。...
MULTIMEDIA
MULTIMEDIA使 video 和 audio 成为了 Web 中的"一等公民"安博中程在线HTML5 音视频WebRTCCamera APITrack & WebVTT····18/30
GRAPHICS, 3D & EFFECTS
GRAPHICS, 3D & EFFECTS渲染的更多选择安博中程在线Canvas 2DSVGWebGL···20/30
SVGSVG(Scalable Vector Graphic)格式已经存在了一个很长的时间,并且有些浏览器已经能够在Web页中嵌入SVG图片。SVG最终开始被所有的浏览器厂商采用,增加了功能强大的API,并允许完全访问和操作所包含的元素(即一个...
WebGLWebGL是Canvas 3D Context,并且它基本上是一个基于Web的硬件加速OpenGLAPI。WebGL可以给Web带来更多的适用领域,包括Web的3D游戏。安博中程在线http://www.chromeexperimen...
PERFORMANCE & INTEGRATION
PERFORMANCE & INTEGRATION提供了非常显著的性能优化和更有效的计算机硬件使用安博中程在线Web WorkersXMLHttpRequest Level2更快的 JavaScript 引擎History API全屏 APID...
更快的 JS 引擎作为应用平台的Web是建立在JavaScript基础之上的,JavaScript在HTML5中是最重要的部分。新的Javascript引擎是Web的强大驱动力。如果没有Javascript性能的大大加强,我们可能还在谈论Web...
CSS3 / STYLING
CSS3 / STYLING安博中程在线BorderTransformTransitionAnimationNew SelectorMulti-columnsTypographyFlexible boxes...·········27/30
对 Web 开发的影响和 Web 开发的趋势安博中程在线响应式设计(RWD - Responsive Web Design)Mobile FirstMobile Webs, Apps, or Hybrid?Web 应用的新领域新的工具和技术.....
然后看一下安博中程在线HTML 标准的历史和现状·29/30
<Thank you!>Feel free to contact me if you have any question.微博 @范圣刚博客 www.tfan.orggithub github.com/princetoad
Upcoming SlideShare
Loading in …5
×

Intro to-html5

249 views
166 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
249
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Intro to-html5

  1. 1. HTML5 开发Web,MobileWeb & Apps范圣刚安博中程在线
  2. 2. HTML5 和他的朋友们Intro to HTML5
  3. 3. Agenda安博中程在线什么是 HTML5 ?为什么要使用 HTML5?(或者说 HTML5 的重要性在哪里)HTML5 都包含哪些内容?HTML5 给 Web 开发带来哪些影响?它的发展趋势是怎样的?HTML 标准简史和现状·····3/30
  4. 4. 什么是 HTML5 ?HTML5 是定义了 HTML 的标准的最新演进版本。这个术语代表了两个不同的概念:安博中程在线它是 HTML 语言的一个新的版本,具有新的元素,属性和行为;以及可以使 Web 站点和应用更加多样化和功能更强大的更丰富的一套技术。这套技术有时被称作 HTML5 & Friends 而且往往被缩减到仅是 HTML5。··4/30
  5. 5. W3C HTML5 和 "HTML5"从技术上来讲,HTML5 只是来源于 W3C 的一个规范。但是今天我们大多数人谈到HTML5 的时候,其实是在描述现在正在发生的针对 Web 平台的巨大变化。对于正式的标准,我们可以称其为 W3C HTML5。比如 W3C HTML5 把 video,audio 这些标记升级为 Web 的“一等公民”。我们大家平常所说的 HTML5,通常指的是一个更大的概念。包括并不是 Web 本身的部分,例如硬件设备访问,二进制数据,文件系统,多线程并发处理等。简而言之,W3C HTML5 规范是在其上面发生的所有有趣的 HTML5 开发的基础和框架。安博中程在线 5/30
  6. 6. W3C HTML5 的重要性所在虽然HTML5规范的实际内容只是对最近三四年Web平台上最先进技术的一个正式描述。但是他的重要性在于把多年来的经验进行了文档化,同时也试图移除大部分现在被认为是错误的东西。他也为各种DOM API和HTML元素带来了很大的一致性和完整性。并且有可能最重要的是,它使各种浏览器厂商达成一致。这意味着Web开发者针对W3C HTML5规范开发的程序应该可以在所有的现代浏览器上工作正常,而无需浏览器特定的功能。安博中程在线 6/30
  7. 7. W3C HTML5 的主要内容安博中程在线SEMANTICSOFFLINE & STORAGEDEVICE ACCESSCONNECTIVITYMULTIMEDIA3D, GRAPHICS & EFFECTSPERFORMANCE & INTEGRATIONCSS3········7/30
  8. 8. SEMANTICS
  9. 9. SEMANTICS能够让你更恰当地描述你的内容是什么:安博中程在线简洁的语法新的 outline 元素HTML5 的表单供应用程序使用的元素和属性其他语义元素·····9/30
  10. 10. OFFLINE & STORAG
  11. 11. OFFLINE & STORAGE能够让网页在客户端本地存储数据以及更高效地离线运行安博中程在线在线和离线事件离线 Web 应用sessionStorage 和 localStorageIndexedDBFile API(Web中使用文件)·····11/30
  12. 12. DEVICE ACCESS
  13. 13. DEVICE ACCESS能够处理各种输入和输出设备安博中程在线Camera API触控事件地理位置服务检测设备方向指针锁定 API·····13/30
  14. 14. CONNECTIVITY / REALTIME
  15. 15. CONNECTIVITY / REALTIME能够让你和服务器之间通过创新的新技术方法进行通信安博中程在线Web SocketsServer-sent eventsWebRTC···15/30
  16. 16. WebRTCWebRTC 是一个免费的开放项目,致力于通过简单的 Javascript API 为 Web 浏览器提供实时通讯能力。(P2P视频会议)基于 HTML5 的 WebRTC 特性可以通过浏览器启用音频,视频通讯功能而无需额外的插件。安博中程在线http://livesino.net/archives/4342.live16/30
  17. 17. MULTIMEDIA
  18. 18. MULTIMEDIA使 video 和 audio 成为了 Web 中的"一等公民"安博中程在线HTML5 音视频WebRTCCamera APITrack & WebVTT····18/30
  19. 19. GRAPHICS, 3D & EFFECTS
  20. 20. GRAPHICS, 3D & EFFECTS渲染的更多选择安博中程在线Canvas 2DSVGWebGL···20/30
  21. 21. SVGSVG(Scalable Vector Graphic)格式已经存在了一个很长的时间,并且有些浏览器已经能够在Web页中嵌入SVG图片。SVG最终开始被所有的浏览器厂商采用,增加了功能强大的API,并允许完全访问和操作所包含的元素(即一个真正的一级元素)。安博中程在线http://caniuse.com/#search=svg21/30
  22. 22. WebGLWebGL是Canvas 3D Context,并且它基本上是一个基于Web的硬件加速OpenGLAPI。WebGL可以给Web带来更多的适用领域,包括Web的3D游戏。安博中程在线http://www.chromeexperiments.com/detail/euphony/?f=22/30
  23. 23. PERFORMANCE & INTEGRATION
  24. 24. PERFORMANCE & INTEGRATION提供了非常显著的性能优化和更有效的计算机硬件使用安博中程在线Web WorkersXMLHttpRequest Level2更快的 JavaScript 引擎History API全屏 APIDrag & DroprequestAnimationFrame·······24/30
  25. 25. 更快的 JS 引擎作为应用平台的Web是建立在JavaScript基础之上的,JavaScript在HTML5中是最重要的部分。新的Javascript引擎是Web的强大驱动力。如果没有Javascript性能的大大加强,我们可能还在谈论Web页面而不是Web应用。安博中程在线 25/30
  26. 26. CSS3 / STYLING
  27. 27. CSS3 / STYLING安博中程在线BorderTransformTransitionAnimationNew SelectorMulti-columnsTypographyFlexible boxes...·········27/30
  28. 28. 对 Web 开发的影响和 Web 开发的趋势安博中程在线响应式设计(RWD - Responsive Web Design)Mobile FirstMobile Webs, Apps, or Hybrid?Web 应用的新领域新的工具和技术...······28/30
  29. 29. 然后看一下安博中程在线HTML 标准的历史和现状·29/30
  30. 30. <Thank you!>Feel free to contact me if you have any question.微博 @范圣刚博客 www.tfan.orggithub github.com/princetoad

×