A brief history of HTML5                       http://www.flickr.com/photos/smokingpermitted/1952627233/sizes/l/in/photostr...
if you havenʼt been to the great wall, you are not a gentleman                       http://www.flickr.com/photos/smokingpe...
History of    HTMLMonday, May 16, 2011
I created HTML                       http://mediaarchive.cern.ch/MediaArchive/Photo/Public/1998/9806033/9806033/9806033-A4...
Monday, May 16, 2011
Monday, May 16, 2011
W3C maintains different technologies                              HTTP                                               XML  ...
Browser War                         http://www.flickr.com/photos/soldiersmediacenter/5576794534/sizes/l/in/photostream/Mond...
http://www.computerhistory.org/timeline/images/1994_netscape_large.jpgMonday, May 16, 2011
http://www.computerhistory.org/timeline/images/1994_netscape_large.jpgMonday, May 16, 2011
http://pica.nipic.com/2008-05-08/200858114947970_2.jpgMonday, May 16, 2011
HTML 2.0 1995                       HTML 3.2 1997                       HTML 4.0 1997                       HTML 4.01 1999...
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...
...while the ancestry of           XHTML2 comes from           HTML4, XHTML 1.0 and           XHTML 1.1. It is not intende...
XHTML2                       <img>                       <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
Paper to W3C                       WHAT-WG                       http://www.w3.org/2004/04/webapps-cdf-ws/papers/opera.htm...
2007 W3C and WHATWG jointly develops                             WebApps1.0, calls it HTML5Monday, May 16, 2011
Paper to W3C                       2007 W3C and WHATWG jointly develops                             WebApps1.0, calls it H...
HTML evolutionMonday, May 16, 2011
HTML5 == HTML4 ++Monday, May 16, 2011
Design  Pattern                       http://www.flickr.com/photos/bbaunach/495123533/sizes/o/in/photostream/Monday, May 16...
Backward compatibilities                       support what HTML4 has been doing                         http://www.flickr....
XHTML characteristics  Element and                        For non-empty        Documents  attribute names                 ...
XHTML characteristics  Element and                        For non-empty           Documents  attribute names              ...
well-defined error handlingMonday, May 16, 2011
new elements, practical                   HTML4 / XHTML                                                                HTM...
common ID                 “”values                                              Text                       http://devfiles....
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,...
Avoid needless complexity                       HTML 4.01                       <meta http-equiv="Content-Type"           ...
Avoid needless complexity                       <link rel="stylesheet" type="text/css"                       href="file.css...
The Video    Story                                                            source: http://zibin.tehais.com/?p=1641     ...
Video                        Opera proposed video tag in WHAT WG                                         source: http://zi...
Code         <video src=”video.ogv”         controls         autoplayposter=”poster.jpg”         width=”320”         heigh...
no love for flash                       Apple abandon support for flash in 2010Monday, May 16, 2011
Adobe     Adobe CTO goes for WebM support and shows HTML                      extension pack                       http://...
format                                source: http://zibin.tehais.com/?p=1641Monday, May 16, 2011
format                                WebM                                    H.264                                       ...
<video src="movie.mp4">                       <!-- fallback content -->                       </video>Monday, May 16, 2011
<object data="movie.swf">                       <!-- fallback content -->                       </object>Monday, May 16, 2...
<video>                       <source src="movie.mp4">                       <source src="movie.ogv">                     ...
2014?Monday, May 16, 2011
HTML5 timeline                            http://nadita.com/murakami/epub-css/Monday, May 16, 2011
Challenges to     StandardsMonday, May 16, 2011
http://farm4.static.flickr.com/3640/3315062242_c21a4fd24c.jpgMonday, May 16, 2011
http://farm4.static.flickr.com/3640/3315062242_c21a4fd24c.jpgMonday, May 16, 2011
Politics of standardsMonday, May 16, 2011
Monday, May 16, 2011
Software, like all technologies, is inherently political.         Code inevitably reflects the choices, biases and desires ...
tool or tradeMonday, May 16, 2011
brandingMonday, May 16, 2011
Where in the world is Standards?Monday, May 16, 2011
twitter: zibin                       slideshare.net/zibinMonday, May 16, 2011
Upcoming SlideShare
Loading in …5
×

Brief history of HTML5

2,687 views

Published on

