What is HTML5 Design of HTML5 Features of HTML5 Demo & Studying Resource Future of HTML5

1. HTML5
Dang Jian
2010/11/26

2. Agenda
 What is HTML5
 Design of HTML5
 Features of HTML5
 Demo & Studying Resource
 Future of HTML5

3. History of HTML
 First official Version : HTML2.0
 3.2, 4.0, 4.01 from 1997 to 1999
 XHTML 1.0 XHTML 1.1 XHTML 2
 Opera、Apple、WHATWG 2004 to 2007：HTML5
 W3C 2007：HTML5

4. What is HTML5
 HTML5 is the future of the Web
 HTML 5 is a new version of HTML 4.01 and
XHTML 1.0
 HTML5 is not complete

5. Specification Status
First Public
Working
Draft
Working
Draft
Last
call
Candidate
Recommend
ation
Call to implement
Proposed
Recommend
ation
Recommend
ation

6. What is HTML5

7. Design of HTML5
 Avoid needless complexity

8. Design of HTML5
 Support existing content

9. Design of HTML5
 solve practical problems

10. Design of HTML5
 Degrade gracefully

11. Features of HTML5-HTML
 <Canvas>
 <Audio>
 <Video>
 Markup Elements
 Article, Section, Nav
 Aside, Hgroup, Header, Footer
 Figure, Figcaption
 Address
http://www.w3schools.com/html5/

12. Features of HTML5-CSS
 Complete CSS 2.1 support
 Selectors
 Border Radius
 Backgrounds
 Color & Opacity
 WOFF Fonts(Web Open Font Format)
 Box Shadow
 2D Transforms
http://www.w3schools.com/css3/

13. Features of HTML5-Script
 addEventListener
 GetElementByClassName
 New Array Methods
 indexOf, lastIndexOf, forEach, every
 Enhanced Object Model
 defineProperty,create, getPrototypeOf
 Computational Methods
 string.Trim, toISOString, data.parse, date.now

14. Demo & Studying Resource
Demo

15. http://www.apple.com/html5/

16. Demo & Studying Resource
Resource

17. http://www.w3schools.com/html5/

18. http://kb.cnblogs.com/zt/html5

19.  Editor document
 Published document
 ~1100 print pages
 Mailing list: ~4000 emails/month
 Issue Tracker: ~33 open
 Bug Tracker: ~50 open
W3C HTML5 Specification
www.w3.org/TR/html5

20. http://www.w3.org/TR/html5/