1. HTML 5 How-to
Video Series for Ultrabooks
by Richard Clark
Video Series Summary

2. HTML5: Introduction
• Why HTML5?
• Roles
• HTML 5 as application platform
• Feature Areas
– Semantics, CSS3, Multimedia, Graphics and
3D, Device access, Performance, Offline and
storage, Connectivity

3. HTML5: Markup
• Simplified structure - <!doctype>, <meta> tags
• Better more organized markups -
<header>, <footer>, <aside>, <nav>...
• New layout tags - <article>, <section>, <figure>
• Redefined tags - <b>, <i>, <s>, <u>, <strong>...
• Obsolete tags - center, strike, font, frame, applet
• Enables built-in browser features -
<audio>, <video>, <svg>, <canvas>

4. HTML5: CSS3 styling
• Basic CSS review
• Selector additions - sibling, attribute begins
with, ends with, and contains.
• New pseudo-class additions - :checked, :first-
child, :nth-child
• New css rules - border-radius, box-shadow,
text-shadow, linear-gradients

5. HTML5: Javascript Interactions
• Event handlers
• DOM manipulations
• Triggering actions
• DOM manipulations with jquery

6. HTML5: Forms
• Form tag additions
– email, telephone, search, url
• New attributes
– required, pattern, spellcheck
• New elements
– meter, progress