HTML5

Rob Larsen9.8.2009

htmlcssjavascript.com | @robreacthtmlcssjavascript.com /downloads/html5.ppt

History

• HTML 1.0• Never really existed. Nothing to see

here.

History

• HTML 2.0• 1995 • RFC 1866

http://tools.ietf.org/html/rfc1866

History

• HTML 3.2• January 1997 • Hello W3C

History

• HTML 4.0• December 1997• “Modern” HTML. Many people still use

this exclusively

History

• XHTML 1.0• January 2000• What the cool kids use

History

• January 2000 – NOW• Drama, dark ages, browser wars.• “Ajax” makes HTML+CSS+JavaScript

cool

History

• But Wait!

• In 2004 the WHATWG was formed in response to the slow development of web standards monitored by the W3C. – The Web Hypertext Application Technology Working Group, or WHATWG, is a community of

people interested in evolving HTML and related technologies. The WHATWG was founded by individuals from Apple, the Mozilla Foundation and Opera Software.[1] Since then, the editor of the WHATWG specifications, Ian Hickson, has moved to Google.

– The WHATWG has a small, invitation-only steering committee called “Members”, which has the power to impeach the editor of the specifications. Anyone can participate as a Contributor by joining the WHATWG mailing list.

(from wikipedia http://en.wikipedia.org/wiki/Web_Hypertext_Application_Technology_Working_Group )

The Future

• HTML5• “HTML5 is a new version of HTML4, XHTML1, and DOM Level 2 HTML addressing many

of the issues of those specifications while at the same time enhancing (X)HTML to more adequately address Web applications. Besides defining a markup language that can be written in both HTML (HTML5) and XML (XHTML5) it also defines many APIs that form the basis of the Web architecture. Some of these APIs were known as "DOM Level 0" and were never documented before. Yet they are extremely important for browser vendors to support existing Web content and for authors to be able to build Web applications. “

• Full of unicorns and rainbows.• Features are being implemented right now.

XHTML2.0 is dead. Dead as Dillinger.– This caused even more drama– http://diveintomark.org/archives/2009/07/06/this-is-the-house– http://www.zeldman.com/2009/07/07/in-defense-of-web-developers/

• And then “joy”:• http://www.zeldman.com/superfriends/

What’s Cool?

• New, semantic elements (<header>,<footer>,<section>,<article>, <nav>

• <video>,<audio> elements and methods• <canvas>• Custom attributes• Much, much, much more• Offline cache, drag/drop, editable content with new

editing API, undo, cross document messaging, great new form enhancements, etc. etc. etc.

Let’s Look at Some Code