-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1391 lines (1372 loc) · 158 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en"><head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>HTML 5.1</title>
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="WD" name="w3c-status">
<link href="../default.css" rel="stylesheet" type="text/css">
<link href="../csslogo.ico" rel="shortcut icon" type="image/x-icon">
<link href="styles/styles-html.css" rel="stylesheet" type="text/css">
<link href="https://www.w3.org/StyleSheets/TR/W3C-WD" rel="stylesheet" type="text/css">
<meta content="Bikeshed 1.0.0" name="generator">
<style>.highlight .hll { background-color: #ffffcc }
.highlight { background: #ffffff; }
.highlight .c { color: #708090 } /* Comment */
.highlight .k { color: #990055 } /* Keyword */
.highlight .l { color: #000000 } /* Literal */
.highlight .n { color: #0077aa } /* Name */
.highlight .o { color: #999999 } /* Operator */
.highlight .p { color: #999999 } /* Punctuation */
.highlight .cm { color: #708090 } /* Comment.Multiline */
.highlight .cp { color: #708090 } /* Comment.Preproc */
.highlight .c1 { color: #708090 } /* Comment.Single */
.highlight .cs { color: #708090 } /* Comment.Special */
.highlight .kc { color: #990055 } /* Keyword.Constant */
.highlight .kd { color: #990055 } /* Keyword.Declaration */
.highlight .kn { color: #990055 } /* Keyword.Namespace */
.highlight .kp { color: #990055 } /* Keyword.Pseudo */
.highlight .kr { color: #990055 } /* Keyword.Reserved */
.highlight .kt { color: #990055 } /* Keyword.Type */
.highlight .ld { color: #000000 } /* Literal.Date */
.highlight .m { color: #000000 } /* Literal.Number */
.highlight .s { color: #a67f59 } /* Literal.String */
.highlight .na { color: #0077aa } /* Name.Attribute */
.highlight .nc { color: #0077aa } /* Name.Class */
.highlight .no { color: #0077aa } /* Name.Constant */
.highlight .nd { color: #0077aa } /* Name.Decorator */
.highlight .ni { color: #0077aa } /* Name.Entity */
.highlight .ne { color: #0077aa } /* Name.Exception */
.highlight .nf { color: #0077aa } /* Name.Function */
.highlight .nl { color: #0077aa } /* Name.Label */
.highlight .nn { color: #0077aa } /* Name.Namespace */
.highlight .py { color: #0077aa } /* Name.Property */
.highlight .nt { color: #669900 } /* Name.Tag */
.highlight .nv { color: #0077aa } /* Name.Variable */
.highlight .ow { color: #999999 } /* Operator.Word */
.highlight .mb { color: #000000 } /* Literal.Number.Bin */
.highlight .mf { color: #000000 } /* Literal.Number.Float */
.highlight .mh { color: #000000 } /* Literal.Number.Hex */
.highlight .mi { color: #000000 } /* Literal.Number.Integer */
.highlight .mo { color: #000000 } /* Literal.Number.Oct */
.highlight .sb { color: #a67f59 } /* Literal.String.Backtick */
.highlight .sc { color: #a67f59 } /* Literal.String.Char */
.highlight .sd { color: #a67f59 } /* Literal.String.Doc */
.highlight .s2 { color: #a67f59 } /* Literal.String.Double */
.highlight .se { color: #a67f59 } /* Literal.String.Escape */
.highlight .sh { color: #a67f59 } /* Literal.String.Heredoc */
.highlight .si { color: #a67f59 } /* Literal.String.Interpol */
.highlight .sx { color: #a67f59 } /* Literal.String.Other */
.highlight .sr { color: #a67f59 } /* Literal.String.Regex */
.highlight .s1 { color: #a67f59 } /* Literal.String.Single */
.highlight .ss { color: #a67f59 } /* Literal.String.Symbol */
.highlight .vc { color: #0077aa } /* Name.Variable.Class */
.highlight .vg { color: #0077aa } /* Name.Variable.Global */
.highlight .vi { color: #0077aa } /* Name.Variable.Instance */
.highlight .il { color: #000000 } /* Literal.Number.Integer.Long */
.highlight { background: hsl(24, 20%, 95%); }
code.highlight { padding: .1em; border-radius: .3em; }
pre.highlight, pre > code.highlight { display: block; padding: 1em; margin: .5em 0; overflow: auto; border-radius: 0; }
</style>
</head>
<body class="h-entry">
<div class="head">
<header>
<p data-fill-with="logo"><a href="http://www.w3.org/"><img alt="W3C" height="48" src="https://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1 class="p-name no-ref allcaps" id="title">HTML 5.1</h1>
<h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">W3C Working Draft, <time class="dt-updated" datetime="2016-01-20">20 January 2016</time></span></h2>
</header>
<div data-fill-with="spec-metadata">
<dl>
<dt>This version:
</dt><dd><a class="u-url" href="http://www.w3.org/TR/2016/WD-html-5.1-20160120/">http://www.w3.org/TR/2016/WD-html-5.1-20160120/</a>
</dd><dt>Latest version:
</dt><dd><a href="http://www.w3.org/TR/html/">http://www.w3.org/TR/html/</a>
</dd><dt>Editor's Draft:
</dt><dd><a href="https://github.com/w3c/html/">https://github.com/w3c/html/</a>
</dd><dt>Previous Versions:
</dt><dd><a href="http://www.w3.org/TR/2014/WD-html51-20140204/" rel="previous">http://www.w3.org/TR/2014/WD-html51-20140204/</a>
</dd><dd><a href="" rel="previous"></a>
</dd><dt>Issue Tracking:
</dt><dd><a href="https://github.com/w3c/html/issues/">GitHub</a>
</dd><dt class="editor">Editors:
</dt><dd class="editor p-author h-card vcard"><span class="p-name fn">WHATWG</span>
</dd><dd class="editor p-author h-card vcard"><a class="p-name fn u-email email" href="mailto:simonp@opera.com">Simon Pieters</a> (<span class="p-org org">Opera Software</span>)
</dd><dd class="editor p-author h-card vcard"><a class="p-name fn u-email email" href="mailto:annevk@annevk.nl">Anne van Kesteren</a> (<span class="p-org org">Mozilla</span>)
</dd><dd class="editor p-author h-card vcard"><a class="p-name fn u-email email" href="mailto:philipj@opera.com">Philip Jägenstedt</a> (<span class="p-org org">Opera Software</span>)
</dd><dd class="editor p-author h-card vcard"><a class="p-name fn u-email email" href="mailto:d@domenic.me">Domenic Denicola</a> (<span class="p-org org">Google Inc.</span>)
</dd><dd class="editor p-author h-card vcard"><a class="p-name fn u-email email" href="mailto:ian@hixie.ch">Ian Hickson</a> (<span class="p-org org">Google Inc.</span>)
</dd><dd class="editor p-author h-card vcard"><span class="p-name fn">W3C</span>
</dd><dd class="editor p-author h-card vcard"><a class="p-name fn u-email email" href="mailto:sfaulkner@paciellogroup.com">Steve Faulkner</a> (<span class="p-org org">The Paciello Group</span>)
</dd><dd class="editor p-author h-card vcard"><a class="p-name fn u-email email" href="mailto:travil@microsoft.com">Travis Leithead</a> (<span class="p-org org">Microsoft</span>)
</dd><dd class="editor p-author h-card vcard"><a class="p-name fn u-email email" href="mailto:Erika.Doyle@microsoft.com">Erika Doyle Navara</a> (<span class="p-org org">Microsoft</span>)
</dd><dd class="editor p-author h-card vcard"><a class="p-name fn u-email email" href="mailto:eoconnor@apple.com">Edward O'Connor</a> (<span class="p-org org">Apple Inc.</span>)
</dd><dd class="editor p-author h-card vcard"><a class="p-name fn u-url url" href="http://berjon.com/">Robin Berjon</a> (<span class="p-org org">W3C (Until August 2015)</span>)
</dd></dl>
</div>
<div data-fill-with="warning"></div>
<p class="copyright" data-fill-with="copyright"><a href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2016 <a href="http://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a href="http://www.csail.mit.edu/"><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href="http://www.ercim.eu/"><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>, <a href="http://www.keio.ac.jp/">Keio</a>, <a href="http://ev.buaa.edu.cn/">Beihang</a>). W3C <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> rules apply. </p>
<hr title="Separator for header">
</div>
<h2 class="no-num no-toc no-ref heading settled" id="abstract"><span class="content">Abstract</span></h2>
<div class="p-summary" data-fill-with="abstract">
<p>This specification defines the 5th major version, first minor revision of the core
language of the World Wide Web: the Hypertext Markup Language (HTML). In this version,
new features continue to be introduced to help Web application authors, new elements
continue to be introduced based on research into prevailing authoring practices, and
special attention continues to be given to defining clear conformance criteria for user
agents in an effort to improve interoperability.</p>
</div>
<h2 class="no-num no-toc no-ref heading settled" id="status"><span class="content">Status of this document</span></h2>
<div data-fill-with="status">
<p> <em>This section describes the status of this document at the time of its publication. Other
documents may supersede this document. A list of current <abbr title="World Wide Web Consortium">W3C</abbr> publications and the latest revision of this
technical report can be found in the <a href="http://www.w3.org/TR/"><abbr title="World Wide Web Consortium">W3C</abbr> technical
reports index</a> at http://www.w3.org/TR/.</em> </p>
<p> The management and production of this document follows a relatively complex setup. Details are
provided as part of the introduction. </p>
<p> This document was published by the <a href="http://www.w3.org/html/wg/">HTML Working Group</a> as a Working Draft.
If you wish to make comments regarding this document, please send them to <a href="mailto:public-html@w3.org">public-html@w3.org</a> (<a href="mailto:public-html-request@w3.org?subject=subscribe">subscribe</a>, <a href="http://lists.w3.org/Archives/Public/public-html/">archives</a>).
All comments are welcome. </p>
<p> Publication as a Working Draft does not imply endorsement by the <abbr title="World Wide Web Consortium">W3C</abbr> Membership. This is a draft document and may
be updated, replaced or obsoleted by other documents at any time. It is inappropriate to cite
this document as other than work in progress. </p>
<p> This document was produced by a group operating under the <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/">5 February 2004 <abbr title="World Wide Web Consortium">W3C</abbr> Patent Policy</a>. <abbr title="World Wide Web Consortium">W3C</abbr> maintains a <a href="http://www.w3.org/2004/01/pp-impl/40318/status" rel="disclosure">public list of any
patent disclosures</a> made in connection with the deliverables of the group; that page also
includes instructions for disclosing a patent. An individual who has actual knowledge of a
patent which the individual believes contains <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential">Essential
Claim(s)</a> must disclose the information in accordance with <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 6 of the <abbr title="World Wide Web Consortium">W3C</abbr> Patent Policy</a>. </p>
<p> This document is governed by the <a href="http://www.w3.org/2015/Process-20150901/" id="w3c_process_revision">1 September 2015 <abbr title="World Wide Web Consortium">W3C</abbr> Process Document</a>. </p>
<p></p>
</div>
<div data-fill-with="at-risk"></div>
<nav data-fill-with="table-of-contents" id="toc">
<h2 class="no-num no-toc no-ref" id="contents">Table of Contents</h2>
<ol class="toc" role="directory">
<li>
<a href="introduction.html#introduction"><span class="secno">1</span> <span class="content">Introduction</span></a>
<ol class="toc">
<li><a href="introduction.html#background"><span class="secno">1.1</span> <span class="content">Background</span></a>
</li><li><a href="introduction.html#audience"><span class="secno">1.2</span> <span class="content">Audience</span></a>
</li><li><a href="introduction.html#scope"><span class="secno">1.3</span> <span class="content">Scope</span></a>
</li><li><a href="introduction.html#introduction-history"><span class="secno">1.4</span> <span class="content">History</span></a>
</li><li>
<a href="introduction.html#design-notes"><span class="secno">1.5</span> <span class="content">Design notes</span></a>
<ol class="toc">
<li><a href="introduction.html#serializability-of-script-execution"><span class="secno">1.5.1</span> <span class="content">Serializability of script execution</span></a>
</li><li><a href="introduction.html#compliance-with-other-specifications"><span class="secno">1.5.2</span> <span class="content">Compliance with other specifications</span></a>
</li><li><a href="introduction.html#design-notes-extensibility"><span class="secno">1.5.3</span> <span class="content">Extensibility</span></a>
</li></ol>
</li><li><a href="introduction.html#html-vs-xhtml"><span class="secno">1.6</span> <span class="content">HTML vs XHTML</span></a>
</li><li>
<a href="introduction.html#structure-of-this-specification"><span class="secno">1.7</span> <span class="content">Structure of this specification</span></a>
<ol class="toc">
<li><a href="introduction.html#how-to-read-this-specification"><span class="secno">1.7.1</span> <span class="content">How to read this specification</span></a>
</li><li><a href="introduction.html#typographic-conventions"><span class="secno">1.7.2</span> <span class="content">Typographic conventions</span></a>
</li></ol>
</li><li><a href="introduction.html#fingerprint"><span class="secno">1.8</span> <span class="content">Privacy concerns</span></a>
</li><li>
<a href="introduction.html#a-quick-introduction-to-html"><span class="secno">1.9</span> <span class="content">A quick introduction to HTML</span></a>
<ol class="toc">
<li><a href="introduction.html#writing-secure-applications-with-html"><span class="secno">1.9.1</span> <span class="content">Writing secure applications with HTML</span></a>
</li><li><a href="introduction.html#common-pitfalls-to-avoid-when-using-the-scripting-apis"><span class="secno">1.9.2</span> <span class="content"> Common pitfalls to avoid when using the scripting APIs </span></a>
</li><li><a href="introduction.html#how-to-catch-mistakes-when-writing-html-validators-and-conformance-checkers"><span class="secno">1.9.3</span> <span class="content"> How to catch mistakes when writing HTML: validators and conformance checkers </span></a>
</li></ol>
</li><li>
<a href="introduction.html#conformance-requirements-for-authors"><span class="secno">1.10</span> <span class="content">Conformance requirements for authors</span></a>
<ol class="toc">
<li><a href="introduction.html#presentational-markup"><span class="secno">1.10.1</span> <span class="content">Presentational markup</span></a>
</li><li><a href="introduction.html#syntax-errors"><span class="secno">1.10.2</span> <span class="content">Syntax errors</span></a>
</li><li><a href="introduction.html#restrictions-on-content-models-and-on-attribute-values"><span class="secno">1.10.3</span> <span class="content"> Restrictions on content models and on attribute values </span></a>
</li></ol>
</li><li><a href="introduction.html#suggested-reading"><span class="secno">1.11</span> <span class="content">Suggested reading</span></a>
</li></ol>
</li><li>
<a href="infrastructure.html#infrastructure"><span class="secno">2</span> <span class="content">Common infrastructure</span></a>
<ol class="toc">
<li>
<a href="infrastructure.html#infrastructure-terminology"><span class="secno">2.1</span> <span class="content">Terminology</span></a>
<ol class="toc">
<li><a href="infrastructure.html#resources"><span class="secno">2.1.1</span> <span class="content">Resources</span></a>
</li><li><a href="infrastructure.html#xml"><span class="secno">2.1.2</span> <span class="content">XML</span></a>
</li><li><a href="infrastructure.html#dom-trees"><span class="secno">2.1.3</span> <span class="content">DOM trees</span></a>
</li><li><a href="infrastructure.html#scripting"><span class="secno">2.1.4</span> <span class="content">Scripting</span></a>
</li><li><a href="infrastructure.html#plugin-content-handlers"><span class="secno">2.1.5</span> <span class="content"><code>Plugin</code> Content Handlers</span></a>
</li><li><a href="infrastructure.html#encoding-terminology"><span class="secno">2.1.6</span> <span class="content">Character encodings</span></a>
</li></ol>
</li><li>
<a href="infrastructure.html#conformance-requirements"><span class="secno">2.2</span> <span class="content">Conformance requirements</span></a>
<ol class="toc">
<li><a href="infrastructure.html#conformance-classes"><span class="secno">2.2.1</span> <span class="content">Conformance classes</span></a>
</li><li><a href="infrastructure.html#conformance-requirements-dependencies"><span class="secno">2.2.2</span> <span class="content">Dependencies</span></a>
</li><li><a href="infrastructure.html#conformance-requirements-extensibility"><span class="secno">2.2.3</span> <span class="content">Extensibility</span></a>
</li><li><a href="infrastructure.html#interactions-with-xpath-and-xslt"><span class="secno">2.2.4</span> <span class="content">Interactions with XPath and XSLT</span></a>
</li></ol>
</li><li><a href="infrastructure.html#case-sensitivity-and-string-comparison"><span class="secno">2.3</span> <span class="content">Case-sensitivity and string comparison</span></a>
</li><li>
<a href="infrastructure.html#common-microsyntaxes"><span class="secno">2.4</span> <span class="content">Common microsyntaxes</span></a>
<ol class="toc">
<li><a href="infrastructure.html#common-parser-idioms"><span class="secno">2.4.1</span> <span class="content">Common parser idioms</span></a>
</li><li><a href="infrastructure.html#sec-boolean-attributes"><span class="secno">2.4.2</span> <span class="content">Boolean attributes</span></a>
</li><li><a href="infrastructure.html#keywords-and-enumerated-attributes"><span class="secno">2.4.3</span> <span class="content">Keywords and enumerated attributes</span></a>
</li><li>
<a href="infrastructure.html#numbers"><span class="secno">2.4.4</span> <span class="content">Numbers</span></a>
<ol class="toc">
<li><a href="infrastructure.html#signed-integers"><span class="secno">2.4.4.1</span> <span class="content">Signed integers</span></a>
</li><li><a href="infrastructure.html#non-negative-integers"><span class="secno">2.4.4.2</span> <span class="content">Non-negative integers</span></a>
</li><li><a href="infrastructure.html#floating-point-numbers"><span class="secno">2.4.4.3</span> <span class="content">Floating-point numbers</span></a>
</li><li><a href="infrastructure.html#percentages-and-dimensions"><span class="secno">2.4.4.4</span> <span class="content">Percentages and lengths</span></a>
</li><li><a href="infrastructure.html#non-zero-percentages-and-lengths"><span class="secno">2.4.4.5</span> <span class="content">Non-zero percentages and lengths</span></a>
</li><li><a href="infrastructure.html#lists-of-integers"><span class="secno">2.4.4.6</span> <span class="content">Lists of integers</span></a>
</li><li><a href="infrastructure.html#lists-of-dimensions"><span class="secno">2.4.4.7</span> <span class="content">Lists of dimensions</span></a>
</li></ol>
</li><li>
<a href="infrastructure.html#dates-and-times"><span class="secno">2.4.5</span> <span class="content">Dates and times</span></a>
<ol class="toc">
<li><a href="infrastructure.html#months"><span class="secno">2.4.5.1</span> <span class="content">Months</span></a>
</li><li><a href="infrastructure.html#sec-dates"><span class="secno">2.4.5.2</span> <span class="content">Dates</span></a>
</li><li><a href="infrastructure.html#yearless-dates"><span class="secno">2.4.5.3</span> <span class="content">Yearless dates</span></a>
</li><li><a href="infrastructure.html#times"><span class="secno">2.4.5.4</span> <span class="content">Times</span></a>
</li><li><a href="infrastructure.html#floating-dates-and-times"><span class="secno">2.4.5.5</span> <span class="content">Floating dates and times</span></a>
</li><li><a href="infrastructure.html#time-zones"><span class="secno">2.4.5.6</span> <span class="content">Time zones</span></a>
</li><li><a href="infrastructure.html#global-dates-and-times"><span class="secno">2.4.5.7</span> <span class="content">Global dates and times</span></a>
</li><li><a href="infrastructure.html#weeks"><span class="secno">2.4.5.8</span> <span class="content">Weeks</span></a>
</li><li><a href="infrastructure.html#durations"><span class="secno">2.4.5.9</span> <span class="content">Durations</span></a>
</li><li><a href="infrastructure.html#vaguer-moments-in-time"><span class="secno">2.4.5.10</span> <span class="content">Vaguer moments in time</span></a>
</li></ol>
</li><li><a href="infrastructure.html#colors"><span class="secno">2.4.6</span> <span class="content">Colors</span></a>
</li><li><a href="infrastructure.html#space-separated-tokens"><span class="secno">2.4.7</span> <span class="content">Space-separated tokens</span></a>
</li><li><a href="infrastructure.html#comma-separated-tokens"><span class="secno">2.4.8</span> <span class="content">Comma-separated tokens</span></a>
</li><li><a href="infrastructure.html#syntax-references"><span class="secno">2.4.9</span> <span class="content">References</span></a>
</li><li><a href="infrastructure.html#mq"><span class="secno">2.4.10</span> <span class="content">Media queries</span></a>
</li></ol>
</li><li>
<a href="infrastructure.html#infrastructure-urls"><span class="secno">2.5</span> <span class="content">URLs</span></a>
<ol class="toc">
<li><a href="infrastructure.html#urls-terminology"><span class="secno">2.5.1</span> <span class="content">Terminology</span></a>
</li><li><a href="infrastructure.html#resolving-urls"><span class="secno">2.5.2</span> <span class="content">Resolving URLs</span></a>
</li><li><a href="infrastructure.html#dynamic-changes-to-base-urls"><span class="secno">2.5.3</span> <span class="content">Dynamic changes to base URLs</span></a>
</li></ol>
</li><li>
<a href="infrastructure.html#fetching-resources"><span class="secno">2.6</span> <span class="content">Fetching resources</span></a>
<ol class="toc">
<li><a href="infrastructure.html#fetching-resources-terminology"><span class="secno">2.6.1</span> <span class="content">Terminology</span></a>
</li><li><a href="infrastructure.html#fetching-resources-processing-model"><span class="secno">2.6.2</span> <span class="content">Processing model</span></a>
</li><li><a href="infrastructure.html#encrypted-http-and-related-security-concerns"><span class="secno">2.6.3</span> <span class="content">Encrypted HTTP and related security concerns</span></a>
</li><li><a href="infrastructure.html#content-type-sniffing"><span class="secno">2.6.4</span> <span class="content">Determining the type of a resource</span></a>
</li><li><a href="infrastructure.html#extracting-character-encodings-from-meta-elements"><span class="secno">2.6.5</span> <span class="content">Extracting character encodings from <code><span>meta</span></code> elements</span></a>
</li><li><a href="infrastructure.html#cors-settings-attributes"><span class="secno">2.6.6</span> <span class="content">CORS settings attributes</span></a>
</li></ol>
</li><li>
<a href="infrastructure.html#common-dom-interfaces"><span class="secno">2.7</span> <span class="content">Common DOM interfaces</span></a>
<ol class="toc">
<li><a href="infrastructure.html#reflecting-content-attributes-in-idl-attributes"><span class="secno">2.7.1</span> <span class="content">Reflecting content attributes in IDL attributes</span></a>
</li><li>
<a href="infrastructure.html#collections"><span class="secno">2.7.2</span> <span class="content">Collections</span></a>
<ol class="toc">
<li><a href="infrastructure.html#the-htmlallcollection-interface"><span class="secno">2.7.2.1</span> <span class="content">The <code>HTMLAllCollection</code> interface</span></a>
</li><li><a href="infrastructure.html#the-htmlformcontrolscollection-interface"><span class="secno">2.7.2.2</span> <span class="content">The <code>HTMLFormControlsCollection</code> interface</span></a>
</li><li><a href="infrastructure.html#the-htmloptionscollection-interface"><span class="secno">2.7.2.3</span> <span class="content">The <code>HTMLOptionsCollection</code> interface</span></a>
</li></ol>
</li><li><a href="infrastructure.html#the-domstringmap-interface"><span class="secno">2.7.3</span> <span class="content">The <code>DOMStringMap</code> interface</span></a>
</li><li><a href="infrastructure.html#the-domelementmap-interface"><span class="secno">2.7.4</span> <span class="content">The <code>DOMElementMap</code> interface</span></a>
</li><li><a href="infrastructure.html#transferable-objects"><span class="secno">2.7.5</span> <span class="content">Transferable objects</span></a>
</li><li><a href="infrastructure.html#safe-passing-of-structured-data"><span class="secno">2.7.6</span> <span class="content">Safe passing of structured data</span></a>
</li><li><a href="infrastructure.html#garbage-collection"><span class="secno">2.7.7</span> <span class="content">Garbage collection</span></a>
</li></ol>
</li><li><a href="infrastructure.html#namespaces"><span class="secno">2.8</span> <span class="content">Namespaces</span></a>
</li></ol>
</li><li>
<a href="dom.html#dom"><span class="secno">3</span> <span class="content">Semantics, structure, and APIs of HTML documents</span></a>
<ol class="toc">
<li>
<a href="dom.html#documents"><span class="secno">3.1</span> <span class="content">Documents</span></a>
<ol class="toc">
<li><a href="dom.html#the-document-object"><span class="secno">3.1.1</span> <span class="content">The <span>Document</span> object</span></a>
</li><li><a href="dom.html#resource-metadata-management"><span class="secno">3.1.2</span> <span class="content">Resource metadata management</span></a>
</li><li><a href="dom.html#dom-tree-accessors"><span class="secno">3.1.3</span> <span class="content">DOM tree accessors</span></a>
</li><li><a href="dom.html#loading-xml-documents"><span class="secno">3.1.4</span> <span class="content">Loading XML documents</span></a>
</li></ol>
</li><li>
<a href="dom.html#elements"><span class="secno">3.2</span> <span class="content">Elements</span></a>
<ol class="toc">
<li><a href="dom.html#elements-semantics"><span class="secno">3.2.1</span> <span class="content">Semantics</span></a>
</li><li><a href="dom.html#elements-in-the-dom"><span class="secno">3.2.2</span> <span class="content">Elements in the DOM</span></a>
</li><li>
<a href="dom.html#element-definitions"><span class="secno">3.2.3</span> <span class="content">Element definitions</span></a>
<ol class="toc">
<li><a href="dom.html#element-definitions-attributes"><span class="secno">3.2.3.1</span> <span class="content">Attributes</span></a>
</li></ol>
</li><li>
<a href="dom.html#content-models"><span class="secno">3.2.4</span> <span class="content">Content models</span></a>
<ol class="toc">
<li><a href="dom.html#the-nothing-content-model"><span class="secno">3.2.4.1</span> <span class="content">The "nothing" content model</span></a>
</li><li>
<a href="dom.html#kinds-of-content"><span class="secno">3.2.4.2</span> <span class="content">Kinds of content</span></a>
<ol class="toc">
<li><a href="dom.html#kinds-of-content-metadata-content"><span class="secno">3.2.4.2.1</span> <span class="content">Metadata content</span></a>
</li><li><a href="dom.html#kinds-of-content-flow-content"><span class="secno">3.2.4.2.2</span> <span class="content">Flow content</span></a>
</li><li><a href="dom.html#kinds-of-content-sectioning-content"><span class="secno">3.2.4.2.3</span> <span class="content">Sectioning content</span></a>
</li><li><a href="dom.html#kinds-of-content-heading-content"><span class="secno">3.2.4.2.4</span> <span class="content">Heading content</span></a>
</li><li><a href="dom.html#kinds-of-content-phrasing-content"><span class="secno">3.2.4.2.5</span> <span class="content">Phrasing content</span></a>
</li><li><a href="dom.html#kinds-of-content-embedded-content"><span class="secno">3.2.4.2.6</span> <span class="content">Embedded content</span></a>
</li><li><a href="dom.html#kinds-of-content-interactive-content"><span class="secno">3.2.4.2.7</span> <span class="content">Interactive content</span></a>
</li><li><a href="dom.html#sec-palpable-content"><span class="secno">3.2.4.2.8</span> <span class="content">Palpable content</span></a>
</li><li><a href="dom.html#sec-script-supporting-elements"><span class="secno">3.2.4.2.9</span> <span class="content">Script-supporting elements</span></a>
</li></ol>
</li><li><a href="dom.html#transparent-content-models"><span class="secno">3.2.4.3</span> <span class="content">Transparent content models</span></a>
</li><li><a href="dom.html#paragraphs"><span class="secno">3.2.4.4</span> <span class="content">Paragraphs</span></a>
</li></ol>
</li><li>
<a href="dom.html#sec-global-attributes"><span class="secno">3.2.5</span> <span class="content"><span>Global attributes</span></span></a>
<ol class="toc">
<li><a href="dom.html#the-id-attribute"><span class="secno">3.2.5.1</span> <span class="content">The <span><code>id</code></span> attribute</span></a>
</li><li><a href="dom.html#the-title-attribute"><span class="secno">3.2.5.2</span> <span class="content">The <code>title</code> attribute</span></a>
</li><li><a href="dom.html#the-lang-and-xmllang-attributes"><span class="secno">3.2.5.3</span> <span class="content"> The <code><span>lang</span></code> and <code><span>xml:lang</span></code> attributes </span></a>
</li><li><a href="dom.html#the-translate-attribute"><span class="secno">3.2.5.4</span> <span class="content">The <code>translate</code> attribute</span></a>
</li><li><a href="dom.html#the-xmlbase-attribute-xml-only"><span class="secno">3.2.5.5</span> <span class="content">The <span><code>xml:base</code></span> attribute (XML only)</span></a>
</li><li><a href="dom.html#the-dir-attribute"><span class="secno">3.2.5.6</span> <span class="content">The <span><code>dir</code></span> attribute</span></a>
</li><li><a href="dom.html#classes"><span class="secno">3.2.5.7</span> <span class="content">The <span><code>class</code></span> attribute</span></a>
</li><li><a href="dom.html#the-style-attribute"><span class="secno">3.2.5.8</span> <span class="content">The <span><code>style</code></span> attribute</span></a>
</li><li><a href="dom.html#embedding-custom-non-visible-data-with-the-data-attributes"><span class="secno">3.2.5.9</span> <span class="content"><span>Embedding custom non-visible data</span> with the <code>data-*</code> attributes</span></a>
</li></ol>
</li><li>
<a href="dom.html#requirements-relating-to-the-bidirectional-algorithm"><span class="secno">3.2.6</span> <span class="content"> Requirements relating to the bidirectional algorithm </span></a>
<ol class="toc">
<li><a href="dom.html#authoring-conformance-criteria-for-bidirectional-algorithm-formatting-characters"><span class="secno">3.2.6.1</span> <span class="content"> Authoring conformance criteria for bidirectional-algorithm formatting characters </span></a>
</li><li><a href="dom.html#user-agent-conformance-criteria"><span class="secno">3.2.6.2</span> <span class="content">User agent conformance criteria</span></a>
</li></ol>
</li><li>
<a href="dom.html#wai-aria"><span class="secno">3.2.7</span> <span class="content">WAI-ARIA</span></a>
<ol class="toc">
<li><a href="dom.html#aria-role-attribute"><span class="secno">3.2.7.1</span> <span class="content">ARIA Role Attribute</span></a>
</li><li><a href="dom.html#state-and-property-attributes"><span class="secno">3.2.7.2</span> <span class="content">State and Property Attributes</span></a>
</li><li><a href="dom.html#sec-strong-native-semantics"><span class="secno">3.2.7.3</span> <span class="content">Strong Native Semantics</span></a>
</li><li><a href="dom.html#sec-implicit-aria-semantics"><span class="secno">3.2.7.4</span> <span class="content">Implicit ARIA Semantics</span></a>
</li><li><a href="dom.html#allowed-aria-roles-states-and-properties"><span class="secno">3.2.7.5</span> <span class="content">Allowed ARIA roles, states and properties</span></a>
</li></ol>
</li></ol>
</li></ol>
</li><li>
<a href="semantics.html#semantics"><span class="secno">4</span> <span class="content">The elements of HTML</span></a>
<ol class="toc">
<li>
<a href="semantics.html#the-root-element"><span class="secno">4.1</span> <span class="content">The root element</span></a>
<ol class="toc">
<li><a href="semantics.html#the-html-element"><span class="secno">4.1.1</span> <span class="content">The <span><code>html</code></span> element</span></a>
</li></ol>
</li><li>
<a href="semantics.html#document-metadata"><span class="secno">4.2</span> <span class="content">Document metadata</span></a>
<ol class="toc">
<li><a href="semantics.html#the-head-element"><span class="secno">4.2.1</span> <span class="content">The <span><code>head</code></span> element</span></a>
</li><li><a href="semantics.html#the-title-element"><span class="secno">4.2.2</span> <span class="content">The <span><code>title</code></span> element</span></a>
</li><li><a href="semantics.html#the-base-element"><span class="secno">4.2.3</span> <span class="content">The <span><code>base</code></span> element</span></a>
</li><li><a href="semantics.html#the-link-element"><span class="secno">4.2.4</span> <span class="content">The <span><code>link</code></span> element</span></a>
</li><li>
<a href="semantics.html#the-meta-element"><span class="secno">4.2.5</span> <span class="content">The <span><code>meta</code></span> element</span></a>
<ol class="toc">
<li><a href="semantics.html#standard-metadata-names"><span class="secno">4.2.5.1</span> <span class="content">Standard metadata names</span></a>
</li><li><a href="semantics.html#other-metadata-names"><span class="secno">4.2.5.2</span> <span class="content">Other metadata names</span></a>
</li><li><a href="semantics.html#pragma-directives"><span class="secno">4.2.5.3</span> <span class="content">Pragma directives</span></a>
</li><li><a href="semantics.html#other-pragma-directives"><span class="secno">4.2.5.4</span> <span class="content">Other pragma directives</span></a>
</li><li><a href="semantics.html#specifying-the-documents-character-encoding"><span class="secno">4.2.5.5</span> <span class="content">Specifying the document’s character encoding</span></a>
</li></ol>
</li><li><a href="semantics.html#the-style-element"><span class="secno">4.2.6</span> <span class="content">The <span><code>style</code></span> element</span></a>
</li><li><a href="semantics.html#interactions-of-styling-and-scripting"><span class="secno">4.2.7</span> <span class="content">Interactions of styling and scripting</span></a>
</li></ol>
</li><li>
<a href="semantics.html#sections"><span class="secno">4.3</span> <span class="content">Sections</span></a>
<ol class="toc">
<li><a href="semantics.html#the-body-element"><span class="secno">4.3.1</span> <span class="content">The <span><code>body</code></span> element</span></a>
</li><li><a href="semantics.html#the-article-element"><span class="secno">4.3.2</span> <span class="content">The <span><code>article</code></span> element</span></a>
</li><li><a href="semantics.html#the-section-element"><span class="secno">4.3.3</span> <span class="content">The <span><code>section</code></span> element</span></a>
</li><li><a href="semantics.html#the-nav-element"><span class="secno">4.3.4</span> <span class="content">The <span><code>nav</code></span> element</span></a>
</li><li><a href="semantics.html#the-aside-element"><span class="secno">4.3.5</span> <span class="content">The <span><code>aside</code></span> element</span></a>
</li><li><a href="semantics.html#the-h1-h2-h3-h4-h5-and-h6-elements"><span class="secno">4.3.6</span> <span class="content"> The <span><code>h1</code></span>, <span><code>h2</code></span>, <span><code>h3</code></span>, <span><code>h4</code></span>, <span><code>h5</code></span>, and <span><code>h6</code></span> elements </span></a>
</li><li><a href="semantics.html#the-header-element"><span class="secno">4.3.7</span> <span class="content">The <span><code>header</code></span> element</span></a>
</li><li><a href="semantics.html#the-footer-element"><span class="secno">4.3.8</span> <span class="content">The <span><code>footer</code></span> element</span></a>
</li><li><a href="semantics.html#the-address-element"><span class="secno">4.3.9</span> <span class="content">The <span><code>address</code></span> element</span></a>
</li><li>
<a href="semantics.html#headings-and-sections"><span class="secno">4.3.10</span> <span class="content">Headings and sections</span></a>
<ol class="toc">
<li><a href="semantics.html#creating-an-outline"><span class="secno">4.3.10.1</span> <span class="content">Creating an outline</span></a>
</li><li><a href="semantics.html#sample-outlines"><span class="secno">4.3.10.2</span> <span class="content">Sample outlines</span></a>
</li><li><a href="semantics.html#exposing-outlines-to-users"><span class="secno">4.3.10.3</span> <span class="content">Exposing outlines to users</span></a>
</li></ol>
</li><li>
<a href="semantics.html#sections-usage-summary"><span class="secno">4.3.11</span> <span class="content">Usage summary</span></a>
<ol class="toc">
<li><a href="semantics.html#article-or-section"><span class="secno">4.3.11.1</span> <span class="content">Article or section?</span></a>
</li></ol>
</li></ol>
</li><li>
<a href="semantics.html#grouping-content"><span class="secno">4.4</span> <span class="content">Grouping content</span></a>
<ol class="toc">
<li><a href="semantics.html#the-p-element"><span class="secno">4.4.1</span> <span class="content">The <span><code>p</code></span> element</span></a>
</li><li><a href="semantics.html#the-hr-element"><span class="secno">4.4.2</span> <span class="content">The <span><code>hr</code></span> element</span></a>
</li><li><a href="semantics.html#the-pre-element"><span class="secno">4.4.3</span> <span class="content">The <span><code>pre</code></span> element</span></a>
</li><li><a href="semantics.html#the-blockquote-element"><span class="secno">4.4.4</span> <span class="content">The <span><code>blockquote</code></span> element</span></a>
</li><li><a href="semantics.html#the-ol-element"><span class="secno">4.4.5</span> <span class="content">The <span><code>ol</code></span> element</span></a>
</li><li><a href="semantics.html#the-ul-element"><span class="secno">4.4.6</span> <span class="content">The <span><code>ul</code></span> element</span></a>
</li><li><a href="semantics.html#the-li-element"><span class="secno">4.4.7</span> <span class="content">The <span><code>li</code></span> element</span></a>
</li><li><a href="semantics.html#the-dl-element"><span class="secno">4.4.8</span> <span class="content">The <span><code>dl</code></span> element</span></a>
</li><li><a href="semantics.html#the-dt-element"><span class="secno">4.4.9</span> <span class="content">The <span><code>dt</code></span> element</span></a>
</li><li><a href="semantics.html#the-dd-element"><span class="secno">4.4.10</span> <span class="content">The <span><code>dd</code></span> element</span></a>
</li><li><a href="semantics.html#the-figure-element"><span class="secno">4.4.11</span> <span class="content">The <span><code>figure</code></span> element</span></a>
</li><li><a href="semantics.html#the-figcaption-element"><span class="secno">4.4.12</span> <span class="content">The <span><code>figcaption</code></span> element</span></a>
</li><li><a href="semantics.html#the-main-element"><span class="secno">4.4.13</span> <span class="content">The <span><code>main</code></span> element</span></a>
</li><li><a href="semantics.html#the-div-element"><span class="secno">4.4.14</span> <span class="content">The <span><code>div</code></span> element</span></a>
</li></ol>
</li><li>
<a href="semantics.html#textlevel-semantics"><span class="secno">4.5</span> <span class="content">Text-level semantics</span></a>
<ol class="toc">
<li><a href="semantics.html#the-a-element"><span class="secno">4.5.1</span> <span class="content">The <span><code>a</code></span> element</span></a>
</li><li><a href="semantics.html#the-em-element"><span class="secno">4.5.2</span> <span class="content">The <span><code>em</code></span> element</span></a>
</li><li><a href="semantics.html#the-strong-element"><span class="secno">4.5.3</span> <span class="content">The <span><code>strong</code></span> element</span></a>
</li><li><a href="semantics.html#the-small-element"><span class="secno">4.5.4</span> <span class="content">The <span><code>small</code></span> element</span></a>
</li><li><a href="semantics.html#the-s-element"><span class="secno">4.5.5</span> <span class="content">The <span><code>s</code></span> element</span></a>
</li><li><a href="semantics.html#the-cite-element"><span class="secno">4.5.6</span> <span class="content">The <span><code>cite</code></span> element</span></a>
</li><li><a href="semantics.html#the-q-element"><span class="secno">4.5.7</span> <span class="content">The <span><code>q</code></span> element</span></a>
</li><li><a href="semantics.html#the-dfn-element"><span class="secno">4.5.8</span> <span class="content">The <span><code>dfn</code></span> element</span></a>
</li><li><a href="semantics.html#the-abbr-element"><span class="secno">4.5.9</span> <span class="content">The <span><code>abbr</code></span> element</span></a>
</li><li><a href="semantics.html#the-ruby-element"><span class="secno">4.5.10</span> <span class="content">The <span><code>ruby</code></span> element</span></a>
</li><li><a href="semantics.html#the-rb-element"><span class="secno">4.5.11</span> <span class="content">The <span><code>rb</code></span> element</span></a>
</li><li><a href="semantics.html#the-rt-element"><span class="secno">4.5.12</span> <span class="content">The <span><code>rt</code></span> element</span></a>
</li><li><a href="semantics.html#the-rtc-element"><span class="secno">4.5.13</span> <span class="content">The <span><code>rtc</code></span> element</span></a>
</li><li><a href="semantics.html#the-rp-element"><span class="secno">4.5.14</span> <span class="content">The <span><code>rp</code></span> element</span></a>
</li><li><a href="semantics.html#the-data-element"><span class="secno">4.5.15</span> <span class="content">The <span><code>data</code></span> element</span></a>
</li><li><a href="semantics.html#the-time-element"><span class="secno">4.5.16</span> <span class="content">The <span><code>time</code></span> element</span></a>
</li><li><a href="semantics.html#the-code-element"><span class="secno">4.5.17</span> <span class="content">The <span><code>code</code></span> element</span></a>
</li><li><a href="semantics.html#the-var-element"><span class="secno">4.5.18</span> <span class="content">The <span><code>var</code></span> element</span></a>
</li><li><a href="semantics.html#the-samp-element"><span class="secno">4.5.19</span> <span class="content">The <span><code>samp</code></span> element</span></a>
</li><li><a href="semantics.html#the-kbd-element"><span class="secno">4.5.20</span> <span class="content">The <span><code>kbd</code></span> element</span></a>
</li><li><a href="semantics.html#the-sub-and-sup-elements"><span class="secno">4.5.21</span> <span class="content">The <span><code>sub</code></span> and <span><code>sup</code></span> elements</span></a>
</li><li><a href="semantics.html#the-i-element"><span class="secno">4.5.22</span> <span class="content">The <span><code>i</code></span> element</span></a>
</li><li><a href="semantics.html#the-b-element"><span class="secno">4.5.23</span> <span class="content">The <span><code>b</code></span> element</span></a>
</li><li><a href="semantics.html#the-u-element"><span class="secno">4.5.24</span> <span class="content">The <span><code>u</code></span> element</span></a>
</li><li><a href="semantics.html#the-mark-element"><span class="secno">4.5.25</span> <span class="content">The <span><code>mark</code></span> element</span></a>
</li><li><a href="semantics.html#the-bdi-element"><span class="secno">4.5.26</span> <span class="content">The <span><code>bdi</code></span> element</span></a>
</li><li><a href="semantics.html#the-bdo-element"><span class="secno">4.5.27</span> <span class="content">The <span><code>bdo</code></span> element</span></a>
</li><li><a href="semantics.html#the-span-element"><span class="secno">4.5.28</span> <span class="content">The <span><code>span</code></span> element</span></a>
</li><li><a href="semantics.html#the-br-element"><span class="secno">4.5.29</span> <span class="content">The <span><code>br</code></span> element</span></a>
</li><li><a href="semantics.html#the-wbr-element"><span class="secno">4.5.30</span> <span class="content">The <span><code>wbr</code></span> element</span></a>
</li><li><a href="semantics.html#text-level-semantics-usage-summary"><span class="secno">4.5.31</span> <span class="content">Usage summary</span></a>
</li></ol>
</li><li>
<a href="semantics.html#edits"><span class="secno">4.6</span> <span class="content">Edits</span></a>
<ol class="toc">
<li><a href="semantics.html#the-ins-element"><span class="secno">4.6.1</span> <span class="content">The <span><code>ins</code></span> element</span></a>
</li><li><a href="semantics.html#the-del-element"><span class="secno">4.6.2</span> <span class="content">The <span><code>del</code></span> element</span></a>
</li><li><a href="semantics.html#attributes-common-to-ins-and-del-elements"><span class="secno">4.6.3</span> <span class="content">Attributes common to <code>ins</code> and <code><span>del</span></code> elements</span></a>
</li><li><a href="semantics.html#edits-and-paragraphs"><span class="secno">4.6.4</span> <span class="content">Edits and paragraphs</span></a>
</li><li><a href="semantics.html#edits-and-lists"><span class="secno">4.6.5</span> <span class="content">Edits and lists</span></a>
</li><li><a href="semantics.html#edits-and-tables"><span class="secno">4.6.6</span> <span class="content">Edits and tables</span></a>
</li></ol>
</li><li>
<a href="semantics.html#semantics-embedded-content"><span class="secno">4.7</span> <span class="content">Embedded content</span></a>
<ol class="toc">
<li><a href="semantics.html#embedded-content-introduction"><span class="secno">4.7.1</span> <span class="content">Introduction</span></a>
</li><li><a href="semantics.html#embedded-content-dependencies"><span class="secno">4.7.2</span> <span class="content">Dependencies</span></a>
</li><li><a href="semantics.html#the-picture-element"><span class="secno">4.7.3</span> <span class="content">The <span><code>picture</code></span> element</span></a>
</li><li><a href="semantics.html#the-source-element-when-used-with-the-picture-element"><span class="secno">4.7.4</span> <span class="content">The <span><code>source</code></span> element when used with the <code><span>picture</span></code> element</span></a>
</li><li>
<a href="semantics.html#the-img-element"><span class="secno">4.7.5</span> <span class="content">The <span><code>img</code></span> element</span></a>
<ol class="toc">
<li>
<a href="semantics.html#alt-text"><span class="secno">4.7.5.1</span> <span class="content">Requirements for providing text to act as an alternative for images</span></a>
<ol class="toc">
<li><a href="semantics.html#examples-of-scenarios-where-users-benefit-from-text-alternatives-for-images"><span class="secno">4.7.5.1.1</span> <span class="content">Examples of scenarios where users benefit from text alternatives for images</span></a>
</li><li><a href="semantics.html#general-guidelines"><span class="secno">4.7.5.1.2</span> <span class="content">General guidelines</span></a>
</li><li><a href="semantics.html#a-link-or-button-containing-nothing-but-an-image"><span class="secno">4.7.5.1.3</span> <span class="content">A link or button containing nothing but an image</span></a>
</li><li><a href="semantics.html#graphical-representations-charts-diagrams-graphs-maps-illustrations"><span class="secno">4.7.5.1.4</span> <span class="content">Graphical Representations: Charts, diagrams, graphs, maps, illustrations</span></a>
</li><li><a href="semantics.html#images-of-text"><span class="secno">4.7.5.1.5</span> <span class="content">Images of text</span></a>
</li><li><a href="semantics.html#images-that-include-text"><span class="secno">4.7.5.1.6</span> <span class="content">Images that include text</span></a>
</li><li><a href="semantics.html#images-that-enhance-the-themes-or-subject-matter-of-the-page-content"><span class="secno">4.7.5.1.7</span> <span class="content">Images that enhance the themes or subject matter of the page content</span></a>
</li><li><a href="semantics.html#a-graphical-representation-of-some-of-the-surrounding-text"><span class="secno">4.7.5.1.8</span> <span class="content">A graphical representation of some of the surrounding text</span></a>
</li><li><a href="semantics.html#a-purely-decorative-image-that-doesnt-add-any-information"><span class="secno">4.7.5.1.9</span> <span class="content">A purely decorative image that doesn’t add any information</span></a>
</li><li><a href="semantics.html#inline-images"><span class="secno">4.7.5.1.10</span> <span class="content">Inline images</span></a>
</li><li><a href="semantics.html#a-group-of-images-that-form-a-single-larger-picture-with-no-links"><span class="secno">4.7.5.1.11</span> <span class="content">A group of images that form a single larger picture with no links</span></a>
</li><li><a href="semantics.html#the-img-element-image-maps"><span class="secno">4.7.5.1.12</span> <span class="content">Image maps</span></a>
</li><li><a href="semantics.html#a-group-of-images-that-form-a-single-larger-picture-with-links"><span class="secno">4.7.5.1.13</span> <span class="content">A group of images that form a single larger picture with links</span></a>
</li><li><a href="semantics.html#images-of-pictures"><span class="secno">4.7.5.1.14</span> <span class="content">Images of Pictures</span></a>
</li><li><a href="semantics.html#webcam-images"><span class="secno">4.7.5.1.15</span> <span class="content">Webcam images</span></a>
</li><li><a href="semantics.html#when-a-text-alternative-is-not-available-at-the-time-of-publication"><span class="secno">4.7.5.1.16</span> <span class="content">When a text alternative is not available at the time of publication</span></a>
</li><li><a href="semantics.html#an-image-not-intended-for-the-user"><span class="secno">4.7.5.1.17</span> <span class="content">An image not intended for the user</span></a>
</li><li><a href="semantics.html#icon-images"><span class="secno">4.7.5.1.18</span> <span class="content">Icon Images</span></a>
</li><li><a href="semantics.html#logos-insignia-flags-or-emblems"><span class="secno">4.7.5.1.19</span> <span class="content">Logos, insignia, flags, or emblems</span></a>
</li><li><a href="semantics.html#captcha-images"><span class="secno">4.7.5.1.20</span> <span class="content">CAPTCHA Images</span></a>
</li><li><a href="semantics.html#an-image-in-a-picture-element"><span class="secno">4.7.5.1.21</span> <span class="content">An image in a <code><span>picture</span></code> element</span></a>
</li><li><a href="semantics.html#an-image-in-an-email-or-private-document-intended-for-a-specific-person-who-is-known-to-be-able-to-view-images"><span class="secno">4.7.5.1.22</span> <span class="content">An image in an e-mail or private document intended for a specific person who is known to be able to view images</span></a>
</li><li><a href="semantics.html#guidance-for-markup-generators"><span class="secno">4.7.5.1.23</span> <span class="content">Guidance for markup generators</span></a>
</li><li><a href="semantics.html#guidance-for-conformance-checkers"><span class="secno">4.7.5.1.24</span> <span class="content">Guidance for conformance checkers</span></a>
</li></ol>
</li></ol>
</li><li><a href="semantics.html#the-iframe-element"><span class="secno">4.7.6</span> <span class="content">The <span><code>iframe</code></span> element</span></a>
</li><li><a href="semantics.html#the-embed-element"><span class="secno">4.7.7</span> <span class="content">The <span><code>embed</code></span> element</span></a>
</li><li><a href="semantics.html#the-object-element"><span class="secno">4.7.8</span> <span class="content">The <span><code>object</code></span> element</span></a>
</li><li><a href="semantics.html#the-param-element"><span class="secno">4.7.9</span> <span class="content">The <span><code>param</code></span> element</span></a>
</li><li><a href="semantics.html#the-video-element"><span class="secno">4.7.10</span> <span class="content">The <span><code>video</code></span> element</span></a>
</li><li><a href="semantics.html#the-audio-element"><span class="secno">4.7.11</span> <span class="content">The <span><code>audio</code></span> element</span></a>
</li><li><a href="semantics.html#the-source-element"><span class="secno">4.7.12</span> <span class="content">The <span><code>source</code></span> element</span></a>
</li><li><a href="semantics.html#the-track-element"><span class="secno">4.7.13</span> <span class="content">The <span><code>track</code></span> element</span></a>
</li><li>
<a href="semantics.html#media-elements"><span class="secno">4.7.14</span> <span class="content">Media elements</span></a>
<ol class="toc">
<li><a href="semantics.html#error-codes"><span class="secno">4.7.14.1</span> <span class="content">Error codes</span></a>
</li><li><a href="semantics.html#location-of-the-media-resource"><span class="secno">4.7.14.2</span> <span class="content">Location of the media resource</span></a>
</li><li><a href="semantics.html#mime-types"><span class="secno">4.7.14.3</span> <span class="content">MIME types</span></a>
</li><li><a href="semantics.html#network-states"><span class="secno">4.7.14.4</span> <span class="content">Network states</span></a>
</li><li><a href="semantics.html#loading-the-media-resource"><span class="secno">4.7.14.5</span> <span class="content">Loading the media resource</span></a>
</li><li><a href="semantics.html#offsets-into-the-media-resource"><span class="secno">4.7.14.6</span> <span class="content">Offsets into the media resource</span></a>
</li><li><a href="semantics.html#ready-states"><span class="secno">4.7.14.7</span> <span class="content">Ready states</span></a>
</li><li><a href="semantics.html#playing-the-media-resource"><span class="secno">4.7.14.8</span> <span class="content">Playing the media resource</span></a>
</li><li><a href="semantics.html#seeking"><span class="secno">4.7.14.9</span> <span class="content">Seeking</span></a>
</li><li>
<a href="semantics.html#media-resources-with-multiple-media-tracks"><span class="secno">4.7.14.10</span> <span class="content">Media resources with multiple media tracks</span></a>
<ol class="toc">
<li><a href="semantics.html#audiotracklist-and-videotracklist-objects"><span class="secno">4.7.14.10.1</span> <span class="content"><code>AudioTrackList</code> and <code>VideoTrackList</code> objects</span></a>
</li><li><a href="semantics.html#selecting-specific-audio-and-video-tracks-declaratively"><span class="secno">4.7.14.10.2</span> <span class="content">Selecting specific audio and video tracks declaratively</span></a>
</li></ol>
</li><li>
<a href="semantics.html#synchronizing-multiple-media-elements"><span class="secno">4.7.14.11</span> <span class="content">Synchronizing multiple media elements</span></a>
<ol class="toc">
<li><a href="semantics.html#synchronizing-multiple-media-elements-introduction"><span class="secno">4.7.14.11.1</span> <span class="content">Introduction</span></a>
</li><li><a href="semantics.html#media-controllers"><span class="secno">4.7.14.11.2</span> <span class="content">Media controllers</span></a>
</li><li><a href="semantics.html#assigning-a-media-controller-declaratively"><span class="secno">4.7.14.11.3</span> <span class="content">Assigning a media controller declaratively</span></a>
</li></ol>
</li><li>
<a href="semantics.html#timed-text-tracks"><span class="secno">4.7.14.12</span> <span class="content">Timed text tracks</span></a>
<ol class="toc">
<li><a href="semantics.html#text-track-model"><span class="secno">4.7.14.12.1</span> <span class="content">Text track model</span></a>
</li><li><a href="semantics.html#sourcing-inband-text-tracks"><span class="secno">4.7.14.12.2</span> <span class="content">Sourcing in-band text tracks</span></a>
</li><li><a href="semantics.html#sourcing-outofband-text-tracks"><span class="secno">4.7.14.12.3</span> <span class="content">Sourcing out-of-band text tracks</span></a>
</li><li><a href="semantics.html#guidelines-for-exposing-cues-in-various-formats-as-text-track-cues"><span class="secno">4.7.14.12.4</span> <span class="content"><span>Guidelines for exposing cues</span> in various formats as <span>text track cues</span></span></a>
</li><li><a href="semantics.html#text-track-api"><span class="secno">4.7.14.12.5</span> <span class="content">Text track API</span></a>
</li><li><a href="semantics.html#text-tracks-exposing-inband-metadata"><span class="secno">4.7.14.12.6</span> <span class="content">Text tracks exposing in-band metadata</span></a>
</li><li><a href="semantics.html#text-tracks-describing-chapters"><span class="secno">4.7.14.12.7</span> <span class="content">Text tracks describing chapters</span></a>
</li><li><a href="semantics.html#event-handlers-for-objects-of-the-text-track-apis"><span class="secno">4.7.14.12.8</span> <span class="content">Event handlers for objects of the text track APIs</span></a>
</li><li><a href="semantics.html#best-practices-for-metadata-text-tracks"><span class="secno">4.7.14.12.9</span> <span class="content">Best practices for metadata text tracks</span></a>
</li></ol>
</li><li><a href="semantics.html#user-interface"><span class="secno">4.7.14.13</span> <span class="content">User interface</span></a>
</li><li><a href="semantics.html#time-ranges"><span class="secno">4.7.14.14</span> <span class="content">Time ranges</span></a>
</li><li><a href="semantics.html#the-trackevent-interface"><span class="secno">4.7.14.15</span> <span class="content">The <code>TrackEvent</code> interface</span></a>
</li><li><a href="semantics.html#media-elements-event-summary"><span class="secno">4.7.14.16</span> <span class="content">Event summary</span></a>
</li><li><a href="semantics.html#security-and-privacy-considerations"><span class="secno">4.7.14.17</span> <span class="content">Security and privacy considerations</span></a>
</li><li><a href="semantics.html#best-practices-for-authors-using-media-elements"><span class="secno">4.7.14.18</span> <span class="content">Best practices for authors using media elements</span></a>
</li><li><a href="semantics.html#best-practices-for-implementors-of-media-elements"><span class="secno">4.7.14.19</span> <span class="content">Best practices for implementors of media elements</span></a>
</li></ol>
</li><li><a href="semantics.html#the-map-element"><span class="secno">4.7.15</span> <span class="content">The <span><code>map</code></span> element</span></a>
</li><li><a href="semantics.html#the-area-element"><span class="secno">4.7.16</span> <span class="content">The <span><code>area</code></span> element</span></a>
</li><li>
<a href="semantics.html#embedded-content-image-maps"><span class="secno">4.7.17</span> <span class="content">Image maps</span></a>
<ol class="toc">
<li><a href="semantics.html#authoring"><span class="secno">4.7.17.1</span> <span class="content">Authoring</span></a>
</li><li><a href="semantics.html#image-maps-processing-model"><span class="secno">4.7.17.2</span> <span class="content">Processing model</span></a>
</li></ol>
</li><li><a href="semantics.html#mathml"><span class="secno">4.7.18</span> <span class="content">MathML</span></a>
</li><li><a href="semantics.html#svg"><span class="secno">4.7.19</span> <span class="content">SVG</span></a>
</li><li><a href="semantics.html#sec-dimension-attributes"><span class="secno">4.7.20</span> <span class="content"><span>Dimension attributes</span></span></a>
</li></ol>
</li><li>
<a href="semantics.html#links"><span class="secno">4.8</span> <span class="content">Links</span></a>
<ol class="toc">
<li><a href="semantics.html#links-created-by-a-and-area-elements"><span class="secno">4.8.1</span> <span class="content">Links created by <code><span>a</span></code> and <code><span>area</span></code> elements</span></a>
</li><li><a href="semantics.html#api-for-a-and-area-elements"><span class="secno">4.8.2</span> <span class="content">API for <code><span>a</span></code> and <code><span>area</span></code> elements</span></a>
</li><li><a href="semantics.html#sec-following-hyperlinks"><span class="secno">4.8.3</span> <span class="content">Following hyperlinks</span></a>
</li><li><a href="semantics.html#downloading-resources"><span class="secno">4.8.4</span> <span class="content">Downloading resources</span></a>
</li><li>
<a href="semantics.html#sec-link-types"><span class="secno">4.8.5</span> <span class="content"><span>Link types</span></span></a>
<ol class="toc">
<li><a href="semantics.html#link-type-alternate"><span class="secno">4.8.5.1</span> <span class="content">Link type "<span><code>alternate</code></span>"</span></a>
</li><li><a href="semantics.html#link-type-author"><span class="secno">4.8.5.2</span> <span class="content">Link type "<span><code>author</code></span>"</span></a>
</li><li><a href="semantics.html#link-type-bookmark"><span class="secno">4.8.5.3</span> <span class="content">Link type "<span><code>bookmark</code></span>"</span></a>
</li><li><a href="semantics.html#link-type-help"><span class="secno">4.8.5.4</span> <span class="content">Link type "<span><code>help</code></span>"</span></a>
</li><li><a href="semantics.html#link-type-icon"><span class="secno">4.8.5.5</span> <span class="content">Link type "<span><code>icon</code></span>"</span></a>
</li><li><a href="semantics.html#link-type-license"><span class="secno">4.8.5.6</span> <span class="content">Link type "<span><code>license</code></span>"</span></a>
</li><li><a href="semantics.html#link-type-nofollow"><span class="secno">4.8.5.7</span> <span class="content">Link type "<span><code>nofollow</code></span>"</span></a>
</li><li><a href="semantics.html#link-type-noreferrer"><span class="secno">4.8.5.8</span> <span class="content">Link type "<span><code>noreferrer</code></span>"</span></a>
</li><li><a href="semantics.html#link-type-prefetch"><span class="secno">4.8.5.9</span> <span class="content">Link type "<span><code>prefetch</code></span>"</span></a>
</li><li><a href="semantics.html#link-type-search"><span class="secno">4.8.5.10</span> <span class="content">Link type "<span><code>search</code></span>"</span></a>
</li><li><a href="semantics.html#link-type-stylesheet"><span class="secno">4.8.5.11</span> <span class="content">Link type "<span><code>stylesheet</code></span>"</span></a>
</li><li><a href="semantics.html#link-type-tag"><span class="secno">4.8.5.12</span> <span class="content">Link type "<span><code>tag</code></span>"</span></a>
</li><li>
<a href="semantics.html#sequential-link-types"><span class="secno">4.8.5.13</span> <span class="content">Sequential link types</span></a>
<ol class="toc">
<li><a href="semantics.html#link-type-next"><span class="secno">4.8.5.13.1</span> <span class="content">Link type "<span><code>next</code></span>"</span></a>
</li><li><a href="semantics.html#link-type-prev"><span class="secno">4.8.5.13.2</span> <span class="content">Link type "<span><code>prev</code></span>"</span></a>
</li></ol>
</li><li><a href="semantics.html#sec-other-link-types"><span class="secno">4.8.5.14</span> <span class="content"><span>Other link types</span></span></a>
</li></ol>
</li></ol>
</li><li>
<a href="semantics.html#tabular-data"><span class="secno">4.9</span> <span class="content">Tabular data</span></a>
<ol class="toc">
<li>
<a href="semantics.html#the-table-element"><span class="secno">4.9.1</span> <span class="content">The <span><code>table</code></span> element</span></a>
<ol class="toc">
<li><a href="semantics.html#sec-techniques-for-describing-tables"><span class="secno">4.9.1.1</span> <span class="content"><span>Techniques for describing tables</span></span></a>
</li><li><a href="semantics.html#techniques-for-table-design"><span class="secno">4.9.1.2</span> <span class="content">Techniques for table design</span></a>
</li></ol>
</li><li><a href="semantics.html#the-caption-element"><span class="secno">4.9.2</span> <span class="content">The <span><code>caption</code></span> element</span></a>
</li><li><a href="semantics.html#the-colgroup-element"><span class="secno">4.9.3</span> <span class="content">The <span><code>colgroup</code></span> element</span></a>
</li><li><a href="semantics.html#the-col-element"><span class="secno">4.9.4</span> <span class="content">The <span><code>col</code></span> element</span></a>
</li><li><a href="semantics.html#the-tbody-element"><span class="secno">4.9.5</span> <span class="content">The <span><code>tbody</code></span> element</span></a>
</li><li><a href="semantics.html#the-thead-element"><span class="secno">4.9.6</span> <span class="content">The <span><code>thead</code></span> element</span></a>
</li><li><a href="semantics.html#the-tfoot-element"><span class="secno">4.9.7</span> <span class="content">The <span><code>tfoot</code></span> element</span></a>
</li><li><a href="semantics.html#the-tr-element"><span class="secno">4.9.8</span> <span class="content">The <span><code>tr</code></span> element</span></a>
</li><li><a href="semantics.html#the-td-element"><span class="secno">4.9.9</span> <span class="content">The <span><code>td</code></span> element</span></a>
</li><li><a href="semantics.html#the-th-element"><span class="secno">4.9.10</span> <span class="content">The <span><code>th</code></span> element</span></a>
</li><li><a href="semantics.html#attributes-common-to-td-and-th-elements"><span class="secno">4.9.11</span> <span class="content">Attributes common to <code>td</code> and <code><span>th</span></code> elements</span></a>
</li><li>
<a href="semantics.html#tabular-data-processing-model"><span class="secno">4.9.12</span> <span class="content">Processing model</span></a>
<ol class="toc">
<li><a href="semantics.html#forming-a-table"><span class="secno">4.9.12.1</span> <span class="content">Forming a table</span></a>
</li><li><a href="semantics.html#forming-relationships-between-data-cells-and-header-cells"><span class="secno">4.9.12.2</span> <span class="content">Forming relationships between data cells and header cells</span></a>
</li></ol>
</li><li><a href="semantics.html#table-sorting-model"><span class="secno">4.9.13</span> <span class="content">Table sorting model</span></a>
</li><li><a href="semantics.html#examples"><span class="secno">4.9.14</span> <span class="content">Examples</span></a>
</li></ol>
</li><li>
<a href="semantics.html#forms"><span class="secno">4.10</span> <span class="content">Forms</span></a>
<ol class="toc">
<li>
<a href="semantics.html#forms-introduction"><span class="secno">4.10.1</span> <span class="content">Introduction</span></a>
<ol class="toc">
<li><a href="semantics.html#writing-a-forms-user-interface"><span class="secno">4.10.1.1</span> <span class="content">Writing a form’s user interface</span></a>
</li><li><a href="semantics.html#implementing-the-serverside-processing-for-a-form"><span class="secno">4.10.1.2</span> <span class="content">Implementing the server-side processing for a form</span></a>
</li><li><a href="semantics.html#configuring-a-form-to-communicate-with-a-server"><span class="secno">4.10.1.3</span> <span class="content">Configuring a form to communicate with a server</span></a>
</li><li><a href="semantics.html#clientside-form-validation"><span class="secno">4.10.1.4</span> <span class="content">Client-side form validation</span></a>
</li><li><a href="semantics.html#enabling-clientside-automatic-filling-of-form-controls"><span class="secno">4.10.1.5</span> <span class="content">Enabling client-side automatic filling of form controls</span></a>
</li><li><a href="semantics.html#improving-the-user-experience-on-mobile-devices"><span class="secno">4.10.1.6</span> <span class="content">Improving the user experience on mobile devices</span></a>
</li><li><a href="semantics.html#the-difference-between-the-field-type-the-autofill-field-name-and-the-input-modality"><span class="secno">4.10.1.7</span> <span class="content">The difference between the field type, the autofill field name, and the input modality</span></a>
</li><li><a href="semantics.html#date-time-and-number-formats"><span class="secno">4.10.1.8</span> <span class="content">Date, time, and number formats</span></a>
</li></ol>
</li><li><a href="semantics.html#form-categories"><span class="secno">4.10.2</span> <span class="content">Categories</span></a>
</li><li><a href="semantics.html#the-form-element"><span class="secno">4.10.3</span> <span class="content">The <span><code>form</code></span> element</span></a>
</li><li><a href="semantics.html#the-label-element"><span class="secno">4.10.4</span> <span class="content">The <span><code>label</code></span> element</span></a>
</li><li>
<a href="semantics.html#the-input-element"><span class="secno">4.10.5</span> <span class="content">The <span><code>input</code></span> element</span></a>
<ol class="toc">
<li>
<a href="semantics.html#sec-states-of-the-type-attribute"><span class="secno">4.10.5.1</span> <span class="content"><span>States of the <code>type</code> attribute</span></span></a>
<ol class="toc">
<li><a href="semantics.html#hidden-state-typehidden"><span class="secno">4.10.5.1.1</span> <span class="content"><span>Hidden</span> state (<code>type=hidden</code>)</span></a>
</li><li><a href="semantics.html#text-typetext-state-and-search-state-typesearch"><span class="secno">4.10.5.1.2</span> <span class="content"><span>Text</span> (<code>type=text</code>) state and <span>Search</span> state (<code>type=search</code>)</span></a>
</li><li><a href="semantics.html#telephone-state-typetel"><span class="secno">4.10.5.1.3</span> <span class="content"><span>Telephone</span> state (<code>type=tel</code>)</span></a>
</li><li><a href="semantics.html#url-state-typeurl"><span class="secno">4.10.5.1.4</span> <span class="content"><span>URL</span> state (<code>type=url</code>)</span></a>
</li><li><a href="semantics.html#email-state-typeemail"><span class="secno">4.10.5.1.5</span> <span class="content"><span>E-mail</span> state (<code>type=email</code>)</span></a>
</li><li><a href="semantics.html#password-state-typepassword"><span class="secno">4.10.5.1.6</span> <span class="content"><span>Password</span> state (<code>type=password</code>)</span></a>
</li><li><a href="semantics.html#date-and-time-state-typedatetime"><span class="secno">4.10.5.1.7</span> <span class="content"><span>Date and Time</span> state (<code>type=datetime</code>)</span></a>
</li><li><a href="semantics.html#date-state-typedate"><span class="secno">4.10.5.1.8</span> <span class="content"><span>Date</span> state (<code>type=date</code>)</span></a>
</li><li><a href="semantics.html#month-state-typemonth"><span class="secno">4.10.5.1.9</span> <span class="content"><span>Month</span> state (<code>type=month</code>)</span></a>
</li><li><a href="semantics.html#week-state-typeweek"><span class="secno">4.10.5.1.10</span> <span class="content"><span>Week</span> state (<code>type=week</code>)</span></a>
</li><li><a href="semantics.html#time-state-typetime"><span class="secno">4.10.5.1.11</span> <span class="content"><span>Time</span> state (<code>type=time</code>)</span></a>
</li><li><a href="semantics.html#local-date-and-time-state-typedatetimelocal"><span class="secno">4.10.5.1.12</span> <span class="content"><span>Local Date and Time</span> state (<code>type=datetime-local</code>)</span></a>
</li><li><a href="semantics.html#number-state-typenumber"><span class="secno">4.10.5.1.13</span> <span class="content"><span>Number</span> state (<code>type=number</code>)</span></a>
</li><li><a href="semantics.html#range-state-typerange"><span class="secno">4.10.5.1.14</span> <span class="content"><span>Range</span> state (<code>type=range</code>)</span></a>
</li><li><a href="semantics.html#color-state-typecolor"><span class="secno">4.10.5.1.15</span> <span class="content"><span>Color</span> state (<code>type=color</code>)</span></a>
</li><li><a href="semantics.html#checkbox-state-typecheckbox"><span class="secno">4.10.5.1.16</span> <span class="content"><span>Checkbox</span> state (<code>type=checkbox</code>)</span></a>
</li><li><a href="semantics.html#radio-button-state-typeradio"><span class="secno">4.10.5.1.17</span> <span class="content"><span>Radio Button</span> state (<code>type=radio</code>)</span></a>
</li><li><a href="semantics.html#file-upload-state-typefile"><span class="secno">4.10.5.1.18</span> <span class="content"><span>File Upload</span> state (<code>type=file</code>)</span></a>
</li><li><a href="semantics.html#submit-button-state-typesubmit"><span class="secno">4.10.5.1.19</span> <span class="content"><span>Submit Button</span> state (<code>type=submit</code>)</span></a>
</li><li><a href="semantics.html#image-button-state-typeimage"><span class="secno">4.10.5.1.20</span> <span class="content"><span>Image Button</span> state (<code>type=image</code>)</span></a>
</li><li><a href="semantics.html#reset-button-state-typereset"><span class="secno">4.10.5.1.21</span> <span class="content"><span>Reset Button</span> state (<code>type=reset</code>)</span></a>
</li><li><a href="semantics.html#button-state-typebutton"><span class="secno">4.10.5.1.22</span> <span class="content"><span>Button</span> state (<code>type=button</code>)</span></a>
</li></ol>
</li><li><a href="semantics.html#implementation-notes-regarding-localization-of-form-controls"><span class="secno">4.10.5.2</span> <span class="content"><span>implementation notes regarding localization of form controls</span></span></a>
</li><li>
<a href="semantics.html#common-input-element-attributes"><span class="secno">4.10.5.3</span> <span class="content">Common <code><span>input</span></code> element attributes</span></a>
<ol class="toc">
<li><a href="semantics.html#the-maxlength-and-minlength-attributes"><span class="secno">4.10.5.3.1</span> <span class="content">The <code>maxlength</code> and <code>minlength</code> attributes</span></a>
</li><li><a href="semantics.html#the-size-attribute"><span class="secno">4.10.5.3.2</span> <span class="content">The <code>size</code> attribute</span></a>
</li><li><a href="semantics.html#the-readonly-attribute"><span class="secno">4.10.5.3.3</span> <span class="content">The <code>readonly</code> attribute</span></a>
</li><li><a href="semantics.html#the-required-attribute"><span class="secno">4.10.5.3.4</span> <span class="content">The <code>required</code> attribute</span></a>
</li><li><a href="semantics.html#the-multiple-attribute"><span class="secno">4.10.5.3.5</span> <span class="content">The <code>multiple</code> attribute</span></a>
</li><li><a href="semantics.html#the-pattern-attribute"><span class="secno">4.10.5.3.6</span> <span class="content">The <code>pattern</code> attribute</span></a>
</li><li><a href="semantics.html#the-min-and-max-attributes"><span class="secno">4.10.5.3.7</span> <span class="content">The <code>min</code> and <code>max</code> attributes</span></a>
</li><li><a href="semantics.html#the-step-attribute"><span class="secno">4.10.5.3.8</span> <span class="content">The <code>step</code> attribute</span></a>
</li><li><a href="semantics.html#the-list-attribute"><span class="secno">4.10.5.3.9</span> <span class="content">The <code>list</code> attribute</span></a>
</li><li><a href="semantics.html#the-placeholder-attribute"><span class="secno">4.10.5.3.10</span> <span class="content">The <code>placeholder</code> attribute</span></a>
</li></ol>
</li><li><a href="semantics.html#common-input-element-apis"><span class="secno">4.10.5.4</span> <span class="content">Common <code><span>input</span></code> element <span>APIs</span></span></a>
</li><li><a href="semantics.html#common-event-behaviors"><span class="secno">4.10.5.5</span> <span class="content">Common event behaviors</span></a>
</li></ol>
</li><li><a href="semantics.html#the-button-element"><span class="secno">4.10.6</span> <span class="content">The <span><code>button</code></span> element</span></a>
</li><li><a href="semantics.html#the-select-element"><span class="secno">4.10.7</span> <span class="content">The <span><code>select</code></span> element</span></a>
</li><li><a href="semantics.html#the-datalist-element"><span class="secno">4.10.8</span> <span class="content">The <span><code>datalist</code></span> element</span></a>
</li><li><a href="semantics.html#the-optgroup-element"><span class="secno">4.10.9</span> <span class="content">The <span><code>optgroup</code></span> element</span></a>
</li><li><a href="semantics.html#the-option-element"><span class="secno">4.10.10</span> <span class="content">The <span><code>option</code></span> element</span></a>
</li><li><a href="semantics.html#the-textarea-element"><span class="secno">4.10.11</span> <span class="content">The <span><code>textarea</code></span> element</span></a>
</li><li><a href="semantics.html#the-keygen-element"><span class="secno">4.10.12</span> <span class="content">The <span><code>keygen</code></span> element</span></a>
</li><li><a href="semantics.html#the-output-element"><span class="secno">4.10.13</span> <span class="content">The <span><code>output</code></span> element</span></a>
</li><li><a href="semantics.html#the-progress-element"><span class="secno">4.10.14</span> <span class="content">The <span><code>progress</code></span> element</span></a>
</li><li><a href="semantics.html#the-meter-element"><span class="secno">4.10.15</span> <span class="content">The <span><code>meter</code></span> element</span></a>
</li><li><a href="semantics.html#the-fieldset-element"><span class="secno">4.10.16</span> <span class="content">The <span><code>fieldset</code></span> element</span></a>
</li><li><a href="semantics.html#the-legend-element"><span class="secno">4.10.17</span> <span class="content">The <span><code>legend</code></span> element</span></a>
</li><li>
<a href="semantics.html#form-control-infrastructure"><span class="secno">4.10.18</span> <span class="content">Form control infrastructure</span></a>
<ol class="toc">
<li><a href="semantics.html#a-form-control-value"><span class="secno">4.10.18.1</span> <span class="content">A form control value</span></a>
</li><li><a href="semantics.html#mutability"><span class="secno">4.10.18.2</span> <span class="content">Mutability</span></a>
</li><li><a href="semantics.html#association-of-controls-and-forms"><span class="secno">4.10.18.3</span> <span class="content">Association of controls and forms</span></a>
</li></ol>
</li><li>
<a href="semantics.html#attributes-common-to-form-controls"><span class="secno">4.10.19</span> <span class="content">Attributes common to form controls</span></a>
<ol class="toc">
<li><a href="semantics.html#naming-form-controls-the-name-attribute"><span class="secno">4.10.19.1</span> <span class="content">Naming form controls: the <code>name</code> attribute</span></a>
</li><li><a href="semantics.html#submitting-element-directionality-the-dirname-attribute"><span class="secno">4.10.19.2</span> <span class="content">Submitting element directionality: the <code>dirname</code> attribute</span></a>
</li><li><a href="semantics.html#limiting-user-input-length-the-maxlength-attribute"><span class="secno">4.10.19.3</span> <span class="content">Limiting user input length: the <code>maxlength</code> attribute</span></a>
</li><li><a href="semantics.html#setting-minimum-input-length-requirements-the-minlength-attribute"><span class="secno">4.10.19.4</span> <span class="content">Setting minimum input length requirements: the <code>minlength</code> attribute</span></a>
</li><li><a href="semantics.html#enabling-and-disabling-form-controls-the-disabled-attribute"><span class="secno">4.10.19.5</span> <span class="content">Enabling and disabling form controls: the <code>disabled</code> attribute</span></a>
</li><li>
<a href="semantics.html#form-control-infrastructure-form-submission"><span class="secno">4.10.19.6</span> <span class="content">Form submission</span></a>
<ol class="toc">
<li><a href="semantics.html#autofocusing-a-form-control-the-autofocus-attribute"><span class="secno">4.10.19.6.1</span> <span class="content">Autofocusing a form control: the <code>autofocus</code> attribute</span></a>
</li></ol>
</li><li><a href="semantics.html#input-modalities-the-inputmode-attribute"><span class="secno">4.10.19.7</span> <span class="content">Input modalities: the <code>inputmode</code> attribute</span></a>
</li><li>
<a href="semantics.html#sec-autofill"><span class="secno">4.10.19.8</span> <span class="content"><span>Autofill</span></span></a>
<ol class="toc">
<li><a href="semantics.html#autofilling-form-controls-the-autocomplete-attribute"><span class="secno">4.10.19.8.1</span> <span class="content">Autofilling form controls: the <code>autocomplete</code> attribute</span></a>
</li><li><a href="semantics.html#autofill-processing-model"><span class="secno">4.10.19.8.2</span> <span class="content">Processing model</span></a>
</li><li><a href="semantics.html#user-interface-for-bulk-autofill"><span class="secno">4.10.19.8.3</span> <span class="content">User interface for bulk autofill</span></a>
</li><li><a href="semantics.html#the-autocompleteerrorevent-interface"><span class="secno">4.10.19.8.4</span> <span class="content">The <code>AutocompleteErrorEvent</code> interface</span></a>
</li></ol>
</li></ol>
</li><li><a href="semantics.html#apis-for-the-text-field-selections"><span class="secno">4.10.20</span> <span class="content">APIs for the text field selections</span></a>
</li><li>
<a href="semantics.html#constraints"><span class="secno">4.10.21</span> <span class="content">Constraints</span></a>
<ol class="toc">
<li><a href="semantics.html#constraints-definitions"><span class="secno">4.10.21.1</span> <span class="content">Definitions</span></a>
</li><li><a href="semantics.html#sec-constraint-validation"><span class="secno">4.10.21.2</span> <span class="content">Constraint validation</span></a>
</li><li><a href="semantics.html#the-constraint-validation-api"><span class="secno">4.10.21.3</span> <span class="content">The <span>constraint validation API</span></span></a>
</li><li><a href="semantics.html#constraints-security"><span class="secno">4.10.21.4</span> <span class="content">Security</span></a>
</li></ol>
</li><li>
<a href="semantics.html#forms-form-submission"><span class="secno">4.10.22</span> <span class="content">Form submission</span></a>
<ol class="toc">
<li><a href="semantics.html#form-submission-introduction"><span class="secno">4.10.22.1</span> <span class="content">Introduction</span></a>
</li><li><a href="semantics.html#implicit-submission"><span class="secno">4.10.22.2</span> <span class="content">Implicit submission</span></a>
</li><li><a href="semantics.html#form-submission-algorithm"><span class="secno">4.10.22.3</span> <span class="content">Form submission algorithm</span></a>
</li><li><a href="semantics.html#sec-constructing-the-form-data-set"><span class="secno">4.10.22.4</span> <span class="content"><span>Constructing the form data set</span></span></a>
</li><li><a href="semantics.html#selecting-a-form-submission-encoding"><span class="secno">4.10.22.5</span> <span class="content">Selecting a form submission encoding</span></a>
</li><li><a href="semantics.html#urlencoded-form-data"><span class="secno">4.10.22.6</span> <span class="content">URL-encoded form data</span></a>
</li><li><a href="semantics.html#multipart-form-data"><span class="secno">4.10.22.7</span> <span class="content">Multipart form data</span></a>
</li><li><a href="semantics.html#plain-text-form-data"><span class="secno">4.10.22.8</span> <span class="content">Plain text form data</span></a>
</li></ol>
</li><li><a href="semantics.html#resetting-a-form"><span class="secno">4.10.23</span> <span class="content">Resetting a form</span></a>
</li></ol>
</li><li>
<a href="semantics.html#interactive-elements"><span class="secno">4.11</span> <span class="content">Interactive elements</span></a>
<ol class="toc">
<li><a href="semantics.html#the-details-element"><span class="secno">4.11.1</span> <span class="content">The <span><code>details</code></span> element</span></a>
</li><li><a href="semantics.html#the-summary-element"><span class="secno">4.11.2</span> <span class="content">The <span><code>summary</code></span> element</span></a>
</li><li><a href="semantics.html#the-menu-element"><span class="secno">4.11.3</span> <span class="content">The <span><code>menu</code></span> element</span></a>
</li><li><a href="semantics.html#the-menuitem-element"><span class="secno">4.11.4</span> <span class="content">The <span><code>menuitem</code></span> element</span></a>
</li><li>
<a href="semantics.html#context-menus"><span class="secno">4.11.5</span> <span class="content"><span>Context menus</span></span></a>
<ol class="toc">
<li><a href="semantics.html#declaring-a-context-menu"><span class="secno">4.11.5.1</span> <span class="content">Declaring a context menu</span></a>
</li><li><a href="semantics.html#context-menu-processing-model"><span class="secno">4.11.5.2</span> <span class="content">Processing model</span></a>
</li><li><a href="semantics.html#the-relatedevent-interfaces"><span class="secno">4.11.5.3</span> <span class="content">The <code>RelatedEvent</code> interfaces</span></a>
</li></ol>
</li><li>
<a href="semantics.html#commands"><span class="secno">4.11.6</span> <span class="content">Commands</span></a>
<ol class="toc">
<li><a href="semantics.html#facets"><span class="secno">4.11.6.1</span> <span class="content">Facets</span></a>
</li><li><a href="semantics.html#using-the-a-element-to-define-a-command"><span class="secno">4.11.6.2</span> <span class="content">Using the <code><span>a</span></code> element to define a command</span></a>
</li><li><a href="semantics.html#using-the-button-element-to-define-a-command"><span class="secno">4.11.6.3</span> <span class="content">Using the <code><span>button</span></code> element to define a command</span></a>
</li><li><a href="semantics.html#using-the-input-element-to-define-a-command"><span class="secno">4.11.6.4</span> <span class="content">Using the <code><span>input</span></code> element to define a command</span></a>
</li><li><a href="semantics.html#using-the-option-element-to-define-a-command"><span class="secno">4.11.6.5</span> <span class="content"><span>Using the <code><span>option</span></code> element to define a command</span></span></a>
</li><li><a href="semantics.html#using-the-menuitem-element-to-define-a-command"><span class="secno">4.11.6.6</span> <span class="content">Using the <code><span>menuitem</span></code> element to define a
command</span></a>
</li><li><a href="semantics.html#using-the-accesskey-attribute-on-a-label-element-to-define-a-command"><span class="secno">4.11.6.7</span> <span class="content">Using the <code>accesskey</code> attribute
on a <code><span>label</span></code> element to define a command</span></a>
</li><li><a href="semantics.html#using-the-accesskey-attribute-on-a-legend-element-to-define-a-command"><span class="secno">4.11.6.8</span> <span class="content">Using the <code>accesskey</code> attribute
on a <code><span>legend</span></code> element to define a command</span></a>
</li><li><a href="semantics.html#using-the-accesskey-attribute-to-define-a-command-on-other-elements"><span class="secno">4.11.6.9</span> <span class="content">Using the <code>accesskey</code> attribute to define a command on other elements</span></a>
</li></ol>
</li><li>
<a href="semantics.html#the-dialog-element"><span class="secno">4.11.7</span> <span class="content">The <span><code>dialog</code></span> element</span></a>
<ol class="toc">
<li><a href="semantics.html#anchor-points"><span class="secno">4.11.7.1</span> <span class="content">Anchor points</span></a>
</li></ol>
</li></ol>
</li><li>
<a href="semantics.html#semantics-scripting"><span class="secno">4.12</span> <span class="content">Scripting</span></a>
<ol class="toc">
<li>
<a href="semantics.html#the-script-element"><span class="secno">4.12.1</span> <span class="content">The <span><code>script</code></span> element</span></a>
<ol class="toc">
<li><a href="semantics.html#scripting-languages"><span class="secno">4.12.1.1</span> <span class="content">Scripting languages</span></a>
</li><li><a href="semantics.html#restrictions-for-contents-of-script-elements"><span class="secno">4.12.1.2</span> <span class="content"><span>Restrictions for contents of <code><span>script</span></code> elements</span></span></a>
</li><li><a href="semantics.html#inline-documentation-for-external-scripts"><span class="secno">4.12.1.3</span> <span class="content"><span></span>Inline documentation for external scripts</span></a>
</li><li><a href="semantics.html#interaction-of-script-elements-and-xslt"><span class="secno">4.12.1.4</span> <span class="content">Interaction of <code><span>script</span></code> elements and XSLT</span></a>
</li></ol>
</li><li><a href="semantics.html#the-noscript-element"><span class="secno">4.12.2</span> <span class="content">The <span><code>noscript</code></span> element</span></a>
</li><li>
<a href="semantics.html#the-template-element"><span class="secno">4.12.3</span> <span class="content">The <span><code>template</code></span> element</span></a>
<ol class="toc">
<li><a href="semantics.html#interaction-of-template-elements-with-xslt-and-xpath"><span class="secno">4.12.3.1</span> <span class="content">Interaction of <code><span>template</span></code> elements with XSLT and XPath</span></a>
</li></ol>
</li><li>
<a href="semantics.html#the-canvas-element"><span class="secno">4.12.4</span> <span class="content">The <span><code>canvas</code></span> element</span></a>
<ol class="toc">
<li><a href="semantics.html#proxying-canvases-to-workers"><span class="secno">4.12.4.1</span> <span class="content">Proxying canvases to workers</span></a>
</li><li><a href="semantics.html#color-spaces-and-color-correction"><span class="secno">4.12.4.2</span> <span class="content">Color spaces and color correction</span></a>
</li><li><a href="semantics.html#security-with-canvas-elements"><span class="secno">4.12.4.3</span> <span class="content">Security with <code><span>canvas</span></code> elements</span></a>
</li></ol>
</li></ol>
</li><li>
<a href="semantics.html#common-idioms-without-dedicated-elements"><span class="secno">4.13</span> <span class="content">Common idioms without dedicated elements</span></a>
<ol class="toc">
<li><a href="semantics.html#subheadings-subtitles-alternative-titles-and-taglines"><span class="secno">4.13.1</span> <span class="content">Subheadings, subtitles, alternative titles and taglines</span></a>
</li><li><a href="semantics.html#bread-crumb-navigation"><span class="secno">4.13.2</span> <span class="content">Bread crumb navigation</span></a>
</li><li><a href="semantics.html#sec-tag-clouds"><span class="secno">4.13.3</span> <span class="content"><span>Tag clouds</span></span></a>
</li><li><a href="semantics.html#conversations"><span class="secno">4.13.4</span> <span class="content">Conversations</span></a>
</li><li><a href="semantics.html#footnotes"><span class="secno">4.13.5</span> <span class="content">Footnotes</span></a>
</li></ol>
</li><li><a href="semantics.html#disabled-elements"><span class="secno">4.14</span> <span class="content">Disabled elements</span></a>
</li><li>
<a href="semantics.html#matching-html-elements-using-selectors"><span class="secno">4.15</span> <span class="content">Matching HTML elements using selectors</span></a>
<ol class="toc">
<li><a href="semantics.html#casesensitivity"><span class="secno">4.15.1</span> <span class="content">Case-sensitivity</span></a>
</li><li><a href="semantics.html#pseudoclasses"><span class="secno">4.15.2</span> <span class="content">Pseudo-classes</span></a>
</li></ol>
</li></ol>
</li><li>
<a href="editing.html#editing"><span class="secno">5</span> <span class="content">User interaction</span></a>
<ol class="toc">
<li><a href="editing.html#the-hidden-attribute"><span class="secno">5.1</span> <span class="content">The <span><code>hidden</code></span> attribute</span></a>
</li><li><a href="editing.html#inert-subtrees"><span class="secno">5.2</span> <span class="content">Inert subtrees</span></a>
</li><li><a href="editing.html#activation"><span class="secno">5.3</span> <span class="content">Activation</span></a>
</li><li>
<a href="editing.html#focus"><span class="secno">5.4</span> <span class="content">Focus</span></a>
<ol class="toc">
<li><a href="editing.html#focus-introduction"><span class="secno">5.4.1</span> <span class="content">Introduction</span></a>
</li><li><a href="editing.html#data-model"><span class="secno">5.4.2</span> <span class="content">Data model</span></a>
</li><li><a href="editing.html#the-tabindex-attribute"><span class="secno">5.4.3</span> <span class="content">The <code>tabindex</code> attribute</span></a>
</li><li><a href="editing.html#focus-processing-model"><span class="secno">5.4.4</span> <span class="content">Processing model</span></a>
</li><li><a href="editing.html#sec-sequential-focus-navigation"><span class="secno">5.4.5</span> <span class="content">Sequential focus navigation</span></a>
</li><li><a href="editing.html#focus-management-apis"><span class="secno">5.4.6</span> <span class="content">Focus management APIs</span></a>
</li></ol>
</li><li>
<a href="editing.html#assigning-keyboard-shortcuts"><span class="secno">5.5</span> <span class="content">Assigning keyboard shortcuts</span></a>
<ol class="toc">
<li><a href="editing.html#assigning-keyboard-shortcuts-introduction"><span class="secno">5.5.1</span> <span class="content">Introduction</span></a>
</li><li><a href="editing.html#the-accesskey-attribute"><span class="secno">5.5.2</span> <span class="content">The <span><code>accesskey</code></span> attribute</span></a>
</li><li><a href="editing.html#assigning-keyboard-shortcuts-processing-model"><span class="secno">5.5.3</span> <span class="content">Processing model</span></a>
</li></ol>
</li><li>
<a href="editing.html#user-interaction-editing"><span class="secno">5.6</span> <span class="content">Editing</span></a>
<ol class="toc">
<li><a href="editing.html#making-document-regions-editable-the-contenteditable-content-attribute"><span class="secno">5.6.1</span> <span class="content">Making document regions editable: The <code>contenteditable</code> content attribute</span></a>
</li><li><a href="editing.html#making-entire-documents-editable-the-designmode-idl-attribute"><span class="secno">5.6.2</span> <span class="content">Making entire documents editable: The <code>designMode</code> IDL attribute</span></a>
</li><li><a href="editing.html#best-practices-for-in-page-editors"><span class="secno">5.6.3</span> <span class="content">Best practices for in-page editors</span></a>
</li><li><a href="editing.html#editing-apis"><span class="secno">5.6.4</span> <span class="content">Editing APIs</span></a>
</li><li><a href="editing.html#spelling-and-grammar-checking"><span class="secno">5.6.5</span> <span class="content">Spelling and grammar checking</span></a>
</li></ol>
</li><li>
<a href="editing.html#drag-and-drop"><span class="secno">5.7</span> <span class="content">Drag and drop</span></a>
<ol class="toc">
<li><a href="editing.html#drag-and-drop-introduction"><span class="secno">5.7.1</span> <span class="content">Introduction</span></a>
</li><li><a href="editing.html#the-drag-data-store"><span class="secno">5.7.2</span> <span class="content">The drag data store</span></a>
</li><li>
<a href="editing.html#the-datatransfer-interface"><span class="secno">5.7.3</span> <span class="content">The <code>DataTransfer</code> interface</span></a>
<ol class="toc">
<li><a href="editing.html#the-datatransferitemlist-interface"><span class="secno">5.7.3.1</span> <span class="content">The <code>DataTransferItemList</code> interface</span></a>
</li><li><a href="editing.html#the-datatransferitem-interface"><span class="secno">5.7.3.2</span> <span class="content">The <code>DataTransferItem</code> interface</span></a>
</li></ol>
</li><li><a href="editing.html#the-dragevent-interface"><span class="secno">5.7.4</span> <span class="content">The <code>DragEvent</code> interface</span></a>
</li><li><a href="editing.html#drag-and-drop-processing-model"><span class="secno">5.7.5</span> <span class="content">Drag-and-drop processing model</span></a>
</li><li><a href="editing.html#events-summary"><span class="secno">5.7.6</span> <span class="content">Events summary</span></a>
</li><li><a href="editing.html#the-draggable-attribute"><span class="secno">5.7.7</span> <span class="content">The <span><code>draggable</code></span> attribute</span></a>
</li><li><a href="editing.html#the-dropzone-attribute"><span class="secno">5.7.8</span> <span class="content">The <span><code>dropzone</code></span> attribute</span></a>
</li><li><a href="editing.html#security-risks-in-the-drag-and-drop-model"><span class="secno">5.7.9</span> <span class="content">Security risks in the drag-and-drop model</span></a>
</li></ol>
</li></ol>
</li><li>
<a href="browsers.html#browsers"><span class="secno">6</span> <span class="content">Loading Web pages</span></a>
<ol class="toc">
<li>
<a href="browsers.html#sec-browsing-contexts"><span class="secno">6.1</span> <span class="content">Browsing contexts</span></a>
<ol class="toc">
<li>
<a href="browsers.html#sec-nested-browsing-contexts"><span class="secno">6.1.1</span> <span class="content"><span>Nested browsing contexts</span></span></a>
<ol class="toc">
<li><a href="browsers.html#navigating-nested-browsing-contexts-in-the-dom"><span class="secno">6.1.1.1</span> <span class="content">Navigating nested browsing contexts in the DOM</span></a>
</li></ol>
</li><li>
<a href="browsers.html#sec-auxiliary-browsing-contexts"><span class="secno">6.1.2</span> <span class="content"><span>Auxiliary browsing contexts</span></span></a>
<ol class="toc">
<li><a href="browsers.html#navigating-auxiliary-browsing-contexts-in-the-dom"><span class="secno">6.1.2.1</span> <span class="content">Navigating auxiliary browsing contexts in the DOM</span></a>
</li></ol>
</li><li><a href="browsers.html#sec-secondary-browsing-contexts"><span class="secno">6.1.3</span> <span class="content"><span>Secondary browsing contexts</span></span></a>
</li><li><a href="browsers.html#browsing-context-security"><span class="secno">6.1.4</span> <span class="content">Security</span></a>
</li><li><a href="browsers.html#groupings-of-browsing-contexts"><span class="secno">6.1.5</span> <span class="content">Groupings of browsing contexts</span></a>
</li><li><a href="browsers.html#browsing-context-names"><span class="secno">6.1.6</span> <span class="content">Browsing context names</span></a>
</li></ol>
</li><li>
<a href="browsers.html#the-window-object"><span class="secno">6.2</span> <span class="content">The <code>Window</code> object</span></a>
<ol class="toc">
<li><a href="browsers.html#the-window-object-security"><span class="secno">6.2.1</span> <span class="content">Security</span></a>
</li><li><a href="browsers.html#apis-for-creating-and-navigating-browsing-contexts-by-name"><span class="secno">6.2.2</span> <span class="content">APIs for creating and navigating browsing contexts by name</span></a>
</li><li><a href="browsers.html#accessing-other-browsing-contexts"><span class="secno">6.2.3</span> <span class="content">Accessing other browsing contexts</span></a>
</li><li><a href="browsers.html#named-access-on-the-window-object"><span class="secno">6.2.4</span> <span class="content">Named access on the <code>Window</code> object</span></a>
</li><li><a href="browsers.html#garbage-collection-and-browsing-contexts"><span class="secno">6.2.5</span> <span class="content">Garbage collection and browsing contexts</span></a>
</li><li><a href="browsers.html#closing-browsing-contexts"><span class="secno">6.2.6</span> <span class="content">Closing browsing contexts</span></a>
</li><li><a href="browsers.html#browser-interface-elements"><span class="secno">6.2.7</span> <span class="content">Browser interface elements</span></a>
</li><li><a href="browsers.html#the-windowproxy-object"><span class="secno">6.2.8</span> <span class="content">The <code>WindowProxy</code> object</span></a>
</li></ol>
</li><li>
<a href="browsers.html#origin"><span class="secno">6.3</span> <span class="content">Origin</span></a>
<ol class="toc">
<li><a href="browsers.html#relaxing-the-same-origin-restriction"><span class="secno">6.3.1</span> <span class="content">Relaxing the same-origin restriction</span></a>
</li></ol>
</li><li><a href="browsers.html#sandboxing"><span class="secno">6.4</span> <span class="content">Sandboxing</span></a>
</li><li>
<a href="browsers.html#session-history-and-navigation"><span class="secno">6.5</span> <span class="content">Session history and navigation</span></a>
<ol class="toc">
<li><a href="browsers.html#the-session-history-of-browsing-contexts"><span class="secno">6.5.1</span> <span class="content">The session history of browsing contexts</span></a>
</li><li><a href="browsers.html#the-history-interface"><span class="secno">6.5.2</span> <span class="content">The <code>History</code> interface</span></a>
</li><li>
<a href="browsers.html#the-location-interface"><span class="secno">6.5.3</span> <span class="content">The <code>Location</code> interface</span></a>
<ol class="toc">
<li><a href="browsers.html#session-history-and-navigation-security"><span class="secno">6.5.3.1</span> <span class="content">Security</span></a>
</li></ol>
</li><li><a href="browsers.html#sec-implementation-notes-for-session-history"><span class="secno">6.5.4</span> <span class="content"><span>Implementation notes for session history</span></span></a>
</li></ol>
</li><li>
<a href="browsers.html#browsing-the-web"><span class="secno">6.6</span> <span class="content">Browsing the Web</span></a>
<ol class="toc">
<li><a href="browsers.html#navigating-across-documents"><span class="secno">6.6.1</span> <span class="content">Navigating across documents</span></a>
</li><li><a href="browsers.html#page-load-processing-model-for-html-files"><span class="secno">6.6.2</span> <span class="content">Page load processing model for HTML files</span></a>
</li><li><a href="browsers.html#page-load-processing-model-for-xml-files"><span class="secno">6.6.3</span> <span class="content">Page load processing model for XML files</span></a>
</li><li><a href="browsers.html#page-load-processing-model-for-text-files"><span class="secno">6.6.4</span> <span class="content"><span>Page load processing model for text files</span></span></a>
</li><li><a href="browsers.html#page-load-processing-model-for-multipartx-mixed-replace-resources"><span class="secno">6.6.5</span> <span class="content">Page load processing model for <code>multipart/x-mixed-replace</code> resources</span></a>
</li><li><a href="browsers.html#page-load-processing-model-for-media"><span class="secno">6.6.6</span> <span class="content">Page load processing model for media</span></a>
</li><li><a href="browsers.html#page-load-processing-model-for-content-that-uses-plugins"><span class="secno">6.6.7</span> <span class="content">Page load processing model for content that uses plugins</span></a>
</li><li><a href="browsers.html#page-load-processing-model-for-inline-content-that-doesnt-have-a-dom"><span class="secno">6.6.8</span> <span class="content"><span></span>Page load processing model for inline content that doesn’t have a DOM</span></a>
</li><li><a href="browsers.html#navigating-to-a-fragment-identifier"><span class="secno">6.6.9</span> <span class="content">Navigating to a <span>fragment identifier</span></span></a>
</li><li>
<a href="browsers.html#history-traversal"><span class="secno">6.6.10</span> <span class="content">History traversal</span></a>
<ol class="toc">
<li><a href="browsers.html#persisted-user-state-restoration"><span class="secno">6.6.10.1</span> <span class="content">Persisted user state restoration</span></a>
</li><li><a href="browsers.html#the-popstateevent-interface"><span class="secno">6.6.10.2</span> <span class="content">The <code>PopStateEvent</code> interface</span></a>
</li><li><a href="browsers.html#the-hashchangeevent-interface"><span class="secno">6.6.10.3</span> <span class="content">The <code>HashChangeEvent</code> interface</span></a>
</li><li><a href="browsers.html#the-pagetransitionevent-interface"><span class="secno">6.6.10.4</span> <span class="content">The <code>PageTransitionEvent</code> interface</span></a>
</li></ol>
</li><li>
<a href="browsers.html#unloading-documents"><span class="secno">6.6.11</span> <span class="content">Unloading documents</span></a>
<ol class="toc">
<li><a href="browsers.html#the-beforeunloadevent-interface"><span class="secno">6.6.11.1</span> <span class="content">The <code>BeforeUnloadEvent</code> interface</span></a>
</li></ol>
</li><li><a href="browsers.html#aborting-a-document-load"><span class="secno">6.6.12</span> <span class="content">Aborting a document load</span></a>
</li></ol>
</li><li>
<a href="browsers.html#offline-web-applications"><span class="secno">6.7</span> <span class="content">Offline Web applications</span></a>
<ol class="toc">
<li>
<a href="browsers.html#offline-web-applications-introduction"><span class="secno">6.7.1</span> <span class="content">Introduction</span></a>
<ol class="toc">
<li><a href="browsers.html#supporting-offline-caching-for-legacy-applications"><span class="secno">6.7.1.1</span> <span class="content">Supporting offline caching for legacy applications</span></a>
</li><li><a href="browsers.html#introduction-event-summary"><span class="secno">6.7.1.2</span> <span class="content"><span>Event summary</span></span></a>
</li></ol>
</li><li><a href="browsers.html#application-caches"><span class="secno">6.7.2</span> <span class="content">Application caches</span></a>
</li><li>
<a href="browsers.html#the-cache-manifest-syntax"><span class="secno">6.7.3</span> <span class="content">The cache manifest syntax</span></a>
<ol class="toc">
<li><a href="browsers.html#some-sample-manifests"><span class="secno">6.7.3.1</span> <span class="content">Some sample manifests</span></a>
</li><li><a href="browsers.html#writing-cache-manifests"><span class="secno">6.7.3.2</span> <span class="content">Writing cache manifests</span></a>
</li><li><a href="browsers.html#parsing-cache-manifests"><span class="secno">6.7.3.3</span> <span class="content">Parsing cache manifests</span></a>
</li></ol>
</li><li><a href="browsers.html#downloading-or-updating-an-application-cache"><span class="secno">6.7.4</span> <span class="content">Downloading or updating an application cache</span></a>
</li><li><a href="browsers.html#the-application-cache-selection-algorithm"><span class="secno">6.7.5</span> <span class="content">The application cache selection algorithm</span></a>
</li><li><a href="browsers.html#changes-to-the-networking-model"><span class="secno">6.7.6</span> <span class="content">Changes to the networking model</span></a>
</li><li><a href="browsers.html#expiring-application-caches"><span class="secno">6.7.7</span> <span class="content">Expiring application caches</span></a>
</li><li><a href="browsers.html#disk-space"><span class="secno">6.7.8</span> <span class="content">Disk space</span></a>
</li><li><a href="browsers.html#security-concerns-with-offline-applications-caches"><span class="secno">6.7.9</span> <span class="content">Security concerns with offline applications caches</span></a>
</li><li><a href="browsers.html#application-cache-api"><span class="secno">6.7.10</span> <span class="content">Application cache API</span></a>
</li><li><a href="browsers.html#browser-state"><span class="secno">6.7.11</span> <span class="content">Browser state</span></a>
</li></ol>
</li></ol>
</li><li>
<a href="webappapis.html#webappapis"><span class="secno">7</span> <span class="content">Web application APIs</span></a>
<ol class="toc">
<li>
<a href="webappapis.html#webappapis-scripting"><span class="secno">7.1</span> <span class="content">Scripting</span></a>
<ol class="toc">