Html5不只是个传说

HTML5 不只是个传说钟志百度前端研发 QQ:772637 新浪微博： http://t.sina.com.cn/zhongzhi 邮箱： [email_address] 2010 年 Webrebuild 年会广州站

HTML5 到 2022 年才会成为推荐标准。 HTML5 规范主编 Ian Hickson http://blogs.techrepublic.com.com/programming-and-development/?p =718

那时哥早已不在江湖…

各浏览器厂商的态度

Apple likes HTML5 http://www.apple.com/html5/

Google likes HTML5 http://www.html5rocks.com/

Mozilla (Firefox) likes HTML5 https://developer.mozilla.org/en/HTML/HTML5

Opera likes HTML5 http://www.opera.com/docs/specs/presto25/html5/

Microsoft likes HTML5 http://ie.microsoft.com/testdrive/

我真的只做个旁观者？反思：

Canvas

学习 HTML5 ！顿悟：

http://joshduck.com/periodic-table.html

<!DOCTYPE html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns=" http://www.w3.org/1999/xhtml " xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<!DOCTYPE html> <html lang="en"> <head> <meta charset=utf-8"/>

标签升级

国内浏览器市场占有率观看在线效果

最大障碍

document.createElement 解决方案？

document.createElement('article'); document.createElement('nav'); document.createElement('section'); document.createElement('header'); document.createElement('footer'); ...

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML 5 demo</title>  <style> article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; } </style> </head> <body>  </body> </html>

JavaScript APIs
Canvas
Drag & Drop
History
Inline Editing
Messaging
Offline Apps
Video & Audio
Geolocation
Local Storage
Selectors
Server Events
Web Sockets
Workers

在项目中使用 HTML5 实战：

canvas 在新浪微博中的应用 IE 浏览器使用 filter 滤镜或者 excanvas

HTML5 在 WebIM 中的应用
localStorage
postMessage
window.navigator.onLine
userData
window.opener
js onError
IE 的处理方式

Form2.0 在 Mobile 开发中的应用

geolocation 在 Mobile 开发中的应用

总结今天我们回顾了 HTML5 新增的语义化标签、简单介绍了 HTML5 APIs 的一些应用以及在项目中对 HTML5 的实践

相关资源
http://html5doctor.com/
http://html5demos.com/
http://ie.microsoft.com/testdrive/
http://diveintohtml5.org/
http://dev.w3.org/html5/html-author/
http://joshduck.com/periodic-table.html

谢谢大家 QQ:772637 新浪微博： http:// t.sina.com.cn/zhongzhi 邮箱： [email_address]

Html5不只是个传说

by czbad on Sep 18, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

1 Embed 233

Statistics

Html5不只是个传说 — Presentation Transcript