You are previewing HTML5 Mastery: Semantics, Standards, and Styling.
O'Reilly logo
HTML5 Mastery: Semantics, Standards, and Styling

Book Description

Markup is synonymous with the development of the web, but most people only scratch the surface of its capabilities. Why settle for average HTML, when you can become an HTML5 master?

That's where this unique book comes in. It's aimed at web designers and developers who want to take their markup even further in the exciting new directions the web has taken in multimedia, interactivity and improved semantics. HTML5 isn't for just any web site, but for a web site that will contribute to tomorrow's "web of data."

HTML5 Mastery will introduce the new markup elements of HTML5—including less commonly used ones—and show you where and how to use them. It also provides clever styling and scripting techniques that you can employ on your web site. It is completely standards-compliant, and up-to-date with modern web design techniques.

Table of Contents

  1. Title
  2. Dedication
  3. Contents at a Glance
  4. Contents
  5. About the Authors
  6. About the Technical Reviewer
  7. About the Cover Image Artist
  8. Acknowledgments
  9. Introduction
    1. Who is this book for?
    2. How is this book structured?
    3. Conventions used in this book
  10. Chapter 1: Getting Started: Transitioning to HTML5
    1. HTML5 = HTML ≠ HTML5
    2. Anatomy of an HTML5 document
    3. HTML terminology and concepts
    4. What's new in HTML5?
    5. Is XHTML gone?
    6. Deciding between HTML and XHTML
    7. Web browser support
    8. Web browser developer tools
    9. Summary
  11. Chapter 2: Using the Right Tag for the Right Job
    1. Global attributes
    2. Content model categories
    3. Root element
    4. Document metadata and scripting elements
    5. Document sectioning elements
    6. Content grouping elements
    7. Text-level semantic elements
    8. Tabular data elements
    9. Form elements
    10. Embedded content elements
    11. Interactive elements
    12. Summary
  12. Chapter 3: Recognizing Semantics
    1. What are semantics and why should I care?
    2. Thinking in outlines
    3. HTML5 outline algorithm
    4. Implicitly creating an outline using heading content
    5. Creating an outline using sectioning content
    6. Headers and footers
    7. Viewing HTML5 outlines
    8. Are divs (and spans) obsolete?
    9. Case study: the City Press
    10. Other text-level elements
    11. Summary
  13. Chapter 4: Form Mastery
    1. Form markup refresher
    2. Gathering input
    3. Validating and submitting forms
    4. Other common input element attributes
    5. Other form controls
    6. Adding structure with fieldsets and labels
    7. Putting it all together
    8. Form usability
    9. Summary
  14. Chapter 5: Multimedia: Video, Audio, and Embedded Media
    1. Where it all began: img
    2. Image maps
    3. Embedding other media
    4. Embedding HTML: iframe
    5. Video
    6. Audio
    7. Captions track
    8. Encoding audio and video
    9. Last but not least
    10. Summary
  15. Chapter 6: CSS3
    1. The present state: CSS2.1
    2. CSS3 modules
    3. Using CSS
    4. Backgrounds and borders
    5. Color
    6. Web typography
    7. Summary
  16. Chapter 7: User Interaction and the HTML5 APIs
    1. Using JavaScript in this chapter
    2. The History API
    3. Building a custom video controller
    4. Scripted 2D Canvas API
    5. Drag-and-drop operations
    6. Summary
  17. Chapter 8: The Road Ahead
    1. Challenges of the mobile Web
    2. Responsive design
    3. Offline application cache
    4. Other HTML5 technologies
    5. Summary
  18. Appendix: Associated Technologies
    1. Geolocation
    2. SVG and MathML
    3. Client-side storage
    4. Web workers
    5. Web Sockets API
    6. Video conferencing and peer-to-peer communication
    7. WAI-ARIA
    8. File API
    9. Useful web resources
  19. Index