Published in: Technology, News & Politics
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,687
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
57
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Brief history of HTML5

  1. 1. A brief history of HTML5 http://www.flickr.com/photos/smokingpermitted/1952627233/sizes/l/in/photostream/Monday, May 16, 2011
  2. 2. if you havenʼt been to the great wall, you are not a gentleman http://www.flickr.com/photos/smokingpermitted/1952627233/sizes/l/in/photostream/Monday, May 16, 2011
  3. 3. History of HTMLMonday, May 16, 2011
  4. 4. I created HTML http://mediaarchive.cern.ch/MediaArchive/Photo/Public/1998/9806033/9806033/9806033-A4-at-144-dpi.jpgMonday, May 16, 2011
  5. 5. Monday, May 16, 2011
  6. 6. Monday, May 16, 2011
  7. 7. W3C maintains different technologies HTTP XML GeoLocation XSLT SOAP HTML SVG RDFMonday, May 16, 2011
  8. 8. Browser War http://www.flickr.com/photos/soldiersmediacenter/5576794534/sizes/l/in/photostream/Monday, May 16, 2011
  9. 9. http://www.computerhistory.org/timeline/images/1994_netscape_large.jpgMonday, May 16, 2011
  10. 10. http://www.computerhistory.org/timeline/images/1994_netscape_large.jpgMonday, May 16, 2011
  11. 11. http://pica.nipic.com/2008-05-08/200858114947970_2.jpgMonday, May 16, 2011
  12. 12. HTML 2.0 1995 HTML 3.2 1997 HTML 4.0 1997 HTML 4.01 1999Monday, May 16, 2011
  13. 13. Why wasn’t there HTML5 soon after?Monday, May 16, 2011
  14. 14. W3C has no intention to extend HTML4 as such. Instead, further work is focusing on a reformulation of HTML in XML. November 1999Monday, May 16, 2011
  15. 15. ...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 2002Monday, May 16, 2011
  16. 16. XHTML2 <img> <p src="map.png"></p>Monday, May 16, 2011
  17. 17. Paper to W3C http://www.w3.org/2004/04/webapps-cdf-ws/papers/opera.htmlMonday, May 16, 2011
  18. 18. Paper to W3C WHAT-WG http://www.w3.org/2004/04/webapps-cdf-ws/papers/opera.htmlMonday, May 16, 2011
  19. 19. 2007 W3C and WHATWG jointly develops WebApps1.0, calls it HTML5Monday, May 16, 2011
  20. 20. Paper to W3C 2007 W3C and WHATWG jointly develops WebApps1.0, calls it HTML5 http://www.w3.org/2004/04/webapps-cdf-ws/papers/opera.htmlMonday, May 16, 2011
  21. 21. HTML evolutionMonday, May 16, 2011
  22. 22. HTML5 == HTML4 ++Monday, May 16, 2011
  23. 23. Design Pattern http://www.flickr.com/photos/bbaunach/495123533/sizes/o/in/photostream/Monday, May 16, 2011
  24. 24. Backward compatibilities support what HTML4 has been doing http://www.flickr.com/photos/leejordan/2484541616/sizes/l/in/photostream/Monday, May 16, 2011
  25. 25. XHTML characteristics Element and For non-empty Documents attribute names elements, end must be well- must be in lower case tags are required formedMonday, May 16, 2011
  26. 26. XHTML characteristics Element and For non-empty Documents attribute names elements, end must be well- must be in lower case tags are required formedMonday, May 16, 2011
  27. 27. well-defined error handlingMonday, May 16, 2011
  28. 28. new elements, practical HTML4 / XHTML HTML5 http://www.flickr.com/photos/sebleedelisle/3519515347/sizes/l/in/photostream/Monday, May 16, 2011
  29. 29. common ID “”values Text http://devfiles.myopera.com/articles/572/idlist-url.htmMonday, May 16, 2011
  30. 30. http://www.flickr.com/photos/sebleedelisle/3519515347/sizes/l/in/photostream/Monday, May 16, 2011
  31. 31. openness http://www.flickr.com/photos/sebleedelisle/3519515347/sizes/l/in/photostream/Monday, May 16, 2011
  32. 32. Avoid needless complexity 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> http://www.flickr.com/photos/sebleedelisle/3519515347/sizes/l/in/photostream/Monday, May 16, 2011
  33. 33. Avoid needless complexity <link rel="stylesheet" type="text/css" href="file.css"> <script type="text/javascript"> </script> http://www.flickr.com/photos/sebleedelisle/3519515347/sizes/l/in/photostream/Monday, May 16, 2011
  34. 34. The Video Story source: http://zibin.tehais.com/?p=1641 http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2007-February/009702.htmlMonday, May 16, 2011
  35. 35. Video Opera proposed video tag in WHAT WG source: http://zibin.tehais.com/?p=1641 mailing list in 2007 http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2007-February/009702.htmlMonday, May 16, 2011
  36. 36. Code <video src=”video.ogv” controls autoplayposter=”poster.jpg” width=”320” height=”240”>fallback </video> source: http://zibin.tehais.com/?p=1641 http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2007-February/009702.htmlMonday, May 16, 2011
  37. 37. no love for flash Apple abandon support for flash in 2010Monday, May 16, 2011
  38. 38. Adobe Adobe CTO goes for WebM support and shows HTML extension pack http://ntt.cc/wp-content/uploads/2010/05/AdobeCTOKevinLynchDemosHTML5ToolsAtGoogleIO.jpgMonday, May 16, 2011
  39. 39. format source: http://zibin.tehais.com/?p=1641Monday, May 16, 2011
  40. 40. format WebM H.264 CODEC source: http://zibin.tehais.com/?p=1641Monday, May 16, 2011
  41. 41. <video src="movie.mp4"> <!-- fallback content --> </video>Monday, May 16, 2011
  42. 42. <object data="movie.swf"> <!-- fallback content --> </object>Monday, May 16, 2011
  43. 43. <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
  44. 44. 2014?Monday, May 16, 2011
  45. 45. HTML5 timeline http://nadita.com/murakami/epub-css/Monday, May 16, 2011
  46. 46. Challenges to StandardsMonday, May 16, 2011
  47. 47. http://farm4.static.flickr.com/3640/3315062242_c21a4fd24c.jpgMonday, May 16, 2011
  48. 48. http://farm4.static.flickr.com/3640/3315062242_c21a4fd24c.jpgMonday, May 16, 2011
  49. 49. Politics of standardsMonday, May 16, 2011
  50. 50. Monday, May 16, 2011
  51. 51. Software, like all technologies, is inherently political. Code inevitably reflects the choices, biases and desires of its creators. —Jamais CascioMonday, May 16, 2011
  52. 52. tool or tradeMonday, May 16, 2011
  53. 53. brandingMonday, May 16, 2011
  54. 54. Where in the world is Standards?Monday, May 16, 2011
  55. 55. twitter: zibin slideshare.net/zibinMonday, May 16, 2011

×