HTML5
(CSS3 isn’t the same thing as HTML5, it’s just a partner in crime)
Semantic               Web                        API & OfflineMultimedia                          Storage
1. The browser is becoming an operating system. It needs to be able   to start acting like one. Offline storage is a big p...
•   YouTube (WebM and h264 video)•   Scribd (semantics)•   Gmail (notifications)•   Vimeo (h264 video)•   Facebook (Histor...
<!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... </...
HTML5: What it is, why it matters, and how we can use it today
HTML5: What it is, why it matters, and how we can use it today
HTML5: What it is, why it matters, and how we can use it today
HTML5: What it is, why it matters, and how we can use it today
HTML5: What it is, why it matters, and how we can use it today
HTML5: What it is, why it matters, and how we can use it today
HTML5: What it is, why it matters, and how we can use it today
HTML5: What it is, why it matters, and how we can use it today
HTML5: What it is, why it matters, and how we can use it today
HTML5: What it is, why it matters, and how we can use it today
HTML5: What it is, why it matters, and how we can use it today
HTML5: What it is, why it matters, and how we can use it today
Upcoming SlideShare
Loading in …5
×

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

357 views

Published on

This is a presentation I gave at Moveable.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
357
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. HTML5
  2. 2. (CSS3 isn’t the same thing as HTML5, it’s just a partner in crime)
  3. 3. Semantic Web API & OfflineMultimedia Storage
  4. 4. 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.
  5. 5. • 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
  6. 6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- strict.dtd">
  7. 7. <!DOCTYPE html>
  8. 8. <body> <header> <hgroup> <h1>Page title</h1> <h2>Page subtitle</h2> </hgroup> </header> <nav> <ul> Navigation... </ul> True story: HTML 2.0 had semantic </nav> <section> tags like <menu>, which were later <article> deprecated. <header> <h1>Title</h1> </header> <section> Content... </section> </article> </section> <footer> Copyright © <time datetime="2010-11-08">2010</time>. </footer></body>

×