Introducing HTML5

Using new HTML5 structural elements 6
Styling HTML5 with CSS 10
When to use the new HTML5 structural elements 13
What’s the point? 20
Summary 21
23
Structuring main content areas 24
Adding blog posts and comments 30
Working with HTML5 outlines 31
Understanding WAI-ARIA 49
Even more new structures! 53
Redefined elements 65
Global attributes 70
Removed attributes 75
Features not covered in this book 77
Summary 78
CHAPTER 3 Forms 79
We HTML, and now it s us back 80
New input types 80
New attributes 87
<progress>, <meter> elements 94
Putting all this together 95
Backwards compatibility with legacy browsers 99
Styling new form fields and error messages 100
Overriding browser defaults 102
Using JavaScript for DIY validation 104

ntents vii
Avoiding validation 105
Summary 108
CHAPTER 4 Video and Audio 109
Native multimedia: why, what, and how? 110
Codecs—the horror, the horror 117
Rolling custom controls 123
Multimedia accessibility 136
Synchronising media tracks 139
Summary 142
CHAPTER 5 Canvas 143
Canvas basics 146
Drawing paths 150
Using transformers: pixels in disguise 153
Capturing images 155
Pushing pixels 159
Animating your canvas paintings 163
Summary 168
CHAPTER 6 Data Storage 169
Storage options 170
Web Storage 172
Web SQL Database 184
IndexedDB 195
Summary 205
CHAPTER 7 Offline 207
Pulling the plug: going offline 208
The cache manifest 209
Network and fallback in detail 212
How to serve the manifest 214
The browser-server process 214
applicationCache 217
Debugging tips 219
Using the manifest to detect connectivity 221
Killing the cache 222
Summary 223

ntents vii
Avoiding validation 105
Summary 108
CHAPTER 4 Video and Audio 109
Native multimedia: why, what, and how? 110
Codecs—the horror, the horror 117
Rolling custom controls 123
Multimedia accessibility 136
Synchronising media tracks 139
Summary 142
CHAPTER 5 Canvas 143
Canvas basics 146
Drawing paths 150
Using transformers: pixels in disguise 153
Capturing images 155
Pushing pixels 159
Animating your canvas paintings 163
Summary 168
CHAPTER 6 Data Storage 169
Storage options 170
Web Storage 172
Web SQL Database 184
IndexedDB 195
Summary 205
CHAPTER 7 Offline 207
Pulling the plug: going offline 208
The cache manifest 209
Network and fallback in detail 212
How to serve the manifest 214
The browser-server process 214
applicationCache 217
Debugging tips 219
Using the manifest to detect connectivity 221
Killing the cache 222
Summary 223