HTML5 <ul><li>Niklas Gustavsson </li></ul><ul><li>[email_address] </li></ul><ul><li>twitter.com/protocol7 </li></ul>
Why do we need HTML5?
HTML4 was published 1997
Yes… 1997
 
 
<xml />
 
XML != robustness
 
 
 
WHATWG
W3C <3 WHATWG
 
[X] First Working Draft in October 2007.  [X] Last Call Working Draft in October 2009.  [ ] Call for contributions for the...
So, what is then HTML5?
Parser model
New elements
<ul><li><div id=nav> </li></ul><ul><li>… </li></ul><ul><li></div> </li></ul><ul><li><div class=post> </li></ul><ul><li><di...
Updated forms
<ul><li>text </li></ul><ul><li>password </li></ul><ul><li>text </li></ul><ul><li>password </li></ul><ul><li>email </li></u...
From http://diveintohtml5.org/forms.html
Video/audio
Canvas
Web sockets
Geolocation
Cross domain messaging
Offline support Local storage
Web workers
Further reading http://diveintohtml5.org https://developer.mozilla.org/En/HTML http://dev.w3.org/html5/spec http://html5de...
http://github.com/protocol7/html5-demos http://github.com/protocol7/node.websocket.js
Questions?
Upcoming SlideShare
Loading in...5
×

HTML5

990

Published on

An introduction to HTML5, including a background of why it's needed and some of the major new features.

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

No Downloads
Views
Total Views
990
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
22
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

HTML5

  1. 1. HTML5 <ul><li>Niklas Gustavsson </li></ul><ul><li>[email_address] </li></ul><ul><li>twitter.com/protocol7 </li></ul>
  2. 2. Why do we need HTML5?
  3. 3. HTML4 was published 1997
  4. 4. Yes… 1997
  5. 7. <xml />
  6. 9. XML != robustness
  7. 13. WHATWG
  8. 14. W3C <3 WHATWG
  9. 16. [X] First Working Draft in October 2007. [X] Last Call Working Draft in October 2009. [ ] Call for contributions for the test suite in 2011. [ ] Candidate Recommendation in 2012. [ ] First draft of test suite in 2012. [ ] Second draft of test suite in 2015. [ ] Final version of test suite in 2019. [ ] Reissued Last Call Working Draft in 2020. [ ] Two complete and bug-free implementations in 2022.
  10. 17. So, what is then HTML5?
  11. 18. Parser model
  12. 19. New elements
  13. 20. <ul><li><div id=nav> </li></ul><ul><li>… </li></ul><ul><li></div> </li></ul><ul><li><div class=post> </li></ul><ul><li><div class=postheader> </li></ul><ul><li>… </li></ul><ul><li></div> </li></ul><ul><li>… </li></ul><ul><li></div> </li></ul><ul><li><nav> </li></ul><ul><li>… </li></ul><ul><li></nav> </li></ul><ul><li><article> </li></ul><ul><li><header> </li></ul><ul><li>… </li></ul><ul><li></header> </li></ul><ul><li>… </li></ul><ul><li></article> </li></ul>
  14. 21. Updated forms
  15. 22. <ul><li>text </li></ul><ul><li>password </li></ul><ul><li>text </li></ul><ul><li>password </li></ul><ul><li>email </li></ul><ul><li>url </li></ul><ul><li>date </li></ul><ul><li>datetime </li></ul><ul><li>month </li></ul><ul><li>week </li></ul><ul><li>time </li></ul><ul><li>datetime-local </li></ul><ul><li>number </li></ul><ul><li>range </li></ul><ul><li>color </li></ul>
  16. 23. From http://diveintohtml5.org/forms.html
  17. 24. Video/audio
  18. 25. Canvas
  19. 26. Web sockets
  20. 27. Geolocation
  21. 28. Cross domain messaging
  22. 29. Offline support Local storage
  23. 30. Web workers
  24. 31. Further reading http://diveintohtml5.org https://developer.mozilla.org/En/HTML http://dev.w3.org/html5/spec http://html5demos.com/
  25. 32. http://github.com/protocol7/html5-demos http://github.com/protocol7/node.websocket.js
  26. 33. Questions?
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×