Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

An Introduction To HTML5

1,339 views

Published on

An overview of HTML5, current browser support, changes from HTML4, introducing new elements, structural elements, forms in HTML5 and other features.

Published in: Technology
  • Be the first to comment

An Introduction To HTML5

  1. 1. An Introduction to HTML5 Bruce Morrison Brisbane Web Design - 18 March 2010
  2. 2. HTML5
  3. 3. It's a draft!
  4. 4. What can you do now?
  5. 5. OK
  6. 6. But... IE9 will X support HTML5 & CSS3
  7. 7. Backwards compatible
  8. 8. doctype
  9. 9. <!doctype html>
  10. 10. New elements
  11. 11. Structural elements
  12. 12. <header> <nav> <article> <aside> <section> <figure> <figurecaption> <footer>
  13. 13. Other elements
  14. 14. <video> <audio> <canvas> <embed> <command> <mark> <details> <progress> <summary> <meter> <datalist> <time> <keygen> <ruby> <rt> <rp> <output>
  15. 15. Forms
  16. 16. New <input> types
  17. 17. tel datetime search datetime-local url date email month number week range time color
  18. 18. Worth mentioning placeholder text on input/textarea fields autofocus required form attribute
  19. 19. New attributes
  20. 20. Changed elements
  21. 21. Absent elements
  22. 22. Absent attributes
  23. 23. Other features Geolocation API Offline Web Applications Web Workers
  24. 24. Links HTML5 - A vocabulary and associated APIs for HTML and XHTML http://dev.w3.org/html5/spec/ HTML5 differences from HTML4 http://www.w3.org/TR/html5-diff/ Designing a blog with HTML5 http://html5doctor.com/designing-a-blog-with-html5/ Geolocation API Specification http://www.w3.org/TR/geolocation-API/ Offline Web Applications http://www.w3.org/TR/offline-webapps/ Web Workers http://www.w3.org/TR/2009/WD-workers-20091222/ Browser support list http://www.findmebyip.com/litmus
  25. 25. @brucemorrison

×