WTF Is HTML 5

1,279
-1

Published on

Describing the motivation and innovation in the standardization of HTML 5

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,279
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

WTF Is HTML 5

  1. 1. WTF is HTML 5?
  2. 2. Agenda <ul><li>History (When? & Who?) </li></ul><ul><li>Motivation & Changes (Why? & What?) </li></ul><ul><li>Examples (How?) </li></ul>
  3. 3. History 1980-1990 Sir T.B.L. conjures up the WWW including a H yper T ext M arkup L anguage 1994 – IETF takes over and form an HTML working group 1995 – HTML 2 1997 – W3C Takes charge and publishes HTML 3.2 1998 – HTML 4 – with the three flavors 2000 – XHTML 1.0 2001 – XHTML 1.1 … Web Hypertext Application Technology Working Group WHATWG 2009 – XHTML 2.0 still in draft – W3C closed XHTML 2 working group
  4. 4. Motivation & Changes (1) <ul><li>DOM Manipulation & Animation </li></ul><ul><ul><li>autofocus, drag&drop, spellcheck, contenteditable </li></ul></ul><ul><li>Form input validation </li></ul><ul><ul><li><input type=“number | email | url | date …”> </li></ul></ul><ul><li>Mark up semantics </li></ul><ul><ul><li><header> <footer> <nav> <address> </li></ul></ul><ul><ul><li>microformats </li></ul></ul>Standardize common patterns
  5. 5. <ul><li><video> <audio> <canvas> </li></ul><ul><li>Web workers & cross domain communication </li></ul><ul><li>Web storage </li></ul>Motivation & Changes (2) Promote open technologies
  6. 6. Motivation & Changes (3) <ul><li>New elements & Attributes: </li></ul><ul><ul><li><section> <article> <footer> <progress> <nav> <meter> <time> <aside> </li></ul></ul><ul><ul><li>ping (on a and area) charset (on meta) async (on script) </li></ul></ul><ul><li>Removed the s##ty elements: </li></ul><ul><ul><li><center> <font> <strike> <frameset> </li></ul></ul><ul><li>Parsing not based on SGML </li></ul>Innovation
  7. 7. Examples <ul><li>New markup (FF) </li></ul><ul><li>onhashchange (Chrome) </li></ul><ul><li>Drag & Drop (FF) </li></ul><ul><li>New inputs (Opera) </li></ul><ul><li>Video (Chrome) </li></ul><ul><li>Content Injection (FF) </li></ul>
  8. 8. Links <ul><li>The spec draft </li></ul><ul><li>What can I use </li></ul><ul><li>WHATWG Wiki </li></ul><ul><li>Differences from HTML 4 </li></ul><ul><li>Presentations by WHATWG </li></ul>

×