css_and_html_coding_today-lachlan_hunt.ppt
DESCRIPTION
TRANSCRIPT
![Page 1: css_and_html_coding_today-lachlan_hunt.ppt](https://reader035.vdocuments.site/reader035/viewer/2022070302/5481a9b1b4af9f70638b45c8/html5/thumbnails/1.jpg)
HTML 5 OverviewLachlan Hunt
PubCon, Las Vegas 2008-11-13
![Page 2: css_and_html_coding_today-lachlan_hunt.ppt](https://reader035.vdocuments.site/reader035/viewer/2022070302/5481a9b1b4af9f70638b45c8/html5/thumbnails/2.jpg)
![Page 3: css_and_html_coding_today-lachlan_hunt.ppt](https://reader035.vdocuments.site/reader035/viewer/2022070302/5481a9b1b4af9f70638b45c8/html5/thumbnails/3.jpg)
New Structure and Semantics
![Page 4: css_and_html_coding_today-lachlan_hunt.ppt](https://reader035.vdocuments.site/reader035/viewer/2022070302/5481a9b1b4af9f70638b45c8/html5/thumbnails/4.jpg)
![Page 5: css_and_html_coding_today-lachlan_hunt.ppt](https://reader035.vdocuments.site/reader035/viewer/2022070302/5481a9b1b4af9f70638b45c8/html5/thumbnails/5.jpg)
![Page 6: css_and_html_coding_today-lachlan_hunt.ppt](https://reader035.vdocuments.site/reader035/viewer/2022070302/5481a9b1b4af9f70638b45c8/html5/thumbnails/6.jpg)
![Page 7: css_and_html_coding_today-lachlan_hunt.ppt](https://reader035.vdocuments.site/reader035/viewer/2022070302/5481a9b1b4af9f70638b45c8/html5/thumbnails/7.jpg)
<header><header><nav><nav>
<aside><aside>
<article><article>
<footer><footer>
![Page 8: css_and_html_coding_today-lachlan_hunt.ppt](https://reader035.vdocuments.site/reader035/viewer/2022070302/5481a9b1b4af9f70638b45c8/html5/thumbnails/8.jpg)
<time><time>
<figure><figure>
<legend><legend> <meter><meter>
![Page 9: css_and_html_coding_today-lachlan_hunt.ppt](https://reader035.vdocuments.site/reader035/viewer/2022070302/5481a9b1b4af9f70638b45c8/html5/thumbnails/9.jpg)
<section><section><h1><h1>
<h1><h1>
<h1><h1>
![Page 10: css_and_html_coding_today-lachlan_hunt.ppt](https://reader035.vdocuments.site/reader035/viewer/2022070302/5481a9b1b4af9f70638b45c8/html5/thumbnails/10.jpg)
Element Implementations
No native support, but can be styled with CSS in
Opera
Firefox 3.0
Safari
IE 6 and 7 using simple createElement() hack
![Page 11: css_and_html_coding_today-lachlan_hunt.ppt](https://reader035.vdocuments.site/reader035/viewer/2022070302/5481a9b1b4af9f70638b45c8/html5/thumbnails/11.jpg)
![Page 12: css_and_html_coding_today-lachlan_hunt.ppt](https://reader035.vdocuments.site/reader035/viewer/2022070302/5481a9b1b4af9f70638b45c8/html5/thumbnails/12.jpg)
New Multimedia
![Page 13: css_and_html_coding_today-lachlan_hunt.ppt](https://reader035.vdocuments.site/reader035/viewer/2022070302/5481a9b1b4af9f70638b45c8/html5/thumbnails/13.jpg)
Video
Native video support in browsers
DOM APIs for providing custom interfaces
No more dependence upon Flash
![Page 14: css_and_html_coding_today-lachlan_hunt.ppt](https://reader035.vdocuments.site/reader035/viewer/2022070302/5481a9b1b4af9f70638b45c8/html5/thumbnails/14.jpg)
Video Implementations
Opera (Experimental, Ogg Theora)
Safari 3.1 (All QuickTime formats)
Firefox 3.1 alpha 2 (Ogg Theora)
![Page 15: css_and_html_coding_today-lachlan_hunt.ppt](https://reader035.vdocuments.site/reader035/viewer/2022070302/5481a9b1b4af9f70638b45c8/html5/thumbnails/15.jpg)
Canvas
Dynamically draw graphics and text
Graphics-oriented DOM APIs
![Page 16: css_and_html_coding_today-lachlan_hunt.ppt](https://reader035.vdocuments.site/reader035/viewer/2022070302/5481a9b1b4af9f70638b45c8/html5/thumbnails/16.jpg)
Canvas Implementations
Opera
Firefox
Safari
IE 6+ using ExplorerCanvas script
![Page 17: css_and_html_coding_today-lachlan_hunt.ppt](https://reader035.vdocuments.site/reader035/viewer/2022070302/5481a9b1b4af9f70638b45c8/html5/thumbnails/17.jpg)
![Page 18: css_and_html_coding_today-lachlan_hunt.ppt](https://reader035.vdocuments.site/reader035/viewer/2022070302/5481a9b1b4af9f70638b45c8/html5/thumbnails/18.jpg)
Developer Tools
![Page 19: css_and_html_coding_today-lachlan_hunt.ppt](https://reader035.vdocuments.site/reader035/viewer/2022070302/5481a9b1b4af9f70638b45c8/html5/thumbnails/19.jpg)
Validator.nu
HTML5 Conformance Checker
Exceeds the capabilities of traditional DTD based validation
![Page 20: css_and_html_coding_today-lachlan_hunt.ppt](https://reader035.vdocuments.site/reader035/viewer/2022070302/5481a9b1b4af9f70638b45c8/html5/thumbnails/20.jpg)
Parsing HTML 5
html5lib Parsing Library for HTML
Python, Ruby
Off-the-shelf parser reduces reliance on RegExp hacks
![Page 21: css_and_html_coding_today-lachlan_hunt.ppt](https://reader035.vdocuments.site/reader035/viewer/2022070302/5481a9b1b4af9f70638b45c8/html5/thumbnails/21.jpg)
![Page 22: css_and_html_coding_today-lachlan_hunt.ppt](https://reader035.vdocuments.site/reader035/viewer/2022070302/5481a9b1b4af9f70638b45c8/html5/thumbnails/22.jpg)
Credits
Some images were shamelessly stolen from the web. Various licences apply. For full credits, see:
http://lachy.id.au/slides/
![Page 23: css_and_html_coding_today-lachlan_hunt.ppt](https://reader035.vdocuments.site/reader035/viewer/2022070302/5481a9b1b4af9f70638b45c8/html5/thumbnails/23.jpg)
whatwg.orgwww.w3.org
![Page 24: css_and_html_coding_today-lachlan_hunt.ppt](https://reader035.vdocuments.site/reader035/viewer/2022070302/5481a9b1b4af9f70638b45c8/html5/thumbnails/24.jpg)