Tìm kiếm ebook:

Vd: giáo trình, kinh tế học, TOEIC, photoshop, lập trình C, tiểu thuyết...

Friday, July 2, 2010

HTML5 và CSS3 toàn tập

Tài liệu giới thiệu và hướng dẫn chi tiết về ngôn ngữ web thế hệ mới HTML5 và CSS3 giúp bạn thỏa sức trong thế giới của Web 3.0

Mục lục:
1 Introduction ................................................................................................................................................. 16
1.1 Is this HTML5?........................................................................................................................... 16
1.2 Background............................................................................................................................... 16
1.3 Audience................................................................................................................................... 16
1.4 Scope........................................................................................................................................ 17
1.5 History ...................................................................................................................................... 17
1.6 Design notes............................................................................................................................. 18
1.6.1 Serializability of script execution ............................................................................ 18
1.6.2 Compliance with other specifications...................................................................... 18
1.7 HTML vs XHTML ......................................................................................................................... 19
1.8 Structure of this specification .................................................................................................... 19
1.8.1 How to read this specification................................................................................. 20
1.8.2 Typographic conventions ........................................................................................ 20
1.9 A quick introduction to HTML..................................................................................................... 20
1.10 Conformance requirements for authors................................................................................... 22
1.10.1 Presentational markup .......................................................................................... 23
1.10.2 Syntax errors ........................................................................................................ 23
1.10.3 Restrictions on content models and on attribute values .......................................25
1.11 Recommended reading............................................................................................................ 27

