4. 1991 “HTML
1999 HTML 4.0 2000 XHTML
Tags”
2004 XHTML2 2009 W3C &
vs. HTML5 WHATWG UNITE 2010 HTML5
5. HTML5 Principles
Support existing content
Degrade gracefully
Don’t reinvent the wheel
Pave the cowpaths
Evolution, not revolution
“Revolutions sometimes change the world to the better. Most
often, however, it is better to evolve an existing design
rather than throwing it away.”
-- W3C
6. us ers r
si der rs ove
ct, con nte .”
i
onfl r imple l pu me rity
fc
e o s ove
c as r ret ica
“In autho rt heo
ov er so ve enc ies>
cifi er stitu
sp e ty of con
r
<p iori
20. Autofocus
Automatically focus on a form field
<input type= "text" autofocus>
Ignored if not supported by browsers
Can use a JavaScript fallback solution
23. JavaScript Goodness
Drag and Drop w/o
tons of JS
Geolocation
Offline Apps
(Goodbye Google
Gears)
Local Storage
(Goodbye cookies?)
24. This is How I Role.
<header role= "banner" >
Structural: banner, contentinfo, main, navigation,
note, search
Widget: alert, checkbox, dialog, radio, scrollbar,
slider, tab, textbox,
25. Next Steps
✓ Be flexible and embrace change.
✓ Dive in.
✓ Modify doctype.
✓ Add new structural elements.
✓ Experiment with canvas, audio, and video (probably
too early for primetime).
✓ Learn about parallel developments such as
microformats and ARIA.
26. Resources
SitePoint HTML5 Course
http://sitepoint.com/
HTML5 For Web Designers
http://books.alistapart.com/
Slideshare HTML Presentations
http://www.slideshare.net/
Dive Into HTML5
http://diveintohtml5.org/
Smashing Magazine
http://www.smashingmagazine.com/
Think Vitamin
http://thinkvitamin.com/category/code/html5/