Professional Documents
Culture Documents
02序目錄
02序目錄
02序目錄
C#
1000
Apple Flash
HTML5 Web
Adobe Flash HTML5
Windows 8
HTML5
HTML5
Web
HTML5 Web
Chrome
HTML5
Chrome
http://html5.kangting.tw/books/ps/
http://html5.kangting.tw/books/ps/
http://www.kangting.tw
http://www.dotblogs.com.tw/kangting/
e-Mailtim@pie.com.tw
ii
HTML5
HTML5
HTML5
/ video / audio
HTML
XMLHttpRequest
Ajax
JSON
INPUT
HTML5
CSS3
HTML5 CSS3
Canvas
Canvas
HTML5
Web
WebWorkers
Workers
Server-Sent Events
WebSocket API
HTML5
iii
contentes
HTML5
1.1
1.2
1.3
1.4
1.5
1.6
1.7
1.8
HTML5
2.1
2.2
2.3
2.4
2.4.1
2.4.2
2.4.3
2.4.4
2.4.5
2.4.6
2.4.7
2.4.8
2.5
......................................................................................................2-23
2.5.1
2.5.2
iv
HTML5
...................................................... 2-5
title.............................................................................. 2-6
base ........................................................................... 2-8
style ................................................................. 2-10
link ................................................................... 2-10
script .............................................. 2-13
noscript ................................................................... 2-18
meta ................................................................. 2-19
.................................................................. 2-23
Boolean ......................................... 2-23
2.5.3
2.6
enumerated attribute
.................... 2-26
..............................................................................2-26
SUMMARY....................................................................................2-31
HTML
3.1
3.2
3.2.1
3.2.2
3.2.3
3.2.4
3.2.5
3.2.6
3.3
3.4
.........................................................................3-41
.........................................................................3-42
SUMMARY ..................................................................................3-45
INPUT
4.1
4.2
4.3
4.4
4.4.1
4.4.2
4.4.3
4.5
4.6
...................................................................4-25
..........................................................................................4-29
HTML5
4.7
4.8
4.9
4.10
4.11
color ................................................................................4-33
....................................................................................4-35
datalist list ...................................................4-38
formnovalidate .............................................4-40
..........................................................................................4-42
4.11.1
4.11.2
4.11.3
4.11.4
SUMMARY....................................................................................4-53
5.1
5.2
5.3
5.4
5.4.1
5.4.2
5.4.3
5.5
....................................................... 5-15
DataTransfer DragEvent ............................. 5-16
.................................................... 5-20
History API...................................................................................5-23
5.5.1
5.5.2
5.5.3
SUMMARY....................................................................................5-36
HTML5
6.1
vi
HTML5
6.2
6.3
6.4
6.5
6.6
6.7
6.8
6.9
6.10
6.11
6.12
.................................................... 6-5
body ................................................ 6-6
HTML5 ..................................................................... 6-11
Sectioning Content ............................................................6-12
<section> .........................................................................6-14
<article> .............................................................................6-17
<nav> .................................................................................................6-20
<aside> ............................................................................................6-23
<header> <footer> ..................................................6-26
figure ..........................................6-28
outline.........................................................6-33
6.12.1
6.12.2
6.12.3
6.12.4
............................................ 6-33
<hgroup> ......................................................... 6-35
............................................ 6-36
............................................ 6-41
<address> .....................................................6-42
6.13
6.14
.........................................................................6-43
SUMMARY ..............................................................................6-46
CSS3
7.1
7.2
7.2.1
7.2.2
7.2.3
7.2.4
7.2.5
7.2.6
7.3
............................................................. 7-3
.................................................................... 7-6
........................................................... 7-11
........................................................... 7-12
........................................................... 7-16
................................................ 7-18
CSS3 Borders..........................................7-21
HTML5
vii
7.3.1
7.3.2
7.3.3
7.3.4
....................................................... 7-21
............................................................... 7-22
box-shadow........................................... 7-26
border-image ........................................................... 7-32
..............................................................................7-37
.................................................................. 7-37
7.4.1
column-width................................................ 7-40
7.4.2
column-count ............................................... 7-43
7.4.3
columns.................................................................... 7-46
7.4.4
.................................................................. 7-46
7.4.5
7.5 ...................................................................7-49
........................................................... 7-49
7.5.1
overflow-x overflow-y .......................................... 7-53
7.5.2
outline outline-offset ............................ 7-56
7.5.3
opacity....................................................... 7-58
7.5.4
7.4
7.6
..........................................................................................7-60
SUMMARY....................................................................................7-70
HTML5 CSS3
8.1
8.1.1
8.1.2
8.1.3
8.2
8.3
viii
HTML5
....................................................................................8-10
.....................................................8-32
Transform
8.3.1
8.3.2
8.3.3
8.3.4
8.3.5
8.4
................................................................. 8-2
.................................................................. 8-32
.................................................................. 8-34
.......................................................................... 8-36
.......................................................................... 8-38
.......................................................................... 8-41
.............................................8-44
CSS3 Animations
8.4.1
8.4.2
8.4.3
8.4.4
8.4.5
8.4.6
8.4.7
8.5
......................................................8-61
Transition
SUMMARY....................................................................................8-70
Canvas
9.1
9.2
9.3
9.3.1
9.3.2
9.3.3
9.3.4
9.3.5
9.3.6
9.3.7
9.4
.............................................. 9-7
............................................................. 9-8
beginPath() closePath() ...................................... 9-11
.................................................................. 9-14
.................................................... 9-15
.................................................................. 9-21
....................................................................................9-24
9.4.1
9.4.2
9.4.3
9.4.4
9.4.5
9.5
API................................................... 9-6
......................................................................................................9-39
9.5.1
9.5.2
HTML5
ix
9.5.3
9.5.4
9.6
..........................................................................................9-48
9.6.1
9.6.2
9.6.3
9.7
9.8
9.9
............................................................... 9-44
.......................................................................... 9-48
.................................................................. 9-49
.................................................................. 9-52
..........................................................................................9-53
...................................................................9-58
...................................................................9-63
SUMMARY....................................................................................9-65
10
Canvas
10.1
10.2
10.3
..........................................................................................10-2
..............................................................................10-4
....................................................................................10-8
10.3.1
10.3.2
10.3.3
10.3.4
10.4
....................................................... 10-8
.................................................................. 10-9
................................................................ 10-12
................................................................ 10-19
...................................................................................... 10-24
10.5
10.6
10.7
10.8
x
HTML5
...................................................................................... 10-48
10.8.1
10.8.2
10.8.3
10.8.4
10.9
10.10
10.11
10.12
10.13
10.14
10.15
.................................................. 10-48
..................................................... 10-50
putImageData() .............................. 10-52
.................................................. 10-54
................................................................................. 10-58
................................................................................. 10-60
............................................................... 10-67
..................................................................... 10-69
setTimeout setInterval ............
........................................................................................................ 10-71
................................................................................. 10-74
..................................................................... 10-76
11
11.1
11.2
11.3
11.4
11.5
11.6
11.6.1
11.6.2
11.6.3
11.6.4
11.7
..................................................................................... 11-2
............................................................. 11-5
..........................................................11-10
Cache manifest..............................11-12
......................................................................11-14
......................................................................11-14
......................................................... 11-14
................................................................ 11-17
CACHE NETWORK ...................... 11-18
FALLBACK .................................................... 11-22
...............................................11-25
HTML5
xi
11.7.1
11.7.2
11.7.3
11.7.4
11.7.5
..................................................... 11-25
................................................................ 11-26
................................................................ 11-28
....................................... 11-32
............................... 11-34
SUMMARY ...............................................11-37
Cookie ......................................................................12-2
Web ......................................................................12-5
localStorage sessionStorage ........12-6
...................................................................12-8
12.5
12.6
12.7
12.8
12.9
12.10
13
13.1
13.2
File ......................................................13-2
.....................................................................................13-6
HTML5
13.2.2
13.2.3
13.2.4
13.2.5
13.3
13.4
13.5
.................................................... 13-8
................................................................ 13-15
.................................................. 13-20
................................................................ 13-26
................................................................................. 13-30
..................................................................... 13-34
BlobBuilder ............................................. 13-36
SUMMARY .......................................................................... 13-40
14
14.1
.........................................................................14-2
14.2
14.3
DirectoryEntry ...........................14-7
..........................................................14-11
14.4
......................................................... 14-18
14.5
14.6
14.7
14.8
......................................................... 14-36
........................................ 14-40
......................................................... 14-42
Worker ...................................................... 14-43
SUMMARY .......................................................................... 14-46
HTML5
xiii
15
15.1
15.2
15.3
15.4
15.5
15.6
15.7
.........................................................................15-2
...................................................................15-5
...............................................15-11
................................................................................. 15-13
MessageEvent ..................................... 15-17
iframe .............................................................. 15-18
............................................................................................. 15-19
16 Web Workers
16.1
16.2
16.3
16.4
16.5
16.6
16.7
16.8
.............................................................16-2
Web Workers ..........................................................16-3
.....................................................................................16-7
................................16-9
......................................................................16-11
JavaScript..................... 16-12
JavaScript ..................................... 16-15
Worker ....................... 16-18
xiv
HTML5
17 Server-Sent Events
17.1
17.2
........................................................17-2
EventSource ........................17-4
17.2.1
17.2.2
17.2.3
17.2.4
17.2.5
17.3
17.4
17.5
..................................... 17-4
EventSource ............................................ 17-7
.................................................................. 17-8
.............................................. 17-10
data id ...................................................... 17-14
........................................................................... 17-19
......................................................... 17-21
.............................................. 17-23
SUMMARY .......................................................................... 17-24
18 WebSocket API
18.1
18.2
18.3
18.4
18.5
................................................................................. 18-14
................................................................................. 18-18
HTML5
xv
19
19.1
19.2
19.3
19.4
19.5
Geolocation .............................................................19-2
.............................................................19-3
Google ..............................................................19-9
............................ 19-14
......................................................... 19-16
SUMMARY .......................................................................... 19-20
20 / video / audio
20.1
20.2
20.3
20.4
20.5
20.6
20.6.1
20.6.2
20.6.3
20.6.4
20.6.5
20.7
20.8
20.9
............................................................... 20-28
.............................................. 20-30
canvas video ................................... 20-33
SUMMARY .......................................................................... 20-40
xvi
HTML5
21 XMLHttpRequest Ajax
21.1
21.2
21.3
21.4
............................................................... 21-19
21.4.1
21.4.2
21.4.3
21.4.4
21.4.5
21.4.6
21.4.7
21.5
.............................................. 21-23
.......................................... 21-25
......................................................... 21-32
................................................................ 21-34
File .......................................... 21-37
............................................................... 21-51
21.6.1
21.6.2
21.6.3
21.6.4
21.7
...................................... 21-21
21.5.1
21.5.2
21.5.3
21.5.4
21.6
................................................. 21-19
HTML5
xvii
22 JSON
22.1
22.2
22.3
22.4
22.5
JSON ...............................................................................22-2
JSON ................................22-7
XMLHttpRequest JSON.....................................22-9
ASP.NET JSON .............................. 22-13
..................................................................... 22-19
SUMMARY .......................................................................... 22-21
( 23-27 )
23
23.1
23.2
........................................................23-2
................................................................................. 23-10
SUMMARY .......................................................................... 23-13
24
24.1
24.2
24.3
.....................................................................................24-2
................................................................................. 24-12
................................................................................. 24-14
SUMMARY .......................................................................... 24-22
25
25.1
25.2
25.3
xviii
HTML5
.....................................................................................25-2
.....................................................................................25-8
.....................................................................................25-8
26
26.1
26.2
26.3
.....................................................................................26-2
.....................................................................................26-4
.....................................................................................26-5
SUMMARY .......................................................................... 26-12
27
27.1
27.2
27.3
.....................................................................................27-2
.....................................................................................27-4
.....................................................................................27-6
SUMMARY .......................................................................... 27-14
A.1
A.2
A.3
A.4
A.5
HTML5
xix
Example of an index
HTML5
2-1
2-2
2-3
2-4
2-5
2-6
2-7
2-8
2-7
2-9
2-14
2-16
2-18
2-24
2-27
2-28
mark
ruby
details/summary
wbr
keygen
output
accesskey
id
dir
style
contenteditable
hidden
spellcheck
textarea
textarea wrap
3-3
3-6
3-8
3-9
3-11
3-13
3-15
3-16
3-18
3-20
3-24
3-25
3-27
3-29
3-36
3-39
3-40
INPUT
4-1
4-2
4-3
xx
base
defer
src async
noscript
true/false
tbody
HTML
3-1
3-2
3-3
3-4
3-5
3-6
3-7
3-8
3-9
3-10
3-11
3-12
3-13
3-14
3-15
3-16
3-17
title
HTML5
autocomplete
dirname
pattern title
4-3
4-4
4-8
4-4
4-5
4-6
4-7
4-8
4-9
4-10
4-11
4-12
4-13
4-14
4-15
4-16
4-17
4-18
4-19
4-20
4-21
4-22
autofocus
form
stepUp setDown
color
Auto Complete
formnovalidate
novalidate
willValidate
checkValidity()
validate
validate
setCustomValidity()
4-10
4-11
4-13
4-18
4-20
4-25
4-27
4-28
4-30
4-32
4-34
4-39
4-40
4-41
4-43
4-44
4-46
4-48
4-51
5-1
5-2
5-3
5-4
5-5
5-6
5-7
5-8
5-9
5-10
5-11
5-12
5-13
onkeyup
onkeydown
onkeyup onkeydown oninput
input
mousewheel
History API
go()
pushState
popstate
5-3
5-4
5-5
5-7
5-9
5-13
5-18
5-21
5-23
5-25
5-28
5-31
5-33
HTML5
xxi
HTML5
6-1
6-2
6-3
6-4
6-5
6-6
6-7
6-8
6-9
6-10
6-6
6-15
6-19
6-21
6-22
6-24
6-28
6-29
6-31
6-39
CSS3
7-1
7-2
7-3
7-4
7-5
7-6
7-7
7-8
7-9
7-10
7-11
7-12
7-13
7-14
7-15
7-16
7-17
7-18
7-19
7-20
xxii
body
article
nav
nav
aside
gure
gure
gure
h
HTML5
box
box-ex
box-ordinal-group
box-sizing
column-width
column-count
column-width column-count
resize
overow
outline-oset
opacity
7-3
7-9
7-13
7-16
7-19
7-23
7-25
7-30
7-36
7-38
7-41
7-44
7-45
7-48
7-51
7-54
7-57
7-58
7-62
7-67
HTML5 CSS3
8-1
8-2
8-3
8-4
8-5
8-6
8-7
8-8
8-9
8-10
8-11
8-12
8-13
8-14
8-15
8-16
8-17
8-18
8-19
8-20
8-21
8-22
8-23
8-24
8-25
8-26
8-27
id
querySelector
querySelectorAll
rst last
rst last type
nth
root empty
checked enabled disabled
not
before after
combinator
CSS
transition-property
timing-function cubic-bezier
8-3
8-5
8-7
8-9
8-11
8-13
8-15
8-17
8-20
8-22
8-24
8-26
8-27
8-28
8-30
8-35
8-37
8-39
8-42
8-46
8-51
8-53
8-56
8-58
8-60
8-66
8-68
Canvas
9-1
9-2
9-3
9-4
9-5
9-6
Canvas
beginPath
closePath
9-3
9-9
9-10
9-12
9-13
9-15
HTML5
xxiii
9-7
9-8
9-9
9-10
9-11
9-12
9-13
9-14
9-15
9-16
9-17
9-18
9-19
9-20
9-21
9-22
9-23
9-24
9-25
9-26
9-27
10
lineCap
lineJoin
miterLimit
translate
arcTo
arcTo
strokeStyle
RGB
RGBA
llStyle
Canvas
10-1
10-2
10-3
10-4
10-5
10-6
10-7
10-8
10-9
10-10
10-11
10-12
10-13
10-14 Canvas
10-15 canvas
10-16
xxiv
9-16
9-18
9-20
9-22
9-23
9-26
9-28
9-30
9-32
9-34
9-35
9-38
9-42
9-43
9-45
9-47
9-51
9-52
9-56
9-59
9-63
HTML5
10-3
10-6
10-10
10-13
10-15
10-16
10-17
10-21
10-22
10-25
10-26
10-31
10-34
10-36
10-38
10-41
10-17
10-18
10-19
10-20
10-21
10-22
10-23
10-24
10-25
10-26
10-27
10-28
10-29
10-30
10-31
11
10-44
10-46
10-51
10-53
10-54
10-56
10-59
10-61
10-63
10-65
10-67
10-70
10-74
10-77
10-79
11-1
11-2
11-3
11-4
11-5
11-6
11-7
11-8
11-9
11-10
12
RGB
canvas URL
HTML5
Canvas
CACHE NETWORK
FALLBACK
11-2
11-10
11-15
11-18
11-20
11-22
11-27
11-29
11-32
11-35
12-1
12-2
12-3
12-4
12-5
12-6
12-7
Cookie
Storage
Storage
loscalStorage
sessionStorage localStorage
12-2
12-4
12-8
12-11
12-13
12-15
12-17
HTML5
xxv
12-8
12-9
12-10
12-11
13
File
FileRedar
BlobBuilder
13-4
13-5
13-9
13-12
13-16
13-18
13-23
13-27
13-30
13-32
13-34
13-38
14-1
14-2
14-3
14-4
14-5
14-6
14-7
14-8
14-9
14-10
14-11
14-12
14-13
14-14
14-15
14-16
xxvi
12-19
12-23
12-26
12-32
13-1
13-2
13-3
13-4
13-5
13-6
13-7
13-8
13-9
13-10
13-11
13-12
14
sessionStorage
storage
HTML5
DirectoryEntry
DirectoryReader
FileEntry
14-6
14-9
14-12
14-14
14-15
14-19
14-21
14-25
14-27
14-30
14-34
14-37
14-39
14-41
14-43
14-45
15
15-1
15-2
15-3
15-4
15-5
15-6
15-7
16
15-7
15-9
15-12
15-14
15-18
15-22
15-24
Web Workers
16-1
16-2
16-3
16-4
16-5
16-6
16-7
16-8
16-9
16-10
16-11
16-12
16-13
17
targetOrigin
iframe
Channel
Web Workers
Worker
Web Workers
Worker
JavaScript
JavaScript
importScripts
importScripts
SharedWorker
SharedWorker Worker
SharedWorker MessagePort
SharedWorker
16-2
16-6
16-8
16-9
16-11
16-13
16-14
16-15
16-17
16-20
16-21
16-23
16-26
Server-Sent Events
17-1
17-2
17-3
17-4
17-5
17-6
17-7
EventSource
id
data
17-5
17-9
17-13
17-15
17-18
17-19
17-22
HTML5
xxvii
18
WebSocket API
18-1
18-2
18-3
18-4
18-5
18-6
19
WebSocket
WebSocket
18-4
18-7
18-10
18-15
18-19
18-23
19-1
19-2
19-3
19-4
20
WebSocket
19-7
19-13
19-15
19-17
/ video / audio
20-1
20-2
20-3
20-4
20-5
20-6
20-7
20-8
20-9
20-10
20-11
20-12
20-13
20-14
20-15
20-16
20-17
xxviii HTML5
video
audio/wav video
JavaScript video
video
canvas
canvas
canvas setTimeout
20-3
20-7
20-9
20-11
20-18
20-19
20-21
20-24
20-26
20-28
20-31
20-32
20-34
20-35
20-36
20-37
20-38
21
XMLHttpRequest Ajax
22
JSON
21-1
21-2
21-3
21-4
21-5
21-6
21-7
21-8
21-9
21-10
21-11
21-12
21-13
21-14
21-15
21-16
21-17
21-18
21-19
21-20
21-21
22-1
22-2
22-3
22-4
22-5
22-6
22-7
22-8
22-9
22-10
XMLHttpRequest
URL
FormData
XMLHttpRequest Form
XMLHttpRequest
XMLHttpRequest
XMLHttpRequest
timeout
timeout IE
XMLHttpRequest
XMLHttpRequest XML
XMLHttpRequest XML
XMLHttpRequest
Worker XMLHttpRequest
Worker
21-8
21-10
21-14
21-20
21-22
21-24
21-26
21-32
21-35
21-37
21-40
21-44
21-46
21-48
21-52
21-54
21-56
21-60
21-62
21-66
21-68
JSON
JSON
JSON
JSON
JSON
JSON
JSON
JSON
JSON
22-3
22-5
22-6
22-8
22-9
22-10
22-11
22-15
22-17
22-19
HTML5
xxix