HTML5_ Up and Running

نویسنده :mark pilgrim

1. How Did We Get Here? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
Diving In 1
MIME Types 1
A Long Digression into How Standards Are Made 2
An Unbroken Line 7
A Timeline of HTML Development from 1997 to 2004 9
Everything You Know About XHTML Is Wrong 10
A Competing Vision 11
What Working Group? 12
Back to the W3C 13
Postscript 14
Further Reading 14
2. Detecting HTML5 Features . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
Diving In 15
Detection Techniques 15
Modernizr: An HTML5 Detection Library 16
Canvas 16
Canvas Text 17
Video 18
Video Formats 19
Local Storage 21
Web Workers 23
Offline Web Applications 23
Geolocation 24
Input Types 25
Placeholder Text 27
Form Autofocus 27
Microdata 28

3. What Does It All Mean? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
Diving In 31
The Doctype 31
The Root Element 33
The <head> Element 34
Character Encoding 35
Friends and (Link) Relations 36
New Semantic Elements in HTML5 41
A Long Digression into How Browsers Handle Unknown Elements 42
Headers 45
Articles 47
Dates and Times 49
Navigation 51
Footers 52
Further Reading 54
4. Let’s Call It a Draw(ing Surface) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57
Diving In 57
Simple Shapes 58
Canvas Coordinates 60
Paths 61
Text 63
Gradients 67
Images 70
What About IE? 73
A Complete Example 75
Further Reading 79
5. Video on the Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81
Diving In 81
Video Containers 81
Video Codecs 83
H.264 84
Theora 84
VP8 85
Audio Codecs 85
MPEG-1 Audio Layer 3 86
Advanced Audio Coding 87
Vorbis 87
What Works on the Web 88
Licensing Issues with H.264 Video 90