2 Common infrastructure ............................................................................................................................... 28
2.1 Terminology ............................................................................................................................... 28
2.1.1 Resources ............................................................................................................... 28
2.1.2 XML ......................................................................................................................... 28
2.1.3 DOM trees ............................................................................................................... 29
2.1.4 Scripting.................................................................................................................. 29
2.1.5 Plugins .................................................................................................................... 29
2.1.6 Character encodings ............................................................................................... 30
2.2 Conformance requirements ....................................................................................................... 30
2.2.1 Dependencies ......................................................................................................... 33
2.2.2 Extensibility ............................................................................................................ 34
2.3 Case-sensitivity and string comparison ..................................................................................... 35
2.4 Common microsyntaxes ............................................................................................................ 36
2.4.1 Common parser idioms ........................................................................................... 36
2.4.2 Boolean attributes .................................................................................................. 37
2.4.3 Keywords and enumerated attributes ..................................................................... 37
2.4.4 Numbers ................................................................................................................. 37
2.4.4.1 Non-negative integers.......................................................................... 37
2.4.4.2 Signed integers .................................................................................... 38
2.4.4.3 Real numbers ....................................................................................... 38
2.4.4.4 Percentages and lengths ...................................................................... 40
2.4.4.5 Lists of integers.................................................................................... 41
2.4.4.6 Lists of dimensions............................................................................... 42
2.4.5 Dates and times...................................................................................................... 43
2.4.5.1 Months ................................................................................................. 43
2.4.5.2 Dates.................................................................................................... 44
2.4.5.3 Times ................................................................................................... 45
2.4.5.4 Local dates and times .......................................................................... 46
2.4.5.5 Global dates and times ........................................................................ 46
2.4.5.6 Weeks................................................................................................... 48
2.4.5.7 Vaguer moments in time ...................................................................... 49
2.4.6 Colors...................................................................................................................... 50
2.4.7 Space-separated tokens.......................................................................................... 52
2.4.8 Comma-separated tokens ....................................................................................... 53
2.4.9 References .............................................................................................................. 54
2.4.10 Media queries ....................................................................................................... 54
2.5 URLs ......................................................................................................................................... 54
2.5.1 Terminology ............................................................................................................ 54
2.5.2 Dynamic changes to base URLs .............................................................................. 56
2.5.3 Interfaces for URL manipulation.............................................................................. 56
2.6 Fetching resources..................................................................................................................... 58
2.6.1 Protocol concepts.................................................................................................... 60
2.6.2 Encrypted HTTP and related security concerns.......................................................60
2.6.3 Determining the type of a resource ........................................................................ 61
2.7 Common DOM interfaces........................................................................................................... 61
2.7.1 Reflecting content attributes in IDL attributes ........................................................61
2.7.2 Collections .............................................................................................................. 63
2.7.2.1 HTMLCollection..................................................................................... 63
2.7.2.2 HTMLAllCollection................................................................................. 64
2.7.2.3 HTMLFormControlsCollection................................................................65
2.7.2.4 HTMLOptionsCollection ........................................................................ 66
2.7.2.5 HTMLPropertiesCollection..................................................................... 68
2.7.3 DOMTokenList.......................................................................................................... 69
2.7.4 DOMSettableTokenList ............................................................................................ 71
2.7.5 Safe passing of structured data .............................................................................. 71
2.7.6 DOMStringMap ........................................................................................................ 72
2.7.7 DOM feature strings ................................................................................................ 73
2.7.8 Exceptions .............................................................................................................. 74
2.7.9 Garbage collection .................................................................................................. 74
2.8 Namespaces .............................................................................................................................. 74
3 Semantics, structure, and APIs of HTML documents..................................................................................... 75
3.1 Documents ............................................................................................................................... 75
3.1.1 Documents in the DOM ........................................................................................... 75
3.1.2 Security................................................................................................................... 77
3.1.3 Resource metadata management........................................................................... 77
3.1.4 DOM tree accessors ................................................................................................ 80
3.1.5 Creating documents................................................................................................ 83
3.2 Elements................................................................................................................................... 84
3.2.1 Semantics ............................................................................................................... 84
3.2.2 Elements in the DOM .............................................................................................. 85
3.2.3 Global attributes ..................................................................................................... 87
3.2.3.1 The id attribute ................................................................................... 89
3.2.3.2 The title attribute.............................................................................. 89
3.2.3.3 The lang and xml:lang attributes .......................................................89
3.2.3.4 The xml:base attribute (XML only) ......................................................90
3.2.3.5 The dir attribute.................................................................................. 90
3.2.3.6 The class attribute.............................................................................. 91
3.2.3.7 The style attribute.............................................................................. 91
3.2.3.8 Embedding custom non-visible data ....................................................92
3.2.4 Element definitions ................................................................................................. 94
3.2.5 Content models....................................................................................................... 94
3.2.5.1 Kinds of content ................................................................................... 95
3.2.5.1.1 Metadata content ..............................................................95
3.2.5.1.2 Flow content...................................................................... 96
3.2.5.1.3 Sectioning content.............................................................96
3.2.5.1.4 Heading content ................................................................96
3.2.5.1.5 Phrasing content ...............................................................96
3.2.5.1.6 Embedded content ............................................................97
3.2.5.1.7 Interactive content ............................................................97
3.2.5.2 Transparent content models.................................................................98
3.2.5.3 Paragraphs ........................................................................................... 98
3.2.6 Annotations for assistive technology products (ARIA)...........................................100
3.3 APIs in HTML documents.......................................................................................................... 103
3.4 Interactions with XPath and XSLT............................................................................................. 104
3.5 Dynamic markup insertion....................................................................................................... 105
3.5.1 Opening the input stream ..................................................................................... 105
3.5.2 Closing the input stream....................................................................................... 106
3.5.3 document.write() ............................................................................................... 107
3.5.4 document.writeln() ........................................................................................... 108
3.5.5 innerHTML............................................................................................................. 108
3.5.6 outerHTML............................................................................................................. 109
3.5.7 insertAdjacentHTML()........................................................................................ 109
4 The elements of HTML............................................................................................................................... 112
4.1 The root element ..................................................................................................................... 112
4.1.1 The html element ................................................................................................. 112
4
4.2 Document metadata................................................................................................................ 112
4.2.1 The head element ................................................................................................. 112
4.2.2 The title element ............................................................................................... 113
4.2.3 The base element ................................................................................................. 114
4.2.4 The link element ................................................................................................. 115
4.2.5 The meta element ................................................................................................. 119
4.2.5.1 Standard metadata names.................................................................120
4.2.5.2 Other metadata names ...................................................................... 121
4.2.5.3 Pragma directives .............................................................................. 122
4.2.5.4 Other pragma directives .................................................................... 125
4.2.5.5 Specifying the document's character encoding .................................125
4.2.6 The style element ............................................................................................... 126
4.2.7 Styling................................................................................................................... 128
4.3 Scripting ................................................................................................................................. 129
4.3.1 The script element ............................................................................................. 129
4.3.1.1 Scripting languages............................................................................ 134
4.3.1.2 Restrictions for contents of script elements ....................................135
4.3.1.3 Inline documentation for external scripts...........................................136
4.3.2 The noscript element.......................................................................................... 136
4.4 Sections .................................................................................................................................. 138
4.4.1 The body element ................................................................................................. 138
4.4.2 The section element ........................................................................................... 140
4.4.3 The nav element ................................................................................................... 142
4.4.4 The article element ........................................................................................... 144
4.4.5 The aside element ............................................................................................... 145
4.4.6 The h1, h2, h3, h4, h5, and h6 elements ...............................................................147
4.4.7 The hgroup element ............................................................................................. 148
4.4.8 The header element ............................................................................................. 148
4.4.9 The footer element ............................................................................................. 150
4.4.10 The address element ......................................................................................... 151
4.4.11 Headings and sections ........................................................................................ 152
4.4.11.1 Creating an outline........................................................................... 153
4.5 Grouping content..................................................................................................................... 157
4.5.1 The p element....................................................................................................... 157
4.5.2 The hr element ..................................................................................................... 158
4.5.3 The pre element ................................................................................................... 158
4.5.4 The blockquote element...................................................................................... 159
4.5.5 The ol element ..................................................................................................... 161
4.5.6 The ul element ..................................................................................................... 162
4.5.7 The li element ..................................................................................................... 163
4.5.8 The dl element ..................................................................................................... 164
4.5.9 The dt element ..................................................................................................... 166
4.5.10 The dd element ................................................................................................... 166
4.5.11 The figure element ........................................................................................... 167
4.5.12 The figcaption element.................................................................................... 168
4.5.13 The div element ................................................................................................. 168
4.6 Text-level semantics ................................................................................................................ 169
4.6.1 The a element....................................................................................................... 169
4.6.2 The em element ..................................................................................................... 171
4.6.3 The strong element ............................................................................................. 172
4.6.4 The small element ............................................................................................... 173
4.6.5 The cite element ................................................................................................. 174
4.6.6 The q element....................................................................................................... 175
4.6.7 The dfn element ................................................................................................... 176
4.6.8 The abbr element ................................................................................................. 177
4.6.9 The time element ................................................................................................. 178
4.6.10 The code element ............................................................................................... 181
4.6.11 The var element ................................................................................................. 182
4.6.12 The samp element ............................................................................................... 182
4.6.13 The kbd element ................................................................................................. 183
4.6.14 The sub and sup elements.................................................................................. 184
4.6.15 The i element..................................................................................................... 184
4.6.16 The b element..................................................................................................... 185
4.6.17 The mark element ............................................................................................... 186
4.6.18 The ruby element ............................................................................................... 188
5
4.6.19 The rt element ................................................................................................... 189
4.6.20 The rp element ................................................................................................... 189
4.6.21 The bdo element ................................................................................................. 190
4.6.22 The span element ............................................................................................... 191
4.6.23 The br element ................................................................................................... 191
4.6.24 The wbr element ................................................................................................. 192
4.6.25 Usage summary .................................................................................................. 192
4.7 Edits........................................................................................................................................ 193
4.7.1 The ins element ................................................................................................... 193
4.7.2 The del element ................................................................................................... 194
4.7.3 Attributes common to ins and del elements .......................................................195
4.7.4 Edits and paragraphs ............................................................................................ 195
4.7.5 Edits and lists........................................................................................................ 196
4.8 Embedded content .................................................................................................................. 196
4.8.1 The img element ................................................................................................... 196
4.8.1.1 Requirements for providing text to act as an alternative for images .202
4.8.1.1.1 A link or button containing nothing but the image ..........202
4.8.1.1.2 A phrase or paragraph with an alternative graphical
representation: charts, diagrams, graphs, maps, illustrations........202
4.8.1.1.3 A short phrase or label with an alternative graphical
representation: icons, logos ...........................................................203
4.8.1.1.4 Text that has been rendered to a graphic for typographical
effect .............................................................................................. 204
4.8.1.1.5 A graphical representation of some of the surrounding
text ................................................................................................. 205
4.8.1.1.6 A purely decorative image that doesn't add any
information ..................................................................................... 206
4.8.1.1.7 A group of images that form a single larger picture with no
links ................................................................................................ 206
4.8.1.1.8 A group of images that form a single larger picture with
links ................................................................................................ 206
4.8.1.1.9 A key part of the content.................................................207
4.8.1.1.10 An image not intended for the user...............................209
4.8.1.1.11 An image in an e-mail or private document intended for a
specific person who is known to be able to view images ...............209
4.8.1.1.12 General guidelines.........................................................210
4.8.1.1.13 Guidance for markup generators...................................210
4.8.1.1.14 Guidance for conformance checkers .............................210
4.8.2 The iframe element ............................................................................................. 211
4.8.3 The embed element ............................................................................................... 217
4.8.4 The object element ............................................................................................. 220
4.8.5 The param element ............................................................................................... 224
4.8.6 The video element ............................................................................................... 225
4.8.7 The audio element ............................................................................................... 228
4.8.8 The source element ............................................................................................. 229
4.8.9 Media elements..................................................................................................... 231
4.8.9.1 Error codes ......................................................................................... 232
4.8.9.2 Location of the media resource ..........................................................232
4.8.9.3 MIME types......................................................................................... 233
4.8.9.4 Network states ................................................................................... 234
4.8.9.5 Loading the media resource...............................................................234
4.8.9.6 Offsets into the media resource .........................................................241
4.8.9.7 The ready states ................................................................................ 242
4.8.9.8 Playing the media resource................................................................244
4.8.9.9 Seeking .............................................................................................. 247
4.8.9.10 User interface................................................................................... 248
4.8.9.11 Time ranges ..................................................................................... 249
4.8.9.12 Event summary ................................................................................ 249
4.8.9.13 Security and privacy considerations ................................................251
4.8.10 The canvas element ........................................................................................... 251
4.8.10.1 The 2D context................................................................................. 254
4.8.10.1.1 The canvas state ...........................................................256
4.8.10.1.2 Transformations.............................................................257
4.8.10.1.3 Compositing .................................................................. 257
4.8.10.1.4 Colors and styles ...........................................................259
6
4.8.10.1.5 Line styles ..................................................................... 261
4.8.10.1.6 Shadows ........................................................................ 263
4.8.10.1.7 Simple shapes (rectangles) ...........................................264
4.8.10.1.8 Complex shapes (paths) ................................................264
4.8.10.1.9 Focus management .......................................................267
4.8.10.1.10 Text.............................................................................. 269
4.8.10.1.11 Images......................................................................... 272
4.8.10.1.12 Pixel manipulation .......................................................274
4.8.10.1.13 Drawing model ............................................................277
4.8.10.1.14 Examples..................................................................... 278
4.8.10.2 Color spaces and color correction ....................................................278
4.8.10.3 Security with canvas elements ........................................................279
4.8.11 The map element ................................................................................................. 279
4.8.12 The area element ............................................................................................... 280
4.8.13 Image maps ........................................................................................................ 282
4.8.13.1 Authoring ......................................................................................... 282
4.8.13.2 Processing model ............................................................................. 283
4.8.14 MathML ............................................................................................................... 285
4.8.15 SVG ..................................................................................................................... 285
4.8.16 Dimension attributes .......................................................................................... 286
4.9 Tabular data............................................................................................................................ 286
4.9.1 The table element ............................................................................................... 286
4.9.2 The caption element ........................................................................................... 292
4.9.3 The colgroup element.......................................................................................... 293
4.9.4 The col element ................................................................................................... 294
4.9.5 The tbody element ............................................................................................... 294
4.9.6 The thead element ............................................................................................... 295
4.9.7 The tfoot element ............................................................................................... 296
4.9.8 The tr element ..................................................................................................... 296
4.9.9 The td element ..................................................................................................... 298
4.9.10 The th element ................................................................................................... 298
4.9.11 Attributes common to td and th elements .........................................................300
4.9.12 Processing model ................................................................................................ 301
4.9.12.1 Forming a table ................................................................................ 301
4.9.12.2 Forming relationships between data cells and header cells .............305
4.9.13 Examples ............................................................................................................ 306
4.10 Forms.................................................................................................................................... 309
4.10.1 Introduction......................................................................................................... 309
4.10.1.1 Writing a form's user interface .........................................................309
4.10.1.2 Implementing the server-side processing for a form ........................311
4.10.1.3 Configuring a form to communicate with a server ...........................311
4.10.1.4 Client-side form validation ...............................................................312
4.10.2 Categories........................................................................................................... 313
4.10.3 The form element ............................................................................................... 314
4.10.4 The fieldset element........................................................................................ 317
4.10.5 The legend element ........................................................................................... 318
4.10.6 The label element ............................................................................................. 319
4.10.7 The input element ............................................................................................. 320
4.10.7.1 States of the type attribute .............................................................324
4.10.7.1.1 Hidden state .................................................................. 324
4.10.7.1.2 Text state and Search state ...........................................325
4.10.7.1.3 Telephone state .............................................................325
4.10.7.1.4 URL state ....................................................................... 326
4.10.7.1.5 E-mail state ................................................................... 327
4.10.7.1.6 Password state ..............................................................327
4.10.7.1.7 Date and Time state ......................................................328
4.10.7.1.8 Date state...................................................................... 329
4.10.7.1.9 Month state ................................................................... 330
4.10.7.1.10 Week state................................................................... 330
4.10.7.1.11 Time state ................................................................... 331
4.10.7.1.12 Local Date and Time state...........................................332
4.10.7.1.13 Number state ..............................................................333
4.10.7.1.14 Range state .................................................................334
4.10.7.1.15 Color state ................................................................... 336
4.10.7.1.16 Checkbox state............................................................336
7
4.10.7.1.17 Radio Button state.......................................................337
4.10.7.1.18 File Upload state..........................................................338
4.10.7.1.19 Submit Button state ....................................................339
4.10.7.1.20 Image Button state......................................................339
4.10.7.1.21 Reset Button state.......................................................341
4.10.7.1.22 Button state.................................................................341
4.10.7.2 Common input element attributes..................................................342
4.10.7.2.1 The autocomplete attribute..........................................342
4.10.7.2.2 The list attribute .........................................................342
4.10.7.2.3 The readonly attribute .................................................344
4.10.7.2.4 The size attribute .........................................................344
4.10.7.2.5 The required attribute .................................................344
4.10.7.2.6 The multiple attribute .................................................345
4.10.7.2.7 The maxlength attribute ...............................................346
4.10.7.2.8 The pattern attribute ...................................................346
4.10.7.2.9 The min and max attributes............................................346
4.10.7.2.10 The step attribute .......................................................347
4.10.7.2.11 The placeholder attribute..........................................348
4.10.7.3 Common input element APIs...........................................................348
4.10.7.4 Common event behaviors ................................................................350
4.10.8 The button element ........................................................................................... 351
4.10.9 The select element ........................................................................................... 353
4.10.10 The datalist element...................................................................................... 356
4.10.11 The optgroup element...................................................................................... 357
4.10.12 The option element ......................................................................................... 358
4.10.13 The textarea element...................................................................................... 360
4.10.14 The keygen element ......................................................................................... 363
4.10.15 The output element ......................................................................................... 366
4.10.16 The progress element...................................................................................... 367
4.10.17 The meter element ........................................................................................... 369
4.10.18 Association of controls and forms ..................................................................... 373
4.10.19 Attributes common to form controls .................................................................374
4.10.19.1 Naming form controls..................................................................... 374
4.10.19.2 Enabling and disabling form controls .............................................374
4.10.19.3 A form control's value .................................................................... 374
4.10.19.4 Autofocusing a form control ...........................................................374
4.10.19.5 Limiting user input length ..............................................................375
4.10.19.6 Form submission ............................................................................ 375
4.10.20 Constraints........................................................................................................ 376
4.10.20.1 Definitions ...................................................................................... 376
4.10.20.2 Constraint validation ...................................................................... 377
4.10.20.3 The constraint validation API..........................................................378
4.10.20.4 Security .......................................................................................... 380
4.10.21 Form submission ............................................................................................... 380
4.10.21.1 Introduction.................................................................................... 380
4.10.21.2 Implicit submission......................................................................... 381
4.10.21.3 Form submission algorithm ............................................................381
4.10.21.4 URL-encoded form data.................................................................. 385
4.10.21.5 Multipart form data ........................................................................ 386
4.10.21.6 Plain text form data........................................................................ 386
4.10.22 Resetting a form ............................................................................................... 387
4.10.23 Event dispatch .................................................................................................. 387
4.11 Interactive elements.............................................................................................................. 387
4.11.1 The details element ......................................................................................... 387
4.11.2 The summary element ......................................................................................... 390
4.11.3 The command element ......................................................................................... 391
4.11.4 The menu element ............................................................................................... 393
4.11.4.1 Introduction...................................................................................... 393
4.11.4.2 Building menus and toolbars............................................................394
4.11.4.3 Context menus................................................................................. 395
4.11.4.4 Toolbars............................................................................................ 396
4.11.5 Commands.......................................................................................................... 396
4.11.5.1 Using the a element to define a command ......................................398
4.11.5.2 Using the button element to define a command.............................398
4.11.5.3 Using the input element to define a command...............................398
8
4.11.5.4 Using the option element to define a command.............................399
4.11.5.5 Using the command element to define a command ...........................399
4.11.5.6 Using the accesskey attribute on a label element to define a
command ....................................................................................................... 400
4.11.5.7 Using the accesskey attribute on a legend element to define a
command ....................................................................................................... 400
4.11.5.8 Using the accesskey attribute to define a command on other
elements ........................................................................................................ 401
4.11.6 The device element ........................................................................................... 401
4.11.6.1 Stream API ....................................................................................... 402
4.11.6.2 Peer-to-peer connections .................................................................402
4.12 Links ..................................................................................................................................... 404
4.12.1 Hyperlink elements ............................................................................................. 404
4.12.2 Following hyperlinks............................................................................................ 405
4.12.2.1 Hyperlink auditing ............................................................................ 405
4.12.3 Link types ........................................................................................................... 406
4.12.3.1 Link type "alternate" ..................................................................... 407
4.12.3.2 Link type "archives" ....................................................................... 408
4.12.3.3 Link type "author" ........................................................................... 408
4.12.3.4 Link type "bookmark" ....................................................................... 409
4.12.3.5 Link type "external" ....................................................................... 409
4.12.3.6 Link type "help"............................................................................... 409
4.12.3.7 Link type "icon"............................................................................... 409
4.12.3.8 Link type "license" ......................................................................... 410
4.12.3.9 Link type "nofollow" ....................................................................... 411
4.12.3.10 Link type "noreferrer".................................................................. 411
4.12.3.11 Link type "pingback" ..................................................................... 411
4.12.3.12 Link type "prefetch" ..................................................................... 412
4.12.3.13 Link type "search" ......................................................................... 412
4.12.3.14 Link type "stylesheet".................................................................. 412
4.12.3.15 Link type "sidebar" ....................................................................... 412
4.12.3.16 Link type "tag"............................................................................... 412
4.12.3.17 Hierarchical link types.................................................................... 412
4.12.3.17.1 Link type "index" ........................................................413
4.12.3.17.2 Link type "up" ..............................................................413
4.12.3.18 Sequential link types...................................................................... 413
4.12.3.18.1 Link type "first" ........................................................414
4.12.3.18.2 Link type "last" ..........................................................414
4.12.3.18.3 Link type "next" ..........................................................414
4.12.3.18.4 Link type "prev" ..........................................................414
4.12.3.19 Other link types.............................................................................. 414
4.13 Common idioms without dedicated elements........................................................................ 415
4.13.1 Tag clouds ........................................................................................................... 415
4.13.2 Conversations ..................................................................................................... 416
4.13.3 Footnotes ............................................................................................................ 417
4.14 Matching HTML elements using selectors.............................................................................. 418
4.14.1 Case-sensitivity................................................................................................... 418
4.14.2 Pseudo-classes.................................................................................................... 419
5 Microdata .................................................................................................................................................. 422
5.1 Introduction ............................................................................................................................. 422
5.1.1 Overview............................................................................................................... 422
5.1.2 The basic syntax ................................................................................................... 422
5.1.3 Typed items........................................................................................................... 424
5.1.4 Global identifiers for items.................................................................................... 424
5.1.5 Selecting names when defining vocabularies .......................................................425
5.1.6 Using the microdata DOM API ............................................................................... 425
5.2 Encoding microdata ................................................................................................................. 427
5.2.1 The microdata model ............................................................................................ 427
5.2.2 Items..................................................................................................................... 427
5.2.3 Names: the itemprop attribute............................................................................. 428
5.2.4 Values ................................................................................................................... 429
5.2.5 Associating names with items............................................................................... 429
5.3 Microdata DOM API .................................................................................................................. 431
5.4 Microdata vocabularies............................................................................................................ 432
9
5.4.1 vCard .................................................................................................................... 432
5.4.1.1 Conversion to vCard........................................................................... 441
5.4.1.2 Examples............................................................................................ 445
5.4.2 vEvent................................................................................................................... 446
5.4.2.1 Conversion to iCalendar ..................................................................... 450
5.4.2.2 Examples............................................................................................ 452
5.4.3 Licensing works..................................................................................................... 453
5.4.3.1 Conversion to RDF.............................................................................. 454
5.4.3.2 Examples............................................................................................ 454
5.5 Converting HTML to other formats........................................................................................... 454
5.5.1 JSON...................................................................................................................... 454
5.5.2 RDF ....................................................................................................................... 455
5.5.2.1 Examples............................................................................................ 458
5.5.3 Atom ..................................................................................................................... 459
6 Loading Web pages ................................................................................................................................... 463
6.1 Browsing contexts ................................................................................................................... 463
6.1.1 Nested browsing contexts..................................................................................... 463
6.1.1.1 Navigating nested browsing contexts in the DOM..............................464
6.1.2 Auxiliary browsing contexts .................................................................................. 465
6.1.2.1 Navigating auxiliary browsing contexts in the DOM ...........................465
6.1.3 Secondary browsing contexts ............................................................................... 465
6.1.4 Security................................................................................................................. 465
6.1.5 Groupings of browsing contexts............................................................................ 465
6.1.6 Browsing context names....................................................................................... 466
6.2 The Window object ................................................................................................................... 467
6.2.1 Security................................................................................................................. 469
6.2.2 APIs for creating and navigating browsing contexts by name...............................470
6.2.3 Accessing other browsing contexts....................................................................... 471
6.2.4 Named access on the Window object..................................................................... 471
6.2.5 Garbage collection and browsing contexts ...........................................................472
6.2.6 Browser interface elements .................................................................................. 472
6.2.7 The WindowProxy object ....................................................................................... 473
6.3 Origin...................................................................................................................................... 474
6.3.1 Relaxing the same-origin restriction ..................................................................... 476
6.4 Session history and navigation ................................................................................................ 478
6.4.1 The session history of browsing contexts .............................................................478
6.4.2 The History interface .......................................................................................... 478
6.4.3 The Location interface......................................................................................... 482
6.4.3.1 Security .............................................................................................. 483
6.4.4 Implementation notes for session history .............................................................484
6.5 Browsing the Web.................................................................................................................... 484
6.5.1 Navigating across documents ............................................................................... 484
6.5.2 Page load processing model for HTML files ...........................................................488
6.5.3 Page load processing model for XML files .............................................................488
6.5.4 Page load processing model for text files..............................................................489
6.5.5 Page load processing model for images................................................................489
6.5.6 Page load processing model for content that uses plugins ...................................489
6.5.7 Page load processing model for inline content that doesn't have a DOM .............490
6.5.8 Navigating to a fragment identifier....................................................................... 490
6.5.9 History traversal ................................................................................................... 491
6.5.9.1 Event definitions ................................................................................ 492
6.5.10 Unloading documents ......................................................................................... 494
6.5.10.1 Event definition ................................................................................ 495
6.5.11 Aborting a document load................................................................................... 495
6.6 Offline Web applications .......................................................................................................... 495
6.6.1 Introduction........................................................................................................... 495
6.6.1.1 Event summary .................................................................................. 496
6.6.2 Application caches ................................................................................................ 497
6.6.3 The cache manifest syntax ................................................................................... 498
6.6.3.1 A sample manifest ............................................................................. 498
6.6.3.2 Writing cache manifests..................................................................... 499
6.6.3.3 Parsing cache manifests..................................................................... 501
6.6.4 Downloading or updating an application cache ....................................................503
6.6.5 The application cache selection algorithm............................................................509
10
6.6.6 Changes to the networking model ........................................................................ 510
6.6.7 Expiring application caches .................................................................................. 510
6.6.8 Application cache API............................................................................................ 510
6.6.9 Browser state........................................................................................................ 513
7 Web application APIs ................................................................................................................................. 514
7.1 Scripting ................................................................................................................................. 514
7.1.1 Introduction........................................................................................................... 514
7.1.2 Enabling and disabling scripting ........................................................................... 514
7.1.3 Processing model .................................................................................................. 514
7.1.3.1 Definitions .......................................................................................... 514
7.1.3.2 Calling scripts..................................................................................... 515
7.1.3.3 Creating scripts .................................................................................. 515
7.1.3.4 Killing scripts...................................................................................... 516
7.1.4 Event loops ........................................................................................................... 516
7.1.4.1 Definitions .......................................................................................... 516
7.1.4.2 Processing model ............................................................................... 517
7.1.4.3 Generic task sources .......................................................................... 518
7.1.5 The javascript: protocol .................................................................................... 518
7.1.6 Events ................................................................................................................... 519
7.1.6.1 Event handlers ................................................................................... 519
7.1.6.2 Event handlers on elements, Document objects, and Window objects.521
7.1.6.3 Event firing......................................................................................... 523
7.1.6.4 Events and the Window object ............................................................523
7.1.6.5 Runtime script errors.......................................................................... 524
7.2 Timers..................................................................................................................................... 524
7.3 User prompts ........................................................................................................................... 526
7.3.1 Simple dialogs....................................................................................................... 526
7.3.2 Printing ................................................................................................................. 527
7.3.3 Dialogs implemented using separate documents .................................................528
7.4 System state and capabilities.................................................................................................. 529
7.4.1 Client identification............................................................................................... 530
7.4.2 Custom scheme and content handlers.................................................................. 531
7.4.2.1 Security and privacy .......................................................................... 532
7.4.2.2 Sample user interface ........................................................................ 533
7.4.3 Manually releasing the storage mutex.................................................................. 534
8 User interaction......................................................................................................................................... 536
8.1 The hidden attribute ............................................................................................................... 536
8.2 Activation................................................................................................................................ 536
8.3 Scrolling elements into view .................................................................................................... 537
8.4 Focus ...................................................................................................................................... 537
8.4.1 Sequential focus navigation.................................................................................. 537
8.4.2 Focus management............................................................................................... 538
8.4.3 Document-level focus APIs.................................................................................... 539
8.4.4 Element-level focus APIs ....................................................................................... 540
8.5 The accesskey attribute.......................................................................................................... 541
8.6 The text selection APIs ............................................................................................................ 542
8.6.1 APIs for the browsing context selection ................................................................543
8.6.2 APIs for the text field selections............................................................................ 545
8.7 The contenteditable attribute .............................................................................................. 546
8.7.1 User editing actions .............................................................................................. 547
8.7.2 Making entire documents editable........................................................................ 549
8.8 Spelling and grammar checking .............................................................................................. 549
8.9 Drag and drop.......................................................................................................................... 551
8.9.1 Introduction........................................................................................................... 551
8.9.2 The DragEvent and DataTransfer interfaces ......................................................553
8.9.3 Events fired during a drag-and-drop action ..........................................................555
8.9.4 Drag-and-drop processing model.......................................................................... 556
8.9.4.1 When the drag-and-drop operation starts or ends in another
document ....................................................................................................... 560
8.9.4.2 When the drag-and-drop operation starts or ends in another
application ..................................................................................................... 560
8.9.5 The draggable attribute ....................................................................................... 560
8.9.6 Security risks in the drag-and-drop model ............................................................561
11
8.10 Undo history .......................................................................................................................... 561
8.10.1 Definitions........................................................................................................... 561
8.10.2 The UndoManager interface................................................................................. 561
8.10.3 Undo: moving back in the undo transaction history............................................563
8.10.4 Redo: moving forward in the undo transaction history .......................................563
8.10.5 The UndoManagerEvent interface and the undo and redo events.......................564
8.10.6 Implementation notes......................................................................................... 564
8.11 Editing APIs........................................................................................................................... 564
9 Communication ......................................................................................................................................... 570
9.1 Event definitions..................................................................................................................... 570
9.2 Cross-document messaging..................................................................................................... 571
9.2.1 Introduction........................................................................................................... 571
9.2.2 Security................................................................................................................. 571
9.2.2.1 Authors............................................................................................... 571
9.2.2.2 User agents ........................................................................................ 571
9.2.3 Posting messages ................................................................................................. 572
9.2.4 Posting messages with message ports .................................................................572
9.3 Channel messaging ................................................................................................................. 573
9.3.1 Introduction........................................................................................................... 573
9.3.2 Message channels................................................................................................. 574
9.3.3 Message ports....................................................................................................... 574
9.3.3.1 Ports and garbage collection..............................................................576
10 The HTML syntax ..................................................................................................................................... 577
10.1 Writing HTML documents....................................................................................................... 577
10.1.1 The DOCTYPE...................................................................................................... 577
10.1.2 Elements ............................................................................................................. 578
10.1.2.1 Start tags ......................................................................................... 579
10.1.2.2 End tags ........................................................................................... 580
10.1.2.3 Attributes ......................................................................................... 580
10.1.2.4 Optional tags.................................................................................... 581
10.1.2.5 Restrictions on content models ........................................................582
10.1.2.6 Restrictions on the contents of raw text and RCDATA elements.......583
10.1.3 Text ..................................................................................................................... 583
10.1.3.1 Newlines........................................................................................... 583
10.1.4 Character references .......................................................................................... 583
10.1.5 CDATA sections ................................................................................................... 584
10.1.6 Comments........................................................................................................... 584
10.2 Parsing HTML documents....................................................................................................... 584
10.2.1 Overview of the parsing model ........................................................................... 585
10.2.2 The input stream................................................................................................. 586
10.2.2.1 Determining the character encoding................................................587
10.2.2.2 Character encodings ........................................................................ 591
10.2.2.3 Preprocessing the input stream........................................................592
10.2.2.4 Changing the encoding while parsing ..............................................592
10.2.3 Parse state .......................................................................................................... 593
10.2.3.1 The insertion mode .......................................................................... 593
10.2.3.2 The stack of open elements .............................................................594
10.2.3.3 The list of active formatting elements..............................................595
10.2.3.4 The element pointers ....................................................................... 596
10.2.3.5 Other parsing state flags.................................................................. 597
10.2.4 Tokenization ........................................................................................................ 597
10.2.4.1 Data state ........................................................................................ 597
10.2.4.2 Character reference in data state ....................................................598
10.2.4.3 RCDATA state.................................................................................... 598
10.2.4.4 Character reference in RCDATA state ...............................................598
10.2.4.5 RAWTEXT state................................................................................. 598
10.2.4.6 Script data state............................................................................... 598
10.2.4.7 PLAINTEXT state............................................................................... 598
10.2.4.8 Tag open state.................................................................................. 599
10.2.4.9 End tag open state........................................................................... 599
10.2.4.10 Tag name state............................................................................... 599
10.2.4.11 RCDATA less-than sign state...........................................................600
10.2.4.12 RCDATA end tag open state............................................................600
12
10.2.4.13 RCDATA end tag name state...........................................................600
10.2.4.14 RAWTEXT less-than sign state ........................................................601
10.2.4.15 RAWTEXT end tag open state.........................................................601
10.2.4.16 RAWTEXT end tag name state........................................................601
10.2.4.17 Script data less-than sign state......................................................602
10.2.4.18 Script data end tag open state.......................................................602
10.2.4.19 Script data end tag name state......................................................602
10.2.4.20 Script data escape start state ........................................................603
10.2.4.21 Script data escape start dash state................................................603
10.2.4.22 Script data escaped state ..............................................................603
10.2.4.23 Script data escaped dash state ......................................................603
10.2.4.24 Script data escaped dash dash state .............................................604
10.2.4.25 Script data escaped less-than sign state........................................604
10.2.4.26 Script data escaped end tag open state.........................................604
10.2.4.27 Script data escaped end tag name state .......................................605
10.2.4.28 Script data double escape start state ............................................605
10.2.4.29 Script data double escaped state...................................................605
10.2.4.30 Script data double escaped dash state ..........................................606
10.2.4.31 Script data double escaped dash dash state..................................606
10.2.4.32 Script data double escaped less-than sign state ............................606
10.2.4.33 Script data double escape end state..............................................606
10.2.4.34 Before attribute name state ...........................................................607
10.2.4.35 Attribute name state ...................................................................... 607
10.2.4.36 After attribute name state..............................................................608
10.2.4.37 Before attribute value state ...........................................................609
10.2.4.38 Attribute value (double-quoted) state ............................................609
10.2.4.39 Attribute value (single-quoted) state .............................................609
10.2.4.40 Attribute value (unquoted) state....................................................610
10.2.4.41 Character reference in attribute value state ..................................610
10.2.4.42 After attribute value (quoted) state ...............................................610
10.2.4.43 Self-closing start tag state .............................................................611
10.2.4.44 Bogus comment state .................................................................... 611
10.2.4.45 Markup declaration open state.......................................................611
10.2.4.46 Comment start state ...................................................................... 611
10.2.4.47 Comment start dash state..............................................................612
10.2.4.48 Comment state .............................................................................. 612
10.2.4.49 Comment end dash state ...............................................................612
10.2.4.50 Comment end state........................................................................ 612
10.2.4.51 Comment end bang state...............................................................613
10.2.4.52 Comment end space state .............................................................613
10.2.4.53 DOCTYPE state ............................................................................... 613
10.2.4.54 Before DOCTYPE name state..........................................................614
10.2.4.55 DOCTYPE name state ..................................................................... 614
10.2.4.56 After DOCTYPE name state.............................................................614
10.2.4.57 After DOCTYPE public keyword state..............................................615
10.2.4.58 Before DOCTYPE public identifier state ..........................................615
10.2.4.59 DOCTYPE public identifier (double-quoted) state ...........................616
10.2.4.60 DOCTYPE public identifier (single-quoted) state ............................616
10.2.4.61 After DOCTYPE public identifier state .............................................616
10.2.4.62 Between DOCTYPE public and system identifiers state..................617
10.2.4.63 After DOCTYPE system keyword state............................................617
10.2.4.64 Before DOCTYPE system identifier state ........................................618
10.2.4.65 DOCTYPE system identifier (double-quoted) state .........................618
10.2.4.66 DOCTYPE system identifier (single-quoted) state...........................618
10.2.4.67 After DOCTYPE system identifier state ...........................................619
10.2.4.68 Bogus DOCTYPE state .................................................................... 619
10.2.4.69 CDATA section state ....................................................................... 619
10.2.4.70 Tokenizing character references.....................................................619
10.2.5 Tree construction ................................................................................................ 621
10.2.5.1 Creating and inserting elements ......................................................622
10.2.5.2 Closing elements that have implied end tags ..................................625
10.2.5.3 Foster parenting ............................................................................... 625
10.2.5.4 The "initial" insertion mode..............................................................625
10.2.5.5 The "before html" insertion mode ....................................................627
10.2.5.6 The "before head" insertion mode ...................................................628
13
10.2.5.7 The "in head" insertion mode...........................................................628
10.2.5.8 The "in head noscript" insertion mode .............................................630
10.2.5.9 The "after head" insertion mode ......................................................630
10.2.5.10 The "in body" insertion mode.........................................................631
10.2.5.11 The "text" insertion mode ..............................................................640
10.2.5.12 The "in table" insertion mode.........................................................641
10.2.5.13 The "in table text" insertion mode .................................................643
10.2.5.14 The "in caption" insertion mode.....................................................643
10.2.5.15 The "in column group" insertion mode...........................................644
10.2.5.16 The "in table body" insertion mode................................................644
10.2.5.17 The "in row" insertion mode...........................................................645
10.2.5.18 The "in cell" insertion mode ...........................................................646
10.2.5.19 The "in select" insertion mode .......................................................647
10.2.5.20 The "in select in table" insertion mode ..........................................648
10.2.5.21 The "in foreign content" insertion mode ........................................648
10.2.5.22 The "after body" insertion mode ....................................................651
10.2.5.23 The "in frameset" insertion mode ..................................................651
10.2.5.24 The "after frameset" insertion mode..............................................652
10.2.5.25 The "after after body" insertion mode............................................652
10.2.5.26 The "after after frameset" insertion mode .....................................653
10.2.6 The end............................................................................................................... 653
10.2.7 Coercing an HTML DOM into an infoset...............................................................654
10.2.8 An introduction to error handling and strange cases in the parser .....................655
10.2.8.1 Misnested tags: ..................................................655
10.2.8.2 Misnested tags:

................................................655
10.2.8.3 Unexpected markup in tables ..........................................................657
10.2.8.4 Scripts that modify the page as it is being parsed ...........................658
10.3 Serializing HTML fragments ................................................................................................... 659
10.4 Parsing HTML fragments........................................................................................................ 661
10.5 Named character references ................................................................................................. 662
11 The XHTML syntax................................................................................................................................... 669
11.1 Writing XHTML documents..................................................................................................... 669
11.2 Parsing XHTML documents .................................................................................................... 669
11.3 Serializing XHTML fragments ................................................................................................. 670
11.4 Parsing XHTML fragments...................................................................................................... 671
12 Rendering ................................................................................................................................................ 672
12.1 Introduction ........................................................................................................................... 672
12.2 The CSS user agent style sheet and presentational hints......................................................672
12.2.1 Introduction......................................................................................................... 672
12.2.2 Display types ...................................................................................................... 673
12.2.3 Margins and padding .......................................................................................... 673
12.2.4 Alignment ........................................................................................................... 675
12.2.5 Fonts and colors.................................................................................................. 677
12.2.6 Punctuation and decorations .............................................................................. 679
12.2.7 Resetting rules for inherited properties ..............................................................681
12.2.8 The hr element ................................................................................................... 682
12.2.9 The fieldset element........................................................................................ 682
12.3 Replaced elements ................................................................................................................ 683
12.3.1 Embedded content.............................................................................................. 683
12.3.2 Images ................................................................................................................ 683
12.3.3 Attributes for embedded content and images ....................................................684
12.3.4 Image maps ........................................................................................................ 685
12.3.5 Toolbars............................................................................................................... 685
12.4 Bindings................................................................................................................................ 686
12.4.1 Introduction......................................................................................................... 686
12.4.2 The button element ........................................................................................... 686
12.4.3 The details element ......................................................................................... 686
12.4.4 The input element as a text entry widget..........................................................686
12.4.5 The input element as domain-specific widgets..................................................687
12.4.6 The input element as a range control................................................................687
12.4.7 The input element as a color well...................................................................... 688
12.4.8 The input element as a check box and radio button widgets ............................688
12.4.9 The input element as a file upload control ........................................................688
14
12.4.10 The input element as a button ........................................................................ 688
12.4.11 The marquee element ....................................................................................... 688
12.4.12 The meter element ........................................................................................... 690
12.4.13 The progress element...................................................................................... 690
12.4.14 The select element ......................................................................................... 690
12.4.15 The textarea element...................................................................................... 691
12.4.16 The keygen element ......................................................................................... 692
12.4.17 The time element ............................................................................................. 692
12.5 Frames and framesets ........................................................................................................... 692
12.6 Interactive media................................................................................................................... 694
12.6.1 Links, forms, and navigation ............................................................................... 694
12.6.2 The title attribute............................................................................................. 694
12.6.3 Editing hosts ....................................................................................................... 694
12.7 Print media ............................................................................................................................ 695
13 Obsolete features .................................................................................................................................... 696
13.1 Obsolete but conforming features ......................................................................................... 696
13.1.1 Warnings for obsolete but conforming features ..................................................696
13.2 Non-conforming features ....................................................................................................... 696
13.3 Requirements for implementations........................................................................................ 701
13.3.1 The applet element ........................................................................................... 701
13.3.2 The marquee element ......................................................................................... 702
13.3.3 Frames ................................................................................................................ 704
13.3.4 Other elements, attributes and APIs ................................................................... 706
14 IANA considerations ................................................................................................................................ 715
14.1 text/html ............................................................................................................................. 715
14.2 text/html-sandboxed .......................................................................................................... 716
14.3 application/xhtml+xml....................................................................................................... 717
14.4 text/cache-manifest .......................................................................................................... 718
14.5 text/ping ............................................................................................................................. 719
14.6 application/microdata+json ............................................................................................. 720
14.7 Ping-From ............................................................................................................................. 720
14.8 Ping-To ................................................................................................................................ 721
Index ............................................................................................................................................................ 722
Elements....................................................................................................................................... 722
Element content categories........................................................................................................... 727
Attributes...................................................................................................................................... 728
Interfaces...................................................................................................................................... 735
Events........................................................................................................................................... 736
References.................................................................................................................................................... 738
Acknowledgements ...................................................................................................................................... 744

28 comments:

  1. thanks nha, dang can, xin loi luon vi len bang dt khong co bo go tieng viet

    ReplyDelete
  2. trên w3c có mà

    ReplyDelete
  3. Cảm ơn bạn nhiều! Đang cần vì hiện tại thiết kế web bằng php có nhiều rồi. Có cái này mới tạo ra được sự mới lạ trong thiết kế web của mình trong tương lai.

    ReplyDelete
  4. hu hu! Hình như link có vấn dề òi hay sao ma down k đươc

    ReplyDelete
  5. Mình xem lại rùi, vẫn bình thường mà bạn :)
    Link mediafire, bạn click vào hình download 7pop rồi chờ trong giây lát sẽ thấy link.
    Chúc bạn học tốt

    ReplyDelete
  6. day du va chi tiec==>hay

    ReplyDelete
  7. Nguyễn Ngọc DânMarch 4, 2011 at 9:33 PM

    Cảm ơn nhiều!

    ReplyDelete
  8. Thank you, they are useful :D

    ReplyDelete
  9. cám ơn nhiều .

    ReplyDelete
  10. Links hỏng rồi bạn ơi! Up lại giùm mình nhé!

    ReplyDelete
  11. link die rồi bạn ơi. bạn xem lại. không nhờ bạn send trực tiếp qua mail : phihoang12b2@gmail.com jum` mình với nhé! Thực sự mình đang cần gấp. thank bạn trước :)

    ReplyDelete
  12. cậu ơi link hỏng mất rồi, có thể send trực tiếp qua mail endlessrain2510@gmail.com giúp với được không, mình cần tài liệu này để làm bài tập lớn. cảm ơn nhiều nhé

    ReplyDelete
  13. cậu ơi link die mất rồi, nhờ cậu send trực tiếp vào email endlessrain2510@gmail.com giúp mình với nhé, mình cần tài liệu này để làm bài tập lớn, cảm ơn rất nhiều

    ReplyDelete
  14. bạn ơi, link hỏng rồi, cho mình xin lại link vào email : hyenho91@gmail.com được không ? cám ơn bạn nhìu lắm

    ReplyDelete
  15. bạn ơi, cho mình xin cún này với
    email : hyenho91@gmail.com
    cám ơn bạn nhìu lắm

    ReplyDelete
  16. Bạn ơi có thể gửi mình cuốn Ebook này được không. Xin đa tạ trước! :D. Email của mình:

    phamtuantkt@gmail.com

    ReplyDelete
  17. cho minh xin link vao mail 1994bluemoon@gmail.com vs, link die rui p ^^

    ReplyDelete
  18. Bạn ơi cho mình xin với, link down không được phamhoangnam2608@gmail.com

    ReplyDelete
  19. Bạn ơi! link die rồi. Gửi dùm vào mail của tớ nha: tuancnttbk93@gmail.com
    Thank cậu nhiều.

    ReplyDelete

Lưu ý!!!

Cách download và đọc ebook | Cách sử dụng các file ._a, b | .001, 002
Do thời gian này mình khá bận rộn, nên không thể thường xuyên cập nhật ebook cũng như support cho các bạn được. Mong các bạn thông cảm và tiếp tục ủng hộ cho 7pop.net nhé :-)
Lưu ý: đối với một số file pdf đòi pass hoặc mở không được, các bạn có thể dùng Adobe Reader để đọc thay cho Foxit Reader nhé!

Bạn đã xem qua những cuốn sách này chưa?