HTML5

spanflockInternet και Εφαρμογές Web

24 Ιουν 2012 (πριν από 5 χρόνια και 1 μήνα)

331 εμφανίσεις

HTML5
Niklas Gustavsson
niklas.gustavsson@callistaenterprise.se
twitter.com/protocol7
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
Why do we need HTML5?
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
HTML4 was published 1997
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
Yes… 1997
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
<xml />
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
XML != robustness
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
WHATWG
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
W3C <3 WHATWG
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
[X] First Working Draft in October 2007.
[X] Last Call Working Draft in October 2009.
[ ] Call for contributions for the test suite in 2011.
[ ] Candidate Recommendation in 2012.
[ ] First draft of test suite in 2012.
[ ] Second draft of test suite in 2015.
[ ] Final version of test suite in 2019.
[ ] Reissued Last Call Working Draft in 2020.
[ ] Two complete and bug
-
free implementations in 2022.
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
So, what is then HTML5?
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
Parser model
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
New elements
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
<div id=nav>

</div>
<div class=post>
<div
class=postheader>

</div>

</div>
<nav>

</nav>
<article>
<header>

</header>

</article>
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
Updated forms
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
text
password
text
password
email
url
date
datetime
month
week
time
datetime
-
local
number
range
color
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
From http://diveintohtml5.org/forms.html
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
Video/audio
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
Canvas
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
Web sockets
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
Geolocation
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
Cross domain messaging
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
Offline support
Local storage
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
Web workers
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
Further reading
http://diveintohtml5.org
https://developer.mozilla.org/En/HTML
http://dev.w3.org/html5/spec
http://html5demos.com/
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
http://github.com/protocol7/html5
-
demos
http://github.com/protocol7/node.websocket.js
© 2010 Callista Enterprise | www.callistaenterprise.se
HTML5
Questions?