brief history of html5
DESCRIPTION
TRANSCRIPT
A brief history of HTML5
http://www.flickr.com/photos/smokingpermitted/1952627233/sizes/l/in/photostream/
Monday, May 16, 2011
http://www.flickr.com/photos/smokingpermitted/1952627233/sizes/l/in/photostream/
不登长城非好汉if you havenʼt been to the great wall, you are not a gentleman
Monday, May 16, 2011
History of HTML
Monday, May 16, 2011
I created HTML
http://mediaarchive.cern.ch/MediaArchive/Photo/Public/1998/9806033/9806033/9806033-A4-at-144-dpi.jpg
Monday, May 16, 2011
Monday, May 16, 2011
Monday, May 16, 2011
XML
SOAP
RDF
HTTP
XSLT
HTMLSVG
GeoLocation
W3C maintains different technologies
Monday, May 16, 2011
http://www.flickr.com/photos/soldiersmediacenter/5576794534/sizes/l/in/photostream/
Browser War
Monday, May 16, 2011
http://www.computerhistory.org/timeline/images/1994_netscape_large.jpg
Monday, May 16, 2011
http://www.computerhistory.org/timeline/images/1994_netscape_large.jpg
Monday, May 16, 2011
http://pica.nipic.com/2008-05-08/200858114947970_2.jpg
Monday, May 16, 2011
HTML 2.0 1995HTML 3.2 1997HTML 4.0 1997HTML 4.01 1999
Monday, May 16, 2011
Why wasn’t there HTML5 soon after?
Monday, May 16, 2011
W3C has no intention to extend HTML4 as such. Instead, further work is focusing on a reformulation of HTML in XML.
November 1999
Monday, May 16, 2011
...while the ancestry of XHTML2 comes from HTML4, XHTML 1.0 and XHTML 1.1. It is not intended to be backward compatible with its earlier versions
August 2002
Monday, May 16, 2011
<img>
XHTML2
<p src="map.png"></p>
Monday, May 16, 2011
Paper to W3C
http://www.w3.org/2004/04/webapps-cdf-ws/papers/opera.htmlMonday, May 16, 2011
http://www.w3.org/2004/04/webapps-cdf-ws/papers/opera.html
WHAT-WG
Paper to W3C
Monday, May 16, 2011
2007 W3C and WHATWG jointly develops WebApps1.0, calls it HTML5
Monday, May 16, 2011
Paper to W3C
http://www.w3.org/2004/04/webapps-cdf-ws/papers/opera.html
2007 W3C and WHATWG jointly develops WebApps1.0, calls it HTML5
Monday, May 16, 2011
HTML evolution
Monday, May 16, 2011
HTML5 == HTML4 ++
Monday, May 16, 2011
DesignPattern
http://www.flickr.com/photos/bbaunach/495123533/sizes/o/in/photostream/
Monday, May 16, 2011
http://www.flickr.com/photos/leejordan/2484541616/sizes/l/in/photostream/
Backward compatibilities
support what HTML4 has been doing
Monday, May 16, 2011
Documents must be well-formed
Element and attribute names must be in lower case
For non-empty elements, end tags are required
XHTML characteristics
Monday, May 16, 2011
Documents must be well-formed
Element and attribute names must be in lower case
For non-empty elements, end tags are required
XHTML characteristics
Monday, May 16, 2011
well-defined error handling
Monday, May 16, 2011
new elements, practical
http://www.flickr.com/photos/sebleedelisle/3519515347/sizes/l/in/photostream/
HTML4 / XHTML HTML5
Monday, May 16, 2011
Text
http://devfiles.myopera.com/articles/572/idlist-url.htm
common ID=“”values
Monday, May 16, 2011
no plugin
http://www.flickr.com/photos/sebleedelisle/3519515347/sizes/l/in/photostream/
Monday, May 16, 2011
openness
http://www.flickr.com/photos/sebleedelisle/3519515347/sizes/l/in/photostream/
Monday, May 16, 2011
Avoid needless complexity
http://www.flickr.com/photos/sebleedelisle/3519515347/sizes/l/in/photostream/
HTML 4.01<meta http-equiv="Content-Type"content="text/html; charset=utf-8">
XHTML 1.0<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
HTML5 <!DOCTYPE html>
Monday, May 16, 2011
Avoid needless complexity
http://www.flickr.com/photos/sebleedelisle/3519515347/sizes/l/in/photostream/
<link rel="stylesheet" type="text/css"href="file.css">
<script type="text/javascript"></script>
Monday, May 16, 2011
source: http://zibin.tehais.com/?p=1641
http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2007-February/009702.html
The VideoStory
Monday, May 16, 2011
source: http://zibin.tehais.com/?p=1641
Video
http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2007-February/009702.html
Opera proposed video tag in WHAT WG mailing list in 2007
Monday, May 16, 2011
source: http://zibin.tehais.com/?p=1641
http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2007-February/009702.html
Code <video src=”video.ogv” controls autoplayposter=”poster.jpg” width=”320”height=”240”>fallback</video>
Monday, May 16, 2011
no love for flash?
Apple abandon support for flash in 2010
Monday, May 16, 2011
Adobe?
Adobe CTO goes for WebM support and shows HTML extension pack
http://ntt.cc/wp-content/uploads/2010/05/AdobeCTOKevinLynchDemosHTML5ToolsAtGoogleIO.jpg
Monday, May 16, 2011
source: http://zibin.tehais.com/?p=1641
format
Monday, May 16, 2011
source: http://zibin.tehais.com/?p=1641
WebM H.264
format
CODEC
Monday, May 16, 2011
<video src="movie.mp4"><!-- fallback content --></video>
Monday, May 16, 2011
<object data="movie.swf"><!-- fallback content --></object>
Monday, May 16, 2011
<video><source src="movie.mp4"><source src="movie.ogv"><object data="movie.swf"><a href="movie.mp4">download</a></object></video>
Monday, May 16, 2011
2014?HTML5
Monday, May 16, 2011
http://nadita.com/murakami/epub-css/
HTML5 timeline
Monday, May 16, 2011
Challenges toStandards
Monday, May 16, 2011
http://farm4.static.flickr.com/3640/3315062242_c21a4fd24c.jpg
Die IE6!!
Monday, May 16, 2011
http://farm4.static.flickr.com/3640/3315062242_c21a4fd24c.jpg
Die IE7!!
Monday, May 16, 2011
Politics of standards
Monday, May 16, 2011
Monday, May 16, 2011
Software, like all technologies, is inherently political.Code inevitably reflects the choices, biases and desiresof its creators.
—Jamais Cascio
Monday, May 16, 2011
tool or trade
Monday, May 16, 2011
branding
Monday, May 16, 2011
中国
Where in the world is Standards?
Monday, May 16, 2011
slideshare.net/zibin
twitter: zibin
Monday, May 16, 2011