Refael Ackermann @alphageeks on HTML5

819 views

Published on

Refael Ackerman overview HTML5 capabilities, current status and future at the Alphageeks meetup.

Check us out: http://alphageeks.blogli.co.il/

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
819
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Refael Ackermann @alphageeks on HTML5

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

×