Introduction
to HTML5
Michael(tm) Smith
sideshowbarker on
Twitter, etc.
I work for the W3C
in Japan, based
at Keio University
near Tokyo
My official W3C title
is:
Special Missions Subsection
Junior Interim Floor Manager
Where to start learning about HTML5?
HTML5 differences from
HTML4
Tutorials and
how-to guidance
Dive into
HTML5
The HTML5
Doctors
Alternative authoring references
HTML5 (Author
Edition)
http://dev.w3.org/html5/spec-
author-view
HTML5:
The Markup
Language
http://dev.w3.org/html5/markup
HTML5
differences
Syntax simplifications
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/
DTD/xhtml1-transitional.dtd">
<!doctype html>
<meta http-equiv="Content-Type"
content="text/html;
charset=Shift_JIS">
<meta charset="Shift_JIS">
New
elements
New
attributes
Elements and attributes
removed or
obsoleted
New APIs for
scripting
HTML design
principles
http://w3.org/TR/html-design-
principles/
HTML design
principles
Important point:
HTML5 includes XHTML
Frequently Asked Questions (FAQ)
about the future of XHTML
http://w3.org/2009/06/xhtml-
faq.html
About error handling...
• Well-formed XML:
<input disabled="disabled"/>
• Empty attribute: <input disabled>
• Without quotes: <input value=yes>
• Single quotes: <input type='checkbox'/>
• Double
quotes: <input name="be
evil"/>
Which of these are errors?
<i><b>misnested
tags</i></b>
This is a real error
HTML5 defines how browsers can handle real errors interoperably and gracefully.
Why is it important to handle errors?
More than 93% of Alexa Top 500 sites
contain are not conformant XHTML
We need to specify error handling behavior to ensure interoperability “even in the face of documents that do not comply to the letter of the specificationsâ€.
Authors will write invalid content regardless of what we spec. So the spec states “what authors must not do, and then tells implementors what they must do when an author
does it
anywayâ€.
HTML5
Validator
The Open Web Platform.
Formats:
HTML, CSS, SVG,
ARIA, even JavaScript
The server side can be considered a black box.
The open Web platform also includes APIs.
Device-independent,
language-independent APIs.
APIs that browsers expose to Web applications
on the client-side
Open Web Platform
=
formats + APIs
(formats=HTML, CSS, SVG, etc.)
HTML5:
The Web platform as an
application development/runtime
environment
Other app-dev environments:
iPhone SDK, Android SDK, J2ME/MIDP, BREW, Symbian,Flash
APIs spun off
HTML5
APIs spun off
HTML5
Formats related to
HTML5
APIs spun off
HTML5
Other
APIs
Other
APIs
Other
APIs
HTML5, CSS3, etc., feature
detection
HTML5 milestones
2010
HTML5 milestones
2010
That's it.
Thank you.