HTML5: What it is, why it matters, and how we can use it today

(CSS3 isn’t the same thing as HTML5, it’s just a partner in crime)

Semantic Web

API & Offline Storage

Multimedia

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.

• 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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html>

<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.

HTML5: What it is, why it matters, and how we can use it today

Technology

Transcript of HTML5: What it is, why it matters, and how we can use it today