This document provides an overview of HTML5 and what's new in the latest version. It discusses new semantic elements like <header>, <nav>, and <article> that improve document outlining. It also covers new multimedia features like native audio and video playback without Flash, as well as 2D/3D graphics using <canvas>. Other additions include new form controls, multiple file uploading, and geolocation. While HTML5 brings many new features, it is an ongoing evolution of HTML rather than a completely new language.
2. You are using it
“HTML5 isn’t a completely new language created from
scratch. It’s an evolutionary rather than revolutionary
change in the ongoing story of markup. If you are
currently creating websites with any version of HTML,
you’re already using HTML5.”
- Jeremy Keith, HTML5 for Web Designers
3. What’s new in HTML5?
New Structural Semantic Elements Multiple File Uploading
Native Audio & Video Document Editing
New Form Controls Cross-Document Messaging
2D & 3D Graphics Browser History Management
Microdata Web Storage
Drag-and-Drop Web Workers
24. Criticisms of Flash
Browser slowness & crashing
Poor video performance
(better in 10.1 with hardware acceleration)
No standardized video API
No semantics
29. Articles
“Dive into HTML5: Video on the Web” - Mark Pilgrim
http://diveintohtml5.org/video.html
“Flash Player: CPU Hog or Hot Tamale? It Depends.”
http://www.streaminglearningcenter.com/articles/flash-player-cpu-hog-or-
hot-tamale-it-depends-.html
34. Articles
“The State of HTML5 Audio” - Scott Schiller
http://24ways.org/2010/the-state-of-html5-audio
“HTML5 Audio Unplugged” - Richard Shepherd
http://thinkvitamin.com/code/html5-audio-unplugged/
“Native Audio in the Browser” - Mark Boas
http://html5doctor.com/native-audio-in-the-browser/
44. Links
Google Pacman Biolab Disaster
http://google.com/pacman/ http://playbiolab.com/
Wolfenstein 3D Quake II WebGL port
http://www.nihilogic.dk/labs/wolf/ http://code.google.com/p/quake2-gwt-port/
Arcade Fire “The Wilderness True 8-bit Color Cycling with
Downtown” HTML5
http://www.thewildernessdowntown.com/ http://www.effectgames.com/demos/
canvascycle/?sound=0
57. Articles
“multiple file input in Firefox 3.6” - Paul Rouget
http://hacks.mozilla.org/2009/12/multiple-file-input-in-firefox-3-6/
“Dive into HTML5: A Form of Madness” - Mark Pilgrim
http://diveintohtml5.org/forms.html
63. “It’s as if the government suddenly
announced that from today, all
vegetables will be called potatoes, just
because some vegetables are potatoes.”
- Bobbie Johnson, GigaOM
77. Articles
“You Are Here (and so is everybody else)” - Mark Pilgrim
http://diveintohtml5.org/geolocation.html
Geolocation demo
http://html5demos.com/geo
78. Online Resources
Modernizr - Faruk Ates, Paul Irish HTML5 Doctor - Bruce Lawson,
http://www.modernizr.com/ Remy Sharpe, etc
http://html5doctor.com/
HTML5 Boilerplate - Paul Irish
http://html5boilerplate.com/ Quirks Mode
http://www.quirksmode.org/
W3Schools HTML5 Reference
http://www.w3schools.com/html5/
html5_reference.asp
79. Books
HTML5 for Web Designers
Jeremy Keith
Introducing HTML5
Bruce Lawson and Remy Sharp
HTML5: Up and Running
Mark Pilrim