Html

Download from Library of Wow! eBook

Download from Library of Wow! eBook

HTML5: Up and Running

Download from Library of Wow! eBook

Download from Library of Wow! eBook

HTML5: Up and Running

Mark Pilgrim

Beijing • Cambridge • Farnham • Köln • Sebastopol • Taipei • Tokyo

Download from Library of Wow! eBook

HTML5: Up and Running
by Mark Pilgrim
Copyright © 2010Mark Pilgrim. All rights reserved.
Printed in the United States of America.
Published by O’Reilly Media, Inc., 1005 Gravenstein Highway North, Sebastopol, CA 95472.
O’Reilly books may be purchased for educational, business, or sales promotional use. Online editions
are also available for most titles (http://my.safaribooksonline.com). For more information, contact our
corporate/institutionalsales department: (800) 998-9938 or corporate@oreilly.com.

Editor: Mike Loukides
Production Editor: Adam Zaremba
Copyeditor: Rachel Head
Proofreader: Emily Quill

Indexer: Fred Brown
Cover Designer: Karen Montgomery
Interior Designer: David Futato
Illustrator: Robert Romano

Printing History:
August 2010:

First Edition.

Nutshell Handbook, the Nutshell Handbook logo, and theO’Reilly logo are registered trademarks of
O’Reilly Media, Inc. HTML5: Up and Running, the image of an alpine chamois, and related trade dress
are trademarks of O’Reilly Media, Inc.
Many of the designations used by manufacturers and sellers to distinguish their products are claimed as
trademarks. Where those designations appear in this book, and O’Reilly Media, Inc. was aware of a
trademark claim,the designations have been printed in caps or initial caps.
While every precaution has been taken in the preparation of this book, the publisher and author assume
no responsibility for errors or omissions, or for damages resulting from the use of the information contained herein.

TM

This book uses RepKover™, a durable and flexible lay-flat binding.
ISBN: 978-0-596-80602-6
[M]
1281030545Download from Library of Wow! eBook

Table of Contents

Preface . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ix
1. How Did We Get Here? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
Diving In
MIME Types
A Long Digression into HowStandards Are Made
An Unbroken Line
A Timeline of HTML Development from 1997 to 2004
Everything You Know About XHTML Is Wrong
A Competing Vision
What Working Group?
Back to the W3C
Postscript
Further Reading

1
1
2
7
9
10
11
12
13
14
14

2. Detecting HTML5 Features . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
Diving In
DetectionTechniques
Modernizr: An HTML5 Detection Library
Canvas
Canvas Text
Video
Video Formats
Local Storage
Web Workers
Offline Web Applications
Geolocation
Input Types
Placeholder Text
Form Autofocus
Microdata

15
15
16
16
17
18
19
21
23
23
24
25
27
27
28

v

Download from Library of Wow! eBook

Further Reading

29

3. What Does It All Mean? . . . . . . . . . . .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
Diving In
The Doctype
The Root Element
The Element
Character Encoding
Friends and (Link) Relations
New Semantic Elements in HTML5
A Long Digression into How Browsers Handle Unknown Elements
Headers
Articles
Dates and Times
Navigation
Footers
Further Reading

31
31
33
34
35
36
41
42
45
47
4951
52
54

4. Let’s Call It a Draw(ing Surface) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57
Diving In
Simple Shapes
Canvas Coordinates
Paths
Text
Gradients
Images
What About IE?
A Complete Example
Further Reading

57
58
60
61
63
67
70
73
75
79

5. Video on the Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ....