Sams Teach Yourself HTML5 in 10 Minutes

Table of Contents......Page 4
What’s in This Book......Page 12
What You Need......Page 14
Welcome to HTML5......Page 16
Drawing With the Canvas Element......Page 17
Getting Data With the New Web Form Controls......Page 18
Saying Hello With Interdocument Messaging......Page 19
Making Use of Web Storage......Page 20
Using the New Elements......Page 21
Welcome to the Canvas Element......Page 24
Getting to Know the Canvas API......Page 25
Starting the Canvas Example......Page 29
Drawing Rectangles......Page 31
Drawing Line Art......Page 33
Filling Line Art......Page 35
Drawing with Bezier Curves......Page 36
Drawing with Quadratic Curves......Page 38
Drawing Arcs......Page 39
Drawing Text......Page 41
The canvas.html Example Code......Page 42
Welcome to Drag and Drop......Page 46
Getting to Know the Drag-and-Drop API......Page 48
Starting the Drag-and-Drop Example......Page 52
Styling the Draggable and Target Elements......Page 54
Starting the Drag Operation......Page 57
Allowing Dragged Objects to Enter the Targets......Page 58
Allowing Dragged Objects to Be Dropped on Certain Targets......Page 59
Handling Drop Events......Page 61
Ending Drop Operations......Page 62
The draganddrop.html Example Code......Page 63
4 Web Form Controls......Page 68
Welcome to Web Form Controls......Page 69
Getting to Know the Web Form Controls API......Page 71
Starting the Web Forms Example......Page 77
Creating a Default Control......Page 78
Creating a URL Control......Page 79
Creating an Email Control......Page 80
Creating Range and Number Controls......Page 81
Creating Date and Time Controls......Page 83
Creating a Color Control......Page 85
Creating a Search Control......Page 86
The webforms.html Example Code......Page 87
The webforms.php Example Code......Page 89
Welcome to Inline Editing......Page 90
Starting the editdiv.html Example......Page 92
Adding a Bold Button......Page 94
Adding an Italic Button......Page 96
Adding an Underline Button......Page 98
Adding an Add Link Button......Page 99
Adding a Display Source Button......Page 102
Spellchecking......Page 104
The editdiv.html Example Code......Page 106
Starting the editiframe.html Example......Page 107
Adding the editiframe.html Buttons......Page 109
The editiframe.html Example Code......Page 111
Welcome to Browser History......Page 114
Getting to Know the History API......Page 115
Starting the pophistory.html Example......Page 117
Adding a Back Button......Page 118
Adding a Forward Button......Page 121
Adding a Go Button......Page 123
Getting History Length......Page 125
Pushing Data into the History......Page 127
Popping Data from the History......Page 130
The pophistory.html Example Code......Page 132
Welcome to Messaging......Page 136
Getting to Know the Messaging API......Page 138
Starting the parent.html Example......Page 140
Sending a Cross-Window Message......Page 141
Starting the child.html Example......Page 143
Receiving a Cross-Window Message......Page 145
The parent.html Example Code......Page 146
The child.html Example Code......Page 147
Starting the domainparent.html Example......Page 148
Sending a Cross-Domain Message......Page 149
Starting the domainchild.html Example......Page 151
Receiving a Cross-Domain Message......Page 153
The domainparent.html Example Code......Page 154
The domainchild.html Example Code......Page 155
Welcome to the Video Media Control......Page 158
Getting to Know the Video Element API......Page 159
Converting to OGG Format......Page 161
Starting the video.html Example......Page 164
Adding Controls to the video.html Example......Page 166
Playing a Video Automatically......Page 167
Detecting When a Video Has Failed......Page 168
Getting to Know the Audio Element API......Page 171
Starting the audio.html Example......Page 173
Detecting When an Audio Has Failed......Page 175
Welcome to Session Storage......Page 178
Getting to Know the Session Storage API......Page 180
Starting the sessionstorage.html Example......Page 182
Storing Data in the Session......Page 183
Getting Data from the Session......Page 185
Clearing Session Data......Page 186
The sessionstorage.html Code......Page 188
Welcome to Local Storage......Page 189
Getting to Know the Local Storage API......Page 191
Starting the localstorage.html Example......Page 192
Storing Data in the Browser......Page 193
Getting Data from the Browser......Page 195
Clearing Local Data......Page 197
The localstorage.html Code......Page 199
Adding SVG and MathML......Page 202
Welcome to the New Elements......Page 203
The 
 Element......Page 205
The