揭秘Html5和Css3 ---- 鲁超伍

揭秘 HTML5 和 CSS3 鲁超伍 | Adam http://adamlu.com/ http://twitter.com/adamlu

关于我 ,[object Object],[object Object],[object Object],[object Object]

网站标准的简单历史 2001-2006 XHTML 1 Content CSS2.1 Presentation

网站标准的简单历史 ,[object Object],[object Object],[object Object],[object Object],2004- Present

网站标准的简单历史 200 7 - Present HTML 5 Content CSS3 Presentation

HTML 发展历史 1998 2000 2002 2004 2007 HTML 4.0 XHTML1 XHTML2 WHATG HTML 5

支持 HTML5 的浏览器 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

支持 HTML5 的浏览器 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

HTML5 技术概览 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

HTML5 新增的元素 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

HTML5 移除的元素 ,[object Object],[object Object],[object Object],[object Object],[object Object]

HTML5 基本布局 HTML4 HTML5 <! DOCTYPE html> <htm lang = "en"> <head> <meta charset = "utf-8"> <title>HTML5 Demo</title> <body> <header> <h1></h1><h2></h2> </header> <nav> <ul><li></li><li></li></ul> </nav> <section> <article></article> <article></article> </section> <aside></aside> <footer></footer> </body> </html>

HTML5 对表单的支持 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

http://adamlu.com/Demo/Speech/Demo/form-html5.html

HTML5 DOM 变化 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

HTML5 的 Javascript APIs Web Forms2.0 Messaging Offline Applications History API Video&Audio Drag&Drop Undo Canvas Editable X-Domain Storage Geolocation Local Database

Video & Audio ,[object Object],[object Object]

Canvas ,[object Object],[object Object],[object Object]

Drag&Drop ,[object Object],[object Object],[object Object],[object Object]

Web Workers ,[object Object],[object Object],[object Object]

Web Workers ,[object Object],[object Object],[object Object],[object Object]

Geolocation navigator .geolocation .getCurrentPosition( success, error);

Application Cache ,[object Object],[object Object],[object Object],http://remysharp.com/demo/rubiks

Storage ,[object Object],[object Object],[object Object],[object Object]

Storage ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Cross-Document Messaging ,[object Object],[object Object],[object Object],[object Object],[object Object]

http://ishtml5readyyet.com/ 2022?

CSS 的发展历史 1996 1998 2001 CSS1.0 CSS2.0 CSS3.0 Cascading Style Sheets

支持 CSS3 的浏览器 http://adamlu.com/Demo/Speech/Demo/CSS-Browser-Support.png

CSS3 技术概况 ,[object Object],[object Object],[object Object],[object Object],[object Object]

CSS3- 选择器 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

CSS3- 样式 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

CSS3- 样式 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

CSS3- 布局 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

CSS3- 动画 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

CSS3- 其它 ,[object Object],[object Object],[object Object],[object Object]

浏览器前缀 ,[object Object],[object Object],[object Object],[object Object]

CSS3 应用原则 ,[object Object],[object Object],[object Object],[object Object],[object Object]

参考资源 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Thanks! Q&A Email: [email_address] MSN: luchaowu@hotmail.com

揭秘Html5和Css3 ---- 鲁超伍

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie 揭秘Html5和Css3 ---- 鲁超伍

Ähnlich wie 揭秘Html5和Css3 ---- 鲁超伍 (20)

Mehr von 裕波周

Mehr von 裕波周 (17)

Kürzlich hochgeladen

Kürzlich hochgeladen (10)