O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

HTML5: Up and Running

HTML5: Up and Running

36 reviews
by Mark Pilgrim
Publisher: O'Reilly Media, Inc.
Release Date: August 2010
ISBN: 9781449392154
View table of contents
Start reading

Book Description

If you don't know about the new features available in HTML5, now's the time to find out. The latest version of this markup language is going to significantly change the way you develop web applications, and this book provides your first real look at HTML5's new elements and attributes. You'll also learn how HTML5 can help you develop applications that display video without having to rely on plugins, work even when a user is offline, and more.

Table of Contents

  1. HTML5: Up and Running
    1. SPECIAL OFFER: Upgrade this ebook with O’Reilly
    2. Preface
      1. Diving In
      2. Conventions Used in This Book
      3. Using Code Examples
      4. A Note on the Editions of This Book
      5. Safari® Books Online
      6. How to Contact Us
    3. 1. How Did We Get Here?
      1. Diving In
      2. MIME Types
      3. A Long Digression into How Standards Are Made
      4. An Unbroken Line
      5. A Timeline of HTML Development from 1997 to 2004
      6. Everything You Know About XHTML Is Wrong
      7. A Competing Vision
      8. What Working Group?
      9. Back to the W3C
      10. Postscript
      11. Further Reading
    4. 2. Detecting HTML5 Features
      1. Diving In
      2. Detection Techniques
      3. Modernizr: An HTML5 Detection Library
      4. Canvas
      5. Canvas Text
      6. Video
      7. Video Formats
      8. Local Storage
      9. Web Workers
      10. Offline Web Applications
      11. Geolocation
      12. Input Types
      13. Placeholder Text
      14. Form Autofocus
      15. Microdata
      16. Further Reading
    5. 3. What Does It All Mean?
      1. Diving In
      2. The Doctype
      3. The Root Element
      4. The <head> Element
        1. Character Encoding
        2. Friends and (Link) Relations
          1. rel = stylesheet
          2. rel = alternate
          3. Other link relations in HTML5
      5. New Semantic Elements in HTML5
      6. A Long Digression into How Browsers Handle Unknown Elements
      7. Headers
      8. Articles
      9. Dates and Times
      10. Navigation
      11. Footers
      12. Further Reading
    6. 4. Let’s Call It a Draw(ing Surface)
      1. Diving In
      2. Simple Shapes
      3. Canvas Coordinates
      4. Paths
      5. Text
      6. Gradients
      7. Images
      8. What About IE?
      9. A Complete Example
      10. Further Reading
    7. 5. Video on the Web
      1. Diving In
      2. Video Containers
      3. Video Codecs
        1. H.264
        2. Theora
        3. VP8
      4. Audio Codecs
        1. MPEG-1 Audio Layer 3
        2. Advanced Audio Coding
        3. Vorbis
      5. What Works on the Web
      6. Licensing Issues with H.264 Video
      7. Encoding Ogg Video with Firefogg
      8. Batch Encoding Ogg Video with ffmpeg2theora
      9. Encoding H.264 Video with HandBrake
      10. Batch Encoding H.264 Video with HandBrake
      11. Encoding WebM Video with ffmpeg
      12. At Last, the Markup
        1. MIME Types Rear Their Ugly Head
      13. What About IE?
      14. A Complete Example
      15. Further Reading
    8. 6. You Are Here (And So Is Everybody Else)
      1. Diving In
      2. The Geolocation API
      3. Show Me the Code
      4. Handling Errors
      5. Choices! I Demand Choices!
      6. What About IE?
      7. geo.js to the Rescue
      8. A Complete Example
      9. Further Reading
    9. 7. The Past, Present, and Future of Local Storage for Web Applications
      1. Diving In
      2. A Brief History of Local Storage Hacks Before HTML5
      3. Introducing HTML5 Storage
      4. Using HTML5 Storage
        1. Tracking Changes to the HTML5 Storage Area
        2. Limitations in Current Browsers
      5. HTML5 Storage in Action
      6. Beyond Named Key/Value Pairs: Competing Visions
      7. Further Reading
    10. 8. Let’s Take This Offline
      1. Diving In
      2. The Cache Manifest
        1. Network Sections
        2. Fallback Sections
      3. The Flow of Events
      4. The Fine Art of Debugging, a.k.a. “Kill Me! Kill Me Now!”
      5. Let’s Build One!
      6. Further Reading
    11. 9. A Form of Madness
      1. Diving In
      2. Placeholder Text
      3. Autofocus Fields
      4. Email Addresses
      5. Web Addresses
      6. Numbers As Spinboxes
      7. Numbers As Sliders
      8. Date Pickers
      9. Search Boxes
      10. Color Pickers
      11. And One More Thing...
      12. Further Reading
    12. 10. “Distributed,” “Extensibility,” and Other Fancy Words
      1. Diving In
      2. What Is Microdata?
      3. The Microdata Data Model
      4. Marking Up People
        1. Introducing Google Rich Snippets
      5. Marking Up Organizations
      6. Marking Up Events
        1. The Return of Google Rich Snippets
      7. Marking Up Reviews
      8. Further Reading
    13. A. The All-in-One Almost-Alphabetical Guide to Detecting Everything
      1. List of Elements
        1. <audio>
        2. <audio> in MP3 format
        3. <audio> in Vorbis format
        4. <audio> in WAV format
        5. <audio> in AAC format
        6. <canvas>
        7. <canvas> text API
        8. <command>
        9. <datalist>
        10. <details>
        11. <device>
        12. <form> constraint validation
        13. <iframe sandbox>
        14. <iframe srcdoc>
        15. <input autofocus>
        16. <input placeholder>
        17. <input type="color">
        18. <input type="email">
        19. <input type="number">
        20. <input type="range">
        21. <input type="search">
        22. <input type="tel">
        23. <input type="url">
        24. <input type="date">
        25. <input type="time">
        26. <input type="datetime">
        27. <input type="datetime-local">
        28. <input type="month">
        29. <input type="week">
        30. <meter>
        31. <output>
        32. <progress>
        33. <time>
        34. <video>
        35. <video> captions
        36. <video poster>
        37. <video> in WebM format
        38. <video> in H.264 format
        39. <video> in Theora format
        40. contentEditable
        41. Cross-document messaging
        42. Drag and drop
        43. File API
        44. Geolocation
        45. History
        46. Local storage
        47. Microdata
        48. Offline web applications
        49. Server-sent events
        50. Session storage
        51. SVG
        52. SVG in text/html
        53. WebSimpleDB
        54. Web Sockets
        55. Web SQL Database
        56. Web Workers
        57. Undo
      2. Further Reading
    14. Index
    15. About the Author
    16. Colophon
    17. SPECIAL OFFER: Upgrade this ebook with O’Reilly