+ Follow

HTML5 WTF?

by Simon Schoeters on Dec 04, 2009

5,727 views

Yet another overview of the changes introduced by HTML5. How does it look like? What is sexy?

More…

Yet another overview of the changes introduced by HTML5. How does it look like? What is sexy?

Less

5 Embeds 137

http://www.booto.net	91
http://www.slideshare.net	39
http://eoureka.blogspot.com	5
http://chrisrutz.de	1
http://www.zhuaxia.com	1

Statistics

Favorites: 22
Downloads: 275
Comments: 2
Embed Views: 137
Views on SlideShare: 5,590
Total Views: 5,727

HTML5 WTF? — Presentation Transcript

WTF? HTML 5

ISO/IEC 15445:2000 HTML3.2 HTML4 ENQUIRE HTML2.0 HTML HTML4.01 HTML5 working draft 1980 1989 1996 1997 1999 2000 2008 html timeline

XHTML1.1 XHTML2 XHTML1.0 HTML4.01 XHTML5 alongside HTML5 2000 2008 xhtml timeline

FINISHED in WTF? 2O22

Opera, Chrome, Safari & Firefox HTML5 <TODAY> compatibility

nor says Firefox2 do i DEAD IE does not HTML5 END <javascript> to the rescue! internet explorer

i validator <!DOCTYPE html> no head? no <title>HTML 5</title> body? <p>Hello world</p> html5 minified

the looks

<div id=”header”> <div id=”nav”> <div class=”article”> <div id=”sidebar”> <div class=”section”> <div id=”footer”> old

<header> <nav> <article> <aside> <section> <footer> new

XHTML lowercase <tags> no empty attributes YOU </close> elements CHOOSE always use “quotes” HTML5 side by side

width <s> <strike> attributes <big> cellpadding size clear <basefont> <acronym> cellspacing <tt> valign <center> <u> <font> element height bye bye

<canvas> min / max <header> web forms oninvalid email 2.0 url <nav> type date time <aside> validation color picker required <article> <video> <time> <section> autocomplete <footer> <meter> <mark> contenteditable hello

styleable <video src=”x.mp4” controls autobuﬀer> for those who can’t see this movie </video> look no flash <video>

video youtube.com/html5 9elements.com/io/projects/ html5/canvas audio & canvas <examples>

drag & drop

threaded <javascript> non blocking UI web workers

like the iPhone ask the user’s location see Google Maps geolocation

web apps closing the gap <vs> Gmail desktop apps offline storage

</thanks> simon schoeters • @cimm • www.suﬃx.be theme based on m. jackson wilikinson’s presentation at http://i5.be/W5

HTML5 WTF?

by Simon Schoeters on Dec 04, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

5 Embeds 137

Statistics

HTML5 WTF? — Presentation Transcript