html5: what it is, why it matters, and how we can use it today
TRANSCRIPT
![Page 1: HTML5: What it is, why it matters, and how we can use it today](https://reader031.vdocument.in/reader031/viewer/2022022412/58f301201a28abd12b8b45dd/html5/thumbnails/1.jpg)
HTML5
![Page 2: HTML5: What it is, why it matters, and how we can use it today](https://reader031.vdocument.in/reader031/viewer/2022022412/58f301201a28abd12b8b45dd/html5/thumbnails/2.jpg)
![Page 3: HTML5: What it is, why it matters, and how we can use it today](https://reader031.vdocument.in/reader031/viewer/2022022412/58f301201a28abd12b8b45dd/html5/thumbnails/3.jpg)
![Page 4: HTML5: What it is, why it matters, and how we can use it today](https://reader031.vdocument.in/reader031/viewer/2022022412/58f301201a28abd12b8b45dd/html5/thumbnails/4.jpg)
(CSS3 isn’t the same thing as HTML5, it’s just a partner in crime)
![Page 5: HTML5: What it is, why it matters, and how we can use it today](https://reader031.vdocument.in/reader031/viewer/2022022412/58f301201a28abd12b8b45dd/html5/thumbnails/5.jpg)
![Page 6: HTML5: What it is, why it matters, and how we can use it today](https://reader031.vdocument.in/reader031/viewer/2022022412/58f301201a28abd12b8b45dd/html5/thumbnails/6.jpg)
Semantic Web
API & Offline Storage
Multimedia
![Page 7: HTML5: What it is, why it matters, and how we can use it today](https://reader031.vdocument.in/reader031/viewer/2022022412/58f301201a28abd12b8b45dd/html5/thumbnails/7.jpg)
![Page 8: HTML5: What it is, why it matters, and how we can use it today](https://reader031.vdocument.in/reader031/viewer/2022022412/58f301201a28abd12b8b45dd/html5/thumbnails/8.jpg)
1. The browser is becoming an operating system. It needs to be able to start acting like one. Offline storage is a big part of its transition.
2. Multimedia support (video & audio) for low-power devices (phones, “tablets”). Adobe really hasn’t been able to get Flash right.
3. Google.4. XHTML 2.0 is dead.5. Vendor dependency.6. Patent dependency (though h264 doesn’t really help things).7. “Div”-itis isn’t just ugly, it also just plain sucks for real document
interpretation and contextualization.8. And on, and on, and on.
![Page 9: HTML5: What it is, why it matters, and how we can use it today](https://reader031.vdocument.in/reader031/viewer/2022022412/58f301201a28abd12b8b45dd/html5/thumbnails/9.jpg)
![Page 10: HTML5: What it is, why it matters, and how we can use it today](https://reader031.vdocument.in/reader031/viewer/2022022412/58f301201a28abd12b8b45dd/html5/thumbnails/10.jpg)
![Page 11: HTML5: What it is, why it matters, and how we can use it today](https://reader031.vdocument.in/reader031/viewer/2022022412/58f301201a28abd12b8b45dd/html5/thumbnails/11.jpg)
![Page 12: HTML5: What it is, why it matters, and how we can use it today](https://reader031.vdocument.in/reader031/viewer/2022022412/58f301201a28abd12b8b45dd/html5/thumbnails/12.jpg)
![Page 13: HTML5: What it is, why it matters, and how we can use it today](https://reader031.vdocument.in/reader031/viewer/2022022412/58f301201a28abd12b8b45dd/html5/thumbnails/13.jpg)
• YouTube (WebM and h264 video)
• Scribd (semantics)
• Gmail (notifications)
• Vimeo (h264 video)
• Facebook (History API, Geolocation API)
• Apple.com (a little bit of everything)
• Pretty much every (true) mobile website
![Page 14: HTML5: What it is, why it matters, and how we can use it today](https://reader031.vdocument.in/reader031/viewer/2022022412/58f301201a28abd12b8b45dd/html5/thumbnails/14.jpg)
![Page 15: HTML5: What it is, why it matters, and how we can use it today](https://reader031.vdocument.in/reader031/viewer/2022022412/58f301201a28abd12b8b45dd/html5/thumbnails/15.jpg)
![Page 16: HTML5: What it is, why it matters, and how we can use it today](https://reader031.vdocument.in/reader031/viewer/2022022412/58f301201a28abd12b8b45dd/html5/thumbnails/16.jpg)
![Page 17: HTML5: What it is, why it matters, and how we can use it today](https://reader031.vdocument.in/reader031/viewer/2022022412/58f301201a28abd12b8b45dd/html5/thumbnails/17.jpg)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
![Page 18: HTML5: What it is, why it matters, and how we can use it today](https://reader031.vdocument.in/reader031/viewer/2022022412/58f301201a28abd12b8b45dd/html5/thumbnails/18.jpg)
<!DOCTYPE html>
![Page 19: HTML5: What it is, why it matters, and how we can use it today](https://reader031.vdocument.in/reader031/viewer/2022022412/58f301201a28abd12b8b45dd/html5/thumbnails/19.jpg)
<body><header>
<hgroup><h1>Page title</h1><h2>Page subtitle</h2>
</hgroup></header>
<nav><ul>
Navigation...</ul>
</nav><section><article>
<header><h1>Title</h1>
</header><section>Content...
</section></article></section>
<footer>Copyright ©<time datetime="2010-11-08">2010</time>.
</footer></body>
True story: HTML 2.0 had semantic tags like <menu>, which were later deprecated.
![Page 20: HTML5: What it is, why it matters, and how we can use it today](https://reader031.vdocument.in/reader031/viewer/2022022412/58f301201a28abd12b8b45dd/html5/thumbnails/20.jpg)