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) author-view  


The Markup Language   

HTML5 differences  

Syntax simplifications


   "-//W3C//DTD XHTML 1.0 Transitional//EN"

   " DTD/xhtml1-transitional.dtd">  

<!doctype html>

<meta http-equiv="Content-Type"



<meta charset="Shift_JIS">

New elements  

New attributes  

Elements and attributes

   removed or obsoleted   

New APIs for scripting  

HTML design principles principles/  

HTML design principles  

Important point:

HTML5 includes XHTML

Frequently Asked Questions (FAQ) about the future of 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.



ARIA, even JavaScript

The server side can be considered a black box.

The open Web platform also includes APIs.


language-independent APIs.

APIs that browsers expose to Web applications

on the client-side

Open Web Platform


formats + APIs  

(formats=HTML, CSS, SVG, etc.)


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.