[html5] r3662 - [] (0) Tidy up the microdata section in preparation of defining some variants fo [...]
whatwg at whatwg.org
whatwg at whatwg.org
Sun Aug 23 01:43:31 PDT 2009
Author: ianh
Date: 2009-08-23 01:43:30 -0700 (Sun, 23 Aug 2009)
New Revision: 3662
Modified:
index
source
Log:
[] (0) Tidy up the microdata section in preparation of defining some variants for usability testing (see mail to whatwg list); disallow straight identifiers in this version altogether.
Modified: index
===================================================================
--- index 2009-08-22 06:54:27 UTC (rev 3661)
+++ index 2009-08-23 08:43:30 UTC (rev 3662)
@@ -71,7 +71,7 @@
<div class=head>
<p><a class=logo href=http://www.whatwg.org/ rel=home><img alt=WHATWG src=/images/logo></a></p>
<h1>HTML 5</h1>
- <h2 class="no-num no-toc" id=draft-standard-—-date:-01-jan-1901>Draft Standard — 22 August 2009</h2>
+ <h2 class="no-num no-toc" id=draft-standard-—-23-august-2009>Draft Standard — 23 August 2009</h2>
<p>You can take part in this work. <a href=http://www.whatwg.org/mailing-list>Join the working group's discussion list.</a></p>
<p><strong>Web designers!</strong> We have a <a href=http://blog.whatwg.org/faq/>FAQ</a>, a <a href=http://forums.whatwg.org/>forum</a>, and a <a href=http://www.whatwg.org/mailing-list#help>help mailing list</a> for you!</p>
<!--<p class="impl"><strong>Implementors!</strong> We have a <a href="http://www.whatwg.org/mailing-list#implementors">mailing list</a> for you too!</p>-->
@@ -154,7 +154,7 @@
<li><a href=#background><span class=secno>1.1 </span>Background</a></li>
<li><a href=#audience><span class=secno>1.2 </span>Audience</a></li>
<li><a href=#scope><span class=secno>1.3 </span>Scope</a></li>
- <li><a href=#history-0><span class=secno>1.4 </span>History</a></li>
+ <li><a href=#history-1><span class=secno>1.4 </span>History</a></li>
<li><a href=#design-notes><span class=secno>1.5 </span>Design notes</a>
<ol>
<li><a href=#serializability-of-script-execution><span class=secno>1.5.1 </span>Serializability of script execution</a></li>
@@ -226,17 +226,17 @@
<li><a href=#common-dom-interfaces><span class=secno>2.8 </span>Common DOM interfaces</a>
<ol>
<li><a href=#reflecting-content-attributes-in-dom-attributes><span class=secno>2.8.1 </span>Reflecting content attributes in DOM attributes</a></li>
- <li><a href=#collections><span class=secno>2.8.2 </span>Collections</a>
+ <li><a href=#collections-0><span class=secno>2.8.2 </span>Collections</a>
<ol>
- <li><a href=#htmlcollection><span class=secno>2.8.2.1 </span>HTMLCollection</a></li>
- <li><a href=#htmlallcollection><span class=secno>2.8.2.2 </span>HTMLAllCollection</a></li>
- <li><a href=#htmlformcontrolscollection><span class=secno>2.8.2.3 </span>HTMLFormControlsCollection</a></li>
- <li><a href=#htmloptionscollection><span class=secno>2.8.2.4 </span>HTMLOptionsCollection</a></li>
- <li><a href=#htmlpropertycollection><span class=secno>2.8.2.5 </span>HTMLPropertyCollection</a></ol></li>
- <li><a href=#domtokenlist><span class=secno>2.8.3 </span>DOMTokenList</a></li>
- <li><a href=#domsettabletokenlist><span class=secno>2.8.4 </span>DOMSettableTokenList</a></li>
+ <li><a href=#htmlcollection-0><span class=secno>2.8.2.1 </span>HTMLCollection</a></li>
+ <li><a href=#htmlallcollection-0><span class=secno>2.8.2.2 </span>HTMLAllCollection</a></li>
+ <li><a href=#htmlformcontrolscollection-0><span class=secno>2.8.2.3 </span>HTMLFormControlsCollection</a></li>
+ <li><a href=#htmloptionscollection-0><span class=secno>2.8.2.4 </span>HTMLOptionsCollection</a></li>
+ <li><a href=#htmlpropertycollection-0><span class=secno>2.8.2.5 </span>HTMLPropertyCollection</a></ol></li>
+ <li><a href=#domtokenlist-0><span class=secno>2.8.3 </span>DOMTokenList</a></li>
+ <li><a href=#domsettabletokenlist-0><span class=secno>2.8.4 </span>DOMSettableTokenList</a></li>
<li><a href=#safe-passing-of-structured-data><span class=secno>2.8.5 </span>Safe passing of structured data</a></li>
- <li><a href=#domstringmap><span class=secno>2.8.6 </span>DOMStringMap</a></li>
+ <li><a href=#domstringmap-0><span class=secno>2.8.6 </span>DOMStringMap</a></li>
<li><a href=#dom-feature-strings><span class=secno>2.8.7 </span>DOM feature strings</a></li>
<li><a href=#exceptions><span class=secno>2.8.8 </span>Exceptions</a></li>
<li><a href=#garbage-collection><span class=secno>2.8.9 </span>Garbage collection</a></ol></ol></li>
@@ -268,13 +268,13 @@
<ol>
<li><a href=#kinds-of-content><span class=secno>3.2.5.1 </span>Kinds of content</a>
<ol>
- <li><a href=#metadata-content><span class=secno>3.2.5.1.1 </span>Metadata content</a></li>
- <li><a href=#flow-content><span class=secno>3.2.5.1.2 </span>Flow content</a></li>
- <li><a href=#sectioning-content><span class=secno>3.2.5.1.3 </span>Sectioning content</a></li>
- <li><a href=#heading-content><span class=secno>3.2.5.1.4 </span>Heading content</a></li>
- <li><a href=#phrasing-content><span class=secno>3.2.5.1.5 </span>Phrasing content</a></li>
- <li><a href=#embedded-content><span class=secno>3.2.5.1.6 </span>Embedded content</a></li>
- <li><a href=#interactive-content><span class=secno>3.2.5.1.7 </span>Interactive content</a></ol></li>
+ <li><a href=#metadata-content-0><span class=secno>3.2.5.1.1 </span>Metadata content</a></li>
+ <li><a href=#flow-content-0><span class=secno>3.2.5.1.2 </span>Flow content</a></li>
+ <li><a href=#sectioning-content-0><span class=secno>3.2.5.1.3 </span>Sectioning content</a></li>
+ <li><a href=#heading-content-0><span class=secno>3.2.5.1.4 </span>Heading content</a></li>
+ <li><a href=#phrasing-content-0><span class=secno>3.2.5.1.5 </span>Phrasing content</a></li>
+ <li><a href=#embedded-content-0><span class=secno>3.2.5.1.6 </span>Embedded content</a></li>
+ <li><a href=#interactive-content-0><span class=secno>3.2.5.1.7 </span>Interactive content</a></ol></li>
<li><a href=#transparent-content-models><span class=secno>3.2.5.2 </span>Transparent content models</a></li>
<li><a href=#paragraphs><span class=secno>3.2.5.3 </span>Paragraphs</a></ol></li>
<li><a href=#annotations-for-assistive-technology-products><span class=secno>3.2.6 </span>Annotations for assistive technology products</a></ol></li>
@@ -292,11 +292,11 @@
<ol>
<li><a href=#the-root-element><span class=secno>4.1 </span>The root element</a>
<ol>
- <li><a href=#the-html-element><span class=secno>4.1.1 </span>The <code>html</code> element</a></ol></li>
+ <li><a href=#the-html-element-0><span class=secno>4.1.1 </span>The <code>html</code> element</a></ol></li>
<li><a href=#document-metadata><span class=secno>4.2 </span>Document metadata</a>
<ol>
- <li><a href=#the-head-element><span class=secno>4.2.1 </span>The <code>head</code> element</a></li>
- <li><a href=#the-title-element><span class=secno>4.2.2 </span>The <code>title</code> element</a></li>
+ <li><a href=#the-head-element-0><span class=secno>4.2.1 </span>The <code>head</code> element</a></li>
+ <li><a href=#the-title-element-0><span class=secno>4.2.2 </span>The <code>title</code> element</a></li>
<li><a href=#the-base-element><span class=secno>4.2.3 </span>The <code>base</code> element</a></li>
<li><a href=#the-link-element><span class=secno>4.2.4 </span>The <code>link</code> element</a></li>
<li><a href=#meta><span class=secno>4.2.5 </span>The <code>meta</code> element</a>
@@ -317,7 +317,7 @@
<li><a href=#the-noscript-element><span class=secno>4.3.2 </span>The <code>noscript</code> element</a></ol></li>
<li><a href=#sections><span class=secno>4.4 </span>Sections</a>
<ol>
- <li><a href=#the-body-element><span class=secno>4.4.1 </span>The <code>body</code> element</a></li>
+ <li><a href=#the-body-element-0><span class=secno>4.4.1 </span>The <code>body</code> element</a></li>
<li><a href=#the-section-element><span class=secno>4.4.2 </span>The <code>section</code> element</a></li>
<li><a href=#the-nav-element><span class=secno>4.4.3 </span>The <code>nav</code> element</a></li>
<li><a href=#the-article-element><span class=secno>4.4.4 </span>The <code>article</code> element</a></li>
@@ -386,7 +386,7 @@
<li><a href=#attributes-common-to-ins-and-del-elements><span class=secno>4.7.3 </span>Attributes common to <code>ins</code> and <code>del</code> elements</a></li>
<li><a href=#edits-and-paragraphs><span class=secno>4.7.4 </span>Edits and paragraphs</a></li>
<li><a href=#edits-and-lists><span class=secno>4.7.5 </span>Edits and lists</a></ol></li>
- <li><a href=#embedded-content-0><span class=secno>4.8 </span>Embedded content</a>
+ <li><a href=#embedded-content-1><span class=secno>4.8 </span>Embedded content</a>
<ol>
<li><a href=#the-figure-element><span class=secno>4.8.1 </span>The <code>figure</code> element</a></li>
<li><a href=#the-img-element><span class=secno>4.8.2 </span>The <code>img</code> element</a>
@@ -454,7 +454,7 @@
<li><a href=#authoring><span class=secno>4.8.14.1 </span>Authoring</a></li>
<li><a href=#processing-model><span class=secno>4.8.14.2 </span>Processing model</a></ol></li>
<li><a href=#mathml><span class=secno>4.8.15 </span>MathML</a></li>
- <li><a href=#svg><span class=secno>4.8.16 </span>SVG</a></li>
+ <li><a href=#svg-0><span class=secno>4.8.16 </span>SVG</a></li>
<li><a href=#dimension-attributes><span class=secno>4.8.17 </span>Dimension attributes</a></ol></li>
<li><a href=#tabular-data><span class=secno>4.9 </span>Tabular data</a>
<ol>
@@ -535,14 +535,14 @@
<li><a href="#a-form-control's-value"><span class=secno>4.10.14.3 </span>A form control's value</a></li>
<li><a href=#autofocusing-a-form-control><span class=secno>4.10.14.4 </span>Autofocusing a form control</a></li>
<li><a href=#limiting-user-input-length><span class=secno>4.10.14.5 </span>Limiting user input length</a></li>
- <li><a href=#form-submission><span class=secno>4.10.14.6 </span>Form submission</a></ol></li>
+ <li><a href=#form-submission-0><span class=secno>4.10.14.6 </span>Form submission</a></ol></li>
<li><a href=#constraints><span class=secno>4.10.15 </span>Constraints</a>
<ol>
<li><a href=#definitions><span class=secno>4.10.15.1 </span>Definitions</a></li>
<li><a href=#constraint-validation><span class=secno>4.10.15.2 </span>Constraint validation</a></li>
<li><a href=#the-constraint-validation-api><span class=secno>4.10.15.3 </span>The constraint validation API</a></li>
<li><a href=#security-0><span class=secno>4.10.15.4 </span>Security</a></ol></li>
- <li><a href=#form-submission-0><span class=secno>4.10.16 </span>Form submission</a>
+ <li><a href=#form-submission><span class=secno>4.10.16 </span>Form submission</a>
<ol>
<li><a href=#introduction-0><span class=secno>4.10.16.1 </span>Introduction</a></li>
<li><a href=#implicit-submission><span class=secno>4.10.16.2 </span>Implicit submission</a></li>
@@ -585,7 +585,8 @@
<li><a href=#the-basic-syntax><span class=secno>5.1.1 </span>The basic syntax</a></li>
<li><a href=#typed-items><span class=secno>5.1.2 </span>Typed items</a></li>
<li><a href=#selecting-names-when-defining-vocabularies><span class=secno>5.1.3 </span>Selecting names when defining vocabularies</a></li>
- <li><a href=#using-the-microdata-dom-api><span class=secno>5.1.4 </span>Using the microdata DOM API</a></ol></li>
+ <li><a href=#predefined-vocabularies><span class=secno>5.1.4 </span>Predefined vocabularies</a></li>
+ <li><a href=#using-the-microdata-dom-api><span class=secno>5.1.5 </span>Using the microdata DOM API</a></ol></li>
<li><a href=#encoding-microdata><span class=secno>5.2 </span>Encoding microdata</a>
<ol>
<li><a href=#the-microdata-model><span class=secno>5.2.1 </span>The microdata model</a></li>
@@ -594,7 +595,7 @@
<li><a href=#names:-the-itemprop-attribute><span class=secno>5.2.4 </span>Names: the <code>itemprop</code> attribute</a></li>
<li><a href=#values><span class=secno>5.2.5 </span>Values</a></ol></li>
<li><a href=#microdata-dom-api><span class=secno>5.3 </span>Microdata DOM API</a></li>
- <li><a href=#predefined-vocabularies><span class=secno>5.4 </span>Predefined vocabularies</a>
+ <li><a href=#predefined-vocabularies-0><span class=secno>5.4 </span>Predefined vocabularies</a>
<ol>
<li><a href=#general><span class=secno>5.4.1 </span>General</a></li>
<li><a href=#vcard><span class=secno>5.4.2 </span>vCard</a>
@@ -636,7 +637,7 @@
<li><a href=#named-access-on-the-window-object><span class=secno>6.3.4 </span>Named access on the <code>Window</code> object</a></li>
<li><a href=#garbage-collection-and-browsing-contexts><span class=secno>6.3.5 </span>Garbage collection and browsing contexts</a></li>
<li><a href=#browser-interface-elements><span class=secno>6.3.6 </span>Browser interface elements</a></ol></li>
- <li><a href=#origin><span class=secno>6.4 </span>Origin</a>
+ <li><a href=#origin-0><span class=secno>6.4 </span>Origin</a>
<ol>
<li><a href=#relaxing-the-same-origin-restriction><span class=secno>6.4.1 </span>Relaxing the same-origin restriction</a></ol></li>
<li><a href=#scripting><span class=secno>6.5 </span>Scripting</a>
@@ -959,7 +960,7 @@
<li><a href=#the-fieldset-element-0><span class=secno>11.2.9 </span>The <code>fieldset</code> element</a></ol></li>
<li><a href=#replaced-elements><span class=secno>11.3 </span>Replaced elements</a>
<ol>
- <li><a href=#embedded-content-1><span class=secno>11.3.1 </span>Embedded content</a></li>
+ <li><a href=#embedded-content-2><span class=secno>11.3.1 </span>Embedded content</a></li>
<li><a href=#images-0><span class=secno>11.3.2 </span>Images</a></li>
<li><a href=#attributes-for-embedded-content-and-images><span class=secno>11.3.3 </span>Attributes for embedded content and images</a></li>
<li><a href=#image-maps-0><span class=secno>11.3.4 </span>Image maps</a></li>
@@ -976,7 +977,7 @@
<li><a href=#the-input-element-as-a-check-box-and-radio-button-widgets><span class=secno>11.4.8 </span>The <code>input</code> element as a check box and radio button widgets</a></li>
<li><a href=#the-input-element-as-a-file-upload-control><span class=secno>11.4.9 </span>The <code>input</code> element as a file upload control</a></li>
<li><a href=#the-input-element-as-a-button><span class=secno>11.4.10 </span>The <code>input</code> element as a button</a></li>
- <li><a href=#the-marquee-element><span class=secno>11.4.11 </span>The <code>marquee</code> element</a></li>
+ <li><a href=#the-marquee-element-0><span class=secno>11.4.11 </span>The <code>marquee</code> element</a></li>
<li><a href=#the-meter-element-0><span class=secno>11.4.12 </span>The <code>meter</code> element</a></li>
<li><a href=#the-progress-element-0><span class=secno>11.4.13 </span>The <code>progress</code> element</a></li>
<li><a href=#the-select-element-0><span class=secno>11.4.14 </span>The <code>select</code> element</a></li>
@@ -1003,7 +1004,7 @@
<li><a href=#requirements-for-implementations><span class=secno>12.3 </span>Requirements for implementations</a>
<ol>
<li><a href=#the-applet-element><span class=secno>12.3.1 </span>The <code>applet</code> element</a></li>
- <li><a href=#the-marquee-element-0><span class=secno>12.3.2 </span>The <code>marquee</code> element</a></li>
+ <li><a href=#the-marquee-element><span class=secno>12.3.2 </span>The <code>marquee</code> element</a></li>
<li><a href=#frames><span class=secno>12.3.3 </span>Frames</a></li>
<li><a href=#other-elements,-attributes-and-apis><span class=secno>12.3.4 </span>Other elements, attributes and APIs</a></ol></ol></li>
<li><a href=#no><span class=secno>13 </span>Things that you can't do with this specification because
@@ -1101,7 +1102,7 @@
software), document editing software, etc.</p>
- <h3 id=history-0><span class=secno>1.4 </span>History</h3>
+ <h3 id=history-1><span class=secno>1.4 </span>History</h3>
<p><i>This section is non-normative.</i></p>
@@ -1468,19 +1469,19 @@
<p>The markup snippet at the top of this section would be turned
into the following DOM tree:</p>
- <ul class=domTree><li class=t10>DOCTYPE: <code><a href=#the-html-element>html</a></code><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><ul><li class=t3><code>#text</code>: <span title="">⏎␣␣</span><li class=t1><code><a href=#the-title-element>title</a></code><ul><li class=t3><code>#text</code>: <span title="">Sample page</span></ul><li class=t3><code>#text</code>: <span title="">⏎␣</span></ul><li class=t3><code>#text</code>: <span title="">⏎␣</span><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t3><code>#text</code>: <span title="">⏎␣␣</span><li class=t1><code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h1</a></code><ul><li class=t3><code>#text</code>: <span title="">Sample page</span></ul><li class=t3><code>#text</code>: <span title="">⏎␣␣</span><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t3><code>#text</code>: <span title="">This is a </span><li class=t1><code><a href=#the-a-element>a</a></code> <span class=t2 title=""><code class="attribute name">href</code>="<code class="attribute value">demo.html</code>"</span><ul><li class=t3><code>#text</code>: <span title="">simple</span></ul><li class=t3><code>#text</code>: <span title=""> sample.</span></ul><li class=t3><code>#text</code>: <span title="">⏎␣␣</span><li class=t8><code>#comment</code>: <span title=""> this is a comment </span><li class=t3><code>#text</code>: <span title="">⏎␣⏎</span></ul></ul></ul><p>The <a href=#root-element>root element</a> of this tree is the
- <code><a href=#the-html-element>html</a></code> element, which is the element always found at the
- root of HTML documents. It contains two elements, <code><a href=#the-head-element>head</a></code>
- and <code><a href=#the-body-element>body</a></code>, as well as a text node between them.</p>
+ <ul class=domTree><li class=t10>DOCTYPE: <code><a href=#the-html-element-0>html</a></code><li class=t1><code><a href=#the-html-element-0>html</a></code><ul><li class=t1><code><a href=#the-head-element-0>head</a></code><ul><li class=t3><code>#text</code>: <span title="">⏎␣␣</span><li class=t1><code><a href=#the-title-element-0>title</a></code><ul><li class=t3><code>#text</code>: <span title="">Sample page</span></ul><li class=t3><code>#text</code>: <span title="">⏎␣</span></ul><li class=t3><code>#text</code>: <span title="">⏎␣</span><li class=t1><code><a href=#the-body-element-0>body</a></code><ul><li class=t3><code>#text</code>: <span title="">⏎␣␣</span><li class=t1><code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h1</a></code><ul><li class=t3><code>#text</code>: <span title="">Sample page</span></ul><li class=t3><code>#text</code>: <span title="">⏎␣␣</span><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t3><code>#text</code>: <span title="">This is a </span><li class=t1><code><a href=#the-a-element>a</a></code> <span class=t2 title=""><code class="attribute name">href</code>="<code class="attribute value">demo.html</code>"</span><ul><li class=t3><code>#text</code>: <span title="">simple</span></ul><li class=t3><code>#text</code>: <span title=""> sample.</span></ul><li class=t3><code>#text</code>: <span title="">⏎␣␣</span><li class=t8><code>#comment</code>: <span title=""> this is a comment </span><li class=t3><code>#text</code>: <span title="">⏎␣⏎</span></ul></ul></ul><p>The <a href=#root-element>root element</a> of this tree is the
+ <code><a href=#the-html-element-0>html</a></code> element, which is the element always found at the
+ root of HTML documents. It contains two elements, <code><a href=#the-head-element-0>head</a></code>
+ and <code><a href=#the-body-element-0>body</a></code>, as well as a text node between them.</p>
<p>There are many more text nodes in the DOM tree than one would
initially expect, because the source contains a number of spaces
(presented by "␣") and line breaks ("⏎") that all end
up as text nodes in the DOM.</p>
- <p>The <code><a href=#the-head-element>head</a></code> element contains a <code><a href=#the-title-element>title</a></code>
+ <p>The <code><a href=#the-head-element-0>head</a></code> element contains a <code><a href=#the-title-element-0>title</a></code>
element, which itself contains a text node with the text "Sample
- page". Similarly, the <code><a href=#the-body-element>body</a></code> element contains an
+ page". Similarly, the <code><a href=#the-body-element-0>body</a></code> element contains an
<code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h1</a></code> element, a <code><a href=#the-p-element>p</a></code> element, and a
comment.</p>
@@ -5298,9 +5299,9 @@
earlier</a>.</p>
<p>If a reflecting DOM attribute is of the type
- <code><a href=#domtokenlist-0>DOMTokenList</a></code> or <code><a href=#domsettabletokenlist-0>DOMSettableTokenList</a></code>, then
- on getting it must return a <code><a href=#domtokenlist-0>DOMTokenList</a></code> or
- <code><a href=#domsettabletokenlist-0>DOMSettableTokenList</a></code> object (as appropriate) whose
+ <code><a href=#domtokenlist>DOMTokenList</a></code> or <code><a href=#domsettabletokenlist>DOMSettableTokenList</a></code>, then
+ on getting it must return a <code><a href=#domtokenlist>DOMTokenList</a></code> or
+ <code><a href=#domsettabletokenlist>DOMSettableTokenList</a></code> object (as appropriate) whose
underlying string is the element's corresponding content
attribute. When the object mutates its underlying string, the
content attribute must itself be immediately mutated. When the
@@ -5308,7 +5309,7 @@
the empty string; when the object mutates this empty string, the
user agent must add the corresponding content attribute, with its
value set to the value it would have been set to after mutating the
- empty string. The same <code><a href=#domtokenlist-0>DOMTokenList</a></code> object must be
+ empty string. The same <code><a href=#domtokenlist>DOMTokenList</a></code> object must be
returned every time for each attribute.</p>
<div class=example>
@@ -5350,25 +5351,25 @@
</div>
- <h4 id=collections><span class=secno>2.8.2 </span>Collections</h4>
+ <h4 id=collections-0><span class=secno>2.8.2 </span>Collections</h4>
- <p>The <code><a href=#htmlcollection-0>HTMLCollection</a></code>, <code><a href=#htmlallcollection-0>HTMLAllCollection</a></code>,
- <code><a href=#htmlformcontrolscollection-0>HTMLFormControlsCollection</a></code>,
- <code><a href=#htmloptionscollection-0>HTMLOptionsCollection</a></code>, and
- <code><a href=#htmlpropertycollection-0>HTMLPropertyCollection</a></code> interfaces represent various
+ <p>The <code><a href=#htmlcollection>HTMLCollection</a></code>, <code><a href=#htmlallcollection>HTMLAllCollection</a></code>,
+ <code><a href=#htmlformcontrolscollection>HTMLFormControlsCollection</a></code>,
+ <code><a href=#htmloptionscollection>HTMLOptionsCollection</a></code>, and
+ <code><a href=#htmlpropertycollection>HTMLPropertyCollection</a></code> interfaces represent various
lists of DOM nodes. Collectively, objects implementing these
- interfaces are called <dfn id=collections-0>collections</dfn>.</p>
+ interfaces are called <dfn id=collections>collections</dfn>.</p>
- <p>When a <a href=#collections-0 title=collections>collection</a> is created, a
+ <p>When a <a href=#collections title=collections>collection</a> is created, a
filter and a root are associated with the collection.</p>
- <p class=example>For example, when the <code><a href=#htmlcollection-0>HTMLCollection</a></code>
+ <p class=example>For example, when the <code><a href=#htmlcollection>HTMLCollection</a></code>
object for the <code title=dom-document-images><a href=#dom-document-images>document.images</a></code> attribute is
created, it is associated with a filter that selects only
<code><a href=#the-img-element>img</a></code> elements, and rooted at the root of the
document.</p>
- <p>The <a href=#collections-0 title=collections>collection</a> then <dfn id=represented-by-the-collection title="represented by the collection">represents</dfn> a
+ <p>The <a href=#collections title=collections>collection</a> then <dfn id=represented-by-the-collection title="represented by the collection">represents</dfn> a
<a href=#live>live</a> view of the subtree rooted at the collection's
root, containing only nodes that match the given filter. The view is
linear. <span class=impl>In the absence of specific requirements
@@ -5386,16 +5387,16 @@
</div>
- <h5 id=htmlcollection><span class=secno>2.8.2.1 </span>HTMLCollection</h5>
+ <h5 id=htmlcollection-0><span class=secno>2.8.2.1 </span>HTMLCollection</h5>
- <p>The <code><a href=#htmlcollection-0>HTMLCollection</a></code> interface represents a generic
- <a href=#collections-0 title=collections>collection</a> of elements.</p>
+ <p>The <code><a href=#htmlcollection>HTMLCollection</a></code> interface represents a generic
+ <a href=#collections title=collections>collection</a> of elements.</p>
- <pre class=idl>interface <dfn id=htmlcollection-0>HTMLCollection</dfn> {
+ <pre class=idl>interface <dfn id=htmlcollection>HTMLCollection</dfn> {
readonly attribute unsigned long <a href=#dom-htmlcollection-length title=dom-HTMLCollection-length>length</a>;
caller getter Element <a href=#dom-htmlcollection-item title=dom-HTMLCollection-item>item</a>(in unsigned long index);
caller getter Element <a href=#dom-htmlcollection-nameditem title=dom-HTMLCollection-namedItem>namedItem</a>(in DOMString name);
- <a href=#htmlallcollection-0>HTMLAllCollection</a> <a href=#dom-htmlcollection-tags title=dom-HTMLCollection-tags>tags</a>(in DOMString tagName);
+ <a href=#htmlallcollection>HTMLAllCollection</a> <a href=#dom-htmlcollection-tags title=dom-HTMLCollection-tags>tags</a>(in DOMString tagName);
};</pre>
<dl class=domintro><dt><var title="">collection</var> . <code title=dom-HTMLCollection-length><a href=#dom-htmlcollection-length>length</a></code></dt>
@@ -5470,30 +5471,30 @@
null.</p>
<p>The <dfn id=dom-htmlcollection-tags title=dom-HTMLCollection-tags><code>tags(<var title="">tagName</var>)</code></dfn> method must return an
- <code><a href=#htmlallcollection-0>HTMLAllCollection</a></code> rooted at the same node as the
- <code><a href=#htmlcollection-0>HTMLCollection</a></code> object on which the method was invoked,
+ <code><a href=#htmlallcollection>HTMLAllCollection</a></code> rooted at the same node as the
+ <code><a href=#htmlcollection>HTMLCollection</a></code> object on which the method was invoked,
whose filter matches only <a href=#html-elements>HTML elements</a> whose local
name is the <var title="">tagName</var> argument and that already
- match the filter of the <code><a href=#htmlcollection-0>HTMLCollection</a></code> object on which
+ match the filter of the <code><a href=#htmlcollection>HTMLCollection</a></code> object on which
the method was invoked. In <a href=#html-documents>HTML documents</a>, the argument
must first be <a href=#converted-to-ascii-lowercase>converted to ASCII lowercase</a>.</p>
</div>
- <h5 id=htmlallcollection><span class=secno>2.8.2.2 </span>HTMLAllCollection</h5>
+ <h5 id=htmlallcollection-0><span class=secno>2.8.2.2 </span>HTMLAllCollection</h5>
- <p>The <code><a href=#htmlallcollection-0>HTMLAllCollection</a></code> interface represents a generic
- <a href=#collections-0 title=collections>collection</a> of elements just like
- <code><a href=#htmlcollection-0>HTMLCollection</a></code>, with the exception that its <code title=dom-HTMLAllCollection-namedItem><a href=#dom-htmlallcollection-nameditem>namedItem()</a></code> method
- returns an <code><a href=#htmlcollection-0>HTMLCollection</a></code> object when there are
+ <p>The <code><a href=#htmlallcollection>HTMLAllCollection</a></code> interface represents a generic
+ <a href=#collections title=collections>collection</a> of elements just like
+ <code><a href=#htmlcollection>HTMLCollection</a></code>, with the exception that its <code title=dom-HTMLAllCollection-namedItem><a href=#dom-htmlallcollection-nameditem>namedItem()</a></code> method
+ returns an <code><a href=#htmlcollection>HTMLCollection</a></code> object when there are
multiple matching elements.</p>
- <pre class=idl>interface <dfn id=htmlallcollection-0>HTMLAllCollection</dfn> {
+ <pre class=idl>interface <dfn id=htmlallcollection>HTMLAllCollection</dfn> {
readonly attribute unsigned long <a href=#dom-htmlallcollection-length title=dom-HTMLAllCollection-length>length</a>;
caller getter Element <a href=#dom-htmlallcollection-item title=dom-HTMLAllCollection-item>item</a>(in unsigned long index);
caller getter object <a href=#dom-htmlallcollection-nameditem title=dom-HTMLAllCollection-namedItem>namedItem</a>(in DOMString name);
- <a href=#htmlallcollection-0>HTMLAllCollection</a> <a href=#dom-htmlallcollection-tags title=dom-HTMLAllCollection-tags>tags</a>(in DOMString tagName);
+ <a href=#htmlallcollection>HTMLAllCollection</a> <a href=#dom-htmlallcollection-tags title=dom-HTMLAllCollection-tags>tags</a>(in DOMString tagName);
};</pre>
<dl class=domintro><dt><var title="">collection</var> . <code title=dom-HTMLAllCollection-length><a href=#dom-htmlallcollection-length>length</a></code></dt>
@@ -5515,7 +5516,7 @@
<dt><var title="">collection</var>(<var title="">name</var>)</dt>
<dd>
<p>Returns the item with ID or name <var title="">name</var> from the collection.</p>
- <p>If there are multiple matching items, then an <code><a href=#htmlallcollection-0>HTMLAllCollection</a></code> object containing all those elements is returned.</p>
+ <p>If there are multiple matching items, then an <code><a href=#htmlallcollection>HTMLAllCollection</a></code> object containing all those elements is returned.</p>
<p>Returns null if no element with that ID or name could be found.</p>
<p>Only <code><a href=#the-a-element>a</a></code>, <code><a href=#the-applet-element>applet</a></code>, <code><a href=#the-area-element>area</a></code>,
<code><a href=#the-embed-element>embed</a></code>, <code><a href=#the-form-element>form</a></code>, <code><a href=#frame>frame</a></code>,
@@ -5560,10 +5561,10 @@
<ol><li>
<p>Let <var title="">collection</var> be an
- <code><a href=#htmlallcollection-0>HTMLAllCollection</a></code> object rooted at the same node as
- the <code><a href=#htmlallcollection-0>HTMLAllCollection</a></code> object on which the method was
+ <code><a href=#htmlallcollection>HTMLAllCollection</a></code> object rooted at the same node as
+ the <code><a href=#htmlallcollection>HTMLAllCollection</a></code> object on which the method was
invoked, whose filter matches only only elements that already
- match the filter of the <code><a href=#htmlallcollection-0>HTMLAllCollection</a></code> object on
+ match the filter of the <code><a href=#htmlallcollection>HTMLAllCollection</a></code> object on
which the method was invoked and that are either:</p>
<ul><li><code><a href=#the-a-element>a</a></code>, <code><a href=#the-applet-element>applet</a></code>, <code><a href=#the-area-element>area</a></code>,
@@ -5586,11 +5587,11 @@
<li>Otherwise, return <var title="">collection</var>.</li>
</ol><p>The <dfn id=dom-htmlallcollection-tags title=dom-HTMLAllCollection-tags><code>tags(<var title="">tagName</var>)</code></dfn> method must return an
- <code><a href=#htmlallcollection-0>HTMLAllCollection</a></code> rooted at the same node as the
- <code><a href=#htmlallcollection-0>HTMLAllCollection</a></code> object on which the method was
+ <code><a href=#htmlallcollection>HTMLAllCollection</a></code> rooted at the same node as the
+ <code><a href=#htmlallcollection>HTMLAllCollection</a></code> object on which the method was
invoked, whose filter matches only <a href=#html-elements>HTML elements</a> whose
local name is the <var title="">tagName</var> argument and that
- already match the filter of the <code><a href=#htmlallcollection-0>HTMLAllCollection</a></code>
+ already match the filter of the <code><a href=#htmlallcollection>HTMLAllCollection</a></code>
object on which the method was invoked. In <a href=#html-documents>HTML
documents</a>, the argument must first be <a href=#converted-to-ascii-lowercase>converted to
ASCII lowercase</a>.</p>
@@ -5598,13 +5599,13 @@
</div>
- <h5 id=htmlformcontrolscollection><span class=secno>2.8.2.3 </span>HTMLFormControlsCollection</h5>
+ <h5 id=htmlformcontrolscollection-0><span class=secno>2.8.2.3 </span>HTMLFormControlsCollection</h5>
- <p>The <code><a href=#htmlformcontrolscollection-0>HTMLFormControlsCollection</a></code> interface represents
- a <a href=#collections-0 title=collections>collection</a> of <a href=#category-listed title=category-listed>listed</a> elements in <code><a href=#the-form-element>form</a></code>
+ <p>The <code><a href=#htmlformcontrolscollection>HTMLFormControlsCollection</a></code> interface represents
+ a <a href=#collections title=collections>collection</a> of <a href=#category-listed title=category-listed>listed</a> elements in <code><a href=#the-form-element>form</a></code>
and <code><a href=#the-fieldset-element>fieldset</a></code> elements.</p>
- <pre class=idl>interface <dfn id=htmlformcontrolscollection-0>HTMLFormControlsCollection</dfn> {
+ <pre class=idl>interface <dfn id=htmlformcontrolscollection>HTMLFormControlsCollection</dfn> {
readonly attribute unsigned long <a href=#dom-htmlformcontrolscollection-length title=dom-HTMLFormControlsCollection-length>length</a>;
caller getter <a href=#htmlelement>HTMLElement</a> <a href=#dom-htmlformcontrolscollection-item title=dom-HTMLFormControlsCollection-item>item</a>(in unsigned long index);
caller getter object <a href=#dom-htmlformcontrolscollection-nameditem title=dom-HTMLFormControlsCollection-namedItem>namedItem</a>(in DOMString name);
@@ -5680,7 +5681,7 @@
<li>Otherwise, create a <code><a href=#radionodelist>RadioNodeList</a></code> object
representing a live view of the
- <code><a href=#htmlformcontrolscollection-0>HTMLFormControlsCollection</a></code> object, further filtered so
+ <code><a href=#htmlformcontrolscollection>HTMLFormControlsCollection</a></code> object, further filtered so
that the only nodes in the <code><a href=#radionodelist>RadioNodeList</a></code> object are
those that have either an <code title=attr-id><a href=#the-id-attribute>id</a></code> attribute
or a <code title=attr-fe-name><a href=#attr-fe-name>name</a></code> attribute equal to <var title="">name</var>. The nodes in the <code><a href=#radionodelist>RadioNodeList</a></code>
@@ -5731,14 +5732,14 @@
--></div>
- <h5 id=htmloptionscollection><span class=secno>2.8.2.4 </span>HTMLOptionsCollection</h5>
+ <h5 id=htmloptionscollection-0><span class=secno>2.8.2.4 </span>HTMLOptionsCollection</h5>
- <p>The <code><a href=#htmloptionscollection-0>HTMLOptionsCollection</a></code> interface represents a
+ <p>The <code><a href=#htmloptionscollection>HTMLOptionsCollection</a></code> interface represents a
list of <code><a href=#the-option-element>option</a></code> elements. It is always rooted on a
<code><a href=#the-select-element>select</a></code> element and has attributes and methods that
manipulate that element's descendants.</p>
- <pre class=idl>interface <dfn id=htmloptionscollection-0>HTMLOptionsCollection</dfn> {
+ <pre class=idl>interface <dfn id=htmloptionscollection>HTMLOptionsCollection</dfn> {
attribute unsigned long <a href=#dom-htmloptionscollection-length title=dom-HTMLOptionsCollection-length>length</a>;
caller getter <a href=#htmloptionelement>HTMLOptionElement</a> <a href=#dom-htmloptionscollection-item title=dom-HTMLOptionsCollection-item>item</a>(in unsigned long index);
caller getter object <a href=#dom-htmloptionscollection-nameditem title=dom-HTMLOptionsCollection-namedItem>namedItem</a>(in DOMString name);
@@ -5807,7 +5808,7 @@
the new value is greater, then <var title="">n</var> new
<code><a href=#the-option-element>option</a></code> elements with no attributes and no child nodes
must be appended to the <code><a href=#the-select-element>select</a></code> element on which the
- <code><a href=#htmloptionscollection-0>HTMLOptionsCollection</a></code> is rooted, where <var title="">n</var> is the difference between the two numbers (new
+ <code><a href=#htmloptionscollection>HTMLOptionsCollection</a></code> is rooted, where <var title="">n</var> is the difference between the two numbers (new
value minus old value). If the new value is lower, then the last
<var title="">n</var> nodes in the collection must be removed from
their parent nodes, where <var title="">n</var> is the difference
@@ -5837,7 +5838,7 @@
<!-- IE returns an HTMLCollection instead; we may need to change to that for compat -->
<li>Otherwise, create a <code>NodeList</code> object representing a
- live view of the <code><a href=#htmloptionscollection-0>HTMLOptionsCollection</a></code> object, further
+ live view of the <code><a href=#htmloptionscollection>HTMLOptionsCollection</a></code> object, further
filtered so that the only nodes in the <code>NodeList</code> object
are those that have either an <code title=attr-id><a href=#the-id-attribute>id</a></code>
attribute or a <code title=attr-option-name>name</code> attribute
@@ -5856,12 +5857,12 @@
<li><p>If <var title="">element</var> is an ancestor of the
<code><a href=#the-select-element>select</a></code> element on which the
- <code><a href=#htmloptionscollection-0>HTMLOptionsCollection</a></code> is rooted, then throw a
+ <code><a href=#htmloptionscollection>HTMLOptionsCollection</a></code> is rooted, then throw a
<code><a href=#hierarchy_request_err>HIERARCHY_REQUEST_ERR</a></code> exception.</li>
<li><p>If <var title="">before</var> is an element, but that
element isn't a descendant of the <code><a href=#the-select-element>select</a></code> element on
- which the <code><a href=#htmloptionscollection-0>HTMLOptionsCollection</a></code> is rooted, then throw
+ which the <code><a href=#htmloptionscollection>HTMLOptionsCollection</a></code> is rooted, then throw
a <code><a href=#not_found_err>NOT_FOUND_ERR</a></code> exception.</li>
<li><p>If <var title="">element</var> and <var title="">before</var> are the same element, then return and abort
@@ -5871,7 +5872,7 @@
<li><p>If <var title="">reference</var> is not null, let <var title="">parent</var> be the parent node of <var title="">reference</var>. Otherwise, let <var title="">parent</var>
be the <code><a href=#the-select-element>select</a></code> element on which the
- <code><a href=#htmloptionscollection-0>HTMLOptionsCollection</a></code> is rooted.</li>
+ <code><a href=#htmloptionscollection>HTMLOptionsCollection</a></code> is rooted.</li>
<li><p>Act as if the DOM Core <code title=dom-insertBefore>insertBefore()</code> method was invoked
on the <var title="">parent</var> node, with <var title="">element</var> as the first argument and <var title="">reference</var> as the second argument.</p>
@@ -5894,14 +5895,14 @@
</ol><!-- see also http://ln.hixie.ch/?start=1161042744&count=1 --></div>
- <h5 id=htmlpropertycollection><span class=secno>2.8.2.5 </span>HTMLPropertyCollection</h5>
+ <h5 id=htmlpropertycollection-0><span class=secno>2.8.2.5 </span>HTMLPropertyCollection</h5>
- <p>The <code><a href=#htmlpropertycollection-0>HTMLPropertyCollection</a></code> interface represents a
- <a href=#collections-0 title=collections>collection</a> of elements that add
+ <p>The <code><a href=#htmlpropertycollection>HTMLPropertyCollection</a></code> interface represents a
+ <a href=#collections title=collections>collection</a> of elements that add
name-value pairs to a particular <a href=#concept-item title=concept-item>item</a> in the <a href=#microdata>microdata</a>
model.</p>
- <pre class=idl>interface <dfn id=htmlpropertycollection-0>HTMLPropertyCollection</dfn> {
+ <pre class=idl>interface <dfn id=htmlpropertycollection>HTMLPropertyCollection</dfn> {
readonly attribute unsigned long <a href=#dom-htmlpropertycollection-length title=dom-HTMLPropertyCollection-length>length</a>;
readonly attribute <span>DOMStringList</span> <a href=#dom-htmlpropertycollection-names title=dom-HTMLPropertyCollection-names>names</a>;
caller getter <a href=#htmlelement>HTMLElement</a> <a href=#dom-htmlpropertycollection-item title=dom-HTMLPropertyCollection-item>item</a>(in unsigned long index);
@@ -5973,7 +5974,7 @@
<p>The <dfn id=dom-htmlpropertycollection-nameditem title=dom-HTMLPropertyCollection-namedItem><code>namedItem(<var title="">name</var>)</code></dfn> method must return a
<code><a href=#propertynodelist>PropertyNodeList</a></code> object representing a live view of the
- <code><a href=#htmlpropertycollection-0>HTMLPropertyCollection</a></code> object, further filtered so that
+ <code><a href=#htmlpropertycollection>HTMLPropertyCollection</a></code> object, further filtered so that
the only nodes in the <code><a href=#radionodelist>RadioNodeList</a></code> object are those
that have a <a href=#property-names title="property names">property name</a> equal
to <var title="">name</var>. The nodes in the
@@ -5995,17 +5996,17 @@
</div>
- <h4 id=domtokenlist><span class=secno>2.8.3 </span>DOMTokenList</h4>
+ <h4 id=domtokenlist-0><span class=secno>2.8.3 </span>DOMTokenList</h4>
- <p>The <code><a href=#domtokenlist-0>DOMTokenList</a></code> interface represents an interface
+ <p>The <code><a href=#domtokenlist>DOMTokenList</a></code> interface represents an interface
to an underlying string that consists of a <a href=#set-of-space-separated-tokens>set of
space-separated tokens</a>.</p>
- <p class=note><code><a href=#domtokenlist-0>DOMTokenList</a></code> objects are always
+ <p class=note><code><a href=#domtokenlist>DOMTokenList</a></code> objects are always
<a href=#case-sensitive>case-sensitive</a>, even when the underlying string might
ordinarily be treated in a case-insensitive manner.</p>
- <pre class=idl>interface <dfn id=domtokenlist-0>DOMTokenList</dfn> {
+ <pre class=idl>interface <dfn id=domtokenlist>DOMTokenList</dfn> {
readonly attribute unsigned long <a href=#dom-tokenlist-length title=dom-tokenlist-length>length</a>;
getter DOMString <a href=#dom-tokenlist-item title=dom-tokenlist-item>item</a>(in unsigned long index);
boolean <a href=#dom-tokenlist-contains title=dom-tokenlist-contains>contains</a>(in DOMString token);
@@ -6115,16 +6116,16 @@
<li>If the given <var title="">token</var> is a
<a href=#case-sensitive>case-sensitive</a> match for one of the tokens in the
- <code><a href=#domtokenlist-0>DOMTokenList</a></code> object's underlying string then stop the
+ <code><a href=#domtokenlist>DOMTokenList</a></code> object's underlying string then stop the
algorithm.</li>
- <li>Otherwise, if the <code><a href=#domtokenlist-0>DOMTokenList</a></code> object's underlying
+ <li>Otherwise, if the <code><a href=#domtokenlist>DOMTokenList</a></code> object's underlying
string is not the empty string and the last character of that
string is not a <a href=#space-character>space character</a>, then append a U+0020
SPACE character to the end of that string.</li>
<li>Append the value of <var title="">token</var> to the end of the
- <code><a href=#domtokenlist-0>DOMTokenList</a></code> object's underlying string.</li>
+ <code><a href=#domtokenlist>DOMTokenList</a></code> object's underlying string.</li>
</ol><p>The <dfn id=dom-tokenlist-remove title=dom-tokenlist-remove><code>remove(<var title="">token</var>)</code></dfn> method must run the following
algorithm:</p>
@@ -6158,33 +6159,33 @@
<li>If the given <var title="">token</var> is a
<a href=#case-sensitive>case-sensitive</a> match for one of the tokens in the
- <code><a href=#domtokenlist-0>DOMTokenList</a></code> object's underlying string then <a href=#remove-a-token-from-a-string title="remove a token from a string">remove the given <var title="">token</var> from the underlying string</a> and stop the
+ <code><a href=#domtokenlist>DOMTokenList</a></code> object's underlying string then <a href=#remove-a-token-from-a-string title="remove a token from a string">remove the given <var title="">token</var> from the underlying string</a> and stop the
algorithm, returning false.</li>
- <li>Otherwise, if the <code><a href=#domtokenlist-0>DOMTokenList</a></code> object's underlying
+ <li>Otherwise, if the <code><a href=#domtokenlist>DOMTokenList</a></code> object's underlying
string is not the empty string and the last character of that
string is not a <a href=#space-character>space character</a>, then append a U+0020
SPACE character to the end of that string.</li>
<li>Append the value of <var title="">token</var> to the end of the
- <code><a href=#domtokenlist-0>DOMTokenList</a></code> object's underlying string.</li>
+ <code><a href=#domtokenlist>DOMTokenList</a></code> object's underlying string.</li>
<li>Return true.</li>
- </ol><p>Objects implementing the <code><a href=#domtokenlist-0>DOMTokenList</a></code> interface must
+ </ol><p>Objects implementing the <code><a href=#domtokenlist>DOMTokenList</a></code> interface must
<dfn id=dom-tokenlist-tostring title=dom-tokenlist-toString>stringify</dfn> to the object's
underlying string representation.</p>
</div>
- <h4 id=domsettabletokenlist><span class=secno>2.8.4 </span>DOMSettableTokenList</h4>
+ <h4 id=domsettabletokenlist-0><span class=secno>2.8.4 </span>DOMSettableTokenList</h4>
- <p>The <code><a href=#domsettabletokenlist-0>DOMSettableTokenList</a></code> interface is the same as the
- <code><a href=#domtokenlist-0>DOMTokenList</a></code> interface, except that it allows the
+ <p>The <code><a href=#domsettabletokenlist>DOMSettableTokenList</a></code> interface is the same as the
+ <code><a href=#domtokenlist>DOMTokenList</a></code> interface, except that it allows the
underlying string to be directly changed.</p>
- <pre class=idl>interface <dfn id=domsettabletokenlist-0>DOMSettableTokenList</dfn> : <a href=#domtokenlist-0>DOMTokenList</a> {
+ <pre class=idl>interface <dfn id=domsettabletokenlist>DOMSettableTokenList</dfn> : <a href=#domtokenlist>DOMTokenList</a> {
attribute DOMString <a href=#dom-domsettabletokenlist-value title=dom-DOMSettableTokenList-value>value</a>;
};</pre>
@@ -6196,8 +6197,8 @@
</dl><div class=impl>
- <p>An object implementing the <code><a href=#domsettabletokenlist-0>DOMSettableTokenList</a></code>
- interface must act as defined for the <code><a href=#domtokenlist-0>DOMTokenList</a></code>
+ <p>An object implementing the <code><a href=#domsettabletokenlist>DOMSettableTokenList</a></code>
+ interface must act as defined for the <code><a href=#domtokenlist>DOMTokenList</a></code>
interface, except for the <code title=dom-DOMSettableTokenList-value><a href=#dom-domsettabletokenlist-value>value</a></code> attribute defined
here.</p>
@@ -6337,20 +6338,20 @@
</dl></div>
- <h4 id=domstringmap><span class=secno>2.8.6 </span>DOMStringMap</h4>
+ <h4 id=domstringmap-0><span class=secno>2.8.6 </span>DOMStringMap</h4>
- <p>The <code><a href=#domstringmap-0>DOMStringMap</a></code> interface represents a set of
+ <p>The <code><a href=#domstringmap>DOMStringMap</a></code> interface represents a set of
name-value pairs. It exposes these using the scripting language's
native mechanisms for property access.</p>
<div class=impl>
- <p>When a <code><a href=#domstringmap-0>DOMStringMap</a></code> object is instantiated, it is
+ <p>When a <code><a href=#domstringmap>DOMStringMap</a></code> object is instantiated, it is
associated with three algorithms, one for getting the list of
name-value pairs, one for setting names to certain values, and one
for deleting names.</p>
- <pre class=idl>interface <dfn id=domstringmap-0>DOMStringMap</dfn> {
+ <pre class=idl>interface <dfn id=domstringmap>DOMStringMap</dfn> {
getter DOMString (in DOMString name);
setter void (in DOMString name, in DOMString value);
creator void (in DOMString name);
@@ -6358,30 +6359,30 @@
};</pre>
<p>The <span>names of the supported named properties</span> on a
- <code><a href=#domstringmap-0>DOMStringMap</a></code> object at any instant are the names of
+ <code><a href=#domstringmap>DOMStringMap</a></code> object at any instant are the names of
each pair returned from the algorithm for getting the list of
name-value pairs at that instant.</p>
- <p>When a <code><a href=#domstringmap-0>DOMStringMap</a></code> object is indexed to retrieve a
+ <p>When a <code><a href=#domstringmap>DOMStringMap</a></code> object is indexed to retrieve a
named property <var title="">name</var>, the value returned must be
the value component of the name-value pair whose name component is
<var title="">name</var> in the list returned by the algorithm for
getting the list of name-value pairs.</p>
- <p>When a <code><a href=#domstringmap-0>DOMStringMap</a></code> object is indexed to create or
+ <p>When a <code><a href=#domstringmap>DOMStringMap</a></code> object is indexed to create or
modify a named property <var title="">name</var> with value <var title="">value</var>, the algorithm for setting names to certain
values must be run, passing <var title="">name</var> as the name and
the result of converting <var title="">value</var> to a
<code>DOMString</code> as the value.</p>
- <p>When a <code><a href=#domstringmap-0>DOMStringMap</a></code> object is indexed to delete a
+ <p>When a <code><a href=#domstringmap>DOMStringMap</a></code> object is indexed to delete a
named property named <var title="">name</var>, the algorithm for
deleting names must be run, passing <var title="">name</var> as the
name.</p>
- <p class=note>The <code><a href=#domstringmap-0>DOMStringMap</a></code> interface definition
+ <p class=note>The <code><a href=#domstringmap>DOMStringMap</a></code> interface definition
here is only intended for JavaScript environments. Other language
- bindings will need to define how <code><a href=#domstringmap-0>DOMStringMap</a></code> is to be
+ bindings will need to define how <code><a href=#domstringmap>DOMStringMap</a></code> is to be
implemented for those languages.</p>
</div>
@@ -6571,12 +6572,12 @@
attribute DOMString <a href=#document.title title=dom-document-title>title</a>;
attribute DOMString <a href=#dom-document-dir title=dom-document-dir>dir</a>;
attribute <a href=#htmlelement>HTMLElement</a> <a href=#dom-document-body title=dom-document-body>body</a>;
- readonly attribute <a href=#htmlcollection-0>HTMLCollection</a> <a href=#dom-document-images title=dom-document-images>images</a>;
- readonly attribute <a href=#htmlcollection-0>HTMLCollection</a> <a href=#dom-document-embeds title=dom-document-embeds>embeds</a>;
- readonly attribute <a href=#htmlcollection-0>HTMLCollection</a> <a href=#dom-document-plugins title=dom-document-plugins>plugins</a>;
- readonly attribute <a href=#htmlcollection-0>HTMLCollection</a> <a href=#dom-document-links title=dom-document-links>links</a>;
- readonly attribute <a href=#htmlcollection-0>HTMLCollection</a> <a href=#dom-document-forms title=dom-document-forms>forms</a>;
- readonly attribute <a href=#htmlcollection-0>HTMLCollection</a> <a href=#dom-document-scripts title=dom-document-scripts>scripts</a>;
+ readonly attribute <a href=#htmlcollection>HTMLCollection</a> <a href=#dom-document-images title=dom-document-images>images</a>;
+ readonly attribute <a href=#htmlcollection>HTMLCollection</a> <a href=#dom-document-embeds title=dom-document-embeds>embeds</a>;
+ readonly attribute <a href=#htmlcollection>HTMLCollection</a> <a href=#dom-document-plugins title=dom-document-plugins>plugins</a>;
+ readonly attribute <a href=#htmlcollection>HTMLCollection</a> <a href=#dom-document-links title=dom-document-links>links</a>;
+ readonly attribute <a href=#htmlcollection>HTMLCollection</a> <a href=#dom-document-forms title=dom-document-forms>forms</a>;
+ readonly attribute <a href=#htmlcollection>HTMLCollection</a> <a href=#dom-document-scripts title=dom-document-scripts>scripts</a>;
NodeList <a href=#dom-document-getelementsbyname title=dom-document-getElementsByName>getElementsByName</a>(in DOMString elementName);
NodeList <a href=#dom-document-getelementsbyclassname title=dom-document-getElementsByClassName>getElementsByClassName</a>(in DOMString classNames);
NodeList <a href=#dom-document-getitems title=dom-document-getItems>getItems</a>(optional in DOMString typeNames);
@@ -6603,7 +6604,7 @@
boolean <a href=#dom-document-querycommandstate title=dom-document-queryCommandState>queryCommandState</a>(in DOMString commandId);
boolean <a href=#dom-document-querycommandsupported title=dom-document-queryCommandSupported>queryCommandSupported</a>(in DOMString commandId);
DOMString <a href=#dom-document-querycommandvalue title=dom-document-queryCommandValue>queryCommandValue</a>(in DOMString commandId);
- readonly attribute <a href=#htmlcollection-0>HTMLCollection</a> <a href=#dom-document-commands title=dom-document-commands>commands</a>;
+ readonly attribute <a href=#htmlcollection>HTMLCollection</a> <a href=#dom-document-commands title=dom-document-commands>commands</a>;
// <a href=#event-handler-dom-attributes>event handler DOM attributes</a>
attribute <a href=#function>Function</a> <a href=#handler-onabort title=handler-onabort>onabort</a>;
@@ -6945,29 +6946,29 @@
<h4 id=dom-tree-accessors><span class=secno>3.1.4 </span><dfn>DOM tree accessors</dfn></h4>
- <p><dfn id=the-html-element-0>The <code>html</code> element</dfn> of a document is the
+ <p><dfn id=the-html-element>The <code>html</code> element</dfn> of a document is the
document's root element, if there is one and it's an
- <code><a href=#the-html-element>html</a></code> element, or null otherwise.</p>
+ <code><a href=#the-html-element-0>html</a></code> element, or null otherwise.</p>
- <p><dfn id=the-head-element-0>The <code>head</code> element</dfn> of a document is the
- first <code><a href=#the-head-element>head</a></code> element that is a child of <a href=#the-html-element-0>the
+ <p><dfn id=the-head-element>The <code>head</code> element</dfn> of a document is the
+ first <code><a href=#the-head-element-0>head</a></code> element that is a child of <a href=#the-html-element>the
<code>html</code> element</a>, if there is one, or null
otherwise.</p>
<hr><dl class=domintro><dt><var title="">document</var> . <code title=dom-document-title><a href=#document.title>title</a></code> [ = <var title="">value</var> ]</dt>
<dd>
- <p>Returns the document's title, as given by <a href=#the-title-element-0>the
+ <p>Returns the document's title, as given by <a href=#the-title-element>the
<code>title</code> element</a>.</p>
<p>Can be set, to update the document's title. If there is no
- <a href=#the-head-element-0 title="the head element"><code>head</code> element</a>,
+ <a href=#the-head-element title="the head element"><code>head</code> element</a>,
the new value is ignored.</p>
<p>In SVG documents, the <code>SVGDocument</code> interface's
<code title=dom-svg-title>title</code> attribute takes
precedence.</p>
</dd>
- </dl><p><dfn id=the-title-element-0>The <code>title</code> element</dfn> of a document is the
- first <code><a href=#the-title-element>title</a></code> element in the document (in tree order), if
+ </dl><p><dfn id=the-title-element>The <code>title</code> element</dfn> of a document is the
+ first <code><a href=#the-title-element-0>title</a></code> element in the document (in tree order), if
there is one, or null otherwise.</p>
<div class=impl>
@@ -6975,7 +6976,7 @@
<p>The <dfn id=document.title title=dom-document-title><code>title</code></dfn> attribute must,
on getting, run the following algorithm:</p>
- <ol><li><p>If the <a href=#root-element>root element</a> is an <code><a href=#svg-0>svg</a></code>
+ <ol><li><p>If the <a href=#root-element>root element</a> is an <code><a href=#svg>svg</a></code>
element in the "<code title="">http://www.w3.org/2000/svg</code>"
namespace, and the user agent supports SVG, then return the value
that would have been returned by the DOM attribute of the same name
@@ -6983,8 +6984,8 @@
<li><p>Otherwise, let <var title="">value</var> be a concatenation
of the data of all the child <a href=#text-node title="text node">text
- nodes</a> of <a href=#the-title-element-0>the <code>title</code> element</a>, in
- tree order, or the empty string if <a href=#the-title-element-0>the <code>title</code>
+ nodes</a> of <a href=#the-title-element>the <code>title</code> element</a>, in
+ tree order, or the empty string if <a href=#the-title-element>the <code>title</code>
element</a> is null.</li>
<li><p>Replace any sequence of two or more consecutive <a href=#space-character title="space character">space characters</a> in <var title="">value</var> with a single U+0020 SPACE character.</li>
@@ -6997,20 +6998,20 @@
</ol><p>On setting, the following algorithm must be run. Mutation events
must be fired as appropriate.</p>
- <ol><li><p>If the <a href=#root-element>root element</a> is an <code><a href=#svg-0>svg</a></code>
+ <ol><li><p>If the <a href=#root-element>root element</a> is an <code><a href=#svg>svg</a></code>
element in the "<code title="">http://www.w3.org/2000/svg</code>"
namespace, and the user agent supports SVG, then the setter must
defer to the setter for the DOM attribute of the same name on the
<code>SVGDocument</code> interface (if it is readonly, then this
will raise an exception). Stop the algorithm here. <a href=#refsSVG>[SVG]</a></li>
- <li>If <a href=#the-title-element-0>the <code>title</code> element</a> is null and
- <a href=#the-head-element-0>the <code>head</code> element</a> is null, then the
+ <li>If <a href=#the-title-element>the <code>title</code> element</a> is null and
+ <a href=#the-head-element>the <code>head</code> element</a> is null, then the
attribute must do nothing. Stop the algorithm here.</li>
- <li>If <a href=#the-title-element-0>the <code>title</code> element</a> is null, then a
- new <code><a href=#the-title-element>title</a></code> element must be created and appended to
- <a href=#the-head-element-0>the <code>head</code> element</a>. Let <var title="">element</var> be that element. Otherwise, let <var title="">element</var> be <a href=#the-title-element-0>the <code>title</code>
+ <li>If <a href=#the-title-element>the <code>title</code> element</a> is null, then a
+ new <code><a href=#the-title-element-0>title</a></code> element must be created and appended to
+ <a href=#the-head-element>the <code>head</code> element</a>. Let <var title="">element</var> be that element. Otherwise, let <var title="">element</var> be <a href=#the-title-element>the <code>title</code>
element</a>.</li>
<li>The children of <var title="">element</var> (if any) must all
@@ -7028,14 +7029,14 @@
<hr><dl class=domintro><dt><var title="">document</var> . <code title=dom-document-body><a href=#dom-document-body>body</a></code> [ = <var title="">value</var> ]</dt>
<dd>
- <p>Returns <a href=#the-body-element-0>the body element</a>.</p>
- <p>Can be set, to replace <a href=#the-body-element-0>the body element</a>.</p>
- <p>If the new value is not a <code><a href=#the-body-element>body</a></code> or <code><a href=#frameset>frameset</a></code> element, this will throw a <code><a href=#hierarchy_request_err>HIERARCHY_REQUEST_ERR</a></code> exception.</p>
+ <p>Returns <a href=#the-body-element>the body element</a>.</p>
+ <p>Can be set, to replace <a href=#the-body-element>the body element</a>.</p>
+ <p>If the new value is not a <code><a href=#the-body-element-0>body</a></code> or <code><a href=#frameset>frameset</a></code> element, this will throw a <code><a href=#hierarchy_request_err>HIERARCHY_REQUEST_ERR</a></code> exception.</p>
</dd>
- </dl><p><dfn id=the-body-element-0>The body element</dfn> of a document is the first child of
- <a href=#the-html-element-0>the <code>html</code> element</a> that is either a
- <code><a href=#the-body-element>body</a></code> element or a <code><a href=#frameset>frameset</a></code> element. If
+ </dl><p><dfn id=the-body-element>The body element</dfn> of a document is the first child of
+ <a href=#the-html-element>the <code>html</code> element</a> that is either a
+ <code><a href=#the-body-element-0>body</a></code> element or a <code><a href=#frameset>frameset</a></code> element. If
there is no such element, it is null. <span class=impl>If the body
element is null, then when the specification requires that events be
fired at "the body element", they must instead be fired at the
@@ -7044,8 +7045,8 @@
<div class=impl>
<p>The <dfn id=dom-document-body title=dom-document-body><code>body</code></dfn>
- attribute, on getting, must return <a href=#the-body-element-0>the body element</a> of
- the document (either a <code><a href=#the-body-element>body</a></code> element, a
+ attribute, on getting, must return <a href=#the-body-element>the body element</a> of
+ the document (either a <code><a href=#the-body-element-0>body</a></code> element, a
<code><a href=#frameset>frameset</a></code> element, or null). On setting, the following
algorithm must be run:</p>
@@ -7056,50 +7057,50 @@
search for ::setBody
http://trac.webkit.org/projects/webkit/browser/trunk/WebCore/dom/Document.cpp
search for ::body
- --><li>If the new value is not a <code><a href=#the-body-element>body</a></code> or
+ --><li>If the new value is not a <code><a href=#the-body-element-0>body</a></code> or
<code><a href=#frameset>frameset</a></code> element, then raise a
<code><a href=#hierarchy_request_err>HIERARCHY_REQUEST_ERR</a></code> exception and abort these
steps.</li>
- <li>Otherwise, if the new value is the same as <a href=#the-body-element-0>the body
+ <li>Otherwise, if the new value is the same as <a href=#the-body-element>the body
element</a>, do nothing. Abort these steps.</li>
- <li>Otherwise, if <a href=#the-body-element-0>the body element</a> is not null, then
+ <li>Otherwise, if <a href=#the-body-element>the body element</a> is not null, then
replace that element with the new value in the DOM, as if the root
element's <code title="">replaceChild()</code> method had been
- called with the new value and <a href=#the-body-element-0 title="the body element">the
+ called with the new value and <a href=#the-body-element title="the body element">the
incumbent body element</a> as its two arguments respectively,
then abort these steps.</li>
- <li>Otherwise, the <a href=#the-body-element-0>the body element</a> is null. Append
+ <li>Otherwise, the <a href=#the-body-element>the body element</a> is null. Append
the new value to the root element.</li>
</ol></div>
<hr><dl class=domintro><dt><var title="">document</var> . <code title=dom-document-images><a href=#dom-document-images>images</a></code></dt>
<dd>
- <p>Returns an <code><a href=#htmlcollection-0>HTMLCollection</a></code> of the <code><a href=#the-img-element>img</a></code> elements in the <code>Document</code>.</p>
+ <p>Returns an <code><a href=#htmlcollection>HTMLCollection</a></code> of the <code><a href=#the-img-element>img</a></code> elements in the <code>Document</code>.</p>
</dd>
<dt><var title="">document</var> . <code title=dom-document-embeds><a href=#dom-document-embeds>embeds</a></code></dt>
<dt><var title="">document</var> . <code title=dom-document-plugins><a href=#dom-document-plugins>plugins</a></code></dt>
<dd>
- <p>Return an <code><a href=#htmlcollection-0>HTMLCollection</a></code> of the <code><a href=#the-embed-element>embed</a></code> elements in the <code>Document</code>.</p>
+ <p>Return an <code><a href=#htmlcollection>HTMLCollection</a></code> of the <code><a href=#the-embed-element>embed</a></code> elements in the <code>Document</code>.</p>
</dd>
<dt><var title="">document</var> . <code title=dom-document-links><a href=#dom-document-links>links</a></code></dt>
<dd>
- <p>Returns an <code><a href=#htmlcollection-0>HTMLCollection</a></code> of the <code><a href=#the-a-element>a</a></code> and <code><a href=#the-area-element>area</a></code> elements in the <code>Document</code> that have <code title=attr-hyperlink-href><a href=#attr-hyperlink-href>href</a></code> attributes.</p>
+ <p>Returns an <code><a href=#htmlcollection>HTMLCollection</a></code> of the <code><a href=#the-a-element>a</a></code> and <code><a href=#the-area-element>area</a></code> elements in the <code>Document</code> that have <code title=attr-hyperlink-href><a href=#attr-hyperlink-href>href</a></code> attributes.</p>
</dd>
<dt><var title="">document</var> . <code title=dom-document-forms><a href=#dom-document-forms>forms</a></code></dt>
<dd>
- <p>Return an <code><a href=#htmlcollection-0>HTMLCollection</a></code> of the <code><a href=#the-form-element>form</a></code> elements in the <code>Document</code>.</p>
+ <p>Return an <code><a href=#htmlcollection>HTMLCollection</a></code> of the <code><a href=#the-form-element>form</a></code> elements in the <code>Document</code>.</p>
</dd>
<dt><var title="">document</var> . <code title=dom-document-scripts><a href=#dom-document-scripts>scripts</a></code></dt>
<dd>
- <p>Return an <code><a href=#htmlcollection-0>HTMLCollection</a></code> of the <code><a href=#script>script</a></code> elements in the <code>Document</code>.</p>
+ <p>Return an <code><a href=#htmlcollection>HTMLCollection</a></code> of the <code><a href=#script>script</a></code> elements in the <code>Document</code>.</p>
</dd>
</dl><div class=impl>
@@ -7108,12 +7109,12 @@
the collection section -->
<p>The <dfn id=dom-document-images title=dom-document-images><code>images</code></dfn>
- attribute must return an <code><a href=#htmlcollection-0>HTMLCollection</a></code> rooted at the
+ attribute must return an <code><a href=#htmlcollection>HTMLCollection</a></code> rooted at the
<code>Document</code> node, whose filter matches only
<code><a href=#the-img-element>img</a></code> elements.</p>
<p>The <dfn id=dom-document-embeds title=dom-document-embeds><code>embeds</code></dfn>
- attribute must return an <code><a href=#htmlcollection-0>HTMLCollection</a></code> rooted at the
+ attribute must return an <code><a href=#htmlcollection>HTMLCollection</a></code> rooted at the
<code>Document</code> node, whose filter matches only
<code><a href=#the-embed-element>embed</a></code> elements.</p>
@@ -7121,18 +7122,18 @@
attribute must return the same object as that returned by the <code title=dom-document-embeds><a href=#dom-document-embeds>embeds</a></code> attribute.</p>
<p>The <dfn id=dom-document-links title=dom-document-links><code>links</code></dfn>
- attribute must return an <code><a href=#htmlcollection-0>HTMLCollection</a></code> rooted at the
+ attribute must return an <code><a href=#htmlcollection>HTMLCollection</a></code> rooted at the
<code>Document</code> node, whose filter matches only <code><a href=#the-a-element>a</a></code>
elements with <code title=attr-hyperlink-href><a href=#attr-hyperlink-href>href</a></code>
attributes and <code><a href=#the-area-element>area</a></code> elements with <code title=attr-hyperlink-href><a href=#attr-hyperlink-href>href</a></code> attributes.</p>
<p>The <dfn id=dom-document-forms title=dom-document-forms><code>forms</code></dfn>
- attribute must return an <code><a href=#htmlcollection-0>HTMLCollection</a></code> rooted at the
+ attribute must return an <code><a href=#htmlcollection>HTMLCollection</a></code> rooted at the
<code>Document</code> node, whose filter matches only
<code><a href=#the-form-element>form</a></code> elements.</p>
<p>The <dfn id=dom-document-scripts title=dom-document-scripts><code>scripts</code></dfn>
- attribute must return an <code><a href=#htmlcollection-0>HTMLCollection</a></code> rooted at the
+ attribute must return an <code><a href=#htmlcollection>HTMLCollection</a></code> rooted at the
<code>Document</code> node, whose filter matches only
<code><a href=#script>script</a></code> elements.</p>
@@ -7280,7 +7281,7 @@
<li>
- <p>Otherwise return an <code><a href=#htmlcollection-0>HTMLCollection</a></code> rooted at the
+ <p>Otherwise return an <code><a href=#htmlcollection>HTMLCollection</a></code> rooted at the
<code>Document</code> node, whose filter matches only <a href=#dom-document-nameditem-filter title=dom-document-namedItem-filter>named elements</a> with
the name <var title="">name</var>.</p> <!-- the same one each time
is returned, because of the rule under collections -->
@@ -7460,13 +7461,13 @@
attribute DOMString <a href=#dom-lang title=dom-lang>lang</a>;
attribute DOMString <a href=#dom-dir title=dom-dir>dir</a>;
attribute <span>DOMString</span> <a href=#dom-classname title=dom-className>className</a>;
- readonly attribute <a href=#domtokenlist-0>DOMTokenList</a> <a href=#dom-classlist title=dom-classList>classList</a>;
- readonly attribute <a href=#domstringmap-0>DOMStringMap</a> <a href=#dom-dataset title=dom-dataset>dataset</a>;
+ readonly attribute <a href=#domtokenlist>DOMTokenList</a> <a href=#dom-classlist title=dom-classList>classList</a>;
+ readonly attribute <a href=#domstringmap>DOMStringMap</a> <a href=#dom-dataset title=dom-dataset>dataset</a>;
// <a href=#microdata>microdata</a>
- [PutForwards=<a href=#dom-domsettabletokenlist-value title=dom-DOMSettableTokenList-value>value</a>] readonly attribute <a href=#domsettabletokenlist-0>DOMSettableTokenList</a> <a href=#dom-item title=dom-item>item</a>;
- [PutForwards=<a href=#dom-domsettabletokenlist-value title=dom-DOMSettableTokenList-value>value</a>] readonly attribute <a href=#domsettabletokenlist-0>DOMSettableTokenList</a> <a href=#dom-itemprop title=dom-itemprop>itemprop</a>;
- readonly attribute <a href=#htmlpropertycollection-0>HTMLPropertyCollection</a> <a href=#dom-properties title=dom-properties>properties</a>;
+ [PutForwards=<a href=#dom-domsettabletokenlist-value title=dom-DOMSettableTokenList-value>value</a>] readonly attribute <a href=#domsettabletokenlist>DOMSettableTokenList</a> <a href=#dom-item title=dom-item>item</a>;
+ [PutForwards=<a href=#dom-domsettabletokenlist-value title=dom-DOMSettableTokenList-value>value</a>] readonly attribute <a href=#domsettabletokenlist>DOMSettableTokenList</a> <a href=#dom-itemprop title=dom-itemprop>itemprop</a>;
+ readonly attribute <a href=#htmlpropertycollection>HTMLPropertyCollection</a> <a href=#dom-properties title=dom-properties>properties</a>;
attribute DOMString <a href=#dom-content title=dom-content>content</a>;
attribute <a href=#htmlelement>HTMLElement</a> <a href=#dom-subject title=dom-subject>subject</a>;
@@ -7652,7 +7653,7 @@
<li><code title=handler-onvolumechange><a href=#handler-onvolumechange>onvolumechange</a></code></li>
<li><code title=handler-onwaiting><a href=#handler-onwaiting>onwaiting</a></code></li>
</ul><p class=note>The attributes marked with an asterisk have a
- different meaning when specified on <code><a href=#the-body-element>body</a></code> elements as
+ different meaning when specified on <code><a href=#the-body-element-0>body</a></code> elements as
those elements expose <a href=#event-handler-attributes-0>event handler attributes</a> of the
<code><a href=#window>Window</a></code> object with the same names.</p>
@@ -7911,9 +7912,9 @@
<hr><dl class=domintro><dt><var title="">document</var> . <code title=dom-dir><a href=#dom-dir>dir</a></code> [ = <var title="">value</var> ]</dt>
<dd>
- <p>Returns <a href=#the-html-element-0>the <code>html</code> element</a>'s <code title=attr-dir><a href=#the-dir-attribute>dir</a></code> attribute's value, if any.</p>
- <p>Can be set, to either "<code title="">ltr</code>" or "<code title="">rtl</code>", to replace <a href=#the-html-element-0>the <code>html</code> element</a>'s <code title=attr-dir><a href=#the-dir-attribute>dir</a></code> attribute's value.</p>
- <p>If there is no <a href=#the-html-element-0 title="the html element"><code>html</code> element</a>, returns the empty string and ignores new values.</p>
+ <p>Returns <a href=#the-html-element>the <code>html</code> element</a>'s <code title=attr-dir><a href=#the-dir-attribute>dir</a></code> attribute's value, if any.</p>
+ <p>Can be set, to either "<code title="">ltr</code>" or "<code title="">rtl</code>", to replace <a href=#the-html-element>the <code>html</code> element</a>'s <code title=attr-dir><a href=#the-dir-attribute>dir</a></code> attribute's value.</p>
+ <p>If there is no <a href=#the-html-element title="the html element"><code>html</code> element</a>, returns the empty string and ignores new values.</p>
</dd>
</dl><div class=impl>
@@ -7925,7 +7926,7 @@
<p>The <dfn id=dom-document-dir title=dom-document-dir><code>dir</code></dfn> DOM
attribute on <code><a href=#htmldocument>HTMLDocument</a></code> objects must
<a href=#reflect>reflect</a> the <code title=attr-dir><a href=#the-dir-attribute>dir</a></code> content
- attribute of <a href=#the-html-element-0>the <code>html</code> element</a>, if any,
+ attribute of <a href=#the-html-element>the <code>html</code> element</a>, if any,
<a href=#limited-to-only-known-values>limited to only known values</a>. If there is no such
element, then the attribute must return the empty string and do
nothing on setting.</p>
@@ -8085,7 +8086,7 @@
<hr><dl class=domintro><dt><var title="">element</var> . <code title=dom-dataset><a href=#dom-dataset>dataset</a></code></dt>
<dd>
- <p>Returns a <code><a href=#domstringmap-0>DOMStringMap</a></code> object for the element's <code title=attr-data-*><a href=#attr-data-*>data-*</a></code> attributes.</p>
+ <p>Returns a <code><a href=#domstringmap>DOMStringMap</a></code> object for the element's <code title=attr-data-*><a href=#attr-data-*>data-*</a></code> attributes.</p>
</dd>
</dl><div class=impl>
@@ -8093,7 +8094,7 @@
<p>The <dfn id=dom-dataset title=dom-dataset><code>dataset</code></dfn> DOM
attribute provides convenient accessors for all the <code title=attr-data-*><a href=#attr-data-*>data-*</a></code> attributes on an element. On
getting, the <code title=dom-dataset><a href=#dom-dataset>dataset</a></code> DOM attribute
- must return a <code><a href=#domstringmap-0>DOMStringMap</a></code> object, associated with the
+ must return a <code><a href=#domstringmap>DOMStringMap</a></code> object, associated with the
following algorithms, which expose these attributes on their
element:</p>
@@ -8293,13 +8294,13 @@
characteristics together. The following broad categories are used in
this specification:</p>
- <ul class=brief><li><a href=#metadata-content-0>Metadata content</a></li>
- <li><a href=#flow-content-0>Flow content</a></li>
- <li><a href=#sectioning-content-0>Sectioning content</a></li>
- <li><a href=#heading-content-0>Heading content</a></li>
- <li><a href=#phrasing-content-0>Phrasing content</a></li>
- <li><a href=#embedded-content-2>Embedded content</a></li>
- <li><a href=#interactive-content-0>Interactive content</a></li>
+ <ul class=brief><li><a href=#metadata-content>Metadata content</a></li>
+ <li><a href=#flow-content>Flow content</a></li>
+ <li><a href=#sectioning-content>Sectioning content</a></li>
+ <li><a href=#heading-content>Heading content</a></li>
+ <li><a href=#phrasing-content>Phrasing content</a></li>
+ <li><a href=#embedded-content>Embedded content</a></li>
+ <li><a href=#interactive-content>Interactive content</a></li>
</ul><p class=note>Some elements also fall into other categories, which
are defined in other parts of this specification.</p>
@@ -8317,9 +8318,9 @@
particular category.</p>
- <h6 id=metadata-content><span class=secno>3.2.5.1.1 </span>Metadata content</h6>
+ <h6 id=metadata-content-0><span class=secno>3.2.5.1.1 </span>Metadata content</h6>
- <p><dfn id=metadata-content-0>Metadata content</dfn> is content that sets up the
+ <p><dfn id=metadata-content>Metadata content</dfn> is content that sets up the
presentation or behavior of the rest of the content, or that sets
up the relationship of the document with other documents, or that
conveys other "out of band" information.</p>
@@ -8331,9 +8332,9 @@
<li><code><a href=#the-noscript-element>noscript</a></code></li>
<li><code><a href=#script>script</a></code></li>
<li><code><a href=#the-style-element>style</a></code></li>
- <li><code><a href=#the-title-element>title</a></code></li>
+ <li><code><a href=#the-title-element-0>title</a></code></li>
</ul><p>Elements from other namespaces whose semantics are primarily
- metadata-related (e.g. RDF) are also <a href=#metadata-content-0>metadata
+ metadata-related (e.g. RDF) are also <a href=#metadata-content>metadata
content</a>.</p>
<div class=example>
@@ -8365,10 +8366,10 @@
</div>
- <h6 id=flow-content><span class=secno>3.2.5.1.2 </span>Flow content</h6>
+ <h6 id=flow-content-0><span class=secno>3.2.5.1.2 </span>Flow content</h6>
<p>Most elements that are used in the body of documents and
- applications are categorized as <dfn id=flow-content-0>flow content</dfn>.</p>
+ applications are categorized as <dfn id=flow-content>flow content</dfn>.</p>
<ul class="brief category-list"><li><code><a href=#the-a-element>a</a></code></li>
<li><code><a href=#the-abbr-element>abbr</a></code></li>
@@ -8444,7 +8445,7 @@
<li><code><a href=#the-style-element>style</a></code> (if the <code title=attr-style-scoped><a href=#attr-style-scoped>scoped</a></code> attribute is present)</li>
<li><code><a href=#the-sub-and-sup-elements>sub</a></code></li>
<li><code><a href=#the-sub-and-sup-elements>sup</a></code></li>
- <li><code><a href=#svg-0>svg</a></code></li>
+ <li><code><a href=#svg>svg</a></code></li>
<li><code><a href=#the-table-element>table</a></code></li>
<li><code><a href=#the-textarea-element>textarea</a></code></li>
<li><code><a href=#the-time-element>time</a></code></li>
@@ -8453,10 +8454,10 @@
<li><code><a href=#video>video</a></code></li>
<li><a href=#text-content title="text content">Text</a></li>
</ul><p>As a general rule, elements whose content model allows any
- <a href=#flow-content-0>flow content</a> should have either at least one descendant
+ <a href=#flow-content>flow content</a> should have either at least one descendant
<a href=#text-node>text node</a> that is not <a href=#inter-element-whitespace>inter-element
whitespace</a>, or at least one descendant element node that is
- <a href=#embedded-content-2>embedded content</a>. For the purposes of this requirement,
+ <a href=#embedded-content>embedded content</a>. For the purposes of this requirement,
<code><a href=#the-del-element>del</a></code> elements and their descendants must not be counted
as contributing to the ancestors of the <code><a href=#the-del-element>del</a></code>
element.</p>
@@ -8468,28 +8469,28 @@
pages be filled in but on some pages is not relevant.</p>
- <h6 id=sectioning-content><span class=secno>3.2.5.1.3 </span>Sectioning content</h6>
+ <h6 id=sectioning-content-0><span class=secno>3.2.5.1.3 </span>Sectioning content</h6>
- <p><dfn id=sectioning-content-0>Sectioning content</dfn> is content that defines the scope
- of <a href=#heading-content-0 title="heading content">headings</a> and <a href=#the-footer-element title=footer>footers</a>.</p>
+ <p><dfn id=sectioning-content>Sectioning content</dfn> is content that defines the scope
+ of <a href=#heading-content title="heading content">headings</a> and <a href=#the-footer-element title=footer>footers</a>.</p>
<ul class="brief category-list"><li><code><a href=#the-article-element>article</a></code></li>
<li><code><a href=#the-aside-element>aside</a></code></li>
<li><code><a href=#the-nav-element>nav</a></code></li>
<li><code><a href=#the-section-element>section</a></code></li>
- </ul><p>Each <a href=#sectioning-content-0>sectioning content</a> element potentially has a
+ </ul><p>Each <a href=#sectioning-content>sectioning content</a> element potentially has a
heading and an <a href=#outline>outline</a>. See the section on
<a href=#headings-and-sections>headings and sections</a> for further details.</p>
<p class=note>There are also certain elements that are <a href=#sectioning-root title="sectioning root">sectioning roots</a>. These are distinct
- from <a href=#sectioning-content-0>sectioning content</a>, but they can also have an
+ from <a href=#sectioning-content>sectioning content</a>, but they can also have an
<a href=#outline>outline</a>.</p>
- <h6 id=heading-content><span class=secno>3.2.5.1.4 </span>Heading content</h6>
+ <h6 id=heading-content-0><span class=secno>3.2.5.1.4 </span>Heading content</h6>
- <p><dfn id=heading-content-0>Heading content</dfn> defines the header of a section
- (whether explicitly marked up using <a href=#sectioning-content-0>sectioning content</a>
+ <p><dfn id=heading-content>Heading content</dfn> defines the header of a section
+ (whether explicitly marked up using <a href=#sectioning-content>sectioning content</a>
elements, or implied by the heading content itself).</p>
<ul class="brief category-list"><li><code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h1</a></code></li>
@@ -8499,13 +8500,13 @@
<li><code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h5</a></code></li>
<li><code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h6</a></code></li>
<li><code><a href=#the-hgroup-element>hgroup</a></code></li>
- </ul><h6 id=phrasing-content><span class=secno>3.2.5.1.5 </span>Phrasing content</h6>
+ </ul><h6 id=phrasing-content-0><span class=secno>3.2.5.1.5 </span>Phrasing content</h6>
- <p><dfn id=phrasing-content-0>Phrasing content</dfn> is the text of the document, as well
+ <p><dfn id=phrasing-content>Phrasing content</dfn> is the text of the document, as well
as elements that mark up that text at the intra-paragraph
- level. Runs of <a href=#phrasing-content-0>phrasing content</a> form <a href=#paragraph title=paragraph>paragraphs</a>.</p>
+ level. Runs of <a href=#phrasing-content>phrasing content</a> form <a href=#paragraph title=paragraph>paragraphs</a>.</p>
- <ul class="brief category-list"><li><code><a href=#the-a-element>a</a></code> (if it contains only <a href=#phrasing-content-0>phrasing content</a>)</li>
+ <ul class="brief category-list"><li><code><a href=#the-a-element>a</a></code> (if it contains only <a href=#phrasing-content>phrasing content</a>)</li>
<li><code><a href=#the-abbr-element>abbr</a></code></li>
<li><code><a href=#the-area-element>area</a></code> (if it is a descendant of a <code><a href=#the-map-element>map</a></code> element)</li>
<li><code><a href=#audio>audio</a></code></li>
@@ -8518,7 +8519,7 @@
<li><code><a href=#the-code-element>code</a></code></li>
<li><code><a href=#the-command>command</a></code></li>
<li><code><a href=#the-datalist-element>datalist</a></code></li>
- <li><code><a href=#the-del-element>del</a></code> (if it contains only <a href=#phrasing-content-0>phrasing content</a>)</li>
+ <li><code><a href=#the-del-element>del</a></code> (if it contains only <a href=#phrasing-content>phrasing content</a>)</li>
<li><code><a href=#the-dfn-element>dfn</a></code></li>
<li><code><a href=#the-em-element>em</a></code></li>
<li><code><a href=#the-embed-element>embed</a></code></li>
@@ -8526,12 +8527,12 @@
<li><code><a href=#the-iframe-element>iframe</a></code></li>
<li><code><a href=#the-img-element>img</a></code></li>
<li><code><a href=#the-input-element>input</a></code></li>
- <li><code><a href=#the-ins-element>ins</a></code> (if it contains only <a href=#phrasing-content-0>phrasing content</a>)</li>
+ <li><code><a href=#the-ins-element>ins</a></code> (if it contains only <a href=#phrasing-content>phrasing content</a>)</li>
<li><code><a href=#the-kbd-element>kbd</a></code></li>
<li><code><a href=#the-keygen-element>keygen</a></code></li>
<li><code><a href=#the-label-element>label</a></code></li>
<li><code><a href=#the-link-element>link</a></code> (if the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present)</li>
- <li><code><a href=#the-map-element>map</a></code> (if it contains only <a href=#phrasing-content-0>phrasing content</a>)</li>
+ <li><code><a href=#the-map-element>map</a></code> (if it contains only <a href=#phrasing-content>phrasing content</a>)</li>
<li><code><a href=#the-mark-element>mark</a></code></li>
<li><code><a href=#math>math</a></code></li>
<li><code><a href=#meta>meta</a></code> (if the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present)</li>
@@ -8550,17 +8551,17 @@
<li><code><a href=#the-strong-element>strong</a></code></li>
<li><code><a href=#the-sub-and-sup-elements>sub</a></code></li>
<li><code><a href=#the-sub-and-sup-elements>sup</a></code></li>
- <li><code><a href=#svg-0>svg</a></code></li>
+ <li><code><a href=#svg>svg</a></code></li>
<li><code><a href=#the-textarea-element>textarea</a></code></li>
<li><code><a href=#the-time-element>time</a></code></li>
<li><code><a href=#the-var-element>var</a></code></li>
<li><code><a href=#video>video</a></code></li>
<li><a href=#text-content title="text content">Text</a></li>
</ul><p>As a general rule, elements whose content model allows any
- <a href=#phrasing-content-0>phrasing content</a> should have either at least one
+ <a href=#phrasing-content>phrasing content</a> should have either at least one
descendant <a href=#text-node>text node</a> that is not <a href=#inter-element-whitespace>inter-element
whitespace</a>, or at least one descendant element node that is
- <a href=#embedded-content-2>embedded content</a>. For the purposes of this requirement,
+ <a href=#embedded-content>embedded content</a>. For the purposes of this requirement,
nodes that are descendants of <code><a href=#the-del-element>del</a></code> elements must not be
counted as contributing to the ancestors of the <code><a href=#the-del-element>del</a></code>
element.</p>
@@ -8571,15 +8572,15 @@
<p><dfn id=text-content title="text content">Text</dfn>, in the context of content
models, means <a href=#text-node title="text node">text nodes</a>. <a href=#text-content title="text content">Text</a> is sometimes used as a content
- model on its own, but is also <a href=#phrasing-content-0>phrasing content</a>, and can
+ model on its own, but is also <a href=#phrasing-content>phrasing content</a>, and can
be <a href=#inter-element-whitespace>inter-element whitespace</a> (if the <a href=#text-node title="text
node">text nodes</a> are empty or contain just <a href=#space-character title="space
character">space characters</a>).</p>
- <h6 id=embedded-content><span class=secno>3.2.5.1.6 </span>Embedded content</h6>
+ <h6 id=embedded-content-0><span class=secno>3.2.5.1.6 </span>Embedded content</h6>
- <p><dfn id=embedded-content-2>Embedded content</dfn> is content that imports another
+ <p><dfn id=embedded-content>Embedded content</dfn> is content that imports another
resource into the document, or content from another vocabulary that
is inserted into the document.</p>
@@ -8590,11 +8591,11 @@
<li><code><a href=#the-img-element>img</a></code></li>
<li><code><a href=#math>math</a></code></li>
<li><code><a href=#the-object-element>object</a></code></li>
- <li><code><a href=#svg-0>svg</a></code></li>
+ <li><code><a href=#svg>svg</a></code></li>
<li><code><a href=#video>video</a></code></li>
</ul><p>Elements that are from namespaces other than the <a href=#html-namespace-0>HTML
namespace</a> and that convey content but not metadata, are
- <a href=#embedded-content-2>embedded content</a> for the purposes of the content models
+ <a href=#embedded-content>embedded content</a> for the purposes of the content models
defined in this specification. (For example, MathML, or SVG.)</p>
<p>Some embedded content elements can have <dfn id=fallback-content>fallback
@@ -8603,7 +8604,7 @@
element definitions state what the fallback is, if any.</p>
- <h6 id=interactive-content><span class=secno>3.2.5.1.7 </span>Interactive content</h6>
+ <h6 id=interactive-content-0><span class=secno>3.2.5.1.7 </span>Interactive content</h6>
<!--
TESTS:
@@ -8613,7 +8614,7 @@
http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20HTML%3E%0A%3Cform%20action%3D%22http%3A//google.com/%22%3EX%3C/form%3E%0A%3Cscript%3E%0Avar%20evt%20%3D%20document.createEvent%28%22Events%22%29%3B%0Aevt.initEvent%28%22submit%22%2C%20true%2C%20true%29%3B%0Adocument.getElementsByTagName%28%27form%27%29%5B0%5D.dispatchEvent%28evt%29%3B%0A%3C/script%3E
-->
- <p><dfn id=interactive-content-0>Interactive content</dfn> is content that is specifically
+ <p><dfn id=interactive-content>Interactive content</dfn> is content that is specifically
intended for user interaction.</p>
<ul class="brief category-list"><li><code><a href=#the-a-element>a</a></code></li>
@@ -8737,7 +8738,7 @@
<p>When a transparent element has no parent, then the part of its
content model that is "transparent" must instead be treated as
- accepting any <a href=#flow-content-0>flow content</a>.</p>
+ accepting any <a href=#flow-content>flow content</a>.</p>
<h5 id=paragraphs><span class=secno>3.2.5.3 </span>Paragraphs</h5>
@@ -8747,7 +8748,7 @@
element defined later. The <a href=#paragraph>paragraph</a> concept defined
here is used to describe how to interpret documents.</p>
- <p>A <dfn id=paragraph>paragraph</dfn> is typically a run of <a href=#phrasing-content-0>phrasing
+ <p>A <dfn id=paragraph>paragraph</dfn> is typically a run of <a href=#phrasing-content>phrasing
content</a> that forms a block of text with one or more sentences
that discuss a particular topic, as in typography, but can also be
used for more general thematic grouping. For instance, an address is
@@ -8770,7 +8771,7 @@
</div>
- <p>Paragraphs in <a href=#flow-content-0>flow content</a> are defined relative to
+ <p>Paragraphs in <a href=#flow-content>flow content</a> are defined relative to
what the document looks like without the <code><a href=#the-a-element>a</a></code>,
<code><a href=#the-ins-element>ins</a></code>, <code><a href=#the-del-element>del</a></code>, and <code><a href=#the-map-element>map</a></code> elements
complicating matters, since those elements, with their hybrid
@@ -8807,13 +8808,13 @@
<p>Let <var title="">view</var> be a view of the DOM that replaces
all <code><a href=#the-a-element>a</a></code>, <code><a href=#the-ins-element>ins</a></code>, <code><a href=#the-del-element>del</a></code>, and
<code><a href=#the-map-element>map</a></code> elements in the document with their contents. Then,
- in <var title="">view</var>, for each run of sibling <a href=#phrasing-content-0>phrasing
+ in <var title="">view</var>, for each run of sibling <a href=#phrasing-content>phrasing
content</a> nodes uninterrupted by other types of content, in an
- element that accepts content other than <a href=#phrasing-content-0>phrasing
+ element that accepts content other than <a href=#phrasing-content>phrasing
content</a>, let <var title="">first</var> be the first node of
the run, and let <var title="">last</var> be the last node of the
run. For each such run that consists of at least one node that is
- neither <a href=#embedded-content-2>embedded content</a> nor <a href=#inter-element-whitespace>inter-element
+ neither <a href=#embedded-content>embedded content</a> nor <a href=#inter-element-whitespace>inter-element
whitespace</a>, a paragraph exists in the original DOM from
immediately before <var title="">first</var> to immediately after
<var title="">last</var>. (Paragraphs can thus span across
@@ -9154,7 +9155,7 @@
<td><code title=attr-aria-role-note>note</code> role
<td>Role must be either <code title=attr-aria-role-note>note</code>, <code title=attr-aria-role-complementary>complementary</code>, or <code title=attr-aria-role-search>search</code>
- <tr><td><code><a href=#the-html-element>html</a></code> element
+ <tr><td><code><a href=#the-html-element-0>html</a></code> element
<td><code title=attr-aria-role-document>document</code> role
<td>Role must be either <code title=attr-aria-role-document>document</code> or <code title=attr-aria-role-application>application</code>
@@ -9469,11 +9470,11 @@
<li><p>Replace the <code>Document</code>'s singleton objects with
new instances of those objects. (This includes in particular the
- <code><a href=#window>Window</a></code>, <code><a href=#location>Location</a></code>, <code><a href=#history-1>History</a></code>,
+ <code><a href=#window>Window</a></code>, <code><a href=#location>Location</a></code>, <code><a href=#history-0>History</a></code>,
<code><a href=#applicationcache>ApplicationCache</a></code>, <code><a href=#undomanager>UndoManager</a></code>,
<code><a href=#navigator>Navigator</a></code>, and <code><a href=#selection-0>Selection</a></code> objects, the
various <code><a href=#barprop>BarProp</a></code> objects, the two <code>Storage</code>
- objects, and the various <code><a href=#htmlcollection-0>HTMLCollection</a></code> objects. It
+ objects, and the various <code><a href=#htmlcollection>HTMLCollection</a></code> objects. It
also includes all the Web IDL prototypes in the JavaScript binding,
including the <code>Document</code> object's prototype.)</li>
@@ -9532,7 +9533,7 @@
<ol><li>Remove all the entries in the <a href=#browsing-context>browsing context</a>'s
<a href=#session-history>session history</a> after the <a href=#current-entry>current entry</a>
- in its <code>Document</code>'s <code><a href=#history-1>History</a></code> object</li>
+ in its <code>Document</code>'s <code><a href=#history-0>History</a></code> object</li>
<li>Remove any earlier entries that share the same
<code>Document</code></li>
@@ -9867,7 +9868,7 @@
<p>Let <var title="">parent</var> be <var title="">target</var>'s
parent node, unless that is a <code>DocumentFragment</code> node,
in which case let <var title="">parent</var> be an arbitrary
- <code><a href=#the-body-element>body</a></code> element.</p>
+ <code><a href=#the-body-element-0>body</a></code> element.</p>
</li>
@@ -10089,7 +10090,7 @@
<h3 id=the-root-element><span class=secno>4.1 </span>The root element</h3>
- <h4 id=the-html-element><span class=secno>4.1.1 </span>The <dfn><code>html</code></dfn> element</h4>
+ <h4 id=the-html-element-0><span class=secno>4.1.1 </span>The <dfn><code>html</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd>None.</dd>
@@ -10097,7 +10098,7 @@
<dd>As the root element of a document.</dd>
<dd>Wherever a subdocument fragment is allowed in a compound document.</dd>
<dt>Content model:</dt>
- <dd>A <code><a href=#the-head-element>head</a></code> element followed by a <code><a href=#the-body-element>body</a></code> element.</dd>
+ <dd>A <code><a href=#the-head-element-0>head</a></code> element followed by a <code><a href=#the-body-element-0>body</a></code> element.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd><code title=attr-html-manifest><a href=#attr-html-manifest>manifest</a></code></dd>
@@ -10105,7 +10106,7 @@
<dd>
<pre class=idl>interface <dfn id=htmlhtmlelement>HTMLHtmlElement</dfn> : <a href=#htmlelement>HTMLElement</a> {};</pre>
</dd>
- </dl><p>The <code><a href=#the-html-element>html</a></code> element <a href=#represents>represents</a> the root of
+ </dl><p>The <code><a href=#the-html-element-0>html</a></code> element <a href=#represents>represents</a> the root of
an HTML document.</p>
<p>The <dfn id=attr-html-manifest title=attr-html-manifest><code>manifest</code></dfn>
@@ -10127,30 +10128,30 @@
<h3 id=document-metadata><span class=secno>4.2 </span>Document metadata</h3>
- <h4 id=the-head-element><span class=secno>4.2.1 </span>The <dfn><code>head</code></dfn> element</h4>
+ <h4 id=the-head-element-0><span class=secno>4.2.1 </span>The <dfn><code>head</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd>None.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>As the first element in an <code><a href=#the-html-element>html</a></code> element.</dd>
+ <dd>As the first element in an <code><a href=#the-html-element-0>html</a></code> element.</dd>
<dt>Content model:</dt>
- <dd>One or more elements of <a href=#metadata-content-0>metadata content</a>, of which exactly one is a <code><a href=#the-title-element>title</a></code> element.</dd>
+ <dd>One or more elements of <a href=#metadata-content>metadata content</a>, of which exactly one is a <code><a href=#the-title-element-0>title</a></code> element.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
<dd>
<pre class=idl>interface <dfn id=htmlheadelement>HTMLHeadElement</dfn> : <a href=#htmlelement>HTMLElement</a> {};</pre>
</dd>
- </dl><p>The <code><a href=#the-head-element>head</a></code> element <a href=#represents>represents</a> a
+ </dl><p>The <code><a href=#the-head-element-0>head</a></code> element <a href=#represents>represents</a> a
collection of metadata for the <code>Document</code>.</p>
- <h4 id=the-title-element><span class=secno>4.2.2 </span>The <dfn><code>title</code></dfn> element</h4>
+ <h4 id=the-title-element-0><span class=secno>4.2.2 </span>The <dfn><code>title</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#metadata-content-0>Metadata content</a>.</dd>
+ <dd><a href=#metadata-content>Metadata content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>In a <code><a href=#the-head-element>head</a></code> element containing no other <code><a href=#the-title-element>title</a></code> elements.</dd>
+ <dd>In a <code><a href=#the-head-element-0>head</a></code> element containing no other <code><a href=#the-title-element-0>title</a></code> elements.</dd>
<dt>Content model:</dt>
<dd><a href=#text-content title="text content">Text</a>.</dd>
<dt>Content attributes:</dt>
@@ -10161,7 +10162,7 @@
attribute DOMString <a href=#dom-title-text title=dom-title-text>text</a>;
};</pre>
</dd>
- </dl><p>The <code><a href=#the-title-element>title</a></code> element <a href=#represents>represents</a> the
+ </dl><p>The <code><a href=#the-title-element-0>title</a></code> element <a href=#represents>represents</a> the
document's title or name. Authors should use titles that identify
their documents even when they are used out of context, for example
in a user's history or bookmarks, or in search results. The
@@ -10169,10 +10170,10 @@
first heading does not have to stand alone when taken out of
context.</p>
- <p>There must be no more than one <code><a href=#the-title-element>title</a></code> element per
+ <p>There must be no more than one <code><a href=#the-title-element-0>title</a></code> element per
document.</p>
- <p>The <code><a href=#the-title-element>title</a></code> element must not contain any
+ <p>The <code><a href=#the-title-element-0>title</a></code> element must not contain any
elements.</p>
<p>The <dfn id=dom-title-text title=dom-title-text><code>text</code></dfn> DOM
@@ -10211,9 +10212,9 @@
<h4 id=the-base-element><span class=secno>4.2.3 </span>The <dfn><code>base</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#metadata-content-0>Metadata content</a>.</dd>
+ <dd><a href=#metadata-content>Metadata content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>In a <code><a href=#the-head-element>head</a></code> element containing no other <code><a href=#the-base-element>base</a></code> elements.</dd>
+ <dd>In a <code><a href=#the-head-element-0>head</a></code> element containing no other <code><a href=#the-base-element>base</a></code> elements.</dd>
<dt>Content model:</dt>
<dd>Empty.</dd>
<dt>Content attributes:</dt>
@@ -10243,7 +10244,7 @@
<p>A <code><a href=#the-base-element>base</a></code> element, if it has an <code title=attr-base-href><a href=#attr-base-href>href</a></code> attribute, must come before any
other elements in the tree that have attributes defined as taking
- <a href=#url title=URL>URLs</a>, except the <code><a href=#the-html-element>html</a></code> element
+ <a href=#url title=URL>URLs</a>, except the <code><a href=#the-html-element-0>html</a></code> element
(its <code title=attr-html-manifest><a href=#attr-html-manifest>manifest</a></code> attribute
isn't affected by <code><a href=#the-base-element>base</a></code> elements).</p>
@@ -10280,13 +10281,13 @@
<h4 id=the-link-element><span class=secno>4.2.4 </span>The <dfn><code>link</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#metadata-content-0>Metadata content</a>.</dd>
- <dd>If the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present: <a href=#flow-content-0>flow content</a>.</dd>
- <dd>If the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present: <a href=#phrasing-content-0>phrasing content</a>.</dd>
+ <dd><a href=#metadata-content>Metadata content</a>.</dd>
+ <dd>If the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present: <a href=#flow-content>flow content</a>.</dd>
+ <dd>If the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present: <a href=#phrasing-content>phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#metadata-content-0>metadata content</a> is expected.</dd>
- <dd>In a <code><a href=#the-noscript-element>noscript</a></code> element that is a child of a <code><a href=#the-head-element>head</a></code> element.</dd>
- <dd>If the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present: where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#metadata-content>metadata content</a> is expected.</dd>
+ <dd>In a <code><a href=#the-noscript-element>noscript</a></code> element that is a child of a <code><a href=#the-head-element-0>head</a></code> element.</dd>
+ <dd>If the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present: where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
<dd>Empty.</dd>
<dt>Content attributes:</dt>
@@ -10597,15 +10598,15 @@
<h4 id=meta><span class=secno>4.2.5 </span>The <dfn><code>meta</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#metadata-content-0>Metadata content</a>.</dd>
- <dd>If the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present: <a href=#flow-content-0>flow content</a>.</dd>
- <dd>If the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present: <a href=#phrasing-content-0>phrasing content</a>.</dd>
+ <dd><a href=#metadata-content>Metadata content</a>.</dd>
+ <dd>If the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present: <a href=#flow-content>flow content</a>.</dd>
+ <dd>If the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present: <a href=#phrasing-content>phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>If the <code title=attr-meta-charset><a href=#attr-meta-charset>charset</a></code> attribute is present, or if the element's <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute is in the <a href=#attr-meta-http-equiv-content-type title=attr-meta-http-equiv-content-type>Encoding declaration state</a>: in a <code><a href=#the-head-element>head</a></code> element.</dd>
- <dd>If the <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute is present and in the <a href=#attr-meta-http-equiv-content-type title=attr-meta-http-equiv-content-type>Encoding declaration state</a>: in a <code><a href=#the-head-element>head</a></code> element.</dd>
- <dd>If the <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute is present but not in the <a href=#attr-meta-http-equiv-content-type title=attr-meta-http-equiv-content-type>Encoding declaration state</a>: in a <code><a href=#the-noscript-element>noscript</a></code> element that is a child of a <code><a href=#the-head-element>head</a></code> element.</dd>
- <dd>If the <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute is present: where <a href=#metadata-content-0>metadata content</a> is expected.</dd>
- <dd>If the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present: where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>If the <code title=attr-meta-charset><a href=#attr-meta-charset>charset</a></code> attribute is present, or if the element's <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute is in the <a href=#attr-meta-http-equiv-content-type title=attr-meta-http-equiv-content-type>Encoding declaration state</a>: in a <code><a href=#the-head-element-0>head</a></code> element.</dd>
+ <dd>If the <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute is present and in the <a href=#attr-meta-http-equiv-content-type title=attr-meta-http-equiv-content-type>Encoding declaration state</a>: in a <code><a href=#the-head-element-0>head</a></code> element.</dd>
+ <dd>If the <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute is present but not in the <a href=#attr-meta-http-equiv-content-type title=attr-meta-http-equiv-content-type>Encoding declaration state</a>: in a <code><a href=#the-noscript-element>noscript</a></code> element that is a child of a <code><a href=#the-head-element-0>head</a></code> element.</dd>
+ <dd>If the <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute is present: where <a href=#metadata-content>metadata content</a> is expected.</dd>
+ <dd>If the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present: where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
<dd>Empty.</dd>
<dt>Content attributes:</dt>
@@ -10623,7 +10624,7 @@
</dd>
</dl><p>The <code><a href=#meta>meta</a></code> element <a href=#represents>represents</a> various
kinds of metadata that cannot be expressed using the
- <code><a href=#the-title-element>title</a></code>, <code><a href=#the-base-element>base</a></code>, <code><a href=#the-link-element>link</a></code>,
+ <code><a href=#the-title-element-0>title</a></code>, <code><a href=#the-base-element>base</a></code>, <code><a href=#the-link-element>link</a></code>,
<code><a href=#the-style-element>style</a></code>, and <code><a href=#script>script</a></code> elements.</p>
<p>The <code><a href=#meta>meta</a></code> element can represent document-level
@@ -10697,7 +10698,7 @@
is not a Web application, the <code title=meta-application-name><a href=#meta-application-name>application-name</a></code> metadata name
must not be used. <span class=impl>User agents may use the
application name in UI in preference to the page's
- <code><a href=#the-title-element>title</a></code>, since the title might include status messages
+ <code><a href=#the-title-element-0>title</a></code>, since the title might include status messages
and the like relevant to the status of the page at a particular
moment in time instead of just being the name of the
application.</span></dd>
@@ -11298,12 +11299,12 @@
<h4 id=the-style-element><span class=secno>4.2.6 </span>The <dfn><code>style</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#metadata-content-0>Metadata content</a>.</dd>
- <dd>If the <code title=attr-style-scoped><a href=#attr-style-scoped>scoped</a></code> attribute is present: <a href=#flow-content-0>flow content</a>.</dd>
+ <dd><a href=#metadata-content>Metadata content</a>.</dd>
+ <dd>If the <code title=attr-style-scoped><a href=#attr-style-scoped>scoped</a></code> attribute is present: <a href=#flow-content>flow content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>If the <code title=attr-style-scoped><a href=#attr-style-scoped>scoped</a></code> attribute is absent: where <a href=#metadata-content-0>metadata content</a> is expected.</dd>
- <dd>If the <code title=attr-style-scoped><a href=#attr-style-scoped>scoped</a></code> attribute is absent: in a <code><a href=#the-noscript-element>noscript</a></code> element that is a child of a <code><a href=#the-head-element>head</a></code> element.</dd>
- <dd>If the <code title=attr-style-scoped><a href=#attr-style-scoped>scoped</a></code> attribute is present: where <a href=#flow-content-0>flow content</a> is expected, but before any other <a href=#flow-content-0>flow content</a> other than other <code><a href=#the-style-element>style</a></code> elements and <a href=#inter-element-whitespace>inter-element whitespace</a>.</dd>
+ <dd>If the <code title=attr-style-scoped><a href=#attr-style-scoped>scoped</a></code> attribute is absent: where <a href=#metadata-content>metadata content</a> is expected.</dd>
+ <dd>If the <code title=attr-style-scoped><a href=#attr-style-scoped>scoped</a></code> attribute is absent: in a <code><a href=#the-noscript-element>noscript</a></code> element that is a child of a <code><a href=#the-head-element-0>head</a></code> element.</dd>
+ <dd>If the <code title=attr-style-scoped><a href=#attr-style-scoped>scoped</a></code> attribute is present: where <a href=#flow-content>flow content</a> is expected, but before any other <a href=#flow-content>flow content</a> other than other <code><a href=#the-style-element>style</a></code> elements and <a href=#inter-element-whitespace>inter-element whitespace</a>.</dd>
<dt>Content model:</dt>
<dd>Depends on the value of the <code title=attr-style-type><a href=#attr-style-type>type</a></code> attribute.</dd>
<dt>Content attributes:</dt>
@@ -11573,12 +11574,12 @@
<h4 id=script><span class=secno>4.3.1 </span>The <dfn><code>script</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#metadata-content-0>Metadata content</a>.</dd>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#metadata-content>Metadata content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#metadata-content-0>metadata content</a> is expected.</dd>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#metadata-content>metadata content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
<dd>If there is no <code title=attr-script-src><a href=#attr-script-src>src</a></code>
attribute, depends on the value of the <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute.</dd>
@@ -12263,15 +12264,15 @@
<h4 id=the-noscript-element><span class=secno>4.3.2 </span>The <dfn><code>noscript</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#metadata-content-0>Metadata content</a>.</dd>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#metadata-content>Metadata content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>In a <code><a href=#the-head-element>head</a></code> element of an <a href=#html-documents title="HTML documents">HTML document</a>, if there are no ancestor <code><a href=#the-noscript-element>noscript</a></code> elements.</dd>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected in <a href=#html-documents>HTML documents</a>, if there are no ancestor <code><a href=#the-noscript-element>noscript</a></code> elements.</dd>
+ <dd>In a <code><a href=#the-head-element-0>head</a></code> element of an <a href=#html-documents title="HTML documents">HTML document</a>, if there are no ancestor <code><a href=#the-noscript-element>noscript</a></code> elements.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected in <a href=#html-documents>HTML documents</a>, if there are no ancestor <code><a href=#the-noscript-element>noscript</a></code> elements.</dd>
<dt>Content model:</dt>
- <dd>When <a href=#concept-n-noscript title=concept-n-noscript>scripting is disabled</a>, in a <code><a href=#the-head-element>head</a></code> element: in any order, zero or more <code><a href=#the-link-element>link</a></code> elements, zero or more <code><a href=#the-style-element>style</a></code> elements, and zero or more <code><a href=#meta>meta</a></code> elements.</dd>
- <dd>When <a href=#concept-n-noscript title=concept-n-noscript>scripting is disabled</a>, not in a <code><a href=#the-head-element>head</a></code> element: <a href=#transparent>transparent</a>, but there must be no <code><a href=#the-noscript-element>noscript</a></code> element descendants.</dd>
+ <dd>When <a href=#concept-n-noscript title=concept-n-noscript>scripting is disabled</a>, in a <code><a href=#the-head-element-0>head</a></code> element: in any order, zero or more <code><a href=#the-link-element>link</a></code> elements, zero or more <code><a href=#the-style-element>style</a></code> elements, and zero or more <code><a href=#meta>meta</a></code> elements.</dd>
+ <dd>When <a href=#concept-n-noscript title=concept-n-noscript>scripting is disabled</a>, not in a <code><a href=#the-head-element-0>head</a></code> element: <a href=#transparent>transparent</a>, but there must be no <code><a href=#the-noscript-element>noscript</a></code> element descendants.</dd>
<dd>Otherwise: text that conforms to the requirements given in the prose.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
@@ -12287,14 +12288,14 @@
<p>When used in <a href=#html-documents>HTML documents</a>, the allowed content
model is as follows:</p>
- <dl><dt>In a <code><a href=#the-head-element>head</a></code> element, if <a href=#concept-n-noscript title=concept-n-noscript>scripting is disabled</a> for the
+ <dl><dt>In a <code><a href=#the-head-element-0>head</a></code> element, if <a href=#concept-n-noscript title=concept-n-noscript>scripting is disabled</a> for the
<code><a href=#the-noscript-element>noscript</a></code> element</dt>
<dd><p>The <code><a href=#the-noscript-element>noscript</a></code> element must contain only
<code><a href=#the-link-element>link</a></code>, <code><a href=#the-style-element>style</a></code>, and <code><a href=#meta>meta</a></code>
elements.</dd>
- <dt>In a <code><a href=#the-head-element>head</a></code> element, if <a href=#concept-n-script title=concept-n-script>scripting is enabled</a> for the
+ <dt>In a <code><a href=#the-head-element-0>head</a></code> element, if <a href=#concept-n-script title=concept-n-script>scripting is enabled</a> for the
<code><a href=#the-noscript-element>noscript</a></code> element</dt>
<dd><p>The <code><a href=#the-noscript-element>noscript</a></code> element must contain only text,
@@ -12304,7 +12305,7 @@
<code><a href=#meta>meta</a></code> elements, and no <a href=#parse-error title="parse error">parse
errors</a>.</dd>
- <dt>Outside of <code><a href=#the-head-element>head</a></code> elements, if <a href=#concept-n-noscript title=concept-n-noscript>scripting is disabled</a> for the
+ <dt>Outside of <code><a href=#the-head-element-0>head</a></code> elements, if <a href=#concept-n-noscript title=concept-n-noscript>scripting is disabled</a> for the
<code><a href=#the-noscript-element>noscript</a></code> element</dt>
<dd><p>The <code><a href=#the-noscript-element>noscript</a></code> element's content model is
@@ -12313,7 +12314,7 @@
element as an ancestor (that is, <code><a href=#the-noscript-element>noscript</a></code> can't be
nested).</dd>
- <dt>Outside of <code><a href=#the-head-element>head</a></code> elements, if <a href=#concept-n-script title=concept-n-script>scripting is enabled</a> for the
+ <dt>Outside of <code><a href=#the-head-element-0>head</a></code> elements, if <a href=#concept-n-script title=concept-n-script>scripting is enabled</a> for the
<code><a href=#the-noscript-element>noscript</a></code> element</dt>
<dd>
@@ -12383,7 +12384,7 @@
<p>The <code><a href=#the-noscript-element>noscript</a></code> element has no other requirements. In
particular, children of the <code><a href=#the-noscript-element>noscript</a></code> element are not
- exempt from <a href=#form-submission-0>form submission</a>, scripting, and so forth,
+ exempt from <a href=#form-submission>form submission</a>, scripting, and so forth,
even when <a href=#concept-n-script title=concept-n-script>scripting is enabled</a>
for the element.</p>
@@ -12393,14 +12394,14 @@
<h3 id=sections><span class=secno>4.4 </span>Sections</h3>
- <h4 id=the-body-element><span class=secno>4.4.1 </span>The <dfn><code>body</code></dfn> element</h4>
+ <h4 id=the-body-element-0><span class=secno>4.4.1 </span>The <dfn><code>body</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#sectioning-root>Sectioning root</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>As the second element in an <code><a href=#the-html-element>html</a></code> element.</dd>
+ <dd>As the second element in an <code><a href=#the-html-element-0>html</a></code> element.</dd>
<dt>Content model:</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd><code title=handler-window-onafterprint><a href=#handler-window-onafterprint>onafterprint</a></code></dd>
@@ -12442,62 +12443,62 @@
attribute <a href=#function>Function</a> <a href=#handler-window-onunload title=handler-window-onunload>onunload</a>;
};</pre>
</dd>
- </dl><p>The <code><a href=#the-body-element>body</a></code> element <a href=#represents>represents</a> the main
+ </dl><p>The <code><a href=#the-body-element-0>body</a></code> element <a href=#represents>represents</a> the main
content of the document.</p>
- <p>In conforming documents, there is only one <code><a href=#the-body-element>body</a></code>
+ <p>In conforming documents, there is only one <code><a href=#the-body-element-0>body</a></code>
element. The <code title=dom-document-body><a href=#dom-document-body>document.body</a></code>
DOM attribute provides scripts with easy access to a document's
- <code><a href=#the-body-element>body</a></code> element.</p>
+ <code><a href=#the-body-element-0>body</a></code> element.</p>
<div class=impl>
<p class=note>Some DOM operations (for example, parts of the
- <a href=#dnd>drag and drop</a> model) are defined in terms of "<a href=#the-body-element-0>the
+ <a href=#dnd>drag and drop</a> model) are defined in terms of "<a href=#the-body-element>the
body element</a>". This refers to a particular element in the
DOM, as per the definition of the term, and not any arbitrary
- <code><a href=#the-body-element>body</a></code> element.</p>
+ <code><a href=#the-body-element-0>body</a></code> element.</p>
</div>
- <p>The <code><a href=#the-body-element>body</a></code> element exposes as <a href=#event-handler-content-attributes>event handler
+ <p>The <code><a href=#the-body-element-0>body</a></code> element exposes as <a href=#event-handler-content-attributes>event handler
content attributes</a> a number of the <a href=#event-handler-attributes-0>event handler
attributes</a> of the <code><a href=#window>Window</a></code> object. It also mirrors
their <a href=#event-handler-dom-attributes>event handler DOM attributes</a>.</p>
<p>The <code title=handler-window-onblur><a href=#handler-window-onblur>onblur</a></code>, <code title=handler-window-onerror><a href=#handler-window-onerror>onerror</a></code>, <code title=handler-window-onfocus><a href=#handler-window-onfocus>onfocus</a></code>, and <code title=handler-window-onload><a href=#handler-window-onload>onload</a></code> <a href=#event-handler-attributes-0>event handler
attributes</a> of the <code><a href=#window>Window</a></code> object, exposed on the
- <code><a href=#the-body-element>body</a></code> element, shadow the generic <a href=#event-handler-attributes-0>event handler
+ <code><a href=#the-body-element-0>body</a></code> element, shadow the generic <a href=#event-handler-attributes-0>event handler
attributes</a> with the same names normally supported by
<a href=#html-elements>HTML elements</a>.</p>
- <p class=example>Thus, for example, a bubbling <code title=event-error><a href=#event-error>error</a></code> event fired on a child of <a href=#the-body-element-0>the
+ <p class=example>Thus, for example, a bubbling <code title=event-error><a href=#event-error>error</a></code> event fired on a child of <a href=#the-body-element>the
body element</a> of a <code>Document</code> would first trigger
the <code title=handler-onerror><a href=#handler-onerror>onerror</a></code> <a href=#event-handler-content-attributes>event handler
content attributes</a> of that element, then that of the root
- <code><a href=#the-html-element>html</a></code> element, and only <em>then</em> would it trigger
+ <code><a href=#the-html-element-0>html</a></code> element, and only <em>then</em> would it trigger
the <code title=handler-window-onerror><a href=#handler-window-onerror>onerror</a></code> <a href=#event-handler-content-attributes title="event handler content attributes">event handler content
- attribute</a> on the <code><a href=#the-body-element>body</a></code> element. This is because
- the event would bubble from the target, to the <code><a href=#the-body-element>body</a></code>, to
- the <code><a href=#the-html-element>html</a></code>, to the <code>Document</code>, to the
+ attribute</a> on the <code><a href=#the-body-element-0>body</a></code> element. This is because
+ the event would bubble from the target, to the <code><a href=#the-body-element-0>body</a></code>, to
+ the <code><a href=#the-html-element-0>html</a></code>, to the <code>Document</code>, to the
<code><a href=#window>Window</a></code>, and the <a href=#event-handler-attributes-0 title="event handler
- attributes">event handler attribute</a> on the <code><a href=#the-body-element>body</a></code>
- is watching the <code><a href=#window>Window</a></code> not the <code><a href=#the-body-element>body</a></code>. A
- regular event listener attached to the <code><a href=#the-body-element>body</a></code> using <code title="">addEventListener()</code>, however, would fire when the
- event bubbled through the <code><a href=#the-body-element>body</a></code> and not when it reaches
+ attributes">event handler attribute</a> on the <code><a href=#the-body-element-0>body</a></code>
+ is watching the <code><a href=#window>Window</a></code> not the <code><a href=#the-body-element-0>body</a></code>. A
+ regular event listener attached to the <code><a href=#the-body-element-0>body</a></code> using <code title="">addEventListener()</code>, however, would fire when the
+ event bubbled through the <code><a href=#the-body-element-0>body</a></code> and not when it reaches
the <code><a href=#window>Window</a></code> object.</p>
<h4 id=the-section-element><span class=secno>4.4.2 </span>The <dfn><code>section</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#sectioning-content-0>Sectioning content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#sectioning-content>Sectioning content</a>.</dd>
<dd><a href=#formatblock-candidate><code title="">formatBlock</code> candidate</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content-0>flow content</a> is expected.</dd>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -12554,13 +12555,13 @@
<h4 id=the-nav-element><span class=secno>4.4.3 </span>The <dfn><code>nav</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#sectioning-content-0>Sectioning content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#sectioning-content>Sectioning content</a>.</dd>
<dd><a href=#formatblock-candidate><code title="">formatBlock</code> candidate</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content-0>flow content</a> is expected.</dd>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -12667,13 +12668,13 @@
<h4 id=the-article-element><span class=secno>4.4.4 </span>The <dfn><code>article</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#sectioning-content-0>Sectioning content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#sectioning-content>Sectioning content</a>.</dd>
<dd><a href=#formatblock-candidate><code title="">formatBlock</code> candidate</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content-0>flow content</a> is expected.</dd>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd><code title=attr-article-pubdate><a href=#attr-article-pubdate>pubdate</a></code></dd>
@@ -12722,13 +12723,13 @@
<h4 id=the-aside-element><span class=secno>4.4.5 </span>The <dfn><code>aside</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#sectioning-content-0>Sectioning content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#sectioning-content>Sectioning content</a>.</dd>
<dd><a href=#formatblock-candidate><code title="">formatBlock</code> candidate</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content-0>flow content</a> is expected.</dd>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -12795,13 +12796,13 @@
elements</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#heading-content-0>Heading content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#heading-content>Heading content</a>.</dd>
<dd><a href=#formatblock-candidate><code title="">formatBlock</code> candidate</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content-0>flow content</a> is expected.</dd>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -12823,11 +12824,11 @@
<h4 id=the-hgroup-element><span class=secno>4.4.7 </span>The <dfn><code>hgroup</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#heading-content-0>Heading content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#heading-content>Heading content</a>.</dd>
<dd><a href=#formatblock-candidate><code title="">formatBlock</code> candidate</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content-0>flow content</a> is expected.</dd>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
<dt>Content model:</dt>
<dd>One or more <code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h1</a></code>, <code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h2</a></code>, <code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h3</a></code>, <code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h4</a></code>, <code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h5</a></code>, and/or <code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h6</a></code> elements.</dd>
<dt>Content attributes:</dt>
@@ -12855,7 +12856,7 @@
<a href=#rank>rank</a>. If there are no such elements, then the text of
the <code><a href=#the-hgroup-element>hgroup</a></code> element is the empty string.</p>
- <p>Other elements of <a href=#heading-content-0>heading content</a> in the
+ <p>Other elements of <a href=#heading-content>heading content</a> in the
<code><a href=#the-hgroup-element>hgroup</a></code> element indicate subheadings or subtitles.</p>
<p>The <a href=#rank>rank</a> of an <code><a href=#the-hgroup-element>hgroup</a></code> element is the
@@ -12891,12 +12892,12 @@
<h4 id=the-header-element><span class=secno>4.4.8 </span>The <dfn><code>header</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dd><a href=#formatblock-candidate><code title="">formatBlock</code> candidate</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content-0>flow content</a> is expected.</dd>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#flow-content-0>Flow content</a>, but with no <code><a href=#the-header-element>header</a></code> or
+ <dd><a href=#flow-content>Flow content</a>, but with no <code><a href=#the-header-element>header</a></code> or
<code><a href=#the-footer-element>footer</a></code> element descendants.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
@@ -12949,7 +12950,7 @@
</div>
<p class=note>The <code><a href=#the-header-element>header</a></code> element is not
- <a href=#sectioning-content-0>sectioning content</a>; it doesn't introduce a new
+ <a href=#sectioning-content>sectioning content</a>; it doesn't introduce a new
section.</p>
<div class=example>
@@ -12989,13 +12990,13 @@
<h4 id=the-footer-element><span class=secno>4.4.9 </span>The <dfn><code>footer</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dd><a href=#formatblock-candidate><code title="">formatBlock</code> candidate</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content-0>flow content</a> is expected.</dd>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#flow-content-0>Flow content</a>, but with no <a href=#heading-content-0>heading
- content</a> descendants, no <a href=#sectioning-content-0>sectioning content</a>
+ <dd><a href=#flow-content>Flow content</a>, but with no <a href=#heading-content>heading
+ content</a> descendants, no <a href=#sectioning-content>sectioning content</a>
descendants, and no <code><a href=#the-header-element>header</a></code> or <code><a href=#the-footer-element>footer</a></code>
element descendants.</dd>
<dt>Content attributes:</dt>
@@ -13003,7 +13004,7 @@
<dt>DOM interface:</dt>
<dd>Uses <code><a href=#htmlelement>HTMLElement</a></code>.</dd>
</dl><p>The <code><a href=#the-footer-element>footer</a></code> element <a href=#represents>represents</a> a footer
- for its nearest ancestor <a href=#sectioning-content-0>sectioning content</a>. A footer
+ for its nearest ancestor <a href=#sectioning-content>sectioning content</a>. A footer
typically contains information about its section such as who wrote
it, links to related documents, copyright data, and the like.</p>
@@ -13047,13 +13048,13 @@
<h4 id=the-address-element><span class=secno>4.4.10 </span>The <dfn><code>address</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dd><a href=#formatblock-candidate><code title="">formatBlock</code> candidate</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content-0>flow content</a> is expected.</dd>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#flow-content-0>Flow content</a>, but with no <a href=#heading-content-0>heading
- content</a> descendants, no <a href=#sectioning-content-0>sectioning content</a>
+ <dd><a href=#flow-content>Flow content</a>, but with no <a href=#heading-content>heading
+ content</a> descendants, no <a href=#sectioning-content>sectioning content</a>
descendants, and no <code><a href=#the-header-element>header</a></code>, <code><a href=#the-footer-element>footer</a></code>, or
<code><a href=#the-address-element>address</a></code> element descendants.</dd>
<dt>Content attributes:</dt>
@@ -13062,7 +13063,7 @@
<dd>Uses <code><a href=#htmlelement>HTMLElement</a></code>.</dd>
</dl><p>The <code><a href=#the-address-element>address</a></code> element <a href=#represents>represents</a> the
contact information for its nearest <code><a href=#the-article-element>article</a></code> or
- <code><a href=#the-body-element>body</a></code> element ancestor. If that is <a href=#the-body-element-0>the body
+ <code><a href=#the-body-element-0>body</a></code> element ancestor. If that is <a href=#the-body-element>the body
element</a>, then the contact information applies to the document
as a whole.</p>
@@ -13101,34 +13102,34 @@
applicable entry from the following list:</p>
<dl class=switch><dt>If <var title="">node</var> is an <code><a href=#the-article-element>article</a></code> element</dt>
- <dt>If <var title="">node</var> is a <code><a href=#the-body-element>body</a></code> element</dt>
+ <dt>If <var title="">node</var> is a <code><a href=#the-body-element-0>body</a></code> element</dt>
<dd>
<p>The contact information consists of all the
<code><a href=#the-address-element>address</a></code> elements that have <var title="">node</var>
- as an ancestor and do not have another <code><a href=#the-body-element>body</a></code> or
+ as an ancestor and do not have another <code><a href=#the-body-element-0>body</a></code> or
<code><a href=#the-article-element>article</a></code> element ancestor that is a descendant of <var title="">node</var>.</p>
</dd>
<dt>If <var title="">node</var> has an ancestor element that is a <code><a href=#the-article-element>article</a></code> element</dt>
- <dt>If <var title="">node</var> has an ancestor element that is a <code><a href=#the-body-element>body</a></code> element</dt>
+ <dt>If <var title="">node</var> has an ancestor element that is a <code><a href=#the-body-element-0>body</a></code> element</dt>
<dd>
<p>The contact information of <var title="">node</var> is the same
as the contact information of the nearest <code><a href=#the-article-element>article</a></code> or
- <code><a href=#the-body-element>body</a></code> element ancestor, whichever is nearest.</p>
+ <code><a href=#the-body-element-0>body</a></code> element ancestor, whichever is nearest.</p>
</dd>
- <dt>If <var title="">node</var>'s <code>Document</code> has <a href=#the-body-element-0 title="the body element">a body element</a></dt>
+ <dt>If <var title="">node</var>'s <code>Document</code> has <a href=#the-body-element title="the body element">a body element</a></dt>
<dd>
<p>The contact information of <var title="">node</var> is the same
- as the contact information <a href=#the-body-element-0>the body element</a> of the
+ as the contact information <a href=#the-body-element>the body element</a> of the
<code>Document</code>.</p>
</dd>
@@ -13147,10 +13148,10 @@
</div>
- <p class=note>Contact information for one <a href=#sectioning-content-0>sectioning
+ <p class=note>Contact information for one <a href=#sectioning-content>sectioning
content</a> element, e.g. an <code><a href=#the-aside-element>aside</a></code> element, does
not apply to its ancestor elements, e.g. the page's
- <code><a href=#the-body-element>body</a></code>.</p>
+ <code><a href=#the-body-element-0>body</a></code>.</p>
@@ -13159,16 +13160,16 @@
<p>The <code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h1</a></code>–<code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h6</a></code> elements and the
<code><a href=#the-hgroup-element>hgroup</a></code> element are headings.</p>
- <p>The first element of <a href=#heading-content-0>heading content</a> in an element
- of <a href=#sectioning-content-0>sectioning content</a> <a href=#represents>represents</a> the
+ <p>The first element of <a href=#heading-content>heading content</a> in an element
+ of <a href=#sectioning-content>sectioning content</a> <a href=#represents>represents</a> the
heading for that section. Subsequent headings of equal or higher
<a href=#rank>rank</a> start new (implied) sections, headings of lower
<a href=#rank>rank</a> start implied subsections that are part of the
previous one. In both cases, the element <a href=#represents>represents</a> the
heading of the implied section.</p>
- <p><a href=#sectioning-content-0>Sectioning content</a> elements are always considered
- subsections of their nearest ancestor element of <a href=#sectioning-content-0>sectioning
+ <p><a href=#sectioning-content>Sectioning content</a> elements are always considered
+ subsections of their nearest ancestor element of <a href=#sectioning-content>sectioning
content</a>, regardless of what implied sections other headings
may have created.</p>
@@ -13179,7 +13180,7 @@
contribute to the outlines of their ancestors.</p>
<ul class="brief category-list"><li><code><a href=#the-blockquote-element>blockquote</a></code></li>
- <li><code><a href=#the-body-element>body</a></code></li>
+ <li><code><a href=#the-body-element-0>body</a></code></li>
<!-- v2DATAGRID <li><code>datagrid</code></li> -->
<li><code><a href=#the-figure-element>figure</a></code></li>
<li><code><a href=#the-td-element>td</a></code></li>
@@ -13200,7 +13201,7 @@
</body></pre>
<p>...the structure would be:</p>
<ol><li>
- Foo (heading of explicit <code><a href=#the-body-element>body</a></code> section, containing the "Grunt" paragraph)
+ Foo (heading of explicit <code><a href=#the-body-element-0>body</a></code> section, containing the "Grunt" paragraph)
<ol><li>
Bar (heading starting implied section, containing a block quote and the "Baz" paragraph)
</li>
@@ -13222,9 +13223,9 @@
for the section's nesting level.</p>
<p>Authors are also encouraged to explicitly wrap sections in
- elements of <a href=#sectioning-content-0>sectioning content</a>, instead of relying on
+ elements of <a href=#sectioning-content>sectioning content</a>, instead of relying on
the implicit sections generated by having multiple headings in one
- element of <a href=#sectioning-content-0>sectioning content</a>.</p>
+ element of <a href=#sectioning-content>sectioning content</a>.</p>
<div class=example>
<p>For example, the following is correct:</p>
@@ -13276,14 +13277,14 @@
autogenerate a table of contents or some such -->
<p>This section defines an algorithm for creating an outline for a
- <a href=#sectioning-content-0>sectioning content</a> element or a <a href=#sectioning-root>sectioning
+ <a href=#sectioning-content>sectioning content</a> element or a <a href=#sectioning-root>sectioning
root</a> element. It is defined in terms of a walk over the nodes
of a DOM tree, in tree order, with each node being visited when it
is <i>entered</i> and when it is <i>exited</i> during the walk.</p>
</div>
- <p>The <dfn id=outline>outline</dfn> for a <a href=#sectioning-content-0>sectioning content</a>
+ <p>The <dfn id=outline>outline</dfn> for a <a href=#sectioning-content>sectioning content</a>
element or a <a href=#sectioning-root>sectioning root</a> element consists of a list
of one or more potentially nested <a href=#concept-section title=concept-section>sections</a>. A <dfn id=concept-section title=concept-section>section</dfn> is a container that
corresponds to some nodes in the original DOM tree. Each section can
@@ -13309,10 +13310,10 @@
</body></pre>
<p>...results in the following outline being created for the
- <code><a href=#the-body-element>body</a></code> node (and thus the entire document):</p>
+ <code><a href=#the-body-element-0>body</a></code> node (and thus the entire document):</p>
<ol class=brief><li>
- <p>Section created for <code><a href=#the-body-element>body</a></code> node.</p>
+ <p>Section created for <code><a href=#the-body-element-0>body</a></code> node.</p>
<p>Associated with heading "A".</p>
<p>Also associated with paragraph "B".</p>
<p>Nested sections:</p>
@@ -13334,7 +13335,7 @@
<div class=impl>
<p>The algorithm that must be followed during a walk of a DOM
- subtree rooted at a <a href=#sectioning-content-0>sectioning content</a> element or a
+ subtree rooted at a <a href=#sectioning-content>sectioning content</a> element or a
<a href=#sectioning-root>sectioning root</a> element to determine that element's
<a href=#outline>outline</a> is as follows:</p>
@@ -13359,7 +13360,7 @@
<dd>
- <p class=note>The element being exited is a <a href=#heading-content-0>heading
+ <p class=note>The element being exited is a <a href=#heading-content>heading
content</a> element.</p>
<p>Pop that element from the stack.</p>
@@ -13367,13 +13368,13 @@
</dd>
- <dt>If the top of the stack is a <a href=#heading-content-0>heading content</a>
+ <dt>If the top of the stack is a <a href=#heading-content>heading content</a>
element</dt>
<dd><p>Do nothing.</dd>
- <dt>When entering a <a href=#sectioning-content-0>sectioning content</a> element or a
+ <dt>When entering a <a href=#sectioning-content>sectioning content</a> element or a
<a href=#sectioning-root>sectioning root</a> element</dt>
<dd>
@@ -13393,7 +13394,7 @@
</dd>
- <dt>When exiting a <a href=#sectioning-content-0>sectioning content</a> element, if
+ <dt>When exiting a <a href=#sectioning-content>sectioning content</a> element, if
the stack is not empty</dt>
<dd>
@@ -13404,7 +13405,7 @@
in the <a href=#outline>outline</a> of the <var title="">current
outlinee</var> element.</p>
- <p>Append the <a href=#outline>outline</a> of the <a href=#sectioning-content-0>sectioning
+ <p>Append the <a href=#outline>outline</a> of the <a href=#sectioning-content>sectioning
content</a> element being exited to the <var title="">current
section</var>. (This does not change which section is the last
section in the <a href=#outline>outline</a>.)</p>
@@ -13438,7 +13439,7 @@
</ol></dd>
- <dt>When exiting a <a href=#sectioning-content-0>sectioning content</a> element or a
+ <dt>When exiting a <a href=#sectioning-content>sectioning content</a> element or a
<a href=#sectioning-root>sectioning root</a> element</dt>
<dd>
@@ -13461,7 +13462,7 @@
<dd><p>Do nothing.</dd>
- <dt>When entering a <a href=#heading-content-0>heading content</a> element</dt>
+ <dt>When entering a <a href=#heading-content>heading content</a> element</dt>
<dd>
@@ -13516,7 +13517,7 @@
</li>
<li><p>If the <var title="">current outlinee</var> is null,
- then there was no <a href=#sectioning-content-0>sectioning content</a> element or
+ then there was no <a href=#sectioning-content>sectioning content</a> element or
<a href=#sectioning-root>sectioning root</a> element in the DOM. There is no
<a href=#outline>outline</a>. Abort these steps.</li>
@@ -13525,7 +13526,7 @@
<li><p>Associate all nodes with the heading of the <a href=#concept-section title=concept-section>section</a> with which they are
associated, if any.</li>
- <li><p>If <var title="">current outlinee</var> is <a href=#the-body-element-0>the body
+ <li><p>If <var title="">current outlinee</var> is <a href=#the-body-element>the body
element</a>, then the outline created for that element is the
<a href=#outline>outline</a> of the entire document.</li>
@@ -13534,15 +13535,15 @@
example when generating tables of contents.</p>
<p>When creating an interactive table of contents, entries should
- jump the user to the relevant <a href=#sectioning-content-0>sectioning content</a>
+ jump the user to the relevant <a href=#sectioning-content>sectioning content</a>
element, if the <a href=#concept-section title=concept-section>section</a> was
created for a real element in the original document, or to the
- relevant <a href=#heading-content-0>heading content</a> element, if the <a href=#concept-section title=concept-section>section</a> in the tree was generated for
+ relevant <a href=#heading-content>heading content</a> element, if the <a href=#concept-section title=concept-section>section</a> in the tree was generated for
a heading in the above process.</p>
<p class=note>Selecting the first <a href=#concept-section title=concept-section>section</a> of the document therefore
always takes the user to the top of the document, regardless of
- where the first heading in the <code><a href=#the-body-element>body</a></code> is to be found.</p>
+ where the first heading in the <code><a href=#the-body-element-0>body</a></code> is to be found.</p>
<div class=note>
@@ -13585,9 +13586,9 @@
<p>Given the <a href=#outline>outline</a> of a document, but ignoring any
sections created for <code><a href=#the-nav-element>nav</a></code> and <code><a href=#the-aside-element>aside</a></code>
elements, and any of their descendants, if the only root of the tree
- is <a href=#the-body-element-0>the body element</a>'s <a href=#concept-section title=concept-section>section</a>, and it has only a single
+ is <a href=#the-body-element>the body element</a>'s <a href=#concept-section title=concept-section>section</a>, and it has only a single
subsection which is created by an <code><a href=#the-article-element>article</a></code> element, then
- the heading of <a href=#the-body-element-0>the body element</a> should be assumed to be
+ the heading of <a href=#the-body-element>the body element</a> should be assumed to be
a site-wide heading, and the heading of the <code><a href=#the-article-element>article</a></code>
element should be assumed to be the page's heading.</p>
@@ -13597,9 +13598,9 @@
the document must be authored such that, in the document's
<a href=#outline>outline</a>, ignoring any sections created for
<code><a href=#the-nav-element>nav</a></code> and <code><a href=#the-aside-element>aside</a></code> elements and any of their
- descendants, the tree has only one root <a href=#concept-section title=concept-section>section</a>, <a href=#the-body-element-0>the body
+ descendants, the tree has only one root <a href=#concept-section title=concept-section>section</a>, <a href=#the-body-element>the body
element</a>'s section, its heading is the site-wide heading,
- <a href=#the-body-element-0>the body element</a> has just one subsection, that
+ <a href=#the-body-element>the body element</a> has just one subsection, that
subsection is created by an <code><a href=#the-article-element>article</a></code> element, and that
<code><a href=#the-article-element>article</a></code>'s heading is the page heading.</p>
@@ -13607,7 +13608,7 @@
must be authored such that, in the document's <a href=#outline>outline</a>,
ignoring any sections created for <code><a href=#the-nav-element>nav</a></code> and
<code><a href=#the-aside-element>aside</a></code> elements and any of their descendants, either
- <a href=#the-body-element-0>the body element</a> has no subsections, or it has more
+ <a href=#the-body-element>the body element</a> has no subsections, or it has more
than one subsection, or it has a single subsection but that
subsection is not created by an <code><a href=#the-article-element>article</a></code> element, or
there is more than one <a href=#concept-section title=concept-section>section</a>
@@ -13626,12 +13627,12 @@
<h4 id=the-p-element><span class=secno>4.5.1 </span>The <dfn><code>p</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dd><a href=#formatblock-candidate><code title="">formatBlock</code> candidate</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content-0>flow content</a> is expected.</dd>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -13698,9 +13699,9 @@
<h4 id=the-hr-element><span class=secno>4.5.2 </span>The <dfn><code>hr</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content-0>flow content</a> is expected.</dd>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
<dt>Content model:</dt>
<dd>Empty.</dd>
<dt>Content attributes:</dt>
@@ -13718,10 +13719,10 @@
<h4 id=the-br-element><span class=secno>4.5.3 </span>The <dfn><code>br</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
<dd>Empty.</dd>
<dt>Content attributes:</dt>
@@ -13784,12 +13785,12 @@
<h4 id=the-pre-element><span class=secno>4.5.4 </span>The <dfn><code>pre</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dd><a href=#formatblock-candidate><code title="">formatBlock</code> candidate</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content-0>flow content</a> is expected.</dd>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -13888,9 +13889,9 @@
<h4 id=the-dialog-element><span class=secno>4.5.5 </span>The <dfn><code>dialog</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content-0>flow content</a> is expected.</dd>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
<dt>Content model:</dt>
<dd>Zero or more pairs of one <code><a href=#the-dt-element>dt</a></code> element followed by
one <code><a href=#the-dd-element>dd</a></code> element.</dd>
@@ -13943,13 +13944,13 @@
<h4 id=the-blockquote-element><span class=secno>4.5.6 </span>The <dfn><code>blockquote</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dd><a href=#sectioning-root>Sectioning root</a>.</dd>
<dd><a href=#formatblock-candidate><code title="">formatBlock</code> candidate</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content-0>flow content</a> is expected.</dd>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd><code title=attr-blockquote-cite><a href=#attr-blockquote-cite>cite</a></code></dd>
@@ -14004,9 +14005,9 @@
<h4 id=the-ol-element><span class=secno>4.5.7 </span>The <dfn><code>ol</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content-0>flow content</a> is expected.</dd>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
<dt>Content model:</dt>
<dd>Zero or more <code><a href=#the-li-element>li</a></code> elements.</dd>
<dt>Content attributes:</dt>
@@ -14106,9 +14107,9 @@
<h4 id=the-ul-element><span class=secno>4.5.8 </span>The <dfn><code>ul</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content-0>flow content</a> is expected.</dd>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
<dt>Content model:</dt>
<dd>Zero or more <code><a href=#the-li-element>li</a></code> elements.</dd>
<dt>Content attributes:</dt>
@@ -14167,7 +14168,7 @@
<dd>Inside <code><a href=#the-ul-element>ul</a></code> elements.</dd>
<dd>Inside <code><a href=#menus>menu</a></code> elements.</dd>
<dt>Content model:</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd>If the element is a child of an <code><a href=#the-ol-element>ol</a></code> element: <code title=attr-li-value><a href=#attr-li-value>value</a></code></dd>
@@ -14258,9 +14259,9 @@
<h4 id=the-dl-element><span class=secno>4.5.10 </span>The <dfn><code>dl</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content-0>flow content</a> is expected.</dd>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
<dt>Content model:</dt>
<dd>Zero or more groups each consisting of one or more
<code><a href=#the-dt-element>dt</a></code> elements followed by one or more <code><a href=#the-dd-element>dd</a></code>
@@ -14411,7 +14412,7 @@
<dd>Before <code><a href=#the-dd-element>dd</a></code> or <code><a href=#the-dt-element>dt</a></code> elements inside <code><a href=#the-dl-element>dl</a></code> elements.</dd>
<dd>Before a <code><a href=#the-dd-element>dd</a></code> element inside a <code><a href=#the-dialog-element>dialog</a></code> element.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -14462,7 +14463,7 @@
<dd>After <code><a href=#the-dt-element>dt</a></code> or <code><a href=#the-dd-element>dd</a></code> elements inside <code><a href=#the-dl-element>dl</a></code> elements.</dd>
<dd>After a <code><a href=#the-dt-element>dt</a></code> element inside a <code><a href=#the-dialog-element>dialog</a></code> element.</dd>
<dt>Content model:</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -14554,13 +14555,13 @@
<h4 id=the-a-element><span class=secno>4.6.1 </span>The <dfn><code>a</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd>When the element only contains <a href=#phrasing-content-0>phrasing content</a>: <a href=#phrasing-content-0>phrasing content</a>.</dd>
- <dd><a href=#interactive-content-0>Interactive content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd>When the element only contains <a href=#phrasing-content>phrasing content</a>: <a href=#phrasing-content>phrasing content</a>.</dd>
+ <dd><a href=#interactive-content>Interactive content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#transparent>Transparent</a>, but there must be no <a href=#interactive-content-0>interactive content</a> descendant.</dd>
+ <dd><a href=#transparent>Transparent</a>, but there must be no <a href=#interactive-content>interactive content</a> descendant.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd><code title=attr-hyperlink-href><a href=#attr-hyperlink-href>href</a></code></dd>
@@ -14725,12 +14726,12 @@
<h4 id=the-em-element><span class=secno>4.6.2 </span>The <dfn><code>em</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -14819,12 +14820,12 @@
<h4 id=the-strong-element><span class=secno>4.6.3 </span>The <dfn><code>strong</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -14856,12 +14857,12 @@
<h4 id=the-small-element><span class=secno>4.6.4 </span>The <dfn><code>small</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -14935,12 +14936,12 @@
<h4 id=the-cite-element><span class=secno>4.6.5 </span>The <dfn><code>cite</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -15057,12 +15058,12 @@
<h4 id=the-q-element><span class=secno>4.6.6 </span>The <dfn><code>q</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd><code title=attr-q-cite><a href=#attr-q-cite>cite</a></code></dd>
@@ -15070,7 +15071,7 @@
<dd>
The <code><a href=#the-q-element>q</a></code> element uses the <code><a href=#htmlquoteelement>HTMLQuoteElement</a></code> interface.
</dd>
- </dl><p>The <code><a href=#the-q-element>q</a></code> element <a href=#represents>represents</a> some <a href=#phrasing-content-0 title="phrasing content">phrasing content</a> quoted from another
+ </dl><p>The <code><a href=#the-q-element>q</a></code> element <a href=#represents>represents</a> some <a href=#phrasing-content title="phrasing content">phrasing content</a> quoted from another
source.</p>
<p>Quotation punctuation (such as quotation marks) must not appear
@@ -15162,12 +15163,12 @@
<h4 id=the-dfn-element><span class=secno>4.6.7 </span>The <dfn><code>dfn</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>, but there must be no descendant <code><a href=#the-dfn-element>dfn</a></code> elements.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>, but there must be no descendant <code><a href=#the-dfn-element>dfn</a></code> elements.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd>Also, the <code title=attr-dfn-title><a href=#attr-dfn-title>title</a></code> attribute has special semantics on this element.</dd>
@@ -15175,7 +15176,7 @@
<dd>Uses <code><a href=#htmlelement>HTMLElement</a></code>.</dd>
</dl><p>The <code><a href=#the-dfn-element>dfn</a></code> element <a href=#represents>represents</a> the defining
instance of a term. The <a href=#paragraph title=paragraph>paragraph</a>,
- <a href=#the-dl-element title=dl>description list group</a>, or <a href=#sectioning-content-0 title="sectioning content">section</a> that is the nearest
+ <a href=#the-dl-element title=dl>description list group</a>, or <a href=#sectioning-content title="sectioning content">section</a> that is the nearest
ancestor of the <code><a href=#the-dfn-element>dfn</a></code> element must also contain the
definition(s) for the <a href=#defining-term title="defining term">term</a> given
by the <code><a href=#the-dfn-element>dfn</a></code> element.</p>
@@ -15230,12 +15231,12 @@
<h4 id=the-abbr-element><span class=secno>4.6.8 </span>The <dfn><code>abbr</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd>Also, the <code title=attr-abbr-title><a href=#attr-abbr-title>title</a></code> attribute has special semantics on this element.</dd>
@@ -15344,12 +15345,12 @@
<h4 id=the-code-element><span class=secno>4.6.9 </span>The <dfn><code>code</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -15406,12 +15407,12 @@
<h4 id=the-var-element><span class=secno>4.6.10 </span>The <dfn><code>var</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -15464,12 +15465,12 @@
<h4 id=the-samp-element><span class=secno>4.6.11 </span>The <dfn><code>samp</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -15502,12 +15503,12 @@
<h4 id=the-kbd-element><span class=secno>4.6.12 </span>The <dfn><code>kbd</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -15553,12 +15554,12 @@
<h4 id=the-sub-and-sup-elements><span class=secno>4.6.13 </span>The <dfn><code>sub</code></dfn> and <dfn><code>sup</code></dfn> elements</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which these elements may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -15617,12 +15618,12 @@
<h4 id=the-i-element><span class=secno>4.6.14 </span>The <dfn><code>i</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -15676,12 +15677,12 @@
<h4 id=the-b-element><span class=secno>4.6.15 </span>The <dfn><code>b</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -15745,12 +15746,12 @@
<h4 id=the-mark-element><span class=secno>4.6.16 </span>The <dfn><code>mark</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -15880,12 +15881,12 @@
<h4 id=the-progress-element><span class=secno>4.6.17 </span>The <dfn><code>progress</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd><code title=attr-progress-value><a href=#attr-progress-value>value</a></code></dd>
@@ -16062,12 +16063,12 @@
<!-- Keep this after <progress> and NOT close to <time> -->
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd><code title=attr-meter-value><a href=#attr-meter-value>value</a></code></dd>
@@ -16494,12 +16495,12 @@
<h4 id=the-time-element><span class=secno>4.6.19 </span>The <dfn><code>time</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd><code title=attr-time-datetime><a href=#attr-time-datetime>datetime</a></code></dd>
@@ -16727,12 +16728,12 @@
<h4 id=the-ruby-element><span class=secno>4.6.20 </span>The <dfn><code>ruby</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd>One or more groups of: <a href=#phrasing-content-0>phrasing content</a> followed either by a single <code><a href=#the-rt-element>rt</a></code> element, or an <code><a href=#the-rp-element>rp</a></code> element, an <code><a href=#the-rt-element>rt</a></code> element, and another <code><a href=#the-rp-element>rp</a></code> element.</dd>
+ <dd>One or more groups of: <a href=#phrasing-content>phrasing content</a> followed either by a single <code><a href=#the-rt-element>rt</a></code> element, or an <code><a href=#the-rp-element>rp</a></code> element, an <code><a href=#the-rt-element>rt</a></code> element, and another <code><a href=#the-rp-element>rp</a></code> element.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -16821,7 +16822,7 @@
<dt>Contexts in which this element may be used:</dt>
<dd>As a child of a <code><a href=#the-ruby-element>ruby</a></code> element.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -16851,7 +16852,7 @@
<dt>Contexts in which this element may be used:</dt>
<dd>As a child of a <code><a href=#the-ruby-element>ruby</a></code> element, either immediately before or immediately after an <code><a href=#the-rt-element>rt</a></code> element.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<!--
<dd>If the <code>rp</code> element is immediately after an <code>rt</code> element that is immediately preceded by another <code>rp</code> element: a single character from Unicode character class Pe.</dd>
<dd>Otherwise: a single character from Unicode character class Ps.</dd>
@@ -16896,12 +16897,12 @@
<h4 id=the-bdo-element><span class=secno>4.6.23 </span>The <dfn><code>bdo</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd>Also, the <code title=attr-dir><a href=#the-dir-attribute>dir</a></code> global attribute has special semantics on this element.</dd>
@@ -16943,12 +16944,12 @@
<h4 id=the-span-element><span class=secno>4.6.24 </span>The <dfn><code>span</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -17197,10 +17198,10 @@
<h4 id=the-ins-element><span class=secno>4.7.1 </span>The <dfn><code>ins</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd>When the element only contains <a href=#phrasing-content-0>phrasing content</a>: <a href=#phrasing-content-0>phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd>When the element only contains <a href=#phrasing-content>phrasing content</a>: <a href=#phrasing-content>phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
<dd><a href=#transparent>Transparent</a>.</dd>
<dt>Content attributes:</dt>
@@ -17223,7 +17224,7 @@
</aside></pre>
<p>As does this, because everything in the <code><a href=#the-aside-element>aside</a></code>
- element here counts as <a href=#phrasing-content-0>phrasing content</a> and therefore
+ element here counts as <a href=#phrasing-content>phrasing content</a> and therefore
there is just one <a href=#paragraph>paragraph</a>:</p>
<pre><aside>
@@ -17280,10 +17281,10 @@
<h4 id=the-del-element><span class=secno>4.7.2 </span>The <dfn><code>del</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd>When the element only contains <a href=#phrasing-content-0>phrasing content</a>: <a href=#phrasing-content-0>phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd>When the element only contains <a href=#phrasing-content>phrasing content</a>: <a href=#phrasing-content>phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
<dd><a href=#transparent>Transparent</a>.</dd>
<dt>Content attributes:</dt>
@@ -17358,7 +17359,7 @@
affect <a href=#paragraph title=paragraph>paragraphing</a>, it is possible,
in some cases where paragraphs are <a href=#paragraph title=paragraph>implied</a> (without explicit <code><a href=#the-p-element>p</a></code>
elements), for an <code><a href=#the-ins-element>ins</a></code> or <code><a href=#the-del-element>del</a></code> element to
- span both an entire paragraph or other non-<a href=#phrasing-content-0>phrasing
+ span both an entire paragraph or other non-<a href=#phrasing-content>phrasing
content</a> elements and part of another paragraph.</p>
<p>For example:</p>
@@ -17468,25 +17469,25 @@
- <h3 id=embedded-content-0><span class=secno>4.8 </span>Embedded content</h3>
+ <h3 id=embedded-content-1><span class=secno>4.8 </span>Embedded content</h3>
<h4 id=the-figure-element><span class=secno>4.8.1 </span>The <dfn><code>figure</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dd><a href=#sectioning-root>Sectioning root</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content-0>flow content</a> is expected.</dd>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd>Either: one <code><a href=#the-legend-element>legend</a></code> element followed by <a href=#flow-content-0>flow content</a>.</dd>
- <dd>Or: <a href=#flow-content-0>Flow content</a> followed by one <code><a href=#the-legend-element>legend</a></code> element.</dd>
- <dd>Or: <a href=#flow-content-0>Flow content</a>.</dd>
+ <dd>Either: one <code><a href=#the-legend-element>legend</a></code> element followed by <a href=#flow-content>flow content</a>.</dd>
+ <dd>Or: <a href=#flow-content>Flow content</a> followed by one <code><a href=#the-legend-element>legend</a></code> element.</dd>
+ <dd>Or: <a href=#flow-content>Flow content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
<dd>Uses <code><a href=#htmlelement>HTMLElement</a></code>.</dd>
</dl><!-- v2: Add a <credit> element for photo credits --><p>The <code><a href=#the-figure-element>figure</a></code> element <a href=#represents>represents</a> some
- <a href=#flow-content-0>flow content</a>, optionally with a caption, that is
+ <a href=#flow-content>flow content</a>, optionally with a caption, that is
self-contained and is typically referenced as a single unit from the
main flow of the document.</p>
@@ -17604,12 +17605,12 @@
<h4 id=the-img-element><span class=secno>4.8.2 </span>The <dfn><code>img</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
- <dd><a href=#embedded-content-2>Embedded content</a>.</dd>
- <dd>If the element has a <code title=attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attribute: <a href=#interactive-content-0>Interactive content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
+ <dd><a href=#embedded-content>Embedded content</a>.</dd>
+ <dd>If the element has a <code title=attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attribute: <a href=#interactive-content>Interactive content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#embedded-content-2>embedded content</a> is expected.</dd>
+ <dd>Where <a href=#embedded-content>embedded content</a> is expected.</dd>
<dt>Content model:</dt>
<dd>Empty.</dd>
<dt>Content attributes:</dt>
@@ -17709,7 +17710,7 @@
rudimentary port scan of the user's local network (especially in
conjunction with scripting, though scripting isn't actually
necessary to carry out such an attack). User agents may implement
- <a href=#origin-0 title=origin>cross-origin</a> access control policies
+ <a href=#origin title=origin>cross-origin</a> access control policies
that mitigate this attack.</p>
<p>If the image is in a supported image type and its dimensions are
@@ -18962,12 +18963,12 @@
<h4 id=the-iframe-element><span class=secno>4.8.3 </span>The <dfn><code>iframe</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
- <dd><a href=#embedded-content-2>Embedded content</a>.</dd>
- <dd><a href=#interactive-content-0>Interactive content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
+ <dd><a href=#embedded-content>Embedded content</a>.</dd>
+ <dd><a href=#interactive-content>Interactive content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#embedded-content-2>embedded content</a> is expected.</dd>
+ <dd>Where <a href=#embedded-content>embedded content</a> is expected.</dd>
<dt>Content model:</dt>
<dd>Text that conforms to the requirements given in the prose.</dd>
<dt>Content attributes:</dt>
@@ -19095,7 +19096,7 @@
<code title=attr-iframe-sandbox-allow-forms><a href=#attr-iframe-sandbox-allow-forms>allow-forms</a></code>,
and <code title=attr-iframe-sandbox-allow-scripts><a href=#attr-iframe-sandbox-allow-scripts>allow-scripts</a></code>. When
the attribute is set, the content is treated as being from a unique
- <a href=#origin-0>origin</a>, forms and scripts are disabled, links are
+ <a href=#origin>origin</a>, forms and scripts are disabled, links are
prevented from targeting other <a href=#browsing-context title="browsing
context">browsing contexts</a>, and plugins are disabled. The
<code title=attr-iframe-sandbox-allow-same-origin><a href=#attr-iframe-sandbox-allow-same-origin>allow-same-origin</a></code>
@@ -19158,7 +19159,7 @@
<dd>
<p>This flag <a href=#sandboxOrigin>forces content into a unique
- origin</a> for the purposes of the <a href=#origin-0 title=origin>same-origin policy</a>.</p>
+ origin</a> for the purposes of the <a href=#origin title=origin>same-origin policy</a>.</p>
<p>This flag also <a href=#sandboxCookies>prevents script from
reading the <code title=dom-document-cookie>document.cookie</code> DOM
@@ -19352,7 +19353,7 @@
</li>
- </ul><p>If the attribute is not specified, or if the <a href=#origin-0>origin</a>
+ </ul><p>If the attribute is not specified, or if the <a href=#origin>origin</a>
conditions listed above are not met, then the user agent should
render the <a href=#nested-browsing-context>nested browsing context</a> in a manner that is
clearly distinguishable as a separate <a href=#browsing-context>browsing context</a>,
@@ -19408,7 +19409,7 @@
the <a href=#html-fragment-parsing-algorithm>HTML fragment parsing algorithm</a> with the
<code><a href=#the-iframe-element>iframe</a></code> element as the <var title="">context</var>
element and the text contents as the <var title="">input</var> must
- result in a list of nodes that are all <a href=#phrasing-content-0>phrasing
+ result in a list of nodes that are all <a href=#phrasing-content>phrasing
content</a>, with no <a href=#parse-error title="parse error">parse
errors</a> having occurred, with no <code><a href=#script>script</a></code> elements
being anywhere in the list or as descendants of elements in the
@@ -19460,12 +19461,12 @@
-->
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
- <dd><a href=#embedded-content-2>Embedded content</a>.</dd>
- <dd><a href=#interactive-content-0>Interactive content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
+ <dd><a href=#embedded-content>Embedded content</a>.</dd>
+ <dd><a href=#interactive-content>Interactive content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#embedded-content-2>embedded content</a> is expected.</dd>
+ <dd>Where <a href=#embedded-content>embedded content</a> is expected.</dd>
<dt>Content model:</dt>
<dd>Empty.</dd>
<dt>Content attributes:</dt>
@@ -19657,13 +19658,13 @@
<h4 id=the-object-element><span class=secno>4.8.5 </span>The <dfn><code>object</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
- <dd><a href=#embedded-content-2>Embedded content</a>.</dd>
- <dd>If the element has a <code title=attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attribute: <a href=#interactive-content-0>Interactive content</a>.</dd> <!-- also when showing a plugin or a nested browsing context, but checking that statically is hard...) -->
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
+ <dd><a href=#embedded-content>Embedded content</a>.</dd>
+ <dd>If the element has a <code title=attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attribute: <a href=#interactive-content>Interactive content</a>.</dd> <!-- also when showing a plugin or a nested browsing context, but checking that statically is hard...) -->
<dd><a href=#category-listed title=category-listed>Listed</a>, <a href=#category-submit title=category-submit>submittable</a>, <a href=#form-associated-element>form-associated element</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#embedded-content-2>embedded content</a> is expected.</dd>
+ <dd>Where <a href=#embedded-content>embedded content</a> is expected.</dd>
<dt>Content model:</dt>
<dd>Zero or more <code><a href=#the-param-element>param</a></code> elements, then, <a href=#transparent>transparent</a>.</dd>
<dt>Content attributes:</dt>
@@ -20107,7 +20108,7 @@
<dl class=element><dt>Categories</dt>
<dd>None.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>As a child of an <code><a href=#the-object-element>object</a></code> element, before any <a href=#flow-content-0>flow content</a>.</dd>
+ <dd>As a child of an <code><a href=#the-object-element>object</a></code> element, before any <a href=#flow-content>flow content</a>.</dd>
<dt>Content model:</dt>
<dd>Empty.</dd>
<dt>Content attributes:</dt>
@@ -20150,12 +20151,12 @@
<h4 id=video><span class=secno>4.8.7 </span>The <dfn><code>video</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
- <dd><a href=#embedded-content-2>Embedded content</a>.</dd>
- <dd>If the element has a <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute: <a href=#interactive-content-0>Interactive content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
+ <dd><a href=#embedded-content>Embedded content</a>.</dd>
+ <dd>If the element has a <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute: <a href=#interactive-content>Interactive content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#embedded-content-2>embedded content</a> is expected.</dd>
+ <dd>Where <a href=#embedded-content>embedded content</a> is expected.</dd>
<dt>Content model:</dt>
<dd>If the element has a <code title=attr-media-src><a href=#attr-media-src>src</a></code> attribute: <a href=#transparent>transparent</a>, but with no <a href=#media-element>media element</a> descendants.</dd>
<dd>If the element does not have a <code title=attr-media-src><a href=#attr-media-src>src</a></code> attribute: one or more <code><a href=#the-source-element>source</a></code> elements, then, <a href=#transparent>transparent</a>, but with no <a href=#media-element>media element</a> descendants.</dd>
@@ -20398,12 +20399,12 @@
<h4 id=audio><span class=secno>4.8.8 </span>The <dfn><code>audio</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
- <dd><a href=#embedded-content-2>Embedded content</a>.</dd>
- <dd>If the element has a <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute: <a href=#interactive-content-0>Interactive content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
+ <dd><a href=#embedded-content>Embedded content</a>.</dd>
+ <dd>If the element has a <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute: <a href=#interactive-content>Interactive content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#embedded-content-2>embedded content</a> is expected.</dd>
+ <dd>Where <a href=#embedded-content>embedded content</a> is expected.</dd>
<dt>Content model:</dt>
<dd>If the element has a <code title=attr-media-src><a href=#attr-media-src>src</a></code> attribute: <a href=#transparent>transparent</a>, but with no <a href=#media-element>media element</a> descendants.</dd>
<dd>If the element does not have a <code title=attr-media-src><a href=#attr-media-src>src</a></code> attribute: one or more <code><a href=#the-source-element>source</a></code> elements, then, <a href=#transparent>transparent</a>, but with no <a href=#media-element>media element</a> descendants.</dd>
@@ -20533,7 +20534,7 @@
<dl class=element><dt>Categories</dt>
<dd>None.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>As a child of a <a href=#media-element>media element</a>, before any <a href=#flow-content-0>flow content</a>.</dd>
+ <dd>As a child of a <a href=#media-element>media element</a>, before any <a href=#flow-content>flow content</a>.</dd>
<dt>Content model:</dt>
<dd>Empty.</dd>
<dt>Content attributes:</dt>
@@ -23218,11 +23219,11 @@
<h4 id=the-canvas-element><span class=secno>4.8.11 </span>The <dfn id=canvas><code>canvas</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
- <dd><a href=#embedded-content-2>Embedded content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
+ <dd><a href=#embedded-content>Embedded content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#embedded-content-2>embedded content</a> is expected.</dd>
+ <dd>Where <a href=#embedded-content>embedded content</a> is expected.</dd>
<dt>Content model:</dt>
<dd><a href=#transparent>Transparent</a>.</dd>
<dt>Content attributes:</dt>
@@ -23268,7 +23269,7 @@
the page was viewed in an interactive visual medium and is now being
printed, or if some script that ran during the page layout process
painted on the element), then the <code><a href=#the-canvas-element>canvas</a></code> element
- represents <a href=#embedded-content-2>embedded content</a> with the current image and
+ represents <a href=#embedded-content>embedded content</a> with the current image and
size. Otherwise, the element represents its <a href=#fallback-content>fallback
content</a> instead.</p>
@@ -26153,7 +26154,7 @@
<h5 id=security-with-canvas-elements><span class=secno>4.8.11.3 </span>Security with <code><a href=#the-canvas-element>canvas</a></code> elements</h5>
<p><strong>Information leakage</strong> can occur if scripts from
- one <a href=#origin-0>origin</a> can access information (e.g. read pixels)
+ one <a href=#origin>origin</a> can access information (e.g. read pixels)
from images from another origin (one that isn't the <a href=#same-origin title="same origin">same</a>).</p>
<p>To mitigate this, <code><a href=#the-canvas-element>canvas</a></code> elements are defined to
@@ -26164,7 +26165,7 @@
<ul><li><p>The element's 2D context's <code title=dom-context-2d-drawImage><a href=#dom-context-2d-drawimage>drawImage()</a></code> method is
called with an <code><a href=#htmlimageelement>HTMLImageElement</a></code> or an
- <code><a href=#htmlvideoelement>HTMLVideoElement</a></code> whose <a href=#origin-0>origin</a> is not the
+ <code><a href=#htmlvideoelement>HTMLVideoElement</a></code> whose <a href=#origin>origin</a> is not the
<a href=#same-origin title="same origin">same</a> as that of the
<code>Document</code> object that owns the <code><a href=#the-canvas-element>canvas</a></code>
element.</li>
@@ -26176,7 +26177,7 @@
<li><p>The element's 2D context's <code title=dom-context-2d-fillStyle><a href=#dom-context-2d-fillstyle>fillStyle</a></code> attribute is set
to a <code><a href=#canvaspattern>CanvasPattern</a></code> object that was created from an
<code><a href=#htmlimageelement>HTMLImageElement</a></code> or an <code><a href=#htmlvideoelement>HTMLVideoElement</a></code>
- whose <a href=#origin-0>origin</a> was not the <a href=#same-origin title="same
+ whose <a href=#origin>origin</a> was not the <a href=#same-origin title="same
origin">same</a> as that of the <code>Document</code> object
that owns the <code><a href=#the-canvas-element>canvas</a></code> element when the pattern was
created.</li>
@@ -26189,7 +26190,7 @@
<li><p>The element's 2D context's <code title=dom-context-2d-strokeStyle><a href=#dom-context-2d-strokestyle>strokeStyle</a></code> attribute is
set to a <code><a href=#canvaspattern>CanvasPattern</a></code> object that was created from an
<code><a href=#htmlimageelement>HTMLImageElement</a></code> or an <code><a href=#htmlvideoelement>HTMLVideoElement</a></code>
- whose <a href=#origin-0>origin</a> was not the <a href=#same-origin title="same
+ whose <a href=#origin>origin</a> was not the <a href=#same-origin title="same
origin">same</a> as that of the <code>Document</code> object
that owns the <code><a href=#the-canvas-element>canvas</a></code> element when the pattern was
created.</li>
@@ -26221,10 +26222,10 @@
<h4 id=the-map-element><span class=secno>4.8.12 </span>The <dfn><code>map</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd>When the element only contains <a href=#phrasing-content-0>phrasing content</a>: <a href=#phrasing-content-0>phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd>When the element only contains <a href=#phrasing-content>phrasing content</a>: <a href=#phrasing-content>phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
<dd><a href=#transparent>Transparent</a>.</dd>
<dt>Content attributes:</dt>
@@ -26234,8 +26235,8 @@
<dd>
<pre class=idl>interface <dfn id=htmlmapelement>HTMLMapElement</dfn> : <a href=#htmlelement>HTMLElement</a> {
attribute DOMString <a href=#dom-map-name title=dom-map-name>name</a>;
- readonly attribute <a href=#htmlcollection-0>HTMLCollection</a> <a href=#dom-map-areas title=dom-map-areas>areas</a>;
- readonly attribute <a href=#htmlcollection-0>HTMLCollection</a> <a href=#dom-map-images title=dom-map-images>images</a>;
+ readonly attribute <a href=#htmlcollection>HTMLCollection</a> <a href=#dom-map-areas title=dom-map-areas>areas</a>;
+ readonly attribute <a href=#htmlcollection>HTMLCollection</a> <a href=#dom-map-images title=dom-map-images>images</a>;
};</pre>
</dd>
</dl><p>The <code><a href=#the-map-element>map</a></code> element, in conjunction with any
@@ -26251,7 +26252,7 @@
<dd>
- <p>Returns an <code><a href=#htmlcollection-0>HTMLCollection</a></code> of the <code><a href=#the-area-element>area</a></code> elements in the <code><a href=#the-map-element>map</a></code>.</p>
+ <p>Returns an <code><a href=#htmlcollection>HTMLCollection</a></code> of the <code><a href=#the-area-element>area</a></code> elements in the <code><a href=#the-map-element>map</a></code>.</p>
</dd>
@@ -26259,19 +26260,19 @@
<dd>
- <p>Returns an <code><a href=#htmlcollection-0>HTMLCollection</a></code> of the <code><a href=#the-img-element>img</a></code> and <code><a href=#the-object-element>object</a></code> elements that use the <code><a href=#the-map-element>map</a></code>.</p>
+ <p>Returns an <code><a href=#htmlcollection>HTMLCollection</a></code> of the <code><a href=#the-img-element>img</a></code> and <code><a href=#the-object-element>object</a></code> elements that use the <code><a href=#the-map-element>map</a></code>.</p>
</dd>
</dl><div class=impl>
<p>The <dfn id=dom-map-areas title=dom-map-areas><code>areas</code></dfn> attribute
- must return an <code><a href=#htmlcollection-0>HTMLCollection</a></code> rooted at the
+ must return an <code><a href=#htmlcollection>HTMLCollection</a></code> rooted at the
<code><a href=#the-map-element>map</a></code> element, whose filter matches only
<code><a href=#the-area-element>area</a></code> elements.</p>
<p>The <dfn id=dom-map-images title=dom-map-images><code>images</code></dfn>
- attribute must return an <code><a href=#htmlcollection-0>HTMLCollection</a></code> rooted at the
+ attribute must return an <code><a href=#htmlcollection>HTMLCollection</a></code> rooted at the
<code>Document</code> node, whose filter matches only
<code><a href=#the-img-element>img</a></code> and <code><a href=#the-object-element>object</a></code> elements that are
associated with this <code><a href=#the-map-element>map</a></code> element according to the
@@ -26287,10 +26288,10 @@
<h4 id=the-area-element><span class=secno>4.8.13 </span>The <dfn><code>area</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected, but only if there is a <code><a href=#the-map-element>map</a></code> element ancestor.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected, but only if there is a <code><a href=#the-map-element>map</a></code> element ancestor.</dd>
<dt>Content model:</dt>
<dd>Empty.</dd>
<dt>Content attributes:</dt>
@@ -26746,7 +26747,7 @@
<h4 id=mathml><span class=secno>4.8.15 </span>MathML</h4>
<p>The <dfn id=math><code>math</code></dfn> element from the <a href=#mathml-namespace>MathML
- namespace</a> falls into the <a href=#embedded-content-2>embedded content</a>
+ namespace</a> falls into the <a href=#embedded-content>embedded content</a>
category for the purposes of the content models in this
specification.</p>
@@ -26776,11 +26777,11 @@
</div>
- <h4 id=svg><span class=secno>4.8.16 </span>SVG</h4>
+ <h4 id=svg-0><span class=secno>4.8.16 </span>SVG</h4>
- <p>The <dfn id=svg-0><code>svg</code></dfn> element from the <a href=#svg-namespace>SVG
- namespace</a> falls into the <a href=#embedded-content-2>embedded content</a>,
- <a href=#phrasing-content-0>phrasing content</a>, and <a href=#flow-content-0>flow content</a>
+ <p>The <dfn id=svg><code>svg</code></dfn> element from the <a href=#svg-namespace>SVG
+ namespace</a> falls into the <a href=#embedded-content>embedded content</a>,
+ <a href=#phrasing-content>phrasing content</a>, and <a href=#flow-content>flow content</a>
categories for the purposes of the content models in this
specification.</p>
@@ -26795,11 +26796,11 @@
<p>When the SVG <code>foreignObject</code> element contains elements
from the <a href=#html-namespace-0>HTML namespace</a>, such elements must all be
- <a href=#flow-content-0>flow content</a>. <a href=#refsSVG>[SVG]</a></p>
+ <a href=#flow-content>flow content</a>. <a href=#refsSVG>[SVG]</a></p>
<p>The content model for <code title="">title</code> elements in the
<a href=#svg-namespace>SVG namespace</a> inside <a href=#html-documents>HTML documents</a> is
- <a href=#phrasing-content-0>phrasing content</a>. (This further constrains the
+ <a href=#phrasing-content>phrasing content</a>. (This further constrains the
requirements given in the SVG specification.)</p>
@@ -26868,9 +26869,9 @@
<h4 id=the-table-element><span class=secno>4.9.1 </span>The <dfn><code>table</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content-0>flow content</a> is expected.</dd>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
<dt>Content model:</dt>
<dd>In this order: optionally a <code><a href=#the-caption-element>caption</a></code> element,
followed by either zero or more <code><a href=#the-colgroup-element>colgroup</a></code> elements,
@@ -26895,9 +26896,9 @@
attribute <a href=#htmltablesectionelement>HTMLTableSectionElement</a> <a href=#dom-table-tfoot title=dom-table-tFoot>tFoot</a>;
<a href=#htmlelement>HTMLElement</a> <a href=#dom-table-createtfoot title=dom-table-createTFoot>createTFoot</a>();
void <a href=#dom-table-deletetfoot title=dom-table-deleteTFoot>deleteTFoot</a>();
- readonly attribute <a href=#htmlcollection-0>HTMLCollection</a> <a href=#dom-table-tbodies title=dom-table-tBodies>tBodies</a>;
+ readonly attribute <a href=#htmlcollection>HTMLCollection</a> <a href=#dom-table-tbodies title=dom-table-tBodies>tBodies</a>;
<a href=#htmlelement>HTMLElement</a> <a href=#dom-table-createtbody title=dom-table-createTBody>createTBody</a>();
- readonly attribute <a href=#htmlcollection-0>HTMLCollection</a> <a href=#dom-table-rows title=dom-table-rows>rows</a>;
+ readonly attribute <a href=#htmlcollection>HTMLCollection</a> <a href=#dom-table-rows title=dom-table-rows>rows</a>;
<a href=#htmlelement>HTMLElement</a> <a href=#dom-table-insertrow title=dom-table-insertRow>insertRow</a>(optional in long index);
void <a href=#dom-table-deleterow title=dom-table-deleteRow>deleteRow</a>(in long index);
};</pre>
@@ -27219,7 +27220,7 @@
<dt><var title="">table</var> . <code title=dom-table-tBodies><a href=#dom-table-tbodies>tBodies</a></code></dt>
<dd>
- <p>Returns an <code><a href=#htmlcollection-0>HTMLCollection</a></code> of the <code><a href=#the-tbody-element>tbody</a></code> elements of the table.</p>
+ <p>Returns an <code><a href=#htmlcollection>HTMLCollection</a></code> of the <code><a href=#the-tbody-element>tbody</a></code> elements of the table.</p>
<dd>
<dt><var title="">tbody</var> = <var title="">table</var> . <code title=dom-table-createTBody><a href=#dom-table-createtbody>createTBody</a></code>()</dt>
@@ -27229,7 +27230,7 @@
<dt><var title="">table</var> . <code title=dom-table-rows><a href=#dom-table-rows>rows</a></code></dt>
<dd>
- <p>Returns an <code><a href=#htmlcollection-0>HTMLCollection</a></code> of the <code><a href=#the-tr-element>tr</a></code> elements of the table.</p>
+ <p>Returns an <code><a href=#htmlcollection>HTMLCollection</a></code> of the <code><a href=#the-tr-element>tr</a></code> elements of the table.</p>
<dd>
<dt><var title="">tr</var> = <var title="">table</var> . <code title=dom-table-insertRow><a href=#dom-table-insertrow>insertRow</a></code>(<var title="">index</var>)</dt>
@@ -27324,7 +27325,7 @@
<code><a href=#the-table-element>table</a></code> element, if any.</p>
<p>The <dfn id=dom-table-tbodies title=dom-table-tBodies><code>tBodies</code></dfn>
- attribute must return an <code><a href=#htmlcollection-0>HTMLCollection</a></code> rooted at the
+ attribute must return an <code><a href=#htmlcollection>HTMLCollection</a></code> rooted at the
<code><a href=#the-table-element>table</a></code> node, whose filter matches only
<code><a href=#the-tbody-element>tbody</a></code> elements that are children of the
<code><a href=#the-table-element>table</a></code> element.</p>
@@ -27338,7 +27339,7 @@
<code><a href=#the-tbody-element>tbody</a></code> element.</p>
<p>The <dfn id=dom-table-rows title=dom-table-rows><code>rows</code></dfn> attribute
- must return an <code><a href=#htmlcollection-0>HTMLCollection</a></code> rooted at the
+ must return an <code><a href=#htmlcollection>HTMLCollection</a></code> rooted at the
<code><a href=#the-table-element>table</a></code> node, whose filter matches only <code><a href=#the-tr-element>tr</a></code>
elements that are either children of the <code><a href=#the-table-element>table</a></code> element,
or children of <code><a href=#the-thead-element>thead</a></code>, <code><a href=#the-tbody-element>tbody</a></code>, or
@@ -27420,7 +27421,7 @@
<dt>Contexts in which this element may be used:</dt>
<dd>As the first element child of a <code><a href=#the-table-element>table</a></code> element.</dd>
<dt>Content model:</dt>
- <dd><a href=#flow-content-0>Flow content</a>, but with no descendant <code><a href=#the-table-element>table</a></code> elements.</dd>
+ <dd><a href=#flow-content>Flow content</a>, but with no descendant <code><a href=#the-table-element>table</a></code> elements.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -27591,7 +27592,7 @@
<dt>DOM interface:</dt>
<dd>
<pre class=idl>interface <dfn id=htmltablesectionelement>HTMLTableSectionElement</dfn> : <a href=#htmlelement>HTMLElement</a> {
- readonly attribute <a href=#htmlcollection-0>HTMLCollection</a> <a href=#dom-tbody-rows title=dom-tbody-rows>rows</a>;
+ readonly attribute <a href=#htmlcollection>HTMLCollection</a> <a href=#dom-tbody-rows title=dom-tbody-rows>rows</a>;
<a href=#htmlelement>HTMLElement</a> <a href=#dom-tbody-insertrow title=dom-tbody-insertRow>insertRow</a>(optional in long index);
void <a href=#dom-tbody-deleterow title=dom-tbody-deleteRow>deleteRow</a>(in long index);
};</pre>
@@ -27611,7 +27612,7 @@
<dl class=domintro><dt><var title="">tbody</var> . <code title=dom-tbody-rows><a href=#dom-tbody-rows>rows</a></code></dt>
<dd>
- <p>Returns an <code><a href=#htmlcollection-0>HTMLCollection</a></code> of the <code><a href=#the-tr-element>tr</a></code> elements of the table section.</p>
+ <p>Returns an <code><a href=#htmlcollection>HTMLCollection</a></code> of the <code><a href=#the-tr-element>tr</a></code> elements of the table section.</p>
<dd>
<dt><var title="">tr</var> = <var title="">tbody</var> . <code title=dom-tbody-insertRow><a href=#dom-tbody-insertrow>insertRow</a></code>( [ <var title="">index</var> ] )</dt>
@@ -27631,7 +27632,7 @@
</dl><div class=impl>
<p>The <dfn id=dom-tbody-rows title=dom-tbody-rows><code>rows</code></dfn> attribute
- must return an <code><a href=#htmlcollection-0>HTMLCollection</a></code> rooted at the element,
+ must return an <code><a href=#htmlcollection>HTMLCollection</a></code> rooted at the element,
whose filter matches only <code><a href=#the-tr-element>tr</a></code> elements that are children
of the element.</p>
@@ -27750,7 +27751,7 @@
<pre class=idl>interface <dfn id=htmltablerowelement>HTMLTableRowElement</dfn> : <a href=#htmlelement>HTMLElement</a> {
readonly attribute long <a href=#dom-tr-rowindex title=dom-tr-rowIndex>rowIndex</a>;
readonly attribute long <a href=#dom-tr-sectionrowindex title=dom-tr-sectionRowIndex>sectionRowIndex</a>;
- readonly attribute <a href=#htmlcollection-0>HTMLCollection</a> <a href=#dom-tr-cells title=dom-tr-cells>cells</a>;
+ readonly attribute <a href=#htmlcollection>HTMLCollection</a> <a href=#dom-tr-cells title=dom-tr-cells>cells</a>;
<a href=#htmlelement>HTMLElement</a> <a href=#dom-tr-insertcell title=dom-tr-insertCell>insertCell</a>(optional in long index);
void <a href=#dom-tr-deletecell title=dom-tr-deleteCell>deleteCell</a>(in long index);
};</pre>
@@ -27787,7 +27788,7 @@
<dt><var title="">tr</var> . <code title=dom-tr-cells><a href=#dom-tr-cells>cells</a></code></dt>
<dd>
- <p>Returns an <code><a href=#htmlcollection-0>HTMLCollection</a></code> of the <code><a href=#the-td-element>td</a></code> and <code><a href=#the-th-element>th</a></code> elements of the row.</p>
+ <p>Returns an <code><a href=#htmlcollection>HTMLCollection</a></code> of the <code><a href=#the-td-element>td</a></code> and <code><a href=#the-th-element>th</a></code> elements of the row.</p>
<dd>
@@ -27846,7 +27847,7 @@
must return −1.</p>
<p>The <dfn id=dom-tr-cells title=dom-tr-cells><code>cells</code></dfn> attribute
- must return an <code><a href=#htmlcollection-0>HTMLCollection</a></code> rooted at the
+ must return an <code><a href=#htmlcollection>HTMLCollection</a></code> rooted at the
<code><a href=#the-tr-element>tr</a></code> element, whose filter matches only <code><a href=#the-td-element>td</a></code>
and <code><a href=#the-th-element>th</a></code> elements that are children of the
<code><a href=#the-tr-element>tr</a></code> element.</p>
@@ -27884,7 +27885,7 @@
<dt>Contexts in which this element may be used:</dt>
<dd>As a child of a <code><a href=#the-tr-element>tr</a></code> element.</dd>
<dt>Content model:</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd><code title=attr-tdth-colspan><a href=#attr-tdth-colspan>colspan</a></code></dd>
@@ -27912,7 +27913,7 @@
<dt>Contexts in which this element may be used:</dt>
<dd>As a child of a <code><a href=#the-tr-element>tr</a></code> element.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd><code title=attr-tdth-colspan><a href=#attr-tdth-colspan>colspan</a></code></dd>
@@ -29122,8 +29123,8 @@
<p>Mostly for historical reasons, elements in this section fall into
several overlapping (but subtly different) categories in addition to
- the usual ones like <a href=#flow-content-0>flow content</a>, <a href=#phrasing-content-0>phrasing
- content</a>, and <a href=#interactive-content-0>interactive content</a>.</p>
+ the usual ones like <a href=#flow-content>flow content</a>, <a href=#phrasing-content>phrasing
+ content</a>, and <a href=#interactive-content>interactive content</a>.</p>
<p>A number of the elements are <dfn id=form-associated-element title="form-associated
element">form-associated elements</dfn>, which means they can have a
@@ -29208,18 +29209,18 @@
<p class=note>The <code><a href=#the-object-element>object</a></code> element is also a
<a href=#form-associated-element>form-associated element</a> and can, with the use of a
- suitable <a href=#plugin>plugin</a>, partake in <a href=#form-submission-0>form
+ suitable <a href=#plugin>plugin</a>, partake in <a href=#form-submission>form
submission</a>.</p>
<h4 id=the-form-element><span class=secno>4.10.1 </span>The <dfn><code>form</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content-0>flow content</a> is expected.</dd>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#flow-content-0>Flow content</a>, but with no <code><a href=#the-form-element>form</a></code> element descendants.</dd>
+ <dd><a href=#flow-content>Flow content</a>, but with no <code><a href=#the-form-element>form</a></code> element descendants.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd><code title=attr-form-accept-charset><a href=#attr-form-accept-charset>accept-charset</a></code></dd>
@@ -29243,7 +29244,7 @@
attribute boolean <a href=#dom-fs-novalidate title=dom-fs-novalidate>novalidate</a>;
attribute DOMString <a href=#dom-fs-target title=dom-fs-target>target</a>;
- readonly attribute <a href=#htmlformcontrolscollection-0>HTMLFormControlsCollection</a> <a href=#dom-form-elements title=dom-form-elements>elements</a>;
+ readonly attribute <a href=#htmlformcontrolscollection>HTMLFormControlsCollection</a> <a href=#dom-form-elements title=dom-form-elements>elements</a>;
readonly attribute long <a href=#dom-form-length title=dom-form-length>length</a>;
caller getter any <a href=#dom-form-item title=dom-form-item>item</a>(in unsigned long index);
caller getter any <a href=#dom-form-nameditem title=dom-form-namedItem>namedItem</a>(in DOMString name);
@@ -29294,7 +29295,7 @@
<dd>
- <p>Returns an <code><a href=#htmlcollection-0>HTMLCollection</a></code> of the form controls in
+ <p>Returns an <code><a href=#htmlcollection>HTMLCollection</a></code> of the form controls in
the form (excluding image buttons for historical reasons).</p>
</dd>
@@ -29394,7 +29395,7 @@
attribute.</p>
<hr><p>The <dfn id=dom-form-elements title=dom-form-elements><code>elements</code></dfn>
- DOM attribute must return an <code><a href=#htmlformcontrolscollection-0>HTMLFormControlsCollection</a></code>
+ DOM attribute must return an <code><a href=#htmlformcontrolscollection>HTMLFormControlsCollection</a></code>
rooted at the <code>Document</code> node, whose filter matches <a href=#category-listed title=category-listed>listed</a> elements whose <a href=#form-owner>form
owner</a> is the <code><a href=#the-form-element>form</a></code> element, with the exception of
<code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, which must,
@@ -29508,12 +29509,12 @@
<h4 id=the-fieldset-element><span class=secno>4.10.2 </span>The <dfn><code>fieldset</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dd><a href=#category-listed title=category-listed>Listed</a> <a href=#form-associated-element>form-associated element</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content-0>flow content</a> is expected.</dd>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd>One <code><a href=#the-legend-element>legend</a></code> element followed by <a href=#flow-content-0>flow content</a>.</dd>
+ <dd>One <code><a href=#the-legend-element>legend</a></code> element followed by <a href=#flow-content>flow content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd><code title=attr-fieldset-disabled><a href=#attr-fieldset-disabled>disabled</a></code></dd>
@@ -29528,7 +29529,7 @@
readonly attribute DOMString <a href=#dom-fieldset-type title=dom-fieldset-type>type</a>;
- readonly attribute <a href=#htmlformcontrolscollection-0>HTMLFormControlsCollection</a> <a href=#dom-fieldset-elements title=dom-fieldset-elements>elements</a>;
+ readonly attribute <a href=#htmlformcontrolscollection>HTMLFormControlsCollection</a> <a href=#dom-fieldset-elements title=dom-fieldset-elements>elements</a>;
readonly attribute boolean <a href=#dom-cva-willvalidate title=dom-cva-willValidate>willValidate</a>;
readonly attribute <a href=#validitystate>ValidityState</a> <a href=#dom-cva-validity title=dom-cva-validity>validity</a>;
@@ -29565,7 +29566,7 @@
<dd>
- <p>Returns an <code><a href=#htmlcollection-0>HTMLCollection</a></code> of the form controls in
+ <p>Returns an <code><a href=#htmlcollection>HTMLCollection</a></code> of the form controls in
the element.</p>
</dd>
@@ -29580,7 +29581,7 @@
attribute must return the string "<code title="">fieldset</code>".</p>
<p>The <dfn id=dom-fieldset-elements title=dom-fieldset-elements><code>elements</code></dfn> DOM
- attribute must return an <code><a href=#htmlformcontrolscollection-0>HTMLFormControlsCollection</a></code>
+ attribute must return an <code><a href=#htmlformcontrolscollection>HTMLFormControlsCollection</a></code>
rooted at the <code><a href=#the-fieldset-element>fieldset</a></code> element, whose filter matches
<a href=#category-listed title=category-listed>listed</a> elements.</p>
@@ -29601,14 +29602,14 @@
<h4 id=the-label-element><span class=secno>4.10.3 </span>The <dfn><code>label</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
- <dd><a href=#interactive-content-0>Interactive content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
+ <dd><a href=#interactive-content>Interactive content</a>.</dd>
<dd><a href=#form-associated-element>Form-associated element</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>, but with no descendant <a href=#category-label title=category-label>labelable form-associated elements</a> unless it is the element's <a href=#labeled-control>labeled control</a>, and no descendant <code><a href=#the-label-element>label</a></code> elements.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>, but with no descendant <a href=#category-label title=category-label>labelable form-associated elements</a> unless it is the element's <a href=#labeled-control>labeled control</a>, and no descendant <code><a href=#the-label-element>label</a></code> elements.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd><code title=attr-fae-form><a href=#attr-fae-form>form</a></code></dd>
@@ -29737,12 +29738,12 @@
<h4 id=the-input-element><span class=secno>4.10.4 </span>The <dfn><code>input</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
- <dd>If the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state: <a href=#interactive-content-0>Interactive content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
+ <dd>If the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state: <a href=#interactive-content>Interactive content</a>.</dd>
<dd><a href=#category-listed title=category-listed>Listed</a>, <a href=#category-label title=category-label>labelable</a>, <a href=#category-submit title=category-submit>submittable</a>, and <a href=#category-reset title=category-reset>resettable</a> <a href=#form-associated-element>form-associated element</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
<dd>Empty.</dd>
<dt>Content attributes:</dt>
@@ -33984,7 +33985,7 @@
</div>
<p>When a control has a <code>pattern</code> attribute, the
- <code><a href=#the-title-element>title</a></code> attribute, if used, must describe the pattern.
+ <code><a href=#the-title-element-0>title</a></code> attribute, if used, must describe the pattern.
Additional information could also be included, so long as it assists
the user in filling in the control. Otherwise, assistive technology
would be impaired.</p>
@@ -33996,9 +33997,9 @@
<div class=impl>
- <p>UAs may still show the <code><a href=#the-title-element>title</a></code> in non-error situations
+ <p>UAs may still show the <code><a href=#the-title-element-0>title</a></code> in non-error situations
(for example, as a tooltip when hovering over the control), so
- authors should be careful not to word <code><a href=#the-title-element>title</a></code>s as if an
+ authors should be careful not to word <code><a href=#the-title-element-0>title</a></code>s as if an
error has necessarily occurred.</p>
</div>
@@ -34510,14 +34511,14 @@
<h4 id=the-button-element><span class=secno>4.10.5 </span>The <dfn><code>button</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
- <dd><a href=#interactive-content-0>Interactive content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
+ <dd><a href=#interactive-content>Interactive content</a>.</dd>
<dd><a href=#category-listed title=category-listed>Listed</a>, <a href=#category-label title=category-label>labelable</a>, and <a href=#category-submit title=category-submit>submittable</a> <a href=#form-associated-element>form-associated element</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>, but there must be no <a href=#interactive-content-0>interactive content</a> descendant.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>, but there must be no <a href=#interactive-content>interactive content</a> descendant.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd><code title=attr-fe-autofocus><a href=#attr-fe-autofocus>autofocus</a></code></dd>
@@ -34658,12 +34659,12 @@
<h4 id=the-select-element><span class=secno>4.10.6 </span>The <dfn><code>select</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
- <dd><a href=#interactive-content-0>Interactive content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
+ <dd><a href=#interactive-content>Interactive content</a>.</dd>
<dd><a href=#category-listed title=category-listed>Listed</a>, <a href=#category-label title=category-label>labelable</a>, <a href=#category-submit title=category-submit>submittable</a>, and <a href=#category-reset title=category-reset>resettable</a> <a href=#form-associated-element>form-associated element</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
<dd>Zero or more <code><a href=#the-option-element>option</a></code> or <code><a href=#the-optgroup-element>optgroup</a></code> elements.</dd>
<dt>Content attributes:</dt>
@@ -34686,7 +34687,7 @@
readonly attribute DOMString <a href=#dom-select-type title=dom-select-type>type</a>;
- readonly attribute <a href=#htmloptionscollection-0>HTMLOptionsCollection</a> <a href=#dom-select-options title=dom-select-options>options</a>;
+ readonly attribute <a href=#htmloptionscollection>HTMLOptionsCollection</a> <a href=#dom-select-options title=dom-select-options>options</a>;
attribute unsigned long <a href=#dom-select-length title=dom-select-length>length</a>;
caller getter any <a href=#dom-select-item title=dom-select-item>item</a>(in unsigned long index);
caller getter any <a href=#dom-select-nameditem title=dom-select-namedItem>namedItem</a>(in DOMString name);
@@ -34694,7 +34695,7 @@
void <a href=#dom-select-add title=dom-select-add>add</a>(in <a href=#htmlelement>HTMLElement</a> element, in long before);
void <a href=#dom-select-remove title=dom-select-remove>remove</a>(in long index);
- readonly attribute <a href=#htmlcollection-0>HTMLCollection</a> <a href=#dom-select-selectedoptions title=dom-select-selectedOptions>selectedOptions</a>;
+ readonly attribute <a href=#htmlcollection>HTMLCollection</a> <a href=#dom-select-selectedoptions title=dom-select-selectedOptions>selectedOptions</a>;
attribute long <a href=#dom-select-selectedindex title=dom-select-selectedIndex>selectedIndex</a>;
attribute DOMString <a href=#dom-select-value title=dom-select-value>value</a>;
@@ -34833,7 +34834,7 @@
<dd>
- <p>Returns an <code><a href=#htmloptionscollection-0>HTMLOptionsCollection</a></code> of the <a href=#concept-select-option-list title=concept-select-option-list>list of options</a>.</p>
+ <p>Returns an <code><a href=#htmloptionscollection>HTMLOptionsCollection</a></code> of the <a href=#concept-select-option-list title=concept-select-option-list>list of options</a>.</p>
</dd>
@@ -34882,7 +34883,7 @@
<dd>
- <p>Returns an <code><a href=#htmlcollection-0>HTMLCollection</a></code> of the <a href=#concept-select-option-list title=concept-select-option-list>list of options</a> that are
+ <p>Returns an <code><a href=#htmlcollection>HTMLCollection</a></code> of the <a href=#concept-select-option-list title=concept-select-option-list>list of options</a> that are
selected.</p>
</dd>
@@ -34918,7 +34919,7 @@
present.</p>
<p>The <dfn id=dom-select-options title=dom-select-options><code>options</code></dfn>
- DOM attribute must return an <code><a href=#htmloptionscollection-0>HTMLOptionsCollection</a></code>
+ DOM attribute must return an <code><a href=#htmloptionscollection>HTMLOptionsCollection</a></code>
rooted at the <code><a href=#the-select-element>select</a></code> node, whose filter matches the
elements in the <a href=#concept-select-option-list title=concept-select-option-list>list of
options</a>.</p>
@@ -34950,7 +34951,7 @@
act like their namesake methods on that same <code title=dom-select-options><a href=#dom-select-options>options</a></code> collection.</p>
<p>The <dfn id=dom-select-selectedoptions title=dom-select-selectedOptions><code>selectedOptions</code></dfn>
- DOM attribute must return an <code><a href=#htmlcollection-0>HTMLCollection</a></code> rooted at
+ DOM attribute must return an <code><a href=#htmlcollection>HTMLCollection</a></code> rooted at
the <code><a href=#the-select-element>select</a></code> node, whose filter matches the elements in
the <a href=#concept-select-option-list title=concept-select-option-list>list of options</a>
that have their <a href=#concept-option-selectedness title=concept-option-selectedness>selectedness</a> set to
@@ -35003,19 +35004,19 @@
<h4 id=the-datalist-element><span class=secno>4.10.7 </span>The <dfn><code>datalist</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd>Either: <a href=#phrasing-content-0>phrasing content</a>.</dd>
+ <dd>Either: <a href=#phrasing-content>phrasing content</a>.</dd>
<dd>Or: Zero or more <code><a href=#the-option-element>option</a></code> elements.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
<dd>
<pre class=idl>interface <dfn id=htmldatalistelement>HTMLDataListElement</dfn> : <a href=#htmlelement>HTMLElement</a> {
- readonly attribute <a href=#htmlcollection-0>HTMLCollection</a> <a href=#dom-datalist-options title=dom-datalist-options>options</a>;
+ readonly attribute <a href=#htmlcollection>HTMLCollection</a> <a href=#dom-datalist-options title=dom-datalist-options>options</a>;
};</pre>
</dd>
</dl><p>The <code><a href=#the-datalist-element>datalist</a></code> element represents a set of
@@ -35042,13 +35043,13 @@
<dl class=domintro><dt><var title="">datalist</var> . <code title=dom-datalist-options><a href=#dom-datalist-options>options</a></code></dt>
<dd>
- <p>Returns an <code><a href=#htmlcollection-0>HTMLCollection</a></code> of the <code>options</code> elements of the table.</p>
+ <p>Returns an <code><a href=#htmlcollection>HTMLCollection</a></code> of the <code>options</code> elements of the table.</p>
</dd>
</dl><div class=impl>
<p>The <dfn id=dom-datalist-options title=dom-datalist-options><code>options</code></dfn>
- DOM attribute must return an <code><a href=#htmlcollection-0>HTMLCollection</a></code> rooted at
+ DOM attribute must return an <code><a href=#htmlcollection>HTMLCollection</a></code> rooted at
the <code><a href=#the-datalist-element>datalist</a></code> node, whose filter matches
<code><a href=#the-option-element>option</a></code> elements.</p>
@@ -35312,12 +35313,12 @@
<h4 id=the-textarea-element><span class=secno>4.10.10 </span>The <dfn><code>textarea</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
- <dd><a href=#interactive-content-0>Interactive content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
+ <dd><a href=#interactive-content>Interactive content</a>.</dd>
<dd><a href=#category-listed title=category-listed>Listed</a>, <a href=#category-label title=category-label>labelable</a>, <a href=#category-submit title=category-submit>submittable</a>, and <a href=#category-reset title=category-reset>resettable</a> <a href=#form-associated-element>form-associated element</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
<dd><a href=#text-content title="text content">Text</a>.</dd>
<dt>Content attributes:</dt>
@@ -35622,12 +35623,12 @@
<h4 id=the-keygen-element><span class=secno>4.10.11 </span>The <dfn><code>keygen</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
- <dd><a href=#interactive-content-0>Interactive content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
+ <dd><a href=#interactive-content>Interactive content</a>.</dd>
<dd><a href=#category-listed title=category-listed>Listed</a>, <a href=#category-label title=category-label>labelable</a>, <a href=#category-submit title=category-submit>submittable</a>, and <a href=#category-reset title=category-reset>resettable</a> <a href=#form-associated-element>form-associated element</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
<dd>Empty.</dd>
<dt>Content attributes:</dt>
@@ -35875,13 +35876,13 @@
<h4 id=the-output-element><span class=secno>4.10.12 </span>The <dfn><code>output</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dd><a href=#category-listed title=category-listed>Listed</a> and <a href=#category-reset title=category-reset>resettable</a> <a href=#form-associated-element>form-associated element</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd><code title=attr-output-for><a href=#attr-output-for>for</a></code></dd>
@@ -36159,7 +36160,7 @@
<h5 id=naming-form-controls><span class=secno>4.10.14.1 </span>Naming form controls</h5>
<p>The <dfn id=attr-fe-name title=attr-fe-name><code>name</code></dfn> content
- attribute gives the name of the form control, as used in <a href=#form-submission-0>form
+ attribute gives the name of the form control, as used in <a href=#form-submission>form
submission</a> and in the <code><a href=#the-form-element>form</a></code> element's <code title=dom-form-elements><a href=#dom-form-elements>elements</a></code> object. If the attribute
is specified, its value must not be the empty string.</p>
@@ -36297,7 +36298,7 @@
- <h5 id=form-submission><span class=secno>4.10.14.6 </span>Form submission</h5>
+ <h5 id=form-submission-0><span class=secno>4.10.14.6 </span>Form submission</h5>
<p><dfn id=attributes-for-form-submission>Attributes for form submission</dfn> can be specified both
on <code><a href=#the-form-element>form</a></code> elements and on <a href=#concept-submit-button title=concept-submit-button>submit button</a> (elements that
@@ -36386,7 +36387,7 @@
button</a> and has such an attribute; or the value of its
<a href=#form-owner>form owner</a>'s <code title=attr-fs-target><a href=#attr-fs-target>target</a></code>
attribute, if <em>it</em> has such an attribute; or, if one of the
- child nodes of <a href=#the-head-element-0>the <code>head</code> element</a> is a
+ child nodes of <a href=#the-head-element>the <code>head</code> element</a> is a
<code><a href=#the-base-element>base</a></code> element with a <code title=attr-base-target><a href=#attr-base-target>target</a></code> attribute, then the value of
the <code title=attr-base-target><a href=#attr-base-target>target</a></code> attribute of the
first such <code><a href=#the-base-element>base</a></code> element; or, if there is no such
@@ -36860,7 +36861,7 @@
- <h4 id=form-submission-0><span class=secno>4.10.16 </span><dfn>Form submission</dfn></h4>
+ <h4 id=form-submission><span class=secno>4.10.16 </span><dfn>Form submission</dfn></h4>
<div class=impl>
@@ -37703,12 +37704,12 @@
<h4 id=the-details-element><span class=secno>4.11.1 </span>The <dfn><code>details</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#interactive-content-0>Interactive content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#interactive-content>Interactive content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content-0>flow content</a> is expected.</dd>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd>One <code><a href=#the-legend-element>legend</a></code> element followed by <a href=#flow-content-0>flow content</a>.</dd>
+ <dd>One <code><a href=#the-legend-element>legend</a></code> element followed by <a href=#flow-content>flow content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd><code title=attr-details-open><a href=#attr-details-open>open</a></code></dd>
@@ -40356,12 +40357,12 @@
<h4 id=the-command><span class=secno>4.11.2 </span>The <dfn><code>command</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#metadata-content-0>Metadata content</a>.</dd>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd><a href=#phrasing-content-0>Phrasing content</a>.</dd>
+ <dd><a href=#metadata-content>Metadata content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#metadata-content-0>metadata content</a> is expected.</dd>
- <dd>Where <a href=#phrasing-content-0>phrasing content</a> is expected.</dd>
+ <dd>Where <a href=#metadata-content>metadata content</a> is expected.</dd>
+ <dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
<dd>Empty.</dd>
<dt>Content attributes:</dt>
@@ -40544,13 +40545,13 @@
<h4 id=menus><span class=secno>4.11.3 </span>The <dfn><code>menu</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
- <dd>If the element's <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#tool-bar-state title="tool bar state">tool bar</a> state: <a href=#interactive-content-0>Interactive content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
+ <dd>If the element's <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#tool-bar-state title="tool bar state">tool bar</a> state: <a href=#interactive-content>Interactive content</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content-0>flow content</a> is expected.</dd>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
<dt>Content model:</dt>
<dd>Either: Zero or more <code><a href=#the-li-element>li</a></code> elements.</dd>
- <dd>Or: <a href=#flow-content-0>Flow content</a>.</dd>
+ <dd>Or: <a href=#flow-content>Flow content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd><code title=attr-menu-type><a href=#attr-menu-type>type</a></code></dd>
@@ -40590,7 +40591,7 @@
<a href=#represents>represents</a> an unordered list of items (each represented
by an <code><a href=#the-li-element>li</a></code> element), each of which represents a command
that the user can perform or activate, or, if the element has no
- <code><a href=#the-li-element>li</a></code> element children, <a href=#flow-content-0>flow content</a>
+ <code><a href=#the-li-element>li</a></code> element children, <a href=#flow-content>flow content</a>
describing available commands.</p>
<p>The <dfn id=attr-menu-label title=attr-menu-label><code>label</code></dfn>
@@ -41077,7 +41078,7 @@
<hr><dl class=domintro><dt><var title="">document</var> . <code title=dom-document-commands><a href=#dom-document-commands>commands</a></code></dt>
<dd>
- <p>Returns an <code><a href=#htmlcollection-0>HTMLCollection</a></code> of the elements in the
+ <p>Returns an <code><a href=#htmlcollection>HTMLCollection</a></code> of the elements in the
<code>Document</code> that define commands and have IDs.</p>
</dd>
@@ -41085,7 +41086,7 @@
<p>The <dfn id=dom-document-commands title=dom-document-commands><code>commands</code></dfn> attribute
of the document's <code><a href=#htmldocument>HTMLDocument</a></code> interface must return an
- <code><a href=#htmlcollection-0>HTMLCollection</a></code> rooted at the <code>Document</code>
+ <code><a href=#htmlcollection>HTMLCollection</a></code> rooted at the <code>Document</code>
node, whose filter matches only elements that <a href=#concept-command title=concept-command>define commands</a> and have <a href=#command-facet-id title=command-facet-ID>IDs</a>.</p>
</div>
@@ -41494,8 +41495,8 @@
<dd>As the first child of a <code><a href=#the-details-element>details</a></code> element.</dd>
<dd>As the first or last child of a <code><a href=#the-figure-element>figure</a></code> element, if there are no other <code><a href=#the-legend-element>legend</a></code> element children of that element.</dd>
<dt>Content model:</dt>
- <dd>When the parent node is a <code><a href=#the-figure-element>figure</a></code> element: <a href=#flow-content-0>flow content</a>, but with no descendant <code><a href=#the-figure-element>figure</a></code> elements.</dd>
- <dd>Otherwise: <a href=#phrasing-content-0>phrasing content</a>.</dd>
+ <dd>When the parent node is a <code><a href=#the-figure-element>figure</a></code> element: <a href=#flow-content>flow content</a>, but with no descendant <code><a href=#the-figure-element>figure</a></code> elements.</dd>
+ <dd>Otherwise: <a href=#phrasing-content>phrasing content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -41533,12 +41534,12 @@
<h4 id=the-div-element><span class=secno>4.12.2 </span>The <dfn><code>div</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dd><a href=#formatblock-candidate><code title="">formatBlock</code> candidate</a>.</dd>
<dt>Contexts in which this element may be used:</dt>
- <dd>Where <a href=#flow-content-0>flow content</a> is expected.</dd>
+ <dd>Where <a href=#flow-content>flow content</a> is expected.</dd>
<dt>Content model:</dt>
- <dd><a href=#flow-content-0>Flow content</a>.</dd>
+ <dd><a href=#flow-content>Flow content</a>.</dd>
<dt>Content attributes:</dt>
<dd><a href=#global-attributes>Global attributes</a></dd>
<dt>DOM interface:</dt>
@@ -41913,6 +41914,7 @@
-->
+
<h3 id=introduction-1><span class=secno>5.1 </span>Introduction</h3>
<h4 id=the-basic-syntax><span class=secno>5.1.1 </span>The basic syntax</h4>
@@ -41941,14 +41943,14 @@
<div class=example>
- <p>Here there are two items, each of which have the property "name":</p>
+ <p>Here there are two items, each of which have the property "com.example.name":</p>
<pre><div item>
- <p>My name is <span itemprop="name">Elizabeth</span>.</p>
+ <p>My name is <span itemprop="com.example.name">Elizabeth</span>.</p>
</div>
<div item>
- <p>My name is <span itemprop="name">Daniel</span>.</p>
+ <p>My name is <span itemprop="com.example.name">Daniel</span>.</p>
</div></pre>
</div>
@@ -41960,9 +41962,9 @@
<p>Here the item has three properties:</p>
<pre><div item>
- <p>My name is <span itemprop="name">Neil</span>.</p>
- <p>My band is called <span itemprop="band">Four Parts Water</span>.</p>
- <p>I am <span itemprop="nationality">British</span>.</p>
+ <p>My name is <span itemprop="com.example.name">Neil</span>.</p>
+ <p>My band is called <span itemprop="com.example.band">Four Parts Water</span>.</p>
+ <p>I am <span itemprop="com.example.nationality">British</span>.</p>
</div></pre>
</div>
@@ -41974,10 +41976,10 @@
<div class=example>
- <p>In this example, the item has one property, "image", whose value is a URL:</p>
+ <p>In this example, the item has one property, "com.example.image", whose value is a URL:</p>
<pre><div item>
- <img itemprop="image" src="google-logo.png" alt="Google">
+ <img itemprop="com.example.image" src="google-logo.png" alt="Google">
</div></pre>
</div>
@@ -41988,11 +41990,11 @@
<div class=example>
- <p>In this example, the item has one property, "birthday", whose
- value is a date:</p>
+ <p>In this example, the item has one property,
+ "com.example.birthday", whose value is a date:</p>
<pre><div item>
- I was born on <time itemprop="birthday" datetime="2009-05-10">May 10th 2009</time>.
+ I was born on <time itemprop="com.example.birthday" datetime="2009-05-10">May 10th 2009</time>.
</div></pre>
</div>
@@ -42010,14 +42012,16 @@
inner one represents a band:</p>
<pre><div item>
- <p>Name: <span itemprop="name">Amanda</span></p>
- <p>Band: <span itemprop="band" item> <span itemprop="name">Jazz Band</span> (<span itemprop="size">12</span> players)</span></p>
+ <p>Name: <span itemprop="com.example.name">Amanda</span></p>
+ <p>Band: <span itemprop="com.example.band" item> <span itemprop="com.example.name">Jazz Band</span> (<span itemprop="com.example.size">12</span> players)</span></p>
</div></pre>
- <p>The outer item here has two properties, "name" and "band". The
- "name" is "Amanda", and the "band" is an item in its own right,
- with two properties, "name" and "size". The "name" of the band is
- "Jazz Band", and the "size" is "12".</p>
+ <p>The outer item here has two properties, "com.example.name" and
+ "com.example.band". The "com.example.name" is "Amanda", and the
+ "com.example.band" is an item in its own right, with two
+ properties, "com.example.name" and "com.example.size". The
+ "com.example.name" of the band is "Jazz Band", and the
+ "com.example.size" is "12".</p>
<p>The outer item in this example is a top-level microdata
item.</p>
@@ -42036,15 +42040,16 @@
properties are separated from their <a href=#concept-item title=concept-item>items</a>:</p>
<pre><div item id="amanda"></div>
-<p>Name: <span subject="amanda" itemprop="name">Amanda</span></p>
-<div subject="amanda" itemprop="band" item id="jazzband"></div>
-<p>Band: <span subject="jazzband" itemprop="name">Jazz Band</span></p>
-<p>Size: <span subject="jazzband" itemprop="size">12</span> players</p></pre>
+<p>Name: <span subject="amanda" itemprop="com.example.name">Amanda</span></p>
+<div subject="amanda" itemprop="com.example.band" item id="jazzband"></div>
+<p>Band: <span subject="jazzband" itemprop="com.example.name">Jazz Band</span></p>
+<p>Size: <span subject="jazzband" itemprop="com.example.size">12</span> players</p></pre>
<p>This gives the same result as the previous example. The first
- item has two properties, "name", set to "Amanda", and "band", set
- to another item. That second item has two further properties,
- "name", set to "Jazz Band", and "size", set to "12".</p>
+ item has two properties, "com.example.name", set to "Amanda", and
+ "com.example.band", set to another item. That second item has two
+ further properties, "com.example.name", set to "Jazz Band", and
+ "com.example.size", set to "12".</p>
</div>
@@ -42058,13 +42063,14 @@
<pre><div item>
<p>Flavors in my favorite ice cream:</p>
<ul>
- <li itemprop="flavor">Lemon sorbet</li>
- <li itemprop="flavor">Apricot sorbet</li>
+ <li itemprop="com.example.flavor">Lemon sorbet</li>
+ <li itemprop="com.example.flavor">Apricot sorbet</li>
</ul>
</div></pre>
- <p>This thus results in an item with two properties, both "flavor",
- having the values "Lemon sorbet" and "Apricot sorbet".</p>
+ <p>This thus results in an item with two properties, both
+ "com.example.flavor", having the values "Lemon sorbet" and "Apricot
+ sorbet".</p>
</div>
@@ -42074,11 +42080,12 @@
<div class=example>
- <p>Here we see an item with two properties, "favorite-color" and
- "favorite-fruit", both set to the value "orange":</p>
+ <p>Here we see an item with two properties,
+ "com.example.favorite-color" and "com.example.favorite-fruit", both
+ set to the value "orange":</p>
<pre><div item>
- <span itemprop="favorite-color favorite-fruit">orange</span>
+ <span itemprop="com.example.favorite-color com.example.favorite-fruit">orange</span>
</div></pre>
</div>
@@ -42095,8 +42102,9 @@
contexts where other authors and readers are able to cooperate to
make new uses of the markup.</p>
- <p>For this purpose, it is necessary to give each <a href=#concept-item title=concept-item>item</a> a type, such as "person", or "cat",
- or "band". Types are identified in three ways:</p>
+ <p>For this purpose, it is necessary to give each <a href=#concept-item title=concept-item>item</a> a type, such as
+ "com.example.person", or "com.example.cat", or
+ "com.example.band". Types are identified in three ways:</p>
<ul class=brief><li>As <a href=#url title=URL>URLs</a>.
@@ -42107,7 +42115,7 @@
types</a>, which are described below.
</ul><p><a href=#url title=URL>URLs</a> are self-explanatory. <a href=#valid-reversed-dns-identifier title="valid reversed DNS identifier">Reversed DNS labels</a> are
- strings such as "org.example.animals.cat" or "org.example.band".</p>
+ strings such as "org.example.animals.cat" or "com.example.band".</p>
<p>The type for an <a href=#concept-item title=concept-item>item</a> is given
as the value of the <code title=attr-item><a href=#items:-the-item-attribute>item</a></code>
@@ -42199,8 +42207,39 @@
</div>
- <h4 id=using-the-microdata-dom-api><span class=secno>5.1.4 </span>Using the microdata DOM API</h4>
+ <h4 id=predefined-vocabularies><span class=secno>5.1.4 </span>Predefined vocabularies</h4>
+ <p><i>This section is non-normative.</i></p>
+
+ <p>To make the most common tasks simpler, certain vocabularies have
+ been predefined. These use short names for types and properties.</p>
+
+ <div class=example>
+
+ <p>For example, the <a href=#md-vcard title=md-vcard>vCard</a> vocabulary
+ can be used to mark up people's names:</p>
+
+ <pre><span item=vcard><span itemprop=fn>George Washington</span></span></pre>
+
+ <p>This creates a single item with a single name-value pair, with
+ the name "fn" and the value "George Washington". This is defined to
+ map to the following vCard:</p>
+
+ <pre>BEGIN:VCARD
+PROFILE:VCARD
+VERSION:3.0
+SOURCE:<var title="">document's address</var>
+FN:George Washington
+N:Washington;George;;;
+END:VCARD</pre>
+
+ </div>
+
+
+ <h4 id=using-the-microdata-dom-api><span class=secno>5.1.5 </span>Using the microdata DOM API</h4>
+
+ <p><i>This section is non-normative.</i></p>
+
<p>The microdata becomes even more useful when scripts can use it to
expose information to the user, for example offering it in a form
that can be used by other applications.</p>
@@ -42213,7 +42252,7 @@
<p>Each <a href=#concept-item title=concept-item>item</a> is represented in the
DOM by the element on which the relevant <code title=attr-item><a href=#items:-the-item-attribute>item</a></code> attribute is found. The various types
that the element has can be obtained using the <code title=dom-item><a href=#dom-item>element.item</a></code> DOM attribute, which returns a
- <code><a href=#domsettabletokenlist-0>DOMSettableTokenList</a></code> object.</p>
+ <code><a href=#domsettabletokenlist>DOMSettableTokenList</a></code> object.</p>
<div class=example>
@@ -42227,7 +42266,7 @@
<p>Once an element representing an <a href=#concept-item title=concept-item>item</a> has been obtained, its properties
can be extracted using the <code title=dom-properties><a href=#dom-properties>properties</a></code> DOM attribute. This
- attribute returns an <code><a href=#htmlpropertycollection-0>HTMLPropertyCollection</a></code>, which can
+ attribute returns an <code><a href=#htmlpropertycollection>HTMLPropertyCollection</a></code>, which can
be enumerated to go through each element that adds one or more
properties to the item. It can also be indexed by name, which will
return an object with a list of the elements that add properties
@@ -42247,7 +42286,7 @@
</div>
- <p>The <code><a href=#htmlpropertycollection-0>HTMLPropertyCollection</a></code> object, when indexed by
+ <p>The <code><a href=#htmlpropertycollection>HTMLPropertyCollection</a></code> object, when indexed by
name in this way, actually returns a <code><a href=#propertynodelist>PropertyNodeList</a></code>
object with all the matching properties. The
<code><a href=#propertynodelist>PropertyNodeList</a></code> object can be used to obtained all the
@@ -42436,11 +42475,6 @@
<li>A <a href=#valid-reversed-dns-identifier>valid reversed DNS identifier</a>, or</li>
- <li>If its <a href=#concept-item-corresponding title=concept-item-corresponding>corresponding
- item</a>'s <code title=attr-item><a href=#items:-the-item-attribute>item</a></code> attribute has no
- tokens: a string containing neither a U+003A COLON character (:)
- nor a U+002E FULL STOP character (.), or</li>
-
<li>A <a href=#predefined-property-name>predefined property name</a> allowed in this situation.</li>
</ul><p>The <dfn id=property-names>property names</dfn> of an element are the tokens that
@@ -42577,9 +42611,9 @@
<dd>
<p>If the element has an <code title=attr-item><a href=#items:-the-item-attribute>item</a></code>
- attribute, returns an <code><a href=#htmlpropertycollection-0>HTMLPropertyCollection</a></code> object
+ attribute, returns an <code><a href=#htmlpropertycollection>HTMLPropertyCollection</a></code> object
with all the element's properties. Otherwise, an empty
- <code><a href=#htmlpropertycollection-0>HTMLPropertyCollection</a></code> object.</p>
+ <code><a href=#htmlpropertycollection>HTMLPropertyCollection</a></code> object.</p>
</dd>
@@ -42615,7 +42649,7 @@
<p>The <dfn id=dom-properties title=dom-properties><code>properties</code></dfn> DOM
attribute on elements must return an
- <code><a href=#htmlpropertycollection-0>HTMLPropertyCollection</a></code> rooted at the
+ <code><a href=#htmlpropertycollection>HTMLPropertyCollection</a></code> rooted at the
<code>Document</code> node, whose filter matches only elements that
have <a href=#property-names>property names</a> and have a <a href=#concept-item-corresponding title=concept-item-corresponding>corresponding item</a> that is
equal to the element on which the attribute was invoked.</p>
@@ -42664,7 +42698,7 @@
- <h3 id=predefined-vocabularies><span class=secno>5.4 </span>Predefined vocabularies</h3>
+ <h3 id=predefined-vocabularies-0><span class=secno>5.4 </span>Predefined vocabularies</h3>
<p>A number of <dfn id=predefined-type title="predefined type">predefined types</dfn>
exist, for describing common structures. Each such type has a set of
@@ -44600,7 +44634,7 @@
<ul><li><a href="#the-document's-current-address">The document's current address</a>.</li>
- <li>The <code>textContent</code> of <a href=#the-title-element-0>the <code>title</code>
+ <li>The <code>textContent</code> of <a href=#the-title-element>the <code>title</code>
element</a>, if any.</li>
<li>The list of <a href=#top-level-microdata-items>top-level microdata items</a>.</li>
@@ -44698,12 +44732,12 @@
<ol><li>
- <p>If <a href=#the-title-element-0>the <code>title</code> element</a> is not null,
+ <p>If <a href=#the-title-element>the <code>title</code> element</a> is not null,
then generate the following triple:</p>
<dl class=triple><dt>subject <dd> <a href="#the-document's-current-address">the document's current address</a>
<dt>predicate <dd> <code title="">http://purl.org/dc/terms/title</code>
- <dt>object <dd> the <code>textContent</code> of <a href=#the-title-element-0>the <code>title</code> element</a>, as a plain literal, with the language information set from the <a href=#language>language</a> of <a href=#the-title-element-0>the <code>title</code> element</a>, if it is not unknown.
+ <dt>object <dd> the <code>textContent</code> of <a href=#the-title-element>the <code>title</code> element</a>, as a plain literal, with the language information set from the <a href=#language>language</a> of <a href=#the-title-element>the <code>title</code> element</a>, if it is not unknown.
</dl></li>
<li>
@@ -44940,10 +44974,10 @@
text string</a> that is the <a href="#the-document's-current-address">the document's current
address</a> as the value to <var title="">output</var>.</li>
- <li><p>If <a href=#the-title-element-0>the <code>title</code> element</a> is not null,
+ <li><p>If <a href=#the-title-element>the <code>title</code> element</a> is not null,
<a href=#add-a-vcard-line>add a vCard line</a> with the type "<code title="">NAME</code>" and with the result of <a href=#escaping-the-vcard-text-string>escaping the
vCard text string</a> obtained from the <code>textContent</code>
- of <a href=#the-title-element-0>the <code>title</code> element</a> as the value to <var title="">output</var>.</li>
+ of <a href=#the-title-element>the <code>title</code> element</a> as the value to <var title="">output</var>.</li>
<li><p>If there is a property named <code title=md-about><a href=#md-about>about</a></code> whose <a href=#concept-item-corresponding title=concept-item-corresponding>corresponding item</a> is
<var title="">node</var> and the element of the first such property
@@ -45702,8 +45736,8 @@
string.</li>
<li><p>Let <var title="">heading</var> be the first element of
- <a href=#heading-content-0>heading content</a> whose nearest ancestor of
- <a href=#sectioning-content-0>sectioning content</a> is the <a href=#the-body-element-0>the body
+ <a href=#heading-content>heading content</a> whose nearest ancestor of
+ <a href=#sectioning-content>sectioning content</a> is the <a href=#the-body-element>the body
element</a>, if any, or null if there is none.</li>
<li>
@@ -45717,7 +45751,7 @@
<dd>
<p>Let <var title="">heading text</var> be the
- <code>textContent</code> of <a href=#the-title-element-0>the <code>title</code>
+ <code>textContent</code> of <a href=#the-title-element>the <code>title</code>
element</a>, if there is one, or the empty string
otherwise.</p>
@@ -45783,8 +45817,8 @@
and append <var title="">E</var> to the root element of <var title="">R</var>.</li>
<li><p>Let <var title="">heading</var> be the first element of
- <a href=#heading-content-0>heading content</a> whose nearest ancestor of
- <a href=#sectioning-content-0>sectioning content</a> is <var title="">article</var>,
+ <a href=#heading-content>heading content</a> whose nearest ancestor of
+ <a href=#sectioning-content>sectioning content</a> is <var title="">article</var>,
if any, or null if there is none.</li>
<li>
@@ -45868,10 +45902,10 @@
article</var> any <code><a href=#the-article-element>article</a></code> elements other than the
<var title="">cloned article</var> itself, any
<code><a href=#the-header-element>header</a></code>, <code><a href=#the-footer-element>footer</a></code>, or <code><a href=#the-nav-element>nav</a></code>
- elements whose nearest ancestor of <a href=#sectioning-content-0>sectioning
+ elements whose nearest ancestor of <a href=#sectioning-content>sectioning
content</a> is the <var title="">cloned article</var>, and
- the first element of <a href=#heading-content-0>heading content</a> whose nearest
- ancestor of <a href=#sectioning-content-0>sectioning content</a> is the <var title="">cloned article</var>, if any.</p>
+ the first element of <a href=#heading-content>heading content</a> whose nearest
+ ancestor of <a href=#sectioning-content>sectioning content</a> is the <var title="">cloned article</var>, if any.</p>
</li>
@@ -46163,21 +46197,21 @@
whose <a href="#the-document's-address" title="the document's address">address</a> is
<code><a href=#about:blank>about:blank</a></code>, which is marked as being an <a href=#html-documents title="HTML documents">HTML document</a>, and whose <a href="#document's-character-encoding" title="document's character encoding">character encoding</a> is
UTF-8. The <code>Document</code> must have a single child
- <code><a href=#the-html-element>html</a></code> node, which itself has a single child
- <code><a href=#the-body-element>body</a></code> node.</p>
+ <code><a href=#the-html-element-0>html</a></code> node, which itself has a single child
+ <code><a href=#the-body-element-0>body</a></code> node.</p>
<p class=note>If the <a href=#browsing-context>browsing context</a> is created
specifically to be immediately navigated, then that initial
navigation will have <a href=#replacement-enabled>replacement enabled</a>.</p>
- <p id=about-blank-origin>The <a href=#origin-0>origin</a> of the
+ <p id=about-blank-origin>The <a href=#origin>origin</a> of the
<code><a href=#about:blank>about:blank</a></code> <code>Document</code> is set when the
<code>Document</code> is created. If the new <a href=#browsing-context>browsing
context</a> has a <a href=#creator-browsing-context>creator browsing context</a>, then the
- <a href=#origin-0>origin</a> of the <code><a href=#about:blank>about:blank</a></code>
- <code>Document</code> is the <a href=#origin-0>origin</a> of the
+ <a href=#origin>origin</a> of the <code><a href=#about:blank>about:blank</a></code>
+ <code>Document</code> is the <a href=#origin>origin</a> of the
<a href=#creator-document>creator <code>Document</code></a>. Otherwise, the
- <a href=#origin-0>origin</a> of the <code><a href=#about:blank>about:blank</a></code>
+ <a href=#origin>origin</a> of the <code><a href=#about:blank>about:blank</a></code>
<code>Document</code> is a globally unique identifier assigned when
the new <a href=#browsing-context>browsing context</a> is created.</p>
@@ -46351,9 +46385,9 @@
context</a> <var title="">B</var> if one of the following
conditions is true:</p>
- <ul><li>Either the <a href=#origin-0>origin</a> of the <a href=#active-document>active
+ <ul><li>Either the <a href=#origin>origin</a> of the <a href=#active-document>active
document</a> of <var title="">A</var> is the <a href=#same-origin title="same
- origin">same</a> as the <a href=#origin-0>origin</a> of the <a href=#active-document>active
+ origin">same</a> as the <a href=#origin>origin</a> of the <a href=#active-document>active
document</a> of <var title="">B</var>, or</li>
<li>The browsing context <var title="">A</var> is a <a href=#nested-browsing-context>nested
@@ -46369,7 +46403,7 @@
<a href=#top-level-browsing-context>top-level browsing context</a>, but there exists an
<a href=#ancestor-browsing-context>ancestor browsing context</a> of <var title="">B</var>
whose <a href=#active-document>active document</a> has the <a href=#same-origin title="same
- origin">same</a> <a href=#origin-0>origin</a> as the <a href=#active-document>active
+ origin">same</a> <a href=#origin>origin</a> as the <a href=#active-document>active
document</a> of <var title="">A</var> (possibly in fact being
<var title="">A</var> itself).</li>
@@ -46562,7 +46596,7 @@
readonly attribute <a href=#windowproxy>WindowProxy</a> <a href=#dom-self title=dom-self>self</a>;
attribute DOMString <a href=#dom-name title=dom-name>name</a>;
[PutForwards=href] readonly attribute <a href=#location>Location</a> <a href=#dom-location title=dom-location>location</a>;
- readonly attribute <a href=#history-1>History</a> <a href=#dom-history title=dom-history>history</a>;
+ readonly attribute <a href=#history-0>History</a> <a href=#dom-history title=dom-history>history</a>;
readonly attribute <a href=#undomanager>UndoManager</a> <a href=#dom-undomanager title=dom-undoManager>undoManager</a>;
<a href=#selection-0>Selection</a> <a href=#dom-getselection title=dom-getSelection>getSelection</a>();
[Replaceable] readonly attribute <a href=#barprop>BarProp</a> <a href=#dom-window-locationbar title=dom-window-locationbar>locationbar</a>;
@@ -46744,7 +46778,7 @@
<div class=example>
<p>For instance, if two frames containing <code>Document</code>s
- from different <a href=#origin-0 title=origin>origins</a> access the same
+ from different <a href=#origin title=origin>origins</a> access the same
<code><a href=#window>Window</a></code> object's <code title=dom-window-postMessage-2><a href=#dom-window-postmessage-2>postMessage()</a></code> method, they
will get distinct objects that are not equal.</p>
@@ -46986,7 +47020,7 @@
<li>
- <p>Otherwise return an <code><a href=#htmlcollection-0>HTMLCollection</a></code> rooted at the
+ <p>Otherwise return an <code><a href=#htmlcollection>HTMLCollection</a></code> rooted at the
<code>Document</code> node, whose filter matches only <a href=#dom-window-nameditem-filter title=dom-window-namedItem-filter>named elements</a> with
the name <var title="">name</var>.</p> <!-- the same one each time
is returned, because of the rule under collections -->
@@ -47192,10 +47226,10 @@
<div class=impl>
- <h3 id=origin><span class=secno>6.4 </span>Origin</h3>
+ <h3 id=origin-0><span class=secno>6.4 </span>Origin</h3>
<!-- Hallowed are the Ori -->
- <p>The <dfn id=origin-0>origin</dfn> of a resource and the <dfn id=effective-script-origin>effective script
+ <p>The <dfn id=origin>origin</dfn> of a resource and the <dfn id=effective-script-origin>effective script
origin</dfn> of a resource are both either opaque identifiers or
tuples consisting of a scheme component, a host component, a port
component, and optionally extra data.</p>
@@ -47211,12 +47245,12 @@
<dd>
- <p>The <a href=#origin-0>origin</a> and <a href=#effective-script-origin>effective script
+ <p>The <a href=#origin>origin</a> and <a href=#effective-script-origin>effective script
origin</a> of the <a href=#url>URL</a> is whatever is returned by
the following algorithm:</p>
<ol><li><p>Let <var title="">url</var> be the <a href=#url>URL</a> for
- which the <a href=#origin-0>origin</a> is being determined.</li>
+ which the <a href=#origin>origin</a> is being determined.</li>
<li><p><a href=#parse-a-url title="parse a url">Parse</a> <var title="">url</var>.</li>
@@ -47280,7 +47314,7 @@
<dd>
- <p>The <a href=#origin-0>origin</a> and <a href=#effective-script-origin>effective script
+ <p>The <a href=#origin>origin</a> and <a href=#effective-script-origin>effective script
origin</a> of a script are determined from another resource,
called the <i>owner</i>:</p>
@@ -47346,8 +47380,8 @@
<dd>The owner is the script that provided the URL.</dd>
- </dl><p>The <a href=#origin-0>origin</a> of the script is then equal to the
- <a href=#origin-0>origin</a> of the owner, and the <a href=#effective-script-origin>effective script
+ </dl><p>The <a href=#origin>origin</a> of the script is then equal to the
+ <a href=#origin>origin</a> of the owner, and the <a href=#effective-script-origin>effective script
origin</a> of the script is equal to the <a href=#effective-script-origin>effective script
origin</a> of the owner.</p>
@@ -47362,15 +47396,15 @@
browsing context flag</a> was set when the
<code>Document</code> was created</dt>
- <dd>The <a href=#origin-0>origin</a> is a globally unique identifier
+ <dd>The <a href=#origin>origin</a> is a globally unique identifier
assigned when the <code>Document</code> is created.</dd>
<dt>If a <code>Document</code> or image was returned by the
<code>XMLHttpRequest</code> API</dt>
- <dd>The <a href=#origin-0>origin</a> and <a href=#effective-script-origin>effective script
- origin</a> are equal to the <a href=#origin-0>origin</a> and
+ <dd>The <a href=#origin>origin</a> and <a href=#effective-script-origin>effective script
+ origin</a> are equal to the <a href=#origin>origin</a> and
<a href=#effective-script-origin>effective script origin</a> of the <code>Document</code>
object of the <code><a href=#window>Window</a></code> object from which the
<code>XMLHttpRequest</code> constructor was invoked. (That is,
@@ -47383,7 +47417,7 @@
<a href=#javascript-protocol title="javascript protocol"><code>javascript:</code>
URL</a></dt>
- <dd>The <a href=#origin-0>origin</a> is equal to the <a href=#origin-0>origin</a>
+ <dd>The <a href=#origin>origin</a> is equal to the <a href=#origin>origin</a>
of the script of that <a href=#javascript-protocol title="javascript
protocol"><code>javascript:</code> URL</a>.</dd>
@@ -47392,7 +47426,7 @@
network and has an address that uses a URL scheme with a
server-based naming authority</dt>
- <dd>The <a href=#origin-0>origin</a> is the <a href=#origin-0>origin</a> of the
+ <dd>The <a href=#origin>origin</a> is the <a href=#origin>origin</a> of the
<a href="#the-document's-address" title="the document's address">address</a> of the
<code>Document</code> or the <a href=#url>URL</a> of the image, as
appropriate.</dd>
@@ -47403,7 +47437,7 @@
of an HTTP redirect (<a href=#concept-http-equivalent-codes title=concept-http-equivalent-codes>or equivalent</a> in
other protocols)</dt>
- <dd>The <a href=#origin-0>origin</a> is the <a href=#origin-0>origin</a> of the
+ <dd>The <a href=#origin>origin</a> is the <a href=#origin>origin</a> of the
<a href=#url>URL</a> that redirected to the <code title="">data:</code> URL.</dd>
@@ -47411,7 +47445,7 @@
<code title="">data:</code> URL found in another
<code>Document</code> or in a script</dt>
- <dd>The <a href=#origin-0>origin</a> is the <a href=#origin-0>origin</a> of the
+ <dd>The <a href=#origin>origin</a> is the <a href=#origin>origin</a> of the
<code>Document</code> or script in which the <code title="">data:</code> URL was found.</dd>
@@ -47419,7 +47453,7 @@
document's address">address</a>
"<code><a href=#about:blank>about:blank</a></code>"</dt>
- <dd>The <a href=#origin-0>origin</a> of the <code>Document</code> is <a href=#about-blank-origin>the <span>origin</span> it was
+ <dd>The <a href=#origin>origin</a> of the <code>Document</code> is <a href=#about-blank-origin>the <span>origin</span> it was
assigned when its browsing context was created</a>.</dd>
@@ -47428,12 +47462,12 @@
the user, a <code>Document</code> created using the <code title="">createDocument()</code> API, a <code title="">data:</code> URL returned as the location of an HTTP
redirect, etc)</dt>
- <dd>The <a href=#origin-0>origin</a> is a globally unique identifier
+ <dd>The <a href=#origin>origin</a> is a globally unique identifier
assigned when the <code>Document</code> or image is created.</dd>
</dl><p>When a <code>Document</code> is created, unless stated
otherwise above, its <a href=#effective-script-origin>effective script origin</a> is
- initialized to the <a href=#origin-0>origin</a> of the
+ initialized to the <a href=#origin>origin</a> of the
<code>Document</code>. However, the <code title=dom-document-domain><a href=#dom-document-domain>document.domain</a></code> attribute can
be used to change it.</p>
@@ -47444,36 +47478,36 @@
<dd>
<p>If value of the <a href=#media-element>media element</a>'s <code title=dom-media-currentSrc><a href=#dom-media-currentsrc>currentSrc</a></code> attribute is the
- empty string, the <a href=#origin-0>origin</a> is the same as the
- <a href=#origin-0>origin</a> of the element's <code>Document</code>'s
- <a href=#origin-0>origin</a>.</p>
+ empty string, the <a href=#origin>origin</a> is the same as the
+ <a href=#origin>origin</a> of the element's <code>Document</code>'s
+ <a href=#origin>origin</a>.</p>
- <p>Otherwise, the <a href=#origin-0>origin</a> is equal to the
- <a href=#origin-0>origin</a> of the <a href=#absolute-url>absolute URL</a> given by the
+ <p>Otherwise, the <a href=#origin>origin</a> is equal to the
+ <a href=#origin>origin</a> of the <a href=#absolute-url>absolute URL</a> given by the
<a href=#media-element>media element</a>'s <code title=dom-media-currentSrc><a href=#dom-media-currentsrc>currentSrc</a></code> attribute.</p>
</dd>
</dl><p>The <dfn id=unicode-serialization-of-an-origin>Unicode serialization of an origin</dfn> is the string
obtained by applying the following algorithm to the given
- <a href=#origin-0>origin</a>:</p>
+ <a href=#origin>origin</a>:</p>
- <ol><li><p>If the <a href=#origin-0>origin</a> in question is not a
+ <ol><li><p>If the <a href=#origin>origin</a> in question is not a
scheme/host/port tuple, then return the literal string "<code title="">null</code>" and abort these steps.</li>
<li><p>Otherwise, let <var title="">result</var> be the scheme part
- of the <a href=#origin-0>origin</a> tuple.</li>
+ of the <a href=#origin>origin</a> tuple.</li>
<li><p>Append the string "<code title="">://</code>" to <var title="">result</var>.</li>
<li><p>Apply the IDNA ToUnicode algorithm to each component of the
- host part of the <a href=#origin-0>origin</a> tuple, and append the results
+ host part of the <a href=#origin>origin</a> tuple, and append the results
— each component, in the same order, separated by U+002E FULL
STOP characters (".") — to <var title="">result</var>.</li>
- <li><p>If the port part of the <a href=#origin-0>origin</a> tuple gives a port
+ <li><p>If the port part of the <a href=#origin>origin</a> tuple gives a port
that is different from the default port for the protocol given by
- the scheme part of the <a href=#origin-0>origin</a> tuple, then append a
+ the scheme part of the <a href=#origin>origin</a> tuple, then append a
U+003A COLON character (":") and the given port, in base ten, to
<var title="">result</var>.</li>
@@ -47481,20 +47515,20 @@
</ol><p>The <dfn id=ascii-serialization-of-an-origin>ASCII serialization of an origin</dfn> is the string
obtained by applying the following algorithm to the given
- <a href=#origin-0>origin</a>:</p>
+ <a href=#origin>origin</a>:</p>
- <ol><li><p>If the <a href=#origin-0>origin</a> in question is not a
+ <ol><li><p>If the <a href=#origin>origin</a> in question is not a
scheme/host/port tuple, then return the literal string "<code title="">null</code>" and abort these steps.</li>
<li><p>Otherwise, let <var title="">result</var> be the scheme part
- of the <a href=#origin-0>origin</a> tuple.</li>
+ of the <a href=#origin>origin</a> tuple.</li>
<li><p>Append the string "<code title="">://</code>" to <var title="">result</var>.</li>
<li>
<p>Apply the IDNA ToASCII algorithm the host part of the
- <a href=#origin-0>origin</a> tuple, with both the AllowUnassigned and
+ <a href=#origin>origin</a> tuple, with both the AllowUnassigned and
UseSTD3ASCIIRules flags set, and append the results <var title="">result</var>.</p>
<p>If ToASCII fails to convert one of the components of the
@@ -47503,20 +47537,20 @@
</li>
- <li><p>If the port part of the <a href=#origin-0>origin</a> tuple gives a port
+ <li><p>If the port part of the <a href=#origin>origin</a> tuple gives a port
that is different from the default port for the protocol given by
- the scheme part of the <a href=#origin-0>origin</a> tuple, then append a
+ the scheme part of the <a href=#origin>origin</a> tuple, then append a
U+003A COLON character (":") and the given port, in base ten, to
<var title="">result</var>.</li>
<li><p>Return <var title="">result</var>.</li>
- </ol><p>Two <a href=#origin-0 title=origin>origins</a> are said to be the
+ </ol><p>Two <a href=#origin title=origin>origins</a> are said to be the
<dfn id=same-origin>same origin</dfn> if the following algorithm returns true:</p>
- <ol><li><p>Let <var title="">A</var> be the first <a href=#origin-0>origin</a>
+ <ol><li><p>Let <var title="">A</var> be the first <a href=#origin>origin</a>
being compared, and <var title="">B</var> be the second
- <a href=#origin-0>origin</a> being compared.</li>
+ <a href=#origin>origin</a> being compared.</li>
<li><p>If <var title="">A</var> and <var title="">B</var> are both
opaque identifiers, and their value is equal, then return
@@ -47661,7 +47695,7 @@
</ol><p>The <dfn id="the-document's-domain" title="the document's domain">domain</dfn> of a
<code>Document</code> is the host part of the document's
- <a href=#origin-0>origin</a>, if that is a scheme/host/port tuple. If it
+ <a href=#origin>origin</a>, if that is a scheme/host/port tuple. If it
isn't, then the document does not have a domain.</p>
</div>
@@ -48371,7 +48405,7 @@
<p class=note>This can happen in particular for <a href=#event-handler-dom-attributes title="event
handler DOM attributes">event handler DOM attribute</a> on
- <code><a href=#the-body-element>body</a></code> elements that do not have corresponding
+ <code><a href=#the-body-element-0>body</a></code> elements that do not have corresponding
<code><a href=#window>Window</a></code> objects.</p>
<p class=note>Certain event handler DOM attributes have additional
@@ -48596,7 +48630,7 @@
</table><hr><p>The following are the <a href=#event-handler-attributes-0>event handler attributes</a> (and
their corresponding <a href=#event-handler-event-type title="event handler event type">event
handler event types</a>) that must be supported by all <a href=#html-elements>HTML
- elements</a> other than <code><a href=#the-body-element>body</a></code>, as both content
+ elements</a> other than <code><a href=#the-body-element-0>body</a></code>, as both content
attributes and DOM attributes, and on <code>Document</code> objects,
as DOM attributes:</p>
@@ -48610,7 +48644,7 @@
handler event types</a>) that must be supported by
<code><a href=#window>Window</a></code> objects, as DOM attributes on the
<code><a href=#window>Window</a></code> object, and with corresponding content
- attributes and DOM attributes exposed on the <code><a href=#the-body-element>body</a></code> and
+ attributes and DOM attributes exposed on the <code><a href=#the-body-element-0>body</a></code> and
<code><a href=#frameset>frameset</a></code> elements:</p>
<table><thead><tr><th><a href=#event-handler-attributes-0 title="event handler attributes">event handler attribute</a> <th><a href=#event-handler-event-type>Event handler event type</a>
@@ -49273,8 +49307,8 @@
called, and that</li>
<li>have an <a href=#active-document>active document</a> whose
- <a href=#origin-0>origin</a> is the <a href=#same-origin title="same origin">same</a>
- as the <a href=#origin-0>origin</a> of the <a href=#concept-script title=concept-script>script</a> that called the <code title=dom-showModalDialog><a href=#dom-showmodaldialog>showModalDialog()</a></code> method at
+ <a href=#origin>origin</a> is the <a href=#same-origin title="same origin">same</a>
+ as the <a href=#origin>origin</a> of the <a href=#concept-script title=concept-script>script</a> that called the <code title=dom-showModalDialog><a href=#dom-showmodaldialog>showModalDialog()</a></code> method at
the time the method was called,</li> <!-- Note that changing
document.domain to talk to another domain doesn't make you able
to block that domain -->
@@ -49321,7 +49355,7 @@
<li>
<p>Let the <a href="#dialog-arguments'-origin">dialog arguments' origin</a> be the
- <a href=#origin-0>origin</a> of the <a href=#concept-script title=concept-script>script</a> that called the <code title=dom-showModalDialog><a href=#dom-showmodaldialog>showModalDialog()</a></code> method.</p>
+ <a href=#origin>origin</a> of the <a href=#concept-script title=concept-script>script</a> that called the <code title=dom-showModalDialog><a href=#dom-showmodaldialog>showModalDialog()</a></code> method.</p>
</li>
@@ -49401,7 +49435,7 @@
<p>The <dfn id=dom-windowmodal-dialogarguments title=dom-WindowModal-dialogArguments><code>dialogArguments</code></dfn>
DOM attribute, on getting, must check whether its browsing context's
- <a href=#active-document>active document</a>'s <a href=#origin-0>origin</a> is the <a href=#same-origin title="same origin">same</a> as the <a href="#dialog-arguments'-origin">dialog arguments'
+ <a href=#active-document>active document</a>'s <a href=#origin>origin</a> is the <a href=#same-origin title="same origin">same</a> as the <a href="#dialog-arguments'-origin">dialog arguments'
origin</a>. If it is, then the browsing context's <a href=#dialog-arguments>dialog
arguments</a> must be returned unchanged. Otherwise, if the
<a href=#dialog-arguments>dialog arguments</a> are an object, then the empty string
@@ -50139,7 +50173,7 @@
<dt><dfn id=concept-appcache-manifest title=concept-appcache-manifest>The manifest</dfn>
<dd>The resource corresponding to the URL that was given in a
- master entry's <code><a href=#the-html-element>html</a></code> element's <code title=attr-html-manifest><a href=#attr-html-manifest>manifest</a></code> attribute. The
+ master entry's <code><a href=#the-html-element-0>html</a></code> element's <code title=attr-html-manifest><a href=#attr-html-manifest>manifest</a></code> attribute. The
manifest is fetched and processed during the <a href=#application-cache-update-process>application
cache update process</a>. All the <a href=#concept-appcache-master title=concept-appcache-master>master entries</a> have
the <a href=#same-origin title="same origin">same origin</a> as the manifest.
@@ -51110,7 +51144,7 @@
entry</a>.</li>
<li><p>As an optimization, if the resource is an HTML or XML file
- whose root element is an <code><a href=#the-html-element>html</a></code> element with a <code title=attr-html-manifest><a href=#attr-html-manifest>manifest</a></code> attribute whose value
+ whose root element is an <code><a href=#the-html-element-0>html</a></code> element with a <code title=attr-html-manifest><a href=#attr-html-manifest>manifest</a></code> attribute whose value
doesn't match the manifest URL of the application cache being
processed, then the user agent should mark the entry as being
<a href=#concept-appcache-foreign title=concept-appcache-foreign>foreign</a>.</p>
@@ -51444,7 +51478,7 @@
match</a> for the resource's URL, then:</p>
<p><a href=#fetch>Fetch</a> the resource normally. If this results in a
- redirect to a resource with another <a href=#origin-0>origin</a>
+ redirect to a resource with another <a href=#origin>origin</a>
(indicative of a captive portal), or a 4xx or 5xx status code
<a href=#concept-http-equivalent-codes title=concept-http-equivalent-codes>or equivalent</a>,
or if there were network errors (but not if the user canceled the
@@ -51744,7 +51778,7 @@
<p>The sequence of <code>Document</code>s in a <a href=#browsing-context>browsing
context</a> is its <dfn id=session-history>session history</dfn>.</p>
- <p><code><a href=#history-1>History</a></code> objects provide a representation of the
+ <p><code><a href=#history-0>History</a></code> objects provide a representation of the
pages in the session history of <a href=#browsing-context title="browsing
context">browsing contexts</a>. Each <a href=#browsing-context>browsing
context</a>, including <a href=#nested-browsing-context>nested browsing context</a>, has
@@ -51752,19 +51786,19 @@
<p>Each <code>Document</code> object in a <a href=#browsing-context>browsing
context</a>'s <a href=#session-history>session history</a> is associated with a
- unique instance of the <code><a href=#history-1>History</a></code> object, although they
+ unique instance of the <code><a href=#history-0>History</a></code> object, although they
all must model the same underlying <a href=#session-history>session history</a>.</p>
<div class=impl>
<p>The <dfn id=dom-history title=dom-history><code>history</code></dfn> attribute
of the <code><a href=#window>Window</a></code> interface must return the object
- implementing the <code><a href=#history-1>History</a></code> interface for that
+ implementing the <code><a href=#history-0>History</a></code> interface for that
<code><a href=#window>Window</a></code> object's <code>Document</code>.</p>
</div>
- <p><code><a href=#history-1>History</a></code> objects represent their <a href=#browsing-context>browsing
+ <p><code><a href=#history-0>History</a></code> objects represent their <a href=#browsing-context>browsing
context</a>'s session history as a flat list of <a href=#session-history-entry title="session history entry">session history entries</a>. Each
<dfn id=session-history-entry>session history entry</dfn> consists of either a
<a href=#url>URL</a> or a <a href=#state-object>state object</a>, or both<span class=impl>, and may in addition have a title, a
@@ -51834,9 +51868,9 @@
<code>Document</code> is evicted.</p>
- <h4 id=the-history-interface><span class=secno>6.10.2 </span>The <code><a href=#history-1>History</a></code> interface</h4>
+ <h4 id=the-history-interface><span class=secno>6.10.2 </span>The <code><a href=#history-0>History</a></code> interface</h4>
- <pre class=idl>interface <dfn id=history-1>History</dfn> {
+ <pre class=idl>interface <dfn id=history-0>History</dfn> {
readonly attribute long <a href=#dom-history-length title=dom-history-length>length</a>;
void <a href=#dom-history-go title=dom-history-go>go</a>(optional in long delta);
void <a href=#dom-history-back title=dom-history-back>back</a>();
@@ -51901,11 +51935,11 @@
</dd>
- </dl><p>The <dfn id=joint-session-history>joint session history</dfn> of a <code><a href=#history-1>History</a></code>
+ </dl><p>The <dfn id=joint-session-history>joint session history</dfn> of a <code><a href=#history-0>History</a></code>
object is the union of all the <a href=#session-history title="session history">session
histories</a> of all <a href=#browsing-context title="browsing context">browsing
contexts</a> of all the <a href=#fully-active>fully active</a>
- <code>Document</code> objects that share the <code><a href=#history-1>History</a></code>
+ <code>Document</code> objects that share the <code><a href=#history-0>History</a></code>
object's <a href=#top-level-browsing-context>top-level browsing context</a>.</p>
<p>Entries in the <a href=#joint-session-history>joint session history</a> are ordered
@@ -51926,7 +51960,7 @@
<div class=impl>
<p>The <dfn id=dom-history-length title=dom-history-length><code>length</code></dfn>
- attribute of the <code><a href=#history-1>History</a></code> interface must return the
+ attribute of the <code><a href=#history-0>History</a></code> interface must return the
number of entries in the <a href=#joint-session-history>joint session history</a>.</p>
<p>The actual entries are not accessible from script.</p>
@@ -51961,7 +51995,7 @@
translate this action into the equivalent invocations of the <code title=dom-history-go><a href=#dom-history-go>history.go(<var title="">delta</var>)</a></code>
method on the various affected <code title=dom-window><a href=#dom-window>window</a></code> objects.</p>
- <p>Some of the other members of the <code><a href=#history-1>History</a></code> interface
+ <p>Some of the other members of the <code><a href=#history-0>History</a></code> interface
are defined in terms of the <code title=dom-history-go><a href=#dom-history-go>go()</a></code>
method, as follows:</p>
@@ -52369,7 +52403,7 @@
<p><i>This section is non-normative.</i></p>
- <p>The <code><a href=#history-1>History</a></code> interface is not meant to place
+ <p>The <code><a href=#history-0>History</a></code> interface is not meant to place
restrictions on how implementations represent the session history to
the user.</p>
@@ -52517,7 +52551,7 @@
header whose value is determined as follows:</p>
<dl class=switch><dt>If the <a href=#navigate title=navigate>navigation</a> algorithm has
- so far contacted more than one <a href=#origin-0>origin</a></dt>
+ so far contacted more than one <a href=#origin>origin</a></dt>
<dt>If there is no <a href=#source-browsing-context>source browsing context</a></dt>
<dd>The value must be the string "<code title="">null</code>".</dd>
@@ -52525,7 +52559,7 @@
<dt>Otherwise</dt>
<dd>The value must be the <a href=#ascii-serialization-of-an-origin title="ASCII serialization of an
- origin">ASCII serialization</a> of the <a href=#origin-0>origin</a> of
+ origin">ASCII serialization</a> of the <a href=#origin>origin</a> of
the <a href=#active-document>active document</a> of the <a href=#source-browsing-context>source browsing
context</a> at the time the navigation was started.</dd>
@@ -52752,12 +52786,12 @@
<ol><li><p>Remove all the entries after the <a href=#current-entry>current
entry</a> in the <a href=#browsing-context>browsing context</a>'s
- <code>Document</code> object's <code><a href=#history-1>History</a></code> object.</p>
+ <code>Document</code> object's <code><a href=#history-0>History</a></code> object.</p>
<p class=note>This <a href=#history-notes>doesn't
necessarily have to affect</a> the user agent's user
interface.</p> </li>
- <li><p>Append a new entry at the end of the <code><a href=#history-1>History</a></code>
+ <li><p>Append a new entry at the end of the <code><a href=#history-0>History</a></code>
object representing the new resource and its
<code>Document</code> object and related state.</li>
@@ -52845,7 +52879,7 @@
character encoding.</p>
<p>If the root element, as parsed according to the XML
- specifications cited above, is found to be an <code><a href=#the-html-element>html</a></code>
+ specifications cited above, is found to be an <code><a href=#the-html-element-0>html</a></code>
element with an attribute <code title=attr-html-manifest><a href=#attr-html-manifest>manifest</a></code>, then, as soon as the
element is <a href=#insert-an-element-into-a-document title="insert an element into a document">inserted
into the document</a>, the user agent must <a href=#resolve-a-url title="resolve a
@@ -52919,9 +52953,9 @@
before the page has finished parsing, the user agent must
<a href=#update-the-session-history-with-the-new-page>update the session history with the new page</a>.</p>
- <p>User agents may add content to the <code><a href=#the-head-element>head</a></code> element of
+ <p>User agents may add content to the <code><a href=#the-head-element-0>head</a></code> element of
the <code>Document</code>, e.g. linking to stylesheet or an XBL
- binding, providing script, giving the document a <code><a href=#the-title-element>title</a></code>,
+ binding, providing script, giving the document a <code><a href=#the-title-element-0>title</a></code>,
etc.</p>
@@ -52930,10 +52964,10 @@
<p>When an image resource is to be loaded in a <a href=#browsing-context>browsing
context</a>, the user agent should <a href=#create-a-document-object>create a
<code>Document</code> object</a>, mark it as being an <a href=#html-documents title="HTML documents">HTML document</a>, append an
- <code><a href=#the-html-element>html</a></code> element to the <code>Document</code>, append a
- <code><a href=#the-head-element>head</a></code> element and a <code><a href=#the-body-element>body</a></code> element to the
- <code><a href=#the-html-element>html</a></code> element, append an <code><a href=#the-img-element>img</a></code> to the
- <code><a href=#the-body-element>body</a></code> element, and set the <code title=attr-img-src><a href=#attr-img-src>src</a></code> attribute of the <code><a href=#the-img-element>img</a></code>
+ <code><a href=#the-html-element-0>html</a></code> element to the <code>Document</code>, append a
+ <code><a href=#the-head-element-0>head</a></code> element and a <code><a href=#the-body-element-0>body</a></code> element to the
+ <code><a href=#the-html-element-0>html</a></code> element, append an <code><a href=#the-img-element>img</a></code> to the
+ <code><a href=#the-body-element-0>body</a></code> element, and set the <code title=attr-img-src><a href=#attr-img-src>src</a></code> attribute of the <code><a href=#the-img-element>img</a></code>
element to the address of the image.</p>
<!-- next three paragraphs are similar to the navigate-text section,
@@ -52951,10 +52985,10 @@
before the page has finished fully loading, the user agent must
<a href=#update-the-session-history-with-the-new-page>update the session history with the new page</a>.</p>
- <p>User agents may add content to the <code><a href=#the-head-element>head</a></code> element of
+ <p>User agents may add content to the <code><a href=#the-head-element-0>head</a></code> element of
the <code>Document</code>, or attributes to the <code><a href=#the-img-element>img</a></code>
element, e.g. to link to stylesheet or an XBL binding, to provide a
- script, to give the document a <code><a href=#the-title-element>title</a></code>, etc.</p>
+ script, to give the document a <code><a href=#the-title-element-0>title</a></code>, etc.</p>
<h4 id=read-plugin><span class=secno>6.11.6 </span><dfn title=navigate-plugin>Page load processing model for content that uses plugins</dfn></h4>
@@ -52963,10 +52997,10 @@
is to be loaded in a <a href=#browsing-context>browsing context</a>, the user agent
should <a href=#create-a-document-object>create a <code>Document</code> object</a>, mark it
as being an <a href=#html-documents title="HTML documents">HTML document</a>,
- append an <code><a href=#the-html-element>html</a></code> element to the <code>Document</code>,
- append a <code><a href=#the-head-element>head</a></code> element and a <code><a href=#the-body-element>body</a></code> element
- to the <code><a href=#the-html-element>html</a></code> element, append an <code><a href=#the-embed-element>embed</a></code> to
- the <code><a href=#the-body-element>body</a></code> element, and set the <code title=attr-embed-src><a href=#attr-embed-src>src</a></code> attribute of the
+ append an <code><a href=#the-html-element-0>html</a></code> element to the <code>Document</code>,
+ append a <code><a href=#the-head-element-0>head</a></code> element and a <code><a href=#the-body-element-0>body</a></code> element
+ to the <code><a href=#the-html-element-0>html</a></code> element, append an <code><a href=#the-embed-element>embed</a></code> to
+ the <code><a href=#the-body-element-0>body</a></code> element, and set the <code title=attr-embed-src><a href=#attr-embed-src>src</a></code> attribute of the
<code><a href=#the-embed-element>embed</a></code> element to the address of the resource.</p>
<!-- next three paragraphs are similar to the navigate-text section,
@@ -52984,10 +53018,10 @@
before the page has finished fully loading, the user agent must
<a href=#update-the-session-history-with-the-new-page>update the session history with the new page</a>.</p>
- <p>User agents may add content to the <code><a href=#the-head-element>head</a></code> element of
+ <p>User agents may add content to the <code><a href=#the-head-element-0>head</a></code> element of
the <code>Document</code>, or attributes to the <code><a href=#the-embed-element>embed</a></code>
element, e.g. to link to stylesheet or an XBL binding, or to give
- the document a <code><a href=#the-title-element>title</a></code>.</p>
+ the document a <code><a href=#the-title-element-0>title</a></code>.</p>
<p class=note id=sandboxPluginNavigate>If the <a href=#sandboxed-plugins-browsing-context-flag>sandboxed
plugins browsing context flag</a> is set on the <a href=#browsing-context>browsing
@@ -53029,10 +53063,10 @@
<ol><li><p>Remove all the entries after the <a href=#current-entry>current entry</a>
in the <a href=#browsing-context>browsing context</a>'s <code>Document</code>
- object's <code><a href=#history-1>History</a></code> object.</p> <p class=note>This <a href=#history-notes>doesn't necessarily have to affect</a> the
+ object's <code><a href=#history-0>History</a></code> object.</p> <p class=note>This <a href=#history-notes>doesn't necessarily have to affect</a> the
user agent's user interface.</p> </li>
- <li><p>Append a new entry at the end of the <code><a href=#history-1>History</a></code>
+ <li><p>Append a new entry at the end of the <code><a href=#history-0>History</a></code>
object representing the new resource and its <code>Document</code>
object and related state, and set its URL to the address to which
the user agent was <a href=#navigate title=navigate>navigating</a>. (This
@@ -53116,7 +53150,7 @@
<li><p>If appropriate, update the <a href=#current-entry>current entry</a> in the
<a href=#browsing-context>browsing context</a>'s <code>Document</code> object's
- <code><a href=#history-1>History</a></code> object to reflect any state that the user
+ <code><a href=#history-0>History</a></code> object to reflect any state that the user
agent wishes to persist.</p>
<p class=example>For example, some user agents might want to
persist the scroll position, or the values of form controls.</p>
@@ -53128,9 +53162,9 @@
<ol><li>If the browsing context is a <a href=#top-level-browsing-context>top-level browsing
context</a> (and not an <a href=#auxiliary-browsing-context>auxiliary browsing
- context</a>), and the <a href=#origin-0>origin</a> of the
+ context</a>), and the <a href=#origin>origin</a> of the
<code>Document</code> of the <i>specified entry</i> is not the
- <a href=#same-origin title="same origin">same</a> as the <a href=#origin-0>origin</a>
+ <a href=#same-origin title="same origin">same</a> as the <a href=#origin>origin</a>
of the <code>Document</code> of the <a href=#current-entry>current entry</a>,
then the following sub-sub-steps must be run:
@@ -53408,7 +53442,7 @@
<p>Otherwise, if the hyperlink element is an <code><a href=#the-a-element>a</a></code> or
<code><a href=#the-area-element>area</a></code> element with no <code title=attr-hyperlink-target><a href=#attr-hyperlink-target>target</a></code> attribute, but one of
- the child nodes of <a href=#the-head-element-0>the <code>head</code> element</a> is a
+ the child nodes of <a href=#the-head-element>the <code>head</code> element</a> is a
<code><a href=#the-base-element>base</a></code> element with a <code title=attr-base-target><a href=#attr-base-target>target</a></code> attribute, then the browsing
context that is navigated must be chosen by applying <a href=#the-rules-for-choosing-a-browsing-context-given-a-browsing-context-name>the rules
for choosing a browsing context given a browsing context name</a>,
@@ -53495,7 +53529,7 @@
</dl><p>In addition, an <code title=http-origin>Origin</code> header
must always be included, whose value is the <a href=#ascii-serialization-of-an-origin title="ASCII
serialization of an origin">ASCII serialization</a> of the
- <a href=#origin-0>origin</a> of the <code>Document</code> containing the
+ <a href=#origin>origin</a> of the <code>Document</code> containing the
<a href=#hyperlink>hyperlink</a>.</p>
<p class=note>To save bandwidth, implementors might also wish to
@@ -54786,7 +54820,7 @@
<p>When an element is <i>focused</i>, key events received by the
document must be targeted at that element. There may be no element
focused; when no element is focused, key events received by the
- document must be targeted at <a href=#the-body-element-0>the body element</a>.</p>
+ document must be targeted at <a href=#the-body-element>the body element</a>.</p>
<p>User agents may track focus for each <a href=#browsing-context>browsing
context</a> or <code>Document</code> individually, or may support
@@ -54999,7 +55033,7 @@
</ol><p>When an element that is focused stops being a
<a href=#focusable>focusable</a> element, or stops being focused without
another element being explicitly focused in its stead, the user
- agent should run the <a href=#focusing-steps>focusing steps</a> for <a href=#the-body-element-0>the body
+ agent should run the <a href=#focusing-steps>focusing steps</a> for <a href=#the-body-element>the body
element</a>, if there is one; if there is not, then the user
agent should run the <a href=#unfocusing-steps>unfocusing steps</a> for the affected
element only.</p>
@@ -55050,7 +55084,7 @@
<p>The <dfn id=dom-document-activeelement title=dom-document-activeElement><code>activeElement</code></dfn>
attribute on <code>DocumentHTML</code> objects must return the
element in the document that is focused. If no element in the
- <code>Document</code> is focused, this must return <a href=#the-body-element-0>the body
+ <code>Document</code> is focused, this must return <a href=#the-body-element>the body
element</a>.</p>
<p>The <dfn id=dom-document-hasfocus title=dom-document-hasFocus><code>hasFocus()</code></dfn> method
@@ -55123,7 +55157,7 @@
<li><p>Unmark the element as <i><a href=#locked-for-focus>locked for focus</a></i>.</li>
</ol><p>The <dfn id=dom-blur title=dom-blur><code>blur()</code></dfn> method, when
- invoked, should run the <a href=#focusing-steps>focusing steps</a> for <a href=#the-body-element-0>the
+ invoked, should run the <a href=#focusing-steps>focusing steps</a> for <a href=#the-body-element>the
body element</a>, if there is one; if there is not, then it
should run the <a href=#unfocusing-steps>unfocusing steps</a> for the element on
which the method was called instead. User agents may selectively or
@@ -55943,7 +55977,7 @@
triggered by other commands as well. It must cause the user agent
to insert the specified text (given by the event object's <code title="">data</code> attribute in the case of the <code title=event-textInput>textInput</code> event) at the caret.</p>
- <p>If the caret is positioned somewhere where <a href=#phrasing-content-0>phrasing
+ <p>If the caret is positioned somewhere where <a href=#phrasing-content>phrasing
content</a> is not allowed (e.g. inside an empty <code><a href=#the-ol-element>ol</a></code>
element), then the user agent must not insert the text directly at
the caret position. In such cases the behavior is UA-dependent,
@@ -55991,7 +56025,7 @@
typically found within a poem verse or an address. To insert a line
break, the user agent must insert a <code><a href=#the-br-element>br</a></code> element.</p>
- <p>If the caret is positioned somewhere where <a href=#phrasing-content-0>phrasing
+ <p>If the caret is positioned somewhere where <a href=#phrasing-content>phrasing
content</a> is not allowed (e.g. in an empty <code><a href=#the-ol-element>ol</a></code>
element), then the user agent must not insert the <code><a href=#the-br-element>br</a></code>
element directly at the caret position. In such cases the behavior
@@ -56711,7 +56745,7 @@
<td><code title="">none</code></td>
<td>Continue the drag-and-drop operation</td>
<tr><td><dfn id=event-dragenter title=event-dragenter><code>dragenter</code></dfn></td>
- <td><a href=#immediate-user-selection>Immediate user selection</a> or <a href=#the-body-element-0>the body element</a></td>
+ <td><a href=#immediate-user-selection>Immediate user selection</a> or <a href=#the-body-element>the body element</a></td>
<td>✓ Bubbles</td>
<td>✓ Cancelable</td>
<td>Empty</td>
@@ -57070,12 +57104,12 @@
<li>
<p>Otherwise, if the <a href=#current-target-element>current target element</a> is
- not <a href=#the-body-element-0>the body element</a>, the user agent must fire a
+ not <a href=#the-body-element>the body element</a>, the user agent must fire a
<code title=event-dragenter><a href=#event-dragenter>dragenter</a></code> event at
- <a href=#the-body-element-0>the body element</a>, and the <a href=#current-target-element>current target
- element</a> must be set to <a href=#the-body-element-0>the body element</a>,
+ <a href=#the-body-element>the body element</a>, and the <a href=#current-target-element>current target
+ element</a> must be set to <a href=#the-body-element>the body element</a>,
regardless of whether that event was canceled or not. (If
- <a href=#the-body-element-0>the body element</a> is null, then the <a href=#current-target-element>current
+ <a href=#the-body-element>the body element</a> is null, then the <a href=#current-target-element>current
target element</a> would be set to null too in this case,
it wouldn't be set to the <code>Document</code> object.)</p>
@@ -58035,9 +58069,9 @@
for every position in the selection, take the furthest
<a href=#formatblock-candidate><code title="">formatBlock</code> candidate</a>
ancestor element of that position that contains only
- <a href=#phrasing-content-0>phrasing content</a>, and, if that element is
+ <a href=#phrasing-content>phrasing content</a>, and, if that element is
<a href=#editable>editable</a> and has a parent element whose content
- model allows that parent to contain any <a href=#flow-content-0>flow
+ model allows that parent to contain any <a href=#flow-content>flow
content</a>, replace it with an element in the HTML namespace
whose name is <var title="">value</var>, and move all the
children that were in it to the new element.</p>
@@ -58100,7 +58134,7 @@
that <a href=#contenteditable-delete>the selection be
deleted</a>.</li>
<li><p>Invoke the <a href=#html-fragment-parsing-algorithm>HTML fragment parsing algorithm</a>
- with an arbitrary orphan <code><a href=#the-body-element>body</a></code> element owned by the
+ with an arbitrary orphan <code><a href=#the-body-element-0>body</a></code> element owned by the
same <code>Document</code> as the <i><a href=#context>context</a></i> element and with
the <var title="">value</var> argument as <i><a href=#the-input-element>input</a></i>.</li>
<li><p>Insert the nodes returned by the previous step into the
@@ -58386,7 +58420,7 @@
<p>The <dfn id=dom-messageevent-origin title=dom-MessageEvent-origin><code>origin</code></dfn> attribute
represents, in <span>server-sent events</span> and
- <a href=#crossDocumentMessages>cross-document messaging</a>, the <a href=#origin-0>origin</a> of
+ <a href=#crossDocumentMessages>cross-document messaging</a>, the <a href=#origin>origin</a> of
the document that sent the message (typically the scheme, hostname,
and port of the document, but not its path or fragment
identifier).</p>
@@ -58519,7 +58553,7 @@
<h5 id=user-agents><span class=secno>8.2.2.2 </span>User agents</h5>
<p>The integrity of this API is based on the inability for scripts
- of one <a href=#origin-0>origin</a> to post arbitrary events (using <code title="">dispatchEvent()</code> or otherwise) to objects in other
+ of one <a href=#origin>origin</a> to post arbitrary events (using <code title="">dispatchEvent()</code> or otherwise) to objects in other
origins (those that are not the <a href=#same-origin title="same
origin">same</a>).</p>
@@ -58603,7 +58637,7 @@
not cancelable, and has no default action. The <code title=dom-MessageEvent-data><a href=#dom-messageevent-data>data</a></code> attribute must be set to
the value of <var title="">message clone</var>, the <code title=dom-MessageEvent-origin><a href=#dom-messageevent-origin>origin</a></code> attribute must be
set to the <a href=#unicode-serialization-of-an-origin title="Unicode serialization of an
- origin">Unicode serialization</a> of the <a href=#origin-0>origin</a> of
+ origin">Unicode serialization</a> of the <a href=#origin>origin</a> of
the script that invoked the method, and the <code title=dom-MessageEvent-source><a href=#dom-messageevent-source>source</a></code> attribute must be
set to the <a href="#script's-global-object">script's global object</a>.</p> <!--
invariant: the global scope is always a Window if the script can
@@ -58709,7 +58743,7 @@
not cancelable, and has no default action. The <code title=dom-MessageEvent-data><a href=#dom-messageevent-data>data</a></code> attribute must be set to
the value of <var title="">message clone</var>, the <code title=dom-MessageEvent-origin><a href=#dom-messageevent-origin>origin</a></code> attribute must be
set to the <a href=#unicode-serialization-of-an-origin title="Unicode serialization of an
- origin">Unicode serialization</a> of the <a href=#origin-0>origin</a> of
+ origin">Unicode serialization</a> of the <a href=#origin>origin</a> of
the script that invoked the method, and the <code title=dom-MessageEvent-source><a href=#dom-messageevent-source>source</a></code> attribute must be
set to the <a href="#script's-global-object">script's global object</a>.</p> <!--
invariant: the global scope is always a Window if the script can
@@ -59191,7 +59225,7 @@
<li>Any number of <a href=#syntax-comments title=syntax-comments>comments</a> and
<a href=#space-character title="space character">space characters</a>.</li>
- <li>The root element, in the form of an <code><a href=#the-html-element>html</a></code> <a href=#syntax-elements title=syntax-elements>element</a>.</li>
+ <li>The root element, in the form of an <code><a href=#the-html-element-0>html</a></code> <a href=#syntax-elements title=syntax-elements>element</a>.</li>
<li>Any number of <a href=#syntax-comments title=syntax-comments>comments</a> and
<a href=#space-character title="space character">space characters</a>.</li>
@@ -59205,19 +59239,19 @@
<div class=note>
- <p>Space characters before the root <code><a href=#the-html-element>html</a></code> element, and
- space characters at the start of the <code><a href=#the-html-element>html</a></code> element and
- before the <code><a href=#the-head-element>head</a></code> element, will be dropped when the
+ <p>Space characters before the root <code><a href=#the-html-element-0>html</a></code> element, and
+ space characters at the start of the <code><a href=#the-html-element-0>html</a></code> element and
+ before the <code><a href=#the-head-element-0>head</a></code> element, will be dropped when the
document is parsed; space characters <em>after</em> the root
- <code><a href=#the-html-element>html</a></code> element will be parsed as if they were at the end
- of the <code><a href=#the-body-element>body</a></code> element. Thus, space characters around the
+ <code><a href=#the-html-element-0>html</a></code> element will be parsed as if they were at the end
+ of the <code><a href=#the-body-element-0>body</a></code> element. Thus, space characters around the
root element do not round-trip.</p>
<p>It is suggested that newlines be inserted after the DOCTYPE,
after any comments that are before the root element, after the
- <code><a href=#the-html-element>html</a></code> element's start tag (if it is not <a href=#syntax-tag-omission title=syntax-tag-omission>omitted</a>), and after any comments
- that are inside the <code><a href=#the-html-element>html</a></code> element but before the
- <code><a href=#the-head-element>head</a></code> element.</p>
+ <code><a href=#the-html-element-0>html</a></code> element's start tag (if it is not <a href=#syntax-tag-omission title=syntax-tag-omission>omitted</a>), and after any comments
+ that are inside the <code><a href=#the-html-element-0>html</a></code> element but before the
+ <code><a href=#the-head-element-0>head</a></code> element.</p>
</div>
@@ -59298,7 +59332,7 @@
<dt>RCDATA elements</dt>
- <dd><code><a href=#the-textarea-element>textarea</a></code>, <code><a href=#the-title-element>title</a></code></dd>
+ <dd><code><a href=#the-textarea-element>textarea</a></code>, <code><a href=#the-title-element-0>title</a></code></dd>
<dt>Foreign elements</dt>
@@ -59576,42 +59610,42 @@
<p class=note>Omitting an element's <a href=#syntax-start-tag title=syntax-start-tag>start tag</a> does not mean the element
is not present; it is implied, but it is still there. An HTML
- document always has a root <code><a href=#the-html-element>html</a></code> element, even if the
+ document always has a root <code><a href=#the-html-element-0>html</a></code> element, even if the
string <code title=""><html></code> doesn't appear anywhere in
the markup.</p>
<!-- <html> -->
- <p>An <code><a href=#the-html-element>html</a></code> element's <a href=#syntax-start-tag title=syntax-start-tag>start tag</a> may be omitted if the
- first thing inside the <code><a href=#the-html-element>html</a></code> element is not a <a href=#syntax-comments title=syntax-comments>comment</a>.</p>
+ <p>An <code><a href=#the-html-element-0>html</a></code> element's <a href=#syntax-start-tag title=syntax-start-tag>start tag</a> may be omitted if the
+ first thing inside the <code><a href=#the-html-element-0>html</a></code> element is not a <a href=#syntax-comments title=syntax-comments>comment</a>.</p>
<!-- </html> -->
- <p>An <code><a href=#the-html-element>html</a></code> element's <a href=#syntax-end-tag title=syntax-end-tag>end
- tag</a> may be omitted if the <code><a href=#the-html-element>html</a></code> element is not
+ <p>An <code><a href=#the-html-element-0>html</a></code> element's <a href=#syntax-end-tag title=syntax-end-tag>end
+ tag</a> may be omitted if the <code><a href=#the-html-element-0>html</a></code> element is not
immediately followed by a <a href=#syntax-comments title=syntax-comments>comment</a>.</p>
<!-- <head> -->
- <p>A <code><a href=#the-head-element>head</a></code> element's <a href=#syntax-start-tag title=syntax-start-tag>start tag</a> may be omitted <!--if the
+ <p>A <code><a href=#the-head-element-0>head</a></code> element's <a href=#syntax-start-tag title=syntax-start-tag>start tag</a> may be omitted <!--if the
element is empty, or--> if the first thing inside the
- <code><a href=#the-head-element>head</a></code> element is an element.</p>
+ <code><a href=#the-head-element-0>head</a></code> element is an element.</p>
<!-- </head> -->
- <p>A <code><a href=#the-head-element>head</a></code> element's <a href=#syntax-end-tag title=syntax-end-tag>end
- tag</a> may be omitted if the <code><a href=#the-head-element>head</a></code> element is not
+ <p>A <code><a href=#the-head-element-0>head</a></code> element's <a href=#syntax-end-tag title=syntax-end-tag>end
+ tag</a> may be omitted if the <code><a href=#the-head-element-0>head</a></code> element is not
immediately followed by a <a href=#space-character>space character</a> or a <a href=#syntax-comments title=syntax-comments>comment</a>.</p>
<!-- <body> -->
- <p>A <code><a href=#the-body-element>body</a></code> element's <a href=#syntax-start-tag title=syntax-start-tag>start tag</a> may be omitted if the
- element is empty, or if the first thing inside the <code><a href=#the-body-element>body</a></code>
+ <p>A <code><a href=#the-body-element-0>body</a></code> element's <a href=#syntax-start-tag title=syntax-start-tag>start tag</a> may be omitted if the
+ element is empty, or if the first thing inside the <code><a href=#the-body-element-0>body</a></code>
element is not a <a href=#space-character>space character</a> or a <a href=#syntax-comments title=syntax-comments>comment</a>, except if the first thing
- inside the <code><a href=#the-body-element>body</a></code> element is a <code><a href=#script>script</a></code> or
+ inside the <code><a href=#the-body-element-0>body</a></code> element is a <code><a href=#script>script</a></code> or
<code><a href=#the-style-element>style</a></code> element. <!-- Note that even if the </head> end
tag is present, the parser makes <style> and <script> elements
between </head> and <body> end up in the <head> instead of implying
the <body> --></p>
<!-- </body> -->
- <p>A <code><a href=#the-body-element>body</a></code> element's <a href=#syntax-end-tag title=syntax-end-tag>end
- tag</a> may be omitted if the <code><a href=#the-body-element>body</a></code> element is not
+ <p>A <code><a href=#the-body-element-0>body</a></code> element's <a href=#syntax-end-tag title=syntax-end-tag>end
+ tag</a> may be omitted if the <code><a href=#the-body-element-0>body</a></code> element is not
immediately followed by a <a href=#syntax-comments title=syntax-comments>comment</a>.</p>
<!-- </li> -->
@@ -60653,7 +60687,7 @@
<a href=#secondary-insertion-mode>secondary insertion mode</a> be "<a href=#parsing-main-inbody title="insertion
mode: in body">in body</a>", and abort these steps.</li>
- <li>If <var title="">node</var> is a <code><a href=#the-head-element>head</a></code> element,
+ <li>If <var title="">node</var> is a <code><a href=#the-head-element-0>head</a></code> element,
then switch the <a href=#insertion-mode>insertion mode</a> to "<a href=#parsing-main-inbody title="insertion mode: in body">in body</a>" ("<a href=#parsing-main-inbody title="insertion mode: in body">in body</a>"! <em> not "<a href=#parsing-main-inhead title="insertion mode: in head">in head</a>"</em>!) and abort
these steps. (<a href=#fragment-case>fragment case</a>)</li> <!-- This is only
here for now in case people think that the spec accidentally
@@ -60669,7 +60703,7 @@
is set from another browsing context on a document with designMode
set?) -->
- <li>If <var title="">node</var> is a <code><a href=#the-body-element>body</a></code> element,
+ <li>If <var title="">node</var> is a <code><a href=#the-body-element-0>body</a></code> element,
then switch the <a href=#insertion-mode>insertion mode</a> to "<a href=#parsing-main-inbody title="insertion mode: in body">in body</a>" and abort these
steps.</li>
@@ -60677,7 +60711,7 @@
then switch the <a href=#insertion-mode>insertion mode</a> to "<a href=#parsing-main-inframeset title="insertion mode: in frameset">in frameset</a>" and abort
these steps. (<a href=#fragment-case>fragment case</a>)</li>
- <li>If <var title="">node</var> is an <code><a href=#the-html-element>html</a></code> element,
+ <li>If <var title="">node</var> is an <code><a href=#the-html-element-0>html</a></code> element,
then: if the <a href=#head-element-pointer><code title="">head</code> element
pointer</a> is null, switch the <a href=#insertion-mode>insertion mode</a> to
"<a href=#the-before-head-insertion-mode title="insertion mode: before head">before head</a>",
@@ -60706,17 +60740,17 @@
<p>The "<a href=#the-before-html-insertion-mode title="insertion mode: before html">before
html</a>" <a href=#insertion-mode>insertion mode</a> creates the
- <code><a href=#the-html-element>html</a></code> root element node, which is then added to the
+ <code><a href=#the-html-element-0>html</a></code> root element node, which is then added to the
stack.</p>
<p>In the <a href=#fragment-case>fragment case</a>, the <a href=#stack-of-open-elements>stack of open
- elements</a> is initialized to contain an <code><a href=#the-html-element>html</a></code>
+ elements</a> is initialized to contain an <code><a href=#the-html-element-0>html</a></code>
element that is created as part of <a href=#html-fragment-parsing-algorithm title="html fragment
parsing algorithm">that algorithm</a>. (The <a href=#fragment-case>fragment
case</a> skips the "<a href=#the-before-html-insertion-mode title="insertion mode: before
html">before html</a>" <a href=#insertion-mode>insertion mode</a>.)</p>
- <p>The <code><a href=#the-html-element>html</a></code> node, however it is created, is the topmost
+ <p>The <code><a href=#the-html-element-0>html</a></code> node, however it is created, is the topmost
node of the stack. It never gets popped off the stack.</p>
<p>The <dfn id=current-node>current node</dfn> is the bottommost node in this
@@ -60727,7 +60761,7 @@
one. If there is no <code><a href=#the-table-element>table</a></code> element in the <a href=#stack-of-open-elements>stack of
open elements</a> (<a href=#fragment-case>fragment case</a>), then the
<a href=#current-table>current table</a> is the first element in the <a href=#stack-of-open-elements>stack
- of open elements</a> (the <code><a href=#the-html-element>html</a></code> element).</p>
+ of open elements</a> (the <code><a href=#the-html-element-0>html</a></code> element).</p>
<p>Elements in the stack fall into the following categories:</p>
@@ -60737,7 +60771,7 @@
parsing rules: <code><a href=#the-address-element>address</a></code>, <code><a href=#the-area-element>area</a></code>,
<code><a href=#the-article-element>article</a></code>, <code><a href=#the-aside-element>aside</a></code>, <code><a href=#the-base-element>base</a></code>,
<code><a href=#basefont>basefont</a></code>, <code>bgsound</code>,
- <code><a href=#the-blockquote-element>blockquote</a></code>, <code><a href=#the-body-element>body</a></code>, <code><a href=#the-br-element>br</a></code>,
+ <code><a href=#the-blockquote-element>blockquote</a></code>, <code><a href=#the-body-element-0>body</a></code>, <code><a href=#the-br-element>br</a></code>,
<code><a href=#center>center</a></code>, <code><a href=#the-col-element>col</a></code>, <code><a href=#the-colgroup-element>colgroup</a></code>,
<code><a href=#the-command>command</a></code>, <!--v2DDATAGRID--><code>datagrid</code>,
<code><a href=#the-dd-element>dd</a></code>, <code><a href=#the-details-element>details</a></code>, <code><a href=#the-dialog-element>dialog</a></code>,
@@ -60746,7 +60780,7 @@
<code><a href=#the-figure-element>figure</a></code>, <code><a href=#the-footer-element>footer</a></code>, <code><a href=#the-form-element>form</a></code>,
<code><a href=#frame>frame</a></code>, <code><a href=#frameset>frameset</a></code>, <code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h1</a></code>,
<code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h2</a></code>, <code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h3</a></code>, <code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h4</a></code>, <code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h5</a></code>,
- <code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h6</a></code>, <code><a href=#the-head-element>head</a></code>, <code><a href=#the-header-element>header</a></code>,
+ <code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h6</a></code>, <code><a href=#the-head-element-0>head</a></code>, <code><a href=#the-header-element>header</a></code>,
<code><a href=#the-hgroup-element>hgroup</a></code>, <code><a href=#the-hr-element>hr</a></code>, <code><a href=#the-iframe-element>iframe</a></code>, <!--
<code>image</code>, (commented out because this isn't an element
that can end up on the stack, so it doesn't matter) -->
@@ -60758,14 +60792,14 @@
<code><a href=#plaintext>plaintext</a></code>, <code><a href=#the-pre-element>pre</a></code>, <code><a href=#script>script</a></code>,
<code><a href=#the-section-element>section</a></code>, <code><a href=#the-select-element>select</a></code>, <code><a href=#spacer>spacer</a></code>,
<code><a href=#the-style-element>style</a></code>, <code><a href=#the-tbody-element>tbody</a></code>, <code><a href=#the-textarea-element>textarea</a></code>,
- <code><a href=#the-tfoot-element>tfoot</a></code>, <code><a href=#the-thead-element>thead</a></code>, <code><a href=#the-title-element>title</a></code>,
+ <code><a href=#the-tfoot-element>tfoot</a></code>, <code><a href=#the-thead-element>thead</a></code>, <code><a href=#the-title-element-0>title</a></code>,
<code><a href=#the-tr-element>tr</a></code>, <code><a href=#the-ul-element>ul</a></code>, and <code>wbr</code>.</dd>
<dt><dfn id=scoping>Scoping</dfn></dt>
<dd><p>The following HTML elements introduce new <a href=#has-an-element-in-scope title="has
an element in scope">scopes</a> for various parts of the
parsing: <code><a href=#the-applet-element>applet</a></code>, <code><a href=#the-button-element>button</a></code>,
- <code><a href=#the-caption-element>caption</a></code>, <code><a href=#the-html-element>html</a></code>, <code><a href=#the-marquee-element-0>marquee</a></code>,
+ <code><a href=#the-caption-element>caption</a></code>, <code><a href=#the-html-element-0>html</a></code>, <code><a href=#the-marquee-element>marquee</a></code>,
<code><a href=#the-object-element>object</a></code>, <code><a href=#the-table-element>table</a></code>, <code><a href=#the-td-element>td</a></code>,
<code><a href=#the-th-element>th</a></code>, and SVG's <code>foreignObject</code>.</dd>
@@ -60795,12 +60829,12 @@
following elements, terminate in a failure state:</p>
<ul class=brief><li><code><a href=#the-applet-element>applet</a></code> in the HTML namespace</li>
<li><code><a href=#the-caption-element>caption</a></code> in the HTML namespace</li>
- <li><code><a href=#the-html-element>html</a></code> in the HTML namespace</li> <!-- (This can only happen if the <var title="">node</var> is the topmost node of the <span>stack of open elements</span>, and prevents the next step from being invoked if there are no more elements in the stack.) -->
+ <li><code><a href=#the-html-element-0>html</a></code> in the HTML namespace</li> <!-- (This can only happen if the <var title="">node</var> is the topmost node of the <span>stack of open elements</span>, and prevents the next step from being invoked if there are no more elements in the stack.) -->
<li><code><a href=#the-table-element>table</a></code> in the HTML namespace</li>
<li><code><a href=#the-td-element>td</a></code> in the HTML namespace</li>
<li><code><a href=#the-th-element>th</a></code> in the HTML namespace</li>
<li><code><a href=#the-button-element>button</a></code> in the HTML namespace</li>
- <li><code><a href=#the-marquee-element-0>marquee</a></code> in the HTML namespace</li>
+ <li><code><a href=#the-marquee-element>marquee</a></code> in the HTML namespace</li>
<li><code><a href=#the-object-element>object</a></code> in the HTML namespace</li>
<li><code title="">foreignObject</code> in the SVG namespace</li>
</ul></li>
@@ -60809,7 +60843,7 @@
entry in the <a href=#stack-of-open-elements>stack of open elements</a> and return to step
2. (This will never fail, since the loop will always terminate in
the previous step if the top of the stack — an
- <code><a href=#the-html-element>html</a></code> element — is reached.)</li>
+ <code><a href=#the-html-element-0>html</a></code> element — is reached.)</li>
</ol><p>The <a href=#stack-of-open-elements>stack of open elements</a> is said to <dfn id=has-an-element-in-table-scope title="has an element in table scope">have an element in <em>table
scope</em></dfn> when the following algorithm terminates in a match
@@ -60823,7 +60857,7 @@
<li><p>Otherwise, if <var title="">node</var> is one of the
following elements, terminate in a failure state:</p>
- <ul class=brief><li><code><a href=#the-html-element>html</a></code> in the HTML namespace</li> <!-- (This can only happen if the <var title="">node</var> is the topmost node of the <span>stack of open elements</span>, and prevents the next step from being invoked if there are no more elements in the stack.) -->
+ <ul class=brief><li><code><a href=#the-html-element-0>html</a></code> in the HTML namespace</li> <!-- (This can only happen if the <var title="">node</var> is the topmost node of the <span>stack of open elements</span>, and prevents the next step from being invoked if there are no more elements in the stack.) -->
<li><code><a href=#the-table-element>table</a></code> in the HTML namespace</li>
</ul></li>
@@ -60831,7 +60865,7 @@
entry in the <a href=#stack-of-open-elements>stack of open elements</a> and return to step
2. (This will never fail, since the loop will always terminate in
the previous step if the top of the stack — an
- <code><a href=#the-html-element>html</a></code> element — is reached.)</li>
+ <code><a href=#the-html-element-0>html</a></code> element — is reached.)</li>
</ol><p>Nothing happens if at any time any of the elements in the
<a href=#stack-of-open-elements>stack of open elements</a> are moved to a new location in,
@@ -60947,7 +60981,7 @@
pointer</dfn> and the <dfn id=form-element-pointer><code title="">form</code> element
pointer</dfn> are both null.</p>
- <p>Once a <code><a href=#the-head-element>head</a></code> element has been parsed (whether
+ <p>Once a <code><a href=#the-head-element-0>head</a></code> element has been parsed (whether
implicitly or explicitly) the <a href=#head-element-pointer><code title="">head</code>
element pointer</a> gets set to point to this node.</p>
@@ -62650,7 +62684,7 @@
the <a href=#stack-of-open-elements>stack of open elements</a> (<a href=#fragment-case>fragment
case</a>), then the <i><a href=#foster-parent-element>foster parent element</a></i> is the first
element in the <a href=#stack-of-open-elements>stack of open elements</a> (the
- <code><a href=#the-html-element>html</a></code> element). Otherwise, if there is a
+ <code><a href=#the-html-element-0>html</a></code> element). Otherwise, if there is a
<code><a href=#the-table-element>table</a></code> element in the <a href=#stack-of-open-elements>stack of open
elements</a>, but the last <code><a href=#the-table-element>table</a></code> element in the
<a href=#stack-of-open-elements>stack of open elements</a> has no parent, or its parent
@@ -62912,7 +62946,7 @@
<dt>Anything else</dt>
<dd>
- <p>Create an <code><a href=#the-html-element>html</a></code> element. Append it to the
+ <p>Create an <code><a href=#the-html-element-0>html</a></code> element. Append it to the
<code>Document</code> object. Put this element in the <a href=#stack-of-open-elements>stack
of open elements</a>.</p>
@@ -62972,7 +63006,7 @@
<p><a href=#insert-an-html-element>Insert an HTML element</a> for the token.</p>
<p>Set the <a href=#head-element-pointer><code title="">head</code> element pointer</a>
- to the newly created <code><a href=#the-head-element>head</a></code> element.</p>
+ to the newly created <code><a href=#the-head-element-0>head</a></code> element.</p>
<p>Switch the <a href=#insertion-mode>insertion mode</a> to "<a href=#parsing-main-inhead title="insertion mode: in head">in head</a>".</p>
@@ -63135,7 +63169,7 @@
<dd>
<p>Pop the <a href=#current-node>current node</a> (which will be the
- <code><a href=#the-head-element>head</a></code> element) off the <a href=#stack-of-open-elements>stack of open
+ <code><a href=#the-head-element-0>head</a></code> element) off the <a href=#stack-of-open-elements>stack of open
elements</a>.</p>
<p>Switch the <a href=#insertion-mode>insertion mode</a> to "<a href=#the-after-head-insertion-mode title="insertion mode: after head">after head</a>".</p>
@@ -63190,7 +63224,7 @@
<p>Pop the <a href=#current-node>current node</a> (which will be a
<code><a href=#the-noscript-element>noscript</a></code> element) from the <a href=#stack-of-open-elements>stack of open
elements</a>; the new <a href=#current-node>current node</a> will be a
- <code><a href=#the-head-element>head</a></code> element.</p>
+ <code><a href=#the-head-element-0>head</a></code> element.</p>
<p>Switch the <a href=#insertion-mode>insertion mode</a> to "<a href=#parsing-main-inhead title="insertion mode: in head">in head</a>".</p>
@@ -63372,12 +63406,12 @@
<p><a href=#parse-error>Parse error</a>.</p>
<p>If the second element on the <a href=#stack-of-open-elements>stack of open
- elements</a> is not a <code><a href=#the-body-element>body</a></code> element, or, if the
+ elements</a> is not a <code><a href=#the-body-element-0>body</a></code> element, or, if the
<a href=#stack-of-open-elements>stack of open elements</a> has only one node on it,
then ignore the token. (<a href=#fragment-case>fragment case</a>)</p>
<p>Otherwise, for each attribute on the token, check to see if
- the attribute is already present on the <code><a href=#the-body-element>body</a></code>
+ the attribute is already present on the <code><a href=#the-body-element-0>body</a></code>
element (the second element) on the <a href=#stack-of-open-elements>stack of open
elements</a>. If it is not, add the attribute and its
corresponding value to that element.</p>
@@ -63390,7 +63424,7 @@
<p><a href=#parse-error>Parse error</a>.</p>
<p>If the second element on the <a href=#stack-of-open-elements>stack of open
- elements</a> is not a <code><a href=#the-body-element>body</a></code> element, or, if the
+ elements</a> is not a <code><a href=#the-body-element-0>body</a></code> element, or, if the
<a href=#stack-of-open-elements>stack of open elements</a> has only one node on it,
then ignore the token. (<a href=#fragment-case>fragment case</a>)</p>
@@ -63404,7 +63438,7 @@
<li><p>Pop all the nodes from the bottom of the <a href=#stack-of-open-elements>stack of
open elements</a>, from the <a href=#current-node>current node</a> up to,
- but not including, the root <code><a href=#the-html-element>html</a></code> element.</p>
+ but not including, the root <code><a href=#the-html-element-0>html</a></code> element.</p>
<li><p><a href=#insert-an-html-element>Insert an HTML element</a> for the
token.</li>
@@ -63422,7 +63456,7 @@
<code><a href=#the-tbody-element>tbody</a></code> element, a <code><a href=#the-td-element>td</a></code> element, a
<code><a href=#the-tfoot-element>tfoot</a></code> element, a <code><a href=#the-th-element>th</a></code> element, a
<code><a href=#the-thead-element>thead</a></code> element, a <code><a href=#the-tr-element>tr</a></code> element, the
- <code><a href=#the-body-element>body</a></code> element, or the <code><a href=#the-html-element>html</a></code> element, then
+ <code><a href=#the-body-element-0>body</a></code> element, or the <code><a href=#the-html-element-0>html</a></code> element, then
this is a <a href=#parse-error>parse error</a>.</p> <!-- (some of those are
fragment cases) -->
@@ -63448,8 +63482,8 @@
<code><a href=#the-rt-element>rt</a></code> element, a <code><a href=#the-tbody-element>tbody</a></code> element, a
<code><a href=#the-td-element>td</a></code> element, a <code><a href=#the-tfoot-element>tfoot</a></code> element, a
<code><a href=#the-th-element>th</a></code> element, a <code><a href=#the-thead-element>thead</a></code> element, a
- <code><a href=#the-tr-element>tr</a></code> element, the <code><a href=#the-body-element>body</a></code> element, or the
- <code><a href=#the-html-element>html</a></code> element, then this is a <a href=#parse-error>parse
+ <code><a href=#the-tr-element>tr</a></code> element, the <code><a href=#the-body-element-0>body</a></code> element, or the
+ <code><a href=#the-html-element-0>html</a></code> element, then this is a <a href=#parse-error>parse
error</a>.</p> <!-- (some of those are fragment cases, e.g. for
<tbody> you'd have hit the first paragraph since the <body>
wouldn't be in scope, unless it was a fragment case) -->
@@ -64784,7 +64818,7 @@
<dd>
<p>If the <a href=#current-node>current node</a> is not the root
- <code><a href=#the-html-element>html</a></code> element, then this is a <a href=#parse-error>parse
+ <code><a href=#the-html-element-0>html</a></code> element, then this is a <a href=#parse-error>parse
error</a>.</p>
<p class=note>It can only be the <a href=#current-node>current node</a> in
@@ -64810,11 +64844,11 @@
</dl><p>When the steps above require the UA to <dfn id=clear-the-stack-back-to-a-table-context>clear the stack
back to a table context</dfn>, it means that the UA must, while
the <a href=#current-node>current node</a> is not a <code><a href=#the-table-element>table</a></code>
- element or an <code><a href=#the-html-element>html</a></code> element, pop elements from the
+ element or an <code><a href=#the-html-element-0>html</a></code> element, pop elements from the
<a href=#stack-of-open-elements>stack of open elements</a>.</p>
<p class=note>The <a href=#current-node>current node</a> being an
- <code><a href=#the-html-element>html</a></code> element after this process is a <a href=#fragment-case>fragment
+ <code><a href=#the-html-element-0>html</a></code> element after this process is a <a href=#fragment-case>fragment
case</a>.</p>
@@ -64959,7 +64993,7 @@
<dd>
<p>If the <a href=#current-node>current node</a> is the root
- <code><a href=#the-html-element>html</a></code> element, then this is a <a href=#parse-error>parse
+ <code><a href=#the-html-element-0>html</a></code> element, then this is a <a href=#parse-error>parse
error</a>; ignore the token. (<a href=#fragment-case>fragment
case</a>)</p>
@@ -64978,7 +65012,7 @@
<dt>An end-of-file token</dt>
<dd>
- <p>If the <a href=#current-node>current node</a> is the root <code><a href=#the-html-element>html</a></code>
+ <p>If the <a href=#current-node>current node</a> is the root <code><a href=#the-html-element-0>html</a></code>
element, then <a href=#stop-parsing>stop parsing</a>. (<a href=#fragment-case>fragment
case</a>)</p>
@@ -65079,12 +65113,12 @@
</dl><p>When the steps above require the UA to <dfn id=clear-the-stack-back-to-a-table-body-context>clear the stack
back to a table body context</dfn>, it means that the UA must,
while the <a href=#current-node>current node</a> is not a <code><a href=#the-tbody-element>tbody</a></code>,
- <code><a href=#the-tfoot-element>tfoot</a></code>, <code><a href=#the-thead-element>thead</a></code>, or <code><a href=#the-html-element>html</a></code>
+ <code><a href=#the-tfoot-element>tfoot</a></code>, <code><a href=#the-thead-element>thead</a></code>, or <code><a href=#the-html-element-0>html</a></code>
element, pop elements from the <a href=#stack-of-open-elements>stack of open
elements</a>.</p>
<p class=note>The <a href=#current-node>current node</a> being an
- <code><a href=#the-html-element>html</a></code> element after this process is a <a href=#fragment-case>fragment
+ <code><a href=#the-html-element-0>html</a></code> element after this process is a <a href=#fragment-case>fragment
case</a>.</p>
@@ -65171,11 +65205,11 @@
</dl><p>When the steps above require the UA to <dfn id=clear-the-stack-back-to-a-table-row-context>clear the stack
back to a table row context</dfn>, it means that the UA must,
while the <a href=#current-node>current node</a> is not a <code><a href=#the-tr-element>tr</a></code>
- element or an <code><a href=#the-html-element>html</a></code> element, pop elements from the
+ element or an <code><a href=#the-html-element-0>html</a></code> element, pop elements from the
<a href=#stack-of-open-elements>stack of open elements</a>.</p>
<p class=note>The <a href=#current-node>current node</a> being an
- <code><a href=#the-html-element>html</a></code> element after this process is a <a href=#fragment-case>fragment
+ <code><a href=#the-html-element-0>html</a></code> element after this process is a <a href=#fragment-case>fragment
case</a>.</p>
@@ -65404,7 +65438,7 @@
<dd>
<p>If the <a href=#current-node>current node</a> is not the root
- <code><a href=#the-html-element>html</a></code> element, then this is a <a href=#parse-error>parse
+ <code><a href=#the-html-element-0>html</a></code> element, then this is a <a href=#parse-error>parse
error</a>.</p>
<p class=note>It can only be the <a href=#current-node>current node</a> in
@@ -65661,7 +65695,7 @@
<dt>A comment token</dt>
<dd>
<p>Append a <code>Comment</code> node to the first element in
- the <a href=#stack-of-open-elements>stack of open elements</a> (the <code><a href=#the-html-element>html</a></code>
+ the <a href=#stack-of-open-elements>stack of open elements</a> (the <code><a href=#the-html-element-0>html</a></code>
element), with the <code title="">data</code> attribute set to
the data given in the comment token.</p>
</dd>
@@ -65743,7 +65777,7 @@
<dd>
<p>If the <a href=#current-node>current node</a> is the root
- <code><a href=#the-html-element>html</a></code> element, then this is a <a href=#parse-error>parse
+ <code><a href=#the-html-element-0>html</a></code> element, then this is a <a href=#parse-error>parse
error</a>; ignore the token. (<a href=#fragment-case>fragment
case</a>)</p>
@@ -65781,7 +65815,7 @@
<dd>
<p>If the <a href=#current-node>current node</a> is not the root
- <code><a href=#the-html-element>html</a></code> element, then this is a <a href=#parse-error>parse
+ <code><a href=#the-html-element-0>html</a></code> element, then this is a <a href=#parse-error>parse
error</a>.</p>
<p class=note>It can only be the <a href=#current-node>current node</a> in
@@ -66181,8 +66215,8 @@
<p>The parsing of this markup is straightforward up to the "3". At
this point, the DOM looks like this:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t3><code>#text</code>: <span title="">1</span><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">2</span><li class=t1><code><a href=#the-i-element>i</a></code><ul><li class=t3><code>#text</code>: <span title="">3</span></ul></ul></ul></ul></ul></ul><p>Here, the <a href=#stack-of-open-elements>stack of open elements</a> has five elements
- on it: <code><a href=#the-html-element>html</a></code>, <code><a href=#the-body-element>body</a></code>, <code><a href=#the-p-element>p</a></code>,
+ <ul class=domTree><li class=t1><code><a href=#the-html-element-0>html</a></code><ul><li class=t1><code><a href=#the-head-element-0>head</a></code><li class=t1><code><a href=#the-body-element-0>body</a></code><ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t3><code>#text</code>: <span title="">1</span><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">2</span><li class=t1><code><a href=#the-i-element>i</a></code><ul><li class=t3><code>#text</code>: <span title="">3</span></ul></ul></ul></ul></ul></ul><p>Here, the <a href=#stack-of-open-elements>stack of open elements</a> has five elements
+ on it: <code><a href=#the-html-element-0>html</a></code>, <code><a href=#the-body-element-0>body</a></code>, <code><a href=#the-p-element>p</a></code>,
<code><a href=#the-b-element>b</a></code>, and <code><a href=#the-i-element>i</a></code>. The <a href=#list-of-active-formatting-elements>list of active
formatting elements</a> just has two: <code><a href=#the-b-element>b</a></code> and
<code><a href=#the-i-element>i</a></code>. The <a href=#insertion-mode>insertion mode</a> is "<a href=#parsing-main-inbody title="insertion mode: in body">in body</a>".</p>
@@ -66191,8 +66225,8 @@
invoked. This is a simple case, in that the <var title="">formatting
element</var> is the <code><a href=#the-b-element>b</a></code> element, and there is no
<var title="">furthest block</var>. Thus, the <a href=#stack-of-open-elements>stack of open
- elements</a> ends up with just three elements: <code><a href=#the-html-element>html</a></code>,
- <code><a href=#the-body-element>body</a></code>, and <code><a href=#the-p-element>p</a></code>, while the <a href=#list-of-active-formatting-elements>list of
+ elements</a> ends up with just three elements: <code><a href=#the-html-element-0>html</a></code>,
+ <code><a href=#the-body-element-0>body</a></code>, and <code><a href=#the-p-element>p</a></code>, while the <a href=#list-of-active-formatting-elements>list of
active formatting elements</a> has just one: <code><a href=#the-i-element>i</a></code>. The
DOM tree is unmodified at this point.</p>
@@ -66203,7 +66237,7 @@
received, and the "5" text node is inserted, the DOM looks as
follows:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t3><code>#text</code>: <span title="">1</span><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">2</span><li class=t1><code><a href=#the-i-element>i</a></code><ul><li class=t3><code>#text</code>: <span title="">3</span></ul></ul><li class=t1><code><a href=#the-i-element>i</a></code><ul><li class=t3><code>#text</code>: <span title="">4</span></ul><li class=t3><code>#text</code>: <span title="">5</span></ul></ul></ul></ul><h5 id=misnested-tags:-b-p-/b-/p><span class=secno>9.2.8.2 </span>Misnested tags: <b><p></b></p></h5>
+ <ul class=domTree><li class=t1><code><a href=#the-html-element-0>html</a></code><ul><li class=t1><code><a href=#the-head-element-0>head</a></code><li class=t1><code><a href=#the-body-element-0>body</a></code><ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t3><code>#text</code>: <span title="">1</span><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">2</span><li class=t1><code><a href=#the-i-element>i</a></code><ul><li class=t3><code>#text</code>: <span title="">3</span></ul></ul><li class=t1><code><a href=#the-i-element>i</a></code><ul><li class=t3><code>#text</code>: <span title="">4</span></ul><li class=t3><code>#text</code>: <span title="">5</span></ul></ul></ul></ul><h5 id=misnested-tags:-b-p-/b-/p><span class=secno>9.2.8.2 </span>Misnested tags: <b><p></b></p></h5>
<p><i>This section is non-normative.</i></p>
@@ -66213,12 +66247,12 @@
<p>Up to the "2" the parsing here is straightforward:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">1</span><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t3><code>#text</code>: <span title="">2</span></ul></ul></ul></ul></ul><p>The interesting part is when the end tag token with the tag name
+ <ul class=domTree><li class=t1><code><a href=#the-html-element-0>html</a></code><ul><li class=t1><code><a href=#the-head-element-0>head</a></code><li class=t1><code><a href=#the-body-element-0>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">1</span><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t3><code>#text</code>: <span title="">2</span></ul></ul></ul></ul></ul><p>The interesting part is when the end tag token with the tag name
"b" is parsed.</p>
<p>Before that token is seen, the <a href=#stack-of-open-elements>stack of open
- elements</a> has four elements on it: <code><a href=#the-html-element>html</a></code>,
- <code><a href=#the-body-element>body</a></code>, <code><a href=#the-b-element>b</a></code>, and <code><a href=#the-p-element>p</a></code>. The
+ elements</a> has four elements on it: <code><a href=#the-html-element-0>html</a></code>,
+ <code><a href=#the-body-element-0>body</a></code>, <code><a href=#the-b-element>b</a></code>, and <code><a href=#the-p-element>p</a></code>. The
<a href=#list-of-active-formatting-elements>list of active formatting elements</a> just has the one:
<code><a href=#the-b-element>b</a></code>. The <a href=#insertion-mode>insertion mode</a> is "<a href=#parsing-main-inbody title="insertion mode: in body">in body</a>".</p>
@@ -66227,7 +66261,7 @@
<var title="">furthest block</var>, namely the <code><a href=#the-p-element>p</a></code> element. Thus,
this time the adoption agency algorithm isn't skipped over.</p>
- <p>The <var title="">common ancestor</var> is the <code><a href=#the-body-element>body</a></code>
+ <p>The <var title="">common ancestor</var> is the <code><a href=#the-body-element-0>body</a></code>
element. A conceptual "bookmark" marks the position of the
<code><a href=#the-b-element>b</a></code> in the <a href=#list-of-active-formatting-elements>list of active formatting
elements</a>, but since that list has only one element in it,
@@ -66241,18 +66275,18 @@
<p>The <var title="">last node</var> gets appended (moved) to the
<var title="">common ancestor</var>, so that the DOM looks like:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">1</span></ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t3><code>#text</code>: <span title="">2</span></ul></ul></ul></ul><p>A new <code><a href=#the-b-element>b</a></code> element is created, and the children of the
+ <ul class=domTree><li class=t1><code><a href=#the-html-element-0>html</a></code><ul><li class=t1><code><a href=#the-head-element-0>head</a></code><li class=t1><code><a href=#the-body-element-0>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">1</span></ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t3><code>#text</code>: <span title="">2</span></ul></ul></ul></ul><p>A new <code><a href=#the-b-element>b</a></code> element is created, and the children of the
<code><a href=#the-p-element>p</a></code> element are moved to it:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">1</span></ul><li class=t1><code><a href=#the-p-element>p</a></code></ul></ul></ul><ul class=domTree><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">2</span></ul></ul><p>Finally, the new <code><a href=#the-b-element>b</a></code> element is appended to the
+ <ul class=domTree><li class=t1><code><a href=#the-html-element-0>html</a></code><ul><li class=t1><code><a href=#the-head-element-0>head</a></code><li class=t1><code><a href=#the-body-element-0>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">1</span></ul><li class=t1><code><a href=#the-p-element>p</a></code></ul></ul></ul><ul class=domTree><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">2</span></ul></ul><p>Finally, the new <code><a href=#the-b-element>b</a></code> element is appended to the
<code><a href=#the-p-element>p</a></code> element, so that the DOM looks like:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">1</span></ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">2</span></ul></ul></ul></ul></ul><p>The <code><a href=#the-b-element>b</a></code> element is removed from the <a href=#list-of-active-formatting-elements>list of
+ <ul class=domTree><li class=t1><code><a href=#the-html-element-0>html</a></code><ul><li class=t1><code><a href=#the-head-element-0>head</a></code><li class=t1><code><a href=#the-body-element-0>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">1</span></ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">2</span></ul></ul></ul></ul></ul><p>The <code><a href=#the-b-element>b</a></code> element is removed from the <a href=#list-of-active-formatting-elements>list of
active formatting elements</a> and the <a href=#stack-of-open-elements>stack of open
elements</a>, so that when the "3" is parsed, it is appended to
the <code><a href=#the-p-element>p</a></code> element:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">1</span></ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">2</span></ul><li class=t3><code>#text</code>: <span title="">3</span></ul></ul></ul></ul><h5 id=unexpected-markup-in-tables><span class=secno>9.2.8.3 </span>Unexpected markup in tables</h5>
+ <ul class=domTree><li class=t1><code><a href=#the-html-element-0>html</a></code><ul><li class=t1><code><a href=#the-head-element-0>head</a></code><li class=t1><code><a href=#the-body-element-0>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">1</span></ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">2</span></ul><li class=t3><code>#text</code>: <span title="">3</span></ul></ul></ul></ul><h5 id=unexpected-markup-in-tables><span class=secno>9.2.8.3 </span>Unexpected markup in tables</h5>
<p><i>This section is non-normative.</i></p>
@@ -66267,11 +66301,11 @@
examining the DOM tree as it stands just after the
<code><a href=#the-table-element>table</a></code> element's start tag has been seen:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-table-element>table</a></code></ul></ul></ul><p>...and then immediately after the <code><a href=#the-b-element>b</a></code> element start
+ <ul class=domTree><li class=t1><code><a href=#the-html-element-0>html</a></code><ul><li class=t1><code><a href=#the-head-element-0>head</a></code><li class=t1><code><a href=#the-body-element-0>body</a></code><ul><li class=t1><code><a href=#the-table-element>table</a></code></ul></ul></ul><p>...and then immediately after the <code><a href=#the-b-element>b</a></code> element start
tag has been seen:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><li class=t1><code><a href=#the-table-element>table</a></code></ul></ul></ul><p>At this point, the <a href=#stack-of-open-elements>stack of open elements</a> has on it
- the elements <code><a href=#the-html-element>html</a></code>, <code><a href=#the-body-element>body</a></code>,
+ <ul class=domTree><li class=t1><code><a href=#the-html-element-0>html</a></code><ul><li class=t1><code><a href=#the-head-element-0>head</a></code><li class=t1><code><a href=#the-body-element-0>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><li class=t1><code><a href=#the-table-element>table</a></code></ul></ul></ul><p>At this point, the <a href=#stack-of-open-elements>stack of open elements</a> has on it
+ the elements <code><a href=#the-html-element-0>html</a></code>, <code><a href=#the-body-element-0>body</a></code>,
<code><a href=#the-table-element>table</a></code>, and <code><a href=#the-b-element>b</a></code> (in that order, despite the
resulting DOM tree); the <a href=#list-of-active-formatting-elements>list of active formatting
elements</a> just has the <code><a href=#the-b-element>b</a></code> element in it; and the
@@ -66287,8 +66321,8 @@
row</a>" insertion modes, after which the DOM looks as
follows:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><li class=t1><code><a href=#the-table-element>table</a></code><ul><li class=t1><code><a href=#the-tbody-element>tbody</a></code><ul><li class=t1><code><a href=#the-tr-element>tr</a></code></ul></ul></ul></ul></ul><p>Here, the <a href=#stack-of-open-elements>stack of open elements</a> has on it the
- elements <code><a href=#the-html-element>html</a></code>, <code><a href=#the-body-element>body</a></code>, <code><a href=#the-table-element>table</a></code>,
+ <ul class=domTree><li class=t1><code><a href=#the-html-element-0>html</a></code><ul><li class=t1><code><a href=#the-head-element-0>head</a></code><li class=t1><code><a href=#the-body-element-0>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><li class=t1><code><a href=#the-table-element>table</a></code><ul><li class=t1><code><a href=#the-tbody-element>tbody</a></code><ul><li class=t1><code><a href=#the-tr-element>tr</a></code></ul></ul></ul></ul></ul><p>Here, the <a href=#stack-of-open-elements>stack of open elements</a> has on it the
+ elements <code><a href=#the-html-element-0>html</a></code>, <code><a href=#the-body-element-0>body</a></code>, <code><a href=#the-table-element>table</a></code>,
<code><a href=#the-tbody-element>tbody</a></code>, and <code><a href=#the-tr-element>tr</a></code>; the <a href=#list-of-active-formatting-elements>list of active
formatting elements</a> still has the <code><a href=#the-b-element>b</a></code> element in
it; and the <a href=#insertion-mode>insertion mode</a> is "<a href=#parsing-main-intr title="insertion
@@ -66299,13 +66333,13 @@
of active formatting elements</a> (it also switches to the "<a href=#parsing-main-intd title="insertion mode: in cell">in cell</a>" <a href=#insertion-mode>insertion
mode</a>).</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><li class=t1><code><a href=#the-table-element>table</a></code><ul><li class=t1><code><a href=#the-tbody-element>tbody</a></code><ul><li class=t1><code><a href=#the-tr-element>tr</a></code><ul><li class=t1><code><a href=#the-td-element>td</a></code></ul></ul></ul></ul></ul></ul><p>The marker means that when the "aaa" character tokens are seen,
+ <ul class=domTree><li class=t1><code><a href=#the-html-element-0>html</a></code><ul><li class=t1><code><a href=#the-head-element-0>head</a></code><li class=t1><code><a href=#the-body-element-0>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><li class=t1><code><a href=#the-table-element>table</a></code><ul><li class=t1><code><a href=#the-tbody-element>tbody</a></code><ul><li class=t1><code><a href=#the-tr-element>tr</a></code><ul><li class=t1><code><a href=#the-td-element>td</a></code></ul></ul></ul></ul></ul></ul><p>The marker means that when the "aaa" character tokens are seen,
no <code><a href=#the-b-element>b</a></code> element is created to hold the resulting text
node:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><li class=t1><code><a href=#the-table-element>table</a></code><ul><li class=t1><code><a href=#the-tbody-element>tbody</a></code><ul><li class=t1><code><a href=#the-tr-element>tr</a></code><ul><li class=t1><code><a href=#the-td-element>td</a></code><ul><li class=t3><code>#text</code>: <span title="">aaa</span></ul></ul></ul></ul></ul></ul></ul><p>The end tags are handled in a straight-forward manner; after
+ <ul class=domTree><li class=t1><code><a href=#the-html-element-0>html</a></code><ul><li class=t1><code><a href=#the-head-element-0>head</a></code><li class=t1><code><a href=#the-body-element-0>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><li class=t1><code><a href=#the-table-element>table</a></code><ul><li class=t1><code><a href=#the-tbody-element>tbody</a></code><ul><li class=t1><code><a href=#the-tr-element>tr</a></code><ul><li class=t1><code><a href=#the-td-element>td</a></code><ul><li class=t3><code>#text</code>: <span title="">aaa</span></ul></ul></ul></ul></ul></ul></ul><p>The end tags are handled in a straight-forward manner; after
handling them, the <a href=#stack-of-open-elements>stack of open elements</a> has on it the
- elements <code><a href=#the-html-element>html</a></code>, <code><a href=#the-body-element>body</a></code>, <code><a href=#the-table-element>table</a></code>,
+ elements <code><a href=#the-html-element-0>html</a></code>, <code><a href=#the-body-element-0>body</a></code>, <code><a href=#the-table-element>table</a></code>,
and <code><a href=#the-tbody-element>tbody</a></code>; the <a href=#list-of-active-formatting-elements>list of active formatting
elements</a> still has the <code><a href=#the-b-element>b</a></code> element in it (the
marker having been removed by the "td" end tag token); and the
@@ -66330,8 +66364,8 @@
parent">foster parented</a>, and then the "bbb" text node is
appended to it:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">bbb</span></ul><li class=t1><code><a href=#the-table-element>table</a></code><ul><li class=t1><code><a href=#the-tbody-element>tbody</a></code><ul><li class=t1><code><a href=#the-tr-element>tr</a></code><ul><li class=t1><code><a href=#the-td-element>td</a></code><ul><li class=t3><code>#text</code>: <span title="">aaa</span></ul></ul></ul></ul></ul></ul></ul><p>The <a href=#stack-of-open-elements>stack of open elements</a> has on it the elements
- <code><a href=#the-html-element>html</a></code>, <code><a href=#the-body-element>body</a></code>, <code><a href=#the-table-element>table</a></code>,
+ <ul class=domTree><li class=t1><code><a href=#the-html-element-0>html</a></code><ul><li class=t1><code><a href=#the-head-element-0>head</a></code><li class=t1><code><a href=#the-body-element-0>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">bbb</span></ul><li class=t1><code><a href=#the-table-element>table</a></code><ul><li class=t1><code><a href=#the-tbody-element>tbody</a></code><ul><li class=t1><code><a href=#the-tr-element>tr</a></code><ul><li class=t1><code><a href=#the-td-element>td</a></code><ul><li class=t3><code>#text</code>: <span title="">aaa</span></ul></ul></ul></ul></ul></ul></ul><p>The <a href=#stack-of-open-elements>stack of open elements</a> has on it the elements
+ <code><a href=#the-html-element-0>html</a></code>, <code><a href=#the-body-element-0>body</a></code>, <code><a href=#the-table-element>table</a></code>,
<code><a href=#the-tbody-element>tbody</a></code>, and the new <code><a href=#the-b-element>b</a></code> (again, note that
this doesn't match the resulting tree!); the <a href=#list-of-active-formatting-elements>list of active
formatting elements</a> has the new <code><a href=#the-b-element>b</a></code> element in it;
@@ -66351,7 +66385,7 @@
result in yet another <code><a href=#the-b-element>b</a></code> element being created, this
time after the table:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">bbb</span></ul><li class=t1><code><a href=#the-table-element>table</a></code><ul><li class=t1><code><a href=#the-tbody-element>tbody</a></code><ul><li class=t1><code><a href=#the-tr-element>tr</a></code><ul><li class=t1><code><a href=#the-td-element>td</a></code><ul><li class=t3><code>#text</code>: <span title="">aaa</span></ul></ul></ul></ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">ccc</span></ul></ul></ul></ul><h5 id=scripts-that-modify-the-page-as-it-is-being-parsed><span class=secno>9.2.8.4 </span>Scripts that modify the page as it is being parsed</h5>
+ <ul class=domTree><li class=t1><code><a href=#the-html-element-0>html</a></code><ul><li class=t1><code><a href=#the-head-element-0>head</a></code><li class=t1><code><a href=#the-body-element-0>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">bbb</span></ul><li class=t1><code><a href=#the-table-element>table</a></code><ul><li class=t1><code><a href=#the-tbody-element>tbody</a></code><ul><li class=t1><code><a href=#the-tr-element>tr</a></code><ul><li class=t1><code><a href=#the-td-element>td</a></code><ul><li class=t3><code>#text</code>: <span title="">aaa</span></ul></ul></ul></ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">ccc</span></ul></ul></ul></ul><h5 id=scripts-that-modify-the-page-as-it-is-being-parsed><span class=secno>9.2.8.4 </span>Scripts that modify the page as it is being parsed</h5>
<p><i>This section is non-normative.</i></p>
@@ -66376,11 +66410,11 @@
<p>Up to the first "script" end tag, before the script is parsed,
the result is relatively straightforward:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-div-element>div</a></code> <span class=t2 title=""><code class="attribute name">id</code>="<code class="attribute value"><a href=#the-a-element>a</a></code>"</span><ul><li class=t3><code>#text</code>: <span title="">
+ <ul class=domTree><li class=t1><code><a href=#the-html-element-0>html</a></code><ul><li class=t1><code><a href=#the-head-element-0>head</a></code><li class=t1><code><a href=#the-body-element-0>body</a></code><ul><li class=t1><code><a href=#the-div-element>div</a></code> <span class=t2 title=""><code class="attribute name">id</code>="<code class="attribute value"><a href=#the-a-element>a</a></code>"</span><ul><li class=t3><code>#text</code>: <span title="">
</span><li class=t1><code><a href=#script>script</a></code><ul><li class=t3><code>#text</code>: <span title="">var div = document.getElementById('a'); ⏎ parent.document.body.appendChild(div);</span></ul></ul></ul></ul></ul><p>After the script is parsed, though, the <code><a href=#the-div-element>div</a></code> element
and its child <code><a href=#script>script</a></code> element are gone:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code></ul></ul><p>They are, at this point, in the <code>Document</code> of the
+ <ul class=domTree><li class=t1><code><a href=#the-html-element-0>html</a></code><ul><li class=t1><code><a href=#the-head-element-0>head</a></code><li class=t1><code><a href=#the-body-element-0>body</a></code></ul></ul><p>They are, at this point, in the <code>Document</code> of the
aforementioned outer <a href=#browsing-context>browsing context</a>. However, the
<a href=#stack-of-open-elements>stack of open elements</a> <em>still contains the
<code><a href=#the-div-element>div</a></code> element</em>.</p>
@@ -66397,7 +66431,7 @@
<p class=note>This isn't a security problem since the script that
moves the <code><a href=#the-div-element>div</a></code> into the outer <code>Document</code> can
only do so because they have the two <code>Document</code> object
- have the same <a href=#origin-0>origin</a>.</p>
+ have the same <a href=#origin>origin</a>.</p>
<p>Thus, the first alert says "http://example.com/outer".</p>
@@ -66405,7 +66439,7 @@
<code><a href=#the-div-element>div</a></code> element is popped off the stack, and so the next
<code><a href=#script>script</a></code> element is in the inner <code>Document</code>:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#script>script</a></code><ul><li class=t3><code>#text</code>: <span title="">alert(document.URL);</span></ul></ul></ul></ul><p>This second alert will say "http://example.com/inner".</p>
+ <ul class=domTree><li class=t1><code><a href=#the-html-element-0>html</a></code><ul><li class=t1><code><a href=#the-head-element-0>head</a></code><li class=t1><code><a href=#the-body-element-0>body</a></code><ul><li class=t1><code><a href=#script>script</a></code><ul><li class=t3><code>#text</code>: <span title="">alert(document.URL);</span></ul></ul></ul></ul><p>This second alert will say "http://example.com/inner".</p>
@@ -66672,7 +66706,7 @@
<p>Set the <a href=#html-parser>HTML parser</a>'s <a href=#tokenization>tokenization</a>
stage's <a href=#content-model-flag>content model flag</a> according to the <var title="">context</var> element, as follows:</p>
- <dl class=switch><dt>If it is a <code><a href=#the-title-element>title</a></code> or <code><a href=#the-textarea-element>textarea</a></code>
+ <dl class=switch><dt>If it is a <code><a href=#the-title-element-0>title</a></code> or <code><a href=#the-textarea-element>textarea</a></code>
element</dt>
<dd>Set the <a href=#content-model-flag>content model flag</a> to
@@ -66710,7 +66744,7 @@
<li>
- <p>Let <var title="">root</var> be a new <code><a href=#the-html-element>html</a></code> element
+ <p>Let <var title="">root</var> be a new <code><a href=#the-html-element-0>html</a></code> element
with no attributes.</p>
</li>
@@ -69366,9 +69400,9 @@
<var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> h1 { margin-top: 1.67em; margin-bottom: 1.67em; }
<var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> h1 { margin-top: 2.33em; margin-bottom: 2.33em; }</pre>
- <hr><p>For each property in the table below, given a <code><a href=#the-body-element>body</a></code>
+ <hr><p>For each property in the table below, given a <code><a href=#the-body-element-0>body</a></code>
element, the first attribute that exists <a href=#maps-to-the-pixel-length-property>maps to the pixel
- length property</a> on the <code><a href=#the-body-element>body</a></code> element. If none of
+ length property</a> on the <code><a href=#the-body-element-0>body</a></code> element. If none of
the attributes for a property are found, or if the value of the
attribute that was found cannot be parsed successfully, then a
default value of 8px is expected to be used for that property
@@ -69379,27 +69413,27 @@
<table><thead><tr><th>Property
<th>Source
<tbody><tr><td rowspan=3>'margin-top'
- <td><code><a href=#the-body-element>body</a></code> element's <code title=attr-body-marginheight>marginheight</code> attribute
- <tr><td>The <code><a href=#the-body-element>body</a></code> element's <a href=#container-frame-element>container frame element</a>'s <code title=attr-frame-marginheight>marginheight</code> attribute
- <tr><td><code><a href=#the-body-element>body</a></code> element's <code title=attr-body-topmargin>topmargin</code> attribute
+ <td><code><a href=#the-body-element-0>body</a></code> element's <code title=attr-body-marginheight>marginheight</code> attribute
+ <tr><td>The <code><a href=#the-body-element-0>body</a></code> element's <a href=#container-frame-element>container frame element</a>'s <code title=attr-frame-marginheight>marginheight</code> attribute
+ <tr><td><code><a href=#the-body-element-0>body</a></code> element's <code title=attr-body-topmargin>topmargin</code> attribute
<tbody><tr><td rowspan=3>'margin-right'
- <td><code><a href=#the-body-element>body</a></code> element's <code title=attr-body-marginwidth>marginwidth</code> attribute
- <tr><td>The <code><a href=#the-body-element>body</a></code> element's <a href=#container-frame-element>container frame element</a>'s <code title=attr-frame-marginwidth>marginwidth</code> attribute
- <tr><td><code><a href=#the-body-element>body</a></code> element's <code title=attr-body-rightmargin>rightmargin</code> attribute
+ <td><code><a href=#the-body-element-0>body</a></code> element's <code title=attr-body-marginwidth>marginwidth</code> attribute
+ <tr><td>The <code><a href=#the-body-element-0>body</a></code> element's <a href=#container-frame-element>container frame element</a>'s <code title=attr-frame-marginwidth>marginwidth</code> attribute
+ <tr><td><code><a href=#the-body-element-0>body</a></code> element's <code title=attr-body-rightmargin>rightmargin</code> attribute
<tbody><tr><td rowspan=3>'margin-bottom'
- <td><code><a href=#the-body-element>body</a></code> element's <code title=attr-body-marginheight>marginheight</code> attribute
- <tr><td>The <code><a href=#the-body-element>body</a></code> element's <a href=#container-frame-element>container frame element</a>'s <code title=attr-frame-marginheight>marginheight</code> attribute
- <tr><td><code><a href=#the-body-element>body</a></code> element's <code title=attr-body-bottommargin>topmargin</code> attribute
+ <td><code><a href=#the-body-element-0>body</a></code> element's <code title=attr-body-marginheight>marginheight</code> attribute
+ <tr><td>The <code><a href=#the-body-element-0>body</a></code> element's <a href=#container-frame-element>container frame element</a>'s <code title=attr-frame-marginheight>marginheight</code> attribute
+ <tr><td><code><a href=#the-body-element-0>body</a></code> element's <code title=attr-body-bottommargin>topmargin</code> attribute
<tbody><tr><td rowspan=3>'margin-left'
- <td><code><a href=#the-body-element>body</a></code> element's <code title=attr-body-marginwidth>marginwidth</code> attribute
- <tr><td>The <code><a href=#the-body-element>body</a></code> element's <a href=#container-frame-element>container frame element</a>'s <code title=attr-frame-marginwidth>marginwidth</code> attribute
- <tr><td><code><a href=#the-body-element>body</a></code> element's <code title=attr-body-leftmargin>rightmargin</code> attribute
- </table><p>If the <code><a href=#the-body-element>body</a></code> element's <code>Document</code>'s
+ <td><code><a href=#the-body-element-0>body</a></code> element's <code title=attr-body-marginwidth>marginwidth</code> attribute
+ <tr><td>The <code><a href=#the-body-element-0>body</a></code> element's <a href=#container-frame-element>container frame element</a>'s <code title=attr-frame-marginwidth>marginwidth</code> attribute
+ <tr><td><code><a href=#the-body-element-0>body</a></code> element's <code title=attr-body-leftmargin>rightmargin</code> attribute
+ </table><p>If the <code><a href=#the-body-element-0>body</a></code> element's <code>Document</code>'s
<a href=#browsing-context>browsing context</a> is a <a href=#nested-browsing-context>nested browsing
context</a>, and the <a href=#browsing-context-container>browsing context container</a> of
that <a href=#nested-browsing-context>nested browsing context</a> is a <code><a href=#frame>frame</a></code> or
<code><a href=#the-iframe-element>iframe</a></code> element, then the <dfn id=container-frame-element>container frame
- element</dfn> of the <code><a href=#the-body-element>body</a></code> element is that
+ element</dfn> of the <code><a href=#the-body-element-0>body</a></code> element is that
<code><a href=#frame>frame</a></code> or <code><a href=#the-iframe-element>iframe</a></code> element. Otherwise, there
is no <a href=#container-frame-element>container frame element</a>.</p>
@@ -69487,7 +69521,7 @@
<p>When a <code>Document</code> is in <a href=#quirks-mode>quirks mode</a>,
margins on <a href=#html-elements>HTML elements</a> at the top or bottom of
- <code><a href=#the-body-element>body</a></code>, <code><a href=#the-td-element>td</a></code>, or <code><a href=#the-th-element>th</a></code> elements are
+ <code><a href=#the-body-element-0>body</a></code>, <code><a href=#the-td-element>td</a></code>, or <code><a href=#the-th-element>th</a></code> elements are
expected to be collapsed to zero.</p>
@@ -69665,7 +69699,7 @@
<var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> h1 { font-size: 0.83em; }
<var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> h1 { font-size: 0.67em; }</pre>
- <hr><p>When a <code><a href=#the-body-element>body</a></code>, <code><a href=#the-table-element>table</a></code>, <code><a href=#the-thead-element>thead</a></code>,
+ <hr><p>When a <code><a href=#the-body-element-0>body</a></code>, <code><a href=#the-table-element>table</a></code>, <code><a href=#the-thead-element>thead</a></code>,
<code><a href=#the-tbody-element>tbody</a></code>, <code><a href=#the-tfoot-element>tfoot</a></code>, <code><a href=#the-tr-element>tr</a></code>,
<code><a href=#the-td-element>td</a></code>, or <code><a href=#the-th-element>th</a></code> element has a <code title=attr-background>background</code> attribute set to a
non-empty value, the new value is expected to be <a href=#resolve-a-url title="resolve a url">resolved</a> relative to the element, and
@@ -69674,7 +69708,7 @@
hint</a> setting the element's 'background-image' property to the
resulting <a href=#absolute-url>absolute URL</a>.</p>
- <p>When a <code><a href=#the-body-element>body</a></code>, <code><a href=#the-table-element>table</a></code>, <code><a href=#the-thead-element>thead</a></code>,
+ <p>When a <code><a href=#the-body-element-0>body</a></code>, <code><a href=#the-table-element>table</a></code>, <code><a href=#the-thead-element>thead</a></code>,
<code><a href=#the-tbody-element>tbody</a></code>, <code><a href=#the-tfoot-element>tfoot</a></code>, <code><a href=#the-tr-element>tr</a></code>,
<code><a href=#the-td-element>td</a></code>, or <code><a href=#the-th-element>th</a></code> element has a <code title=attr-bgcolor>bgcolor</code> attribute set, the new value is
expected to be parsed using the <a href=#rules-for-parsing-a-legacy-color-value>rules for parsing a legacy
@@ -69682,13 +69716,13 @@
agent is expected to treat the attribute as a <a href=#presentational-hints title="presentational hints">presentational hint</a> setting the
element's 'background-color' property to the resulting color.</p>
- <p>When a <code><a href=#the-body-element>body</a></code> element has a <code title=attr-body-text><a href=#attr-body-text>text</a></code> attribute, its value is expected
+ <p>When a <code><a href=#the-body-element-0>body</a></code> element has a <code title=attr-body-text><a href=#attr-body-text>text</a></code> attribute, its value is expected
to be parsed using the <a href=#rules-for-parsing-a-legacy-color-value>rules for parsing a legacy color
value</a>, and if that does not return an error, the user
agent is expected to treat the attribute as a <a href=#presentational-hints title="presentational hints">presentational hint</a> setting the
element's 'color' property to the resulting color.</p>
- <p>When a <code><a href=#the-body-element>body</a></code> element has a <code title=attr-body-link><a href=#attr-body-link>link</a></code> attribute, its value is expected
+ <p>When a <code><a href=#the-body-element-0>body</a></code> element has a <code title=attr-body-link><a href=#attr-body-link>link</a></code> attribute, its value is expected
to be parsed using the <a href=#rules-for-parsing-a-legacy-color-value>rules for parsing a legacy color
value</a>, and if that does not return an error, the user agent
is expected to treat the attribute as a <a href=#presentational-hints title="presentational
@@ -69696,14 +69730,14 @@
any element in the <code>Document</code> matching the ':link'
pseudo-class to the resulting color.</p>
- <p>When a <code><a href=#the-body-element>body</a></code> element has a <code title=attr-body-vlink><a href=#attr-body-vlink>vlink</a></code> attribute, its value is
+ <p>When a <code><a href=#the-body-element-0>body</a></code> element has a <code title=attr-body-vlink><a href=#attr-body-vlink>vlink</a></code> attribute, its value is
expected to be parsed using the <a href=#rules-for-parsing-a-legacy-color-value>rules for parsing a legacy
color value</a>, and if that does not return an error, the user
agent is expected to treat the attribute as a <a href=#presentational-hints title="presentational hints">presentational hint</a> setting the
'color' property of any element in the <code>Document</code>
matching the ':visited' pseudo-class to the resulting color.</p>
- <p>When a <code><a href=#the-body-element>body</a></code> element has a <code title=attr-body-alink><a href=#attr-body-alink>alink</a></code> attribute, its value is
+ <p>When a <code><a href=#the-body-element-0>body</a></code> element has a <code title=attr-body-alink><a href=#attr-body-alink>alink</a></code> attribute, its value is
expected to be parsed using the <a href=#rules-for-parsing-a-legacy-color-value>rules for parsing a legacy
color value</a>, and if that does not return an error, the user
agent is expected to treat the attribute as a <a href=#presentational-hints title="presentational hints">presentational hint</a> setting the
@@ -70090,7 +70124,7 @@
<td>In the middle
</table><h3 id=replaced-elements><span class=secno>11.3 </span>Replaced elements</h3>
- <h4 id=embedded-content-1><span class=secno>11.3.1 </span>Embedded content</h4>
+ <h4 id=embedded-content-2><span class=secno>11.3.1 </span>Embedded content</h4>
<p>The <code><a href=#the-applet-element>applet</a></code>, <code><a href=#the-canvas-element>canvas</a></code>, <code><a href=#the-embed-element>embed</a></code>,
<code><a href=#the-iframe-element>iframe</a></code>, and <code><a href=#video>video</a></code> elements are expected to
@@ -70598,7 +70632,7 @@
- <h4 id=the-marquee-element><span class=secno>11.4.11 </span>The <code><a href=#the-marquee-element-0>marquee</a></code> element</h4>
+ <h4 id=the-marquee-element-0><span class=secno>11.4.11 </span>The <code><a href=#the-marquee-element>marquee</a></code> element</h4>
<pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
@@ -70607,7 +70641,7 @@
}</pre>
<p>When the <i title="">marquee</i> binding applies to a
- <code><a href=#the-marquee-element-0>marquee</a></code> element, while the element is <a href=#concept-marquee-on title=concept-marquee-on>turned on</a>, the element is expected
+ <code><a href=#the-marquee-element>marquee</a></code> element, while the element is <a href=#concept-marquee-on title=concept-marquee-on>turned on</a>, the element is expected
to render in an animated fashion according to its attributes as
follows:</p>
@@ -70619,15 +70653,15 @@
<p>Slide the contents of the element in the direction described by
the <code title=attr-marquee-direction><a href=#attr-marquee-direction>direction</a></code>
attribute as defined below, such that it begins off the start side
- of the <code><a href=#the-marquee-element-0>marquee</a></code>, and ends flush with the inner end
+ of the <code><a href=#the-marquee-element>marquee</a></code>, and ends flush with the inner end
side.</p>
<p class=example>For example, if the <code title=attr-marquee-direction><a href=#attr-marquee-direction>direction</a></code> attribute is <a href=#attr-marquee-direction-left title=attr-marquee-direction-left>left</a> (the default),
then the contents would start such that their left edge are off
- the side of the right edge of the <code><a href=#the-marquee-element-0>marquee</a></code>'s content
+ the side of the right edge of the <code><a href=#the-marquee-element>marquee</a></code>'s content
area, and the contents would then slide up to the point where the
left edge of the contents are flush with the left inner edge of
- the <code><a href=#the-marquee-element-0>marquee</a></code>'s content area.</p>
+ the <code><a href=#the-marquee-element>marquee</a></code>'s content area.</p>
<p>Once the animation has ended, the user agent is expected to
<a href=#increment-the-marquee-current-loop-index>increment the marquee current loop index</a>. If the
@@ -70645,15 +70679,15 @@
<p>Slide the contents of the element in the direction described by
the <code title=attr-marquee-direction><a href=#attr-marquee-direction>direction</a></code>
attribute as defined below, such that it begins off the start side
- of the <code><a href=#the-marquee-element-0>marquee</a></code>, and ends off the end side of the
- <code><a href=#the-marquee-element-0>marquee</a></code>.</p>
+ of the <code><a href=#the-marquee-element>marquee</a></code>, and ends off the end side of the
+ <code><a href=#the-marquee-element>marquee</a></code>.</p>
<p class=example>For example, if the <code title=attr-marquee-direction><a href=#attr-marquee-direction>direction</a></code> attribute is <a href=#attr-marquee-direction-left title=attr-marquee-direction-left>left</a> (the default),
then the contents would start such that their left edge are off
- the side of the right edge of the <code><a href=#the-marquee-element-0>marquee</a></code>'s content
+ the side of the right edge of the <code><a href=#the-marquee-element>marquee</a></code>'s content
area, and the contents would then slide up to the point where the
<em>right</em> edge of the contents are flush with the left inner
- edge of the <code><a href=#the-marquee-element-0>marquee</a></code>'s content area.</p>
+ edge of the <code><a href=#the-marquee-element>marquee</a></code>'s content area.</p>
<p>Once the animation has ended, the user agent is expected to
<a href=#increment-the-marquee-current-loop-index>increment the marquee current loop index</a>. If the
@@ -70673,22 +70707,22 @@
zero), slide the contents of the element in the direction
described by the <code title=attr-marquee-direction><a href=#attr-marquee-direction>direction</a></code> attribute as
defined below, such that it begins flush with the start side of
- the <code><a href=#the-marquee-element-0>marquee</a></code>, and ends flush with the end side of the
- <code><a href=#the-marquee-element-0>marquee</a></code>.</p>
+ the <code><a href=#the-marquee-element>marquee</a></code>, and ends flush with the end side of the
+ <code><a href=#the-marquee-element>marquee</a></code>.</p>
<p>When the <a href=#marquee-current-loop-index>marquee current loop index</a> is odd, slide
the contents of the element in the opposite direction than that
described by the <code title=attr-marquee-direction><a href=#attr-marquee-direction>direction</a></code> attribute as
defined below, such that it begins flush with the end side of the
- <code><a href=#the-marquee-element-0>marquee</a></code>, and ends flush with the start side of the
- <code><a href=#the-marquee-element-0>marquee</a></code>.</p>
+ <code><a href=#the-marquee-element>marquee</a></code>, and ends flush with the start side of the
+ <code><a href=#the-marquee-element>marquee</a></code>.</p>
<p class=example>For example, if the <code title=attr-marquee-direction><a href=#attr-marquee-direction>direction</a></code> attribute is <a href=#attr-marquee-direction-left title=attr-marquee-direction-left>left</a> (the default),
then the contents would with their right edge flush with the right
- inner edge of the <code><a href=#the-marquee-element-0>marquee</a></code>'s content area, and the
+ inner edge of the <code><a href=#the-marquee-element>marquee</a></code>'s content area, and the
contents would then slide up to the point where the <em>left</em>
edge of the contents are flush with the left inner edge of the
- <code><a href=#the-marquee-element-0>marquee</a></code>'s content area.</p>
+ <code><a href=#the-marquee-element>marquee</a></code>'s content area.</p>
<p>Once the animation has ended, the user agent is expected to
<a href=#increment-the-marquee-current-loop-index>increment the marquee current loop index</a>. If the
@@ -70731,31 +70765,31 @@
frame, and such that the content moves at most the distance given by
the <a href=#marquee-scroll-distance>marquee scroll distance</a> with each frame.</p>
- <p>When a <code><a href=#the-marquee-element-0>marquee</a></code> element has a <code title=attr-bgcolor>bgcolor</code> attribute set, the value is
+ <p>When a <code><a href=#the-marquee-element>marquee</a></code> element has a <code title=attr-bgcolor>bgcolor</code> attribute set, the value is
expected to be parsed using the <a href=#rules-for-parsing-a-legacy-color-value>rules for parsing a legacy
color value</a>, and if that does not return an error, the user
agent is expected to treat the attribute as a <a href=#presentational-hints title="presentational hints">presentational hint</a> setting the
element's 'background-color' property to the resulting color.</p>
<p>The <code title=attr-marquee-width>width</code> and <code title=attr-marquee-height>height</code> attributes on a
- <code><a href=#the-marquee-element-0>marquee</a></code> element <a href=#maps-to-the-pixel-length-property title="maps to the pixel length
+ <code><a href=#the-marquee-element>marquee</a></code> element <a href=#maps-to-the-pixel-length-property title="maps to the pixel length
property">map to the dimension properties</a> 'width' and
'height' on the element respectively.</p>
- <p>The intrinsic height of a <code><a href=#the-marquee-element-0>marquee</a></code> element with its
+ <p>The intrinsic height of a <code><a href=#the-marquee-element>marquee</a></code> element with its
<code title=attr-marquee-direction><a href=#attr-marquee-direction>direction</a></code> attribute in
the <a href=#attr-marquee-direction-up title=attr-marquee-direction-up>up</a> or <a href=#attr-marquee-direction-down title=attr-marquee-direction-down>down</a> states is 200 CSS
pixels.</p>
<p>The <code title=attr-marquee-vspace>vspace</code> attribute of
- a <code><a href=#the-marquee-element-0>marquee</a></code> element <a href=#maps-to-the-dimension-property title="maps to the dimension
+ a <code><a href=#the-marquee-element>marquee</a></code> element <a href=#maps-to-the-dimension-property title="maps to the dimension
property">maps to the dimension properties</a> 'margin-top' and
'margin-bottom' on the element. The <code title=attr-marquee-hspace>hspace</code> attribute of a
- <code><a href=#the-marquee-element-0>marquee</a></code> element <a href=#maps-to-the-dimension-property title="maps to the dimension
+ <code><a href=#the-marquee-element>marquee</a></code> element <a href=#maps-to-the-dimension-property title="maps to the dimension
property">maps to the dimension properties</a> 'margin-left' and
'margin-right' on the element.</p>
- <p>The 'overflow' property on the <code><a href=#the-marquee-element-0>marquee</a></code> element is
+ <p>The 'overflow' property on the <code><a href=#the-marquee-element>marquee</a></code> element is
expected to be ignored; overflow is expected to always be
hidden.</p>
@@ -70960,7 +70994,7 @@
<h3 id=frames-and-framesets><span class=secno>11.5 </span>Frames and framesets</h3>
- <p>When an <code><a href=#the-html-element>html</a></code> element's second child element is a
+ <p>When an <code><a href=#the-html-element-0>html</a></code> element's second child element is a
<code><a href=#frameset>frameset</a></code> element, the user agent is expected to render
the <code><a href=#frameset>frameset</a></code> element as described below across the
surface of the <a href=#view>view</a>, instead of applying the usual CSS
@@ -71244,7 +71278,7 @@
<h4 id=links,-forms,-and-navigation><span class=secno>11.6.1 </span>Links, forms, and navigation</h4>
<p>User agents are expected to allow the user to control aspects of
- <a href=#hyperlink>hyperlink</a> activation and <a href=#form-submission-0>form submission</a>,
+ <a href=#hyperlink>hyperlink</a> activation and <a href=#form-submission>form submission</a>,
such as which <a href=#browsing-context>browsing context</a> is to be used for the
subsequent <a href=#navigate title=navigate>navigation</a>.</p>
@@ -71536,7 +71570,7 @@
<dt><dfn id=blink><code>blink</code></dfn></dt>
<dt><dfn id=center><code>center</code></dfn></dt>
<dt><dfn id=font><code>font</code></dfn></dt>
- <dt><code><a href=#the-marquee-element-0>marquee</a></code></dt>
+ <dt><code><a href=#the-marquee-element>marquee</a></code></dt>
<dt><dfn id=s><code>s</code></dfn></dt>
<dt><dfn id=spacer><code>spacer</code></dfn></dt>
<dt><dfn id=strike><code>strike</code></dfn></dt>
@@ -71570,13 +71604,13 @@
attribute is sufficient; the <code title=attr-area-nohref><a href=#attr-area-nohref>nohref</a></code> attribute is
unnecessary. Omit it altogether.</dd>
- <dt><dfn id=attr-head-profile title=attr-head-profile><code>profile</code></dfn> on <code><a href=#the-head-element>head</a></code> elements</dt>
+ <dt><dfn id=attr-head-profile title=attr-head-profile><code>profile</code></dfn> on <code><a href=#the-head-element-0>head</a></code> elements</dt>
<dd><p>When used for declaring which <code><a href=#meta>meta</a></code> terms are
used in the document, unnecessary; omit it altogether, and <a href=#concept-meta-extensions title=concept-meta-extensions>register the names</a>.</dd>
<dd><p>When used for triggering specific user agent behaviors: use
a <code><a href=#the-link-element>link</a></code> element instead.</dd>
- <dt><dfn id=attr-html-version title=attr-html-version><code>version</code></dfn> on <code><a href=#the-html-element>html</a></code> elements</dt>
+ <dt><dfn id=attr-html-version title=attr-html-version><code>version</code></dfn> on <code><a href=#the-html-element-0>html</a></code> elements</dt>
<dd><p>Unnecessary. Omit it altogether.</dd>
<dt><dfn id=attr-input-usemap title=attr-input-usemap><code>usemap</code></dfn> on <code><a href=#the-input-element>input</a></code> elements</dt>
@@ -71620,12 +71654,12 @@
<dt><dfn id=attr-td/th-axis title=attr-td/th-axis><code>axis</code></dfn> on <code><a href=#the-td-element>td</a></code> and <code><a href=#the-th-element>th</a></code> elements</dt>
<dd><p>Use the <code title=attr-th-scope><a href=#attr-th-scope>scope</a></code> attribute.</p>
- <dt><dfn id=attr-body-alink title=attr-body-alink><code>alink</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
- <dt><dfn id=attr-body-background title=attr-body-background><code>background</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
- <dt><dfn id=attr-body-bgcolor title=attr-body-bgcolor><code>bgcolor</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
- <dt><dfn id=attr-body-link title=attr-body-link><code>link</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
- <dt><dfn id=attr-body-text title=attr-body-text><code>text</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
- <dt><dfn id=attr-body-vlink title=attr-body-vlink><code>vlink</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-alink title=attr-body-alink><code>alink</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-background title=attr-body-background><code>background</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-bgcolor title=attr-body-bgcolor><code>bgcolor</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-link title=attr-body-link><code>link</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-text title=attr-body-text><code>text</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-vlink title=attr-body-vlink><code>vlink</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
<dt><dfn id=attr-br-clear title=attr-br-clear><code>clear</code></dfn> on <code><a href=#the-br-element>br</a></code> elements</dt>
<dt><dfn id=attr-caption-align title=attr-caption-align><code>align</code></dfn> on <code><a href=#the-caption-element>caption</a></code> elements</dt>
<dt><dfn id=attr-col-align title=attr-col-align><code>align</code></dfn> on <code><a href=#the-col-element>col</a></code> elements</dt>
@@ -71738,16 +71772,16 @@
DOM attribute must <a href=#reflect>reflect</a> the <code title=attr-applet-codebase>codebase</code> content attribute.</p>
- <h4 id=the-marquee-element-0><span class=secno>12.3.2 </span>The <dfn><code>marquee</code></dfn> element</h4>
+ <h4 id=the-marquee-element><span class=secno>12.3.2 </span>The <dfn><code>marquee</code></dfn> element</h4>
- <p>The <code><a href=#the-marquee-element-0>marquee</a></code> element is a presentational element that
+ <p>The <code><a href=#the-marquee-element>marquee</a></code> element is a presentational element that
animates content. CSS transitions and animations are a more
appropriate mechanism.</p>
<p>The <a href=#task-source>task source</a> for tasks mentioned in this section
is the <a href=#dom-manipulation-task-source>DOM manipulation task source</a>.</p>
- <p>The <code><a href=#the-marquee-element-0>marquee</a></code> element must implement the
+ <p>The <code><a href=#the-marquee-element>marquee</a></code> element must implement the
<code><a href=#htmlmarqueeelement>HTMLMarqueeElement</a></code> interface.</p>
<pre class=idl>interface <dfn id=htmlmarqueeelement>HTMLMarqueeElement</dfn> : <a href=#htmlelement>HTMLElement</a> {
@@ -71771,21 +71805,21 @@
void <a href=#dom-marquee-stop title=dom-marquee-stop>stop</a>();
};</pre>
- <p>A <code><a href=#the-marquee-element-0>marquee</a></code> element can be <dfn id=concept-marquee-on title=concept-marquee-on>turned on</dfn> or <dfn id=concept-marquee-off title=concept-marquee-off>turned off</dfn>. When it is created, it
+ <p>A <code><a href=#the-marquee-element>marquee</a></code> element can be <dfn id=concept-marquee-on title=concept-marquee-on>turned on</dfn> or <dfn id=concept-marquee-off title=concept-marquee-off>turned off</dfn>. When it is created, it
is <a href=#concept-marquee-on title=concept-marquee-on>turned on</a>.</p>
<p>When the <dfn id=dom-marquee-start title=dom-marquee-start><code>start()</code></dfn> method is
- called, the <code><a href=#the-marquee-element-0>marquee</a></code> element must be <a href=#concept-marquee-on title=concept-marquee-on>turned on</a>.</p>
+ called, the <code><a href=#the-marquee-element>marquee</a></code> element must be <a href=#concept-marquee-on title=concept-marquee-on>turned on</a>.</p>
<p>When the <dfn id=dom-marquee-stop title=dom-marquee-stop><code>stop()</code></dfn>
- method is called, the <code><a href=#the-marquee-element-0>marquee</a></code> element must be <a href=#concept-marquee-off title=concept-marquee-off>turned off</a>.</p>
+ method is called, the <code><a href=#the-marquee-element>marquee</a></code> element must be <a href=#concept-marquee-off title=concept-marquee-off>turned off</a>.</p>
- <p>When a <code><a href=#the-marquee-element-0>marquee</a></code> element is created, the user agent
+ <p>When a <code><a href=#the-marquee-element>marquee</a></code> element is created, the user agent
must <a href=#queue-a-task>queue a task</a> to <a href=#fire-a-simple-event>fire a simple event</a>
called <code title=event-start>start</code> at the element.</p>
<hr><p>The <dfn id=attr-marquee-behavior title=attr-marquee-behavior><code>behavior</code></dfn> content
- attribute on <code><a href=#the-marquee-element-0>marquee</a></code> elements is an <a href=#enumerated-attribute>enumerated
+ attribute on <code><a href=#the-marquee-element>marquee</a></code> elements is an <a href=#enumerated-attribute>enumerated
attribute</a> with the following keywords (all
non-conforming):</p>
@@ -71800,7 +71834,7 @@
</table><p>The <i>missing value default</i> is the <a href=#attr-marquee-behavior-scroll title=attr-marquee-behavior-scroll>scroll</a> state.</p>
<hr><p>The <dfn id=attr-marquee-direction title=attr-marquee-direction><code>direction</code></dfn> content
- attribute on <code><a href=#the-marquee-element-0>marquee</a></code> elements is an <a href=#enumerated-attribute>enumerated
+ attribute on <code><a href=#the-marquee-element>marquee</a></code> elements is an <a href=#enumerated-attribute>enumerated
attribute</a> with the following keywords (all
non-conforming):</p>
@@ -71817,7 +71851,7 @@
</table><p>The <i>missing value default</i> is the <a href=#attr-marquee-direction-left title=attr-marquee-direction-left>left</a> state.</p>
<hr><p>The <dfn id=attr-marquee-truespeed title=attr-marquee-truespeed><code>truespeed</code></dfn> content
- attribute on <code><a href=#the-marquee-element-0>marquee</a></code> elements is an <a href=#enumerated-attribute>enumerated
+ attribute on <code><a href=#the-marquee-element>marquee</a></code> elements is an <a href=#enumerated-attribute>enumerated
attribute</a> with the following keywords (all
non-conforming):</p>
@@ -71829,7 +71863,7 @@
<td><dfn id=attr-marquee-truespeed-false title=attr-marquee-truespeed-false>false</dfn>
</table><p>The <i>missing value default</i> is the <a href=#attr-marquee-truespeed-false title=attr-marquee-truespeed-false>false</a> state.</p>
- <hr><p>A <code><a href=#the-marquee-element-0>marquee</a></code> element has a <dfn id=marquee-scroll-interval>marquee scroll
+ <hr><p>A <code><a href=#the-marquee-element>marquee</a></code> element has a <dfn id=marquee-scroll-interval>marquee scroll
interval</dfn>, which is obtained as follows:</p>
<ol><li><p>If the element has a <code title=attr-marquee-scrolldelay>scrolldelay</code> attribute, and
@@ -71842,13 +71876,13 @@
<li><p>The <a href=#marquee-scroll-interval>marquee scroll interval</a> is <var title="">delay</var>, interpreted in milliseconds.</li>
- </ol><hr><p>A <code><a href=#the-marquee-element-0>marquee</a></code> element has a <dfn id=marquee-scroll-distance>marquee scroll
+ </ol><hr><p>A <code><a href=#the-marquee-element>marquee</a></code> element has a <dfn id=marquee-scroll-distance>marquee scroll
distance</dfn>, which, if the element has a <code title=attr-marquee-scrollamount>scrollamount</code> attribute, and
parsing its value using the <a href=#rules-for-parsing-non-negative-integers>rules for parsing non-negative
integers</a> does not return an error, is the parsed value
interpreted in CSS pixels, and otherwise is 6 CSS pixels.</p>
- <hr><p>A <code><a href=#the-marquee-element-0>marquee</a></code> element has a <dfn id=marquee-loop-count>marquee loop
+ <hr><p>A <code><a href=#the-marquee-element>marquee</a></code> element has a <dfn id=marquee-loop-count>marquee loop
count</dfn>, which, if the element has a <code title=attr-marquee-loop>loop</code> attribute, and parsing its
value using the <a href=#rules-for-parsing-integers>rules for parsing integers</a> does not
return an error or a number less than 1, is the parsed value, and
@@ -71862,7 +71896,7 @@
if necessary) to the <a href=#valid-integer>valid integer</a> that represents the
new value. (Other values are ignored.)</p>
- <p>A <code><a href=#the-marquee-element-0>marquee</a></code> element also has a <dfn id=marquee-current-loop-index>marquee current
+ <p>A <code><a href=#the-marquee-element>marquee</a></code> element also has a <dfn id=marquee-current-loop-index>marquee current
loop index</dfn>, which is zero when the element is created.</p>
<p>The rendering layer will occasionally <dfn id=increment-the-marquee-current-loop-index>increment the marquee
@@ -71880,26 +71914,26 @@
<p>If the <a href=#marquee-current-loop-index>marquee current loop index</a> is now equal to
or greater than the element's <a href=#marquee-loop-count>marquee loop count</a>,
<a href=#concept-marquee-off title=concept-marquee-off>turn off</a> the
- <code><a href=#the-marquee-element-0>marquee</a></code> element and <a href=#queue-a-task>queue a task</a> to
- <a href=#fire-a-simple-event>fire a simple event</a> called <code title=event-finish>finish</code> at the <code><a href=#the-marquee-element-0>marquee</a></code>
+ <code><a href=#the-marquee-element>marquee</a></code> element and <a href=#queue-a-task>queue a task</a> to
+ <a href=#fire-a-simple-event>fire a simple event</a> called <code title=event-finish>finish</code> at the <code><a href=#the-marquee-element>marquee</a></code>
element.</p>
<p>Otherwise, if the <code title=attr-marquee-behavior><a href=#attr-marquee-behavior>behavior</a></code> attribute is in the
<a href=#attr-marquee-behavior-alternate title=attr-marquee-behavior-alternate>alternate</a>
state, then <a href=#queue-a-task>queue a task</a> to <a href=#fire-a-simple-event>fire a simple
event</a> called <code title=event-bounce>bounce</code> at
- the <code><a href=#the-marquee-element-0>marquee</a></code> element.</p>
+ the <code><a href=#the-marquee-element>marquee</a></code> element.</p>
<p>Otherwise, <a href=#queue-a-task>queue a task</a> to <a href=#fire-a-simple-event>fire a simple
event</a> called <code title=event-start>start</code> at the
- <code><a href=#the-marquee-element-0>marquee</a></code> element.</p>
+ <code><a href=#the-marquee-element>marquee</a></code> element.</p>
</li>
</ol><hr><p>The following are the <a href=#event-handler-attributes-0>event handler attributes</a> (and
their corresponding <a href=#event-handler-event-type title="event handler event type">event
handler event types</a>) that must be supported, as content and
- DOM attributes, by <code><a href=#the-marquee-element-0>marquee</a></code> elements:</p>
+ DOM attributes, by <code><a href=#the-marquee-element>marquee</a></code> elements:</p>
<table><thead><tr><th><a href=#event-handler-attributes-0 title="event handler attributes">event handler attribute</a> <th><a href=#event-handler-event-type>Event handler event type</a>
<tbody><tr><td><dfn id=handler-marquee-onbounce title=handler-marquee-onbounce><code>onbounce</code></dfn> <td> <code title=event-bounce>bounce</code>
@@ -71927,7 +71961,7 @@
<h4 id=frames><span class=secno>12.3.3 </span>Frames</h4>
- <p>The <dfn id=frameset><code>frameset</code></dfn> element acts as <a href=#the-body-element-0>the
+ <p>The <dfn id=frameset><code>frameset</code></dfn> element acts as <a href=#the-body-element>the
body element</a> in documents that use frames.</p>
<p>The <code><a href=#frameset>frameset</a></code> element must implement the
@@ -72141,34 +72175,34 @@
};</pre>
<p>The <dfn id=dom-body-text title=dom-body-text><code>text</code></dfn> DOM
- attribute of the <code><a href=#the-body-element>body</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-body-element-0>body</a></code> element must <a href=#reflect>reflect</a>
the element's <code title=attr-body-text><a href=#attr-body-text>text</a></code> content
attribute.</p>
<p>The <dfn id=dom-body-bgcolor title=dom-body-bgColor><code>bgColor</code></dfn> DOM
- attribute of the <code><a href=#the-body-element>body</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-body-element-0>body</a></code> element must <a href=#reflect>reflect</a>
the element's <code title=attr-body-bgcolor><a href=#attr-body-bgcolor>bgcolor</a></code> content
attribute.</p>
<p>The <dfn id=dom-body-background title=dom-body-background><code>background</code></dfn> DOM
- attribute of the <code><a href=#the-body-element>body</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-body-element-0>body</a></code> element must <a href=#reflect>reflect</a>
the element's <code title=attr-body-background><a href=#attr-body-background>background</a></code>
content attribute. (The <code title=attr-body-background><a href=#attr-body-background>background</a></code> content is
<em>not</em> defined to contain a <a href=#url>URL</a>, despite rules
regarding its handling in the rendering section above.)</p>
<p>The <dfn id=dom-body-link title=dom-body-link><code>link</code></dfn> DOM
- attribute of the <code><a href=#the-body-element>body</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-body-element-0>body</a></code> element must <a href=#reflect>reflect</a>
the element's <code title=attr-body-link><a href=#attr-body-link>link</a></code> content
attribute.</p>
<p>The <dfn id=dom-body-alink title=dom-body-aLink><code>aLink</code></dfn> DOM
- attribute of the <code><a href=#the-body-element>body</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-body-element-0>body</a></code> element must <a href=#reflect>reflect</a>
the element's <code title=attr-body-alink><a href=#attr-body-alink>alink</a></code> content
attribute.</p>
<p>The <dfn id=dom-body-vlink title=dom-body-vLink><code>vLink</code></dfn> DOM
- attribute of the <code><a href=#the-body-element>body</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-body-element-0>body</a></code> element must <a href=#reflect>reflect</a>
the element's <code title=attr-body-vlink><a href=#attr-body-vlink>vlink</a></code> content
attribute.</p>
@@ -72279,7 +72313,7 @@
};</pre>
<p>The <dfn id=dom-head-profile title=dom-head-profile><code>profile</code></dfn> DOM
- attribute of the <code><a href=#the-head-element>head</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-head-element-0>head</a></code> element must <a href=#reflect>reflect</a>
the content attribute of the same name.</p>
<hr><pre class=idl>[Supplemental]
@@ -72305,7 +72339,7 @@
};</pre>
<p>The <dfn id=dom-html-version title=dom-html-version><code>version</code></dfn> DOM
- attribute of the <code><a href=#the-html-element>html</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-html-element-0>html</a></code> element must <a href=#reflect>reflect</a>
the content attribute of the same name.</p>
<hr><pre class=idl>[Supplemental]
@@ -72666,18 +72700,18 @@
attribute DOMString <a href=#dom-document-vlinkcolor title=dom-document-vlinkColor>vlinkColor</a>;
attribute DOMString <a href=#dom-document-alinkcolor title=dom-document-alinkColor>alinkColor</a>;
- readonly attribute <a href=#htmlcollection-0>HTMLCollection</a> <a href=#dom-document-anchors title=dom-document-anchors>anchors</a>;
- readonly attribute <a href=#htmlcollection-0>HTMLCollection</a> <a href=#dom-document-applets title=dom-document-applets>applets</a>;
+ readonly attribute <a href=#htmlcollection>HTMLCollection</a> <a href=#dom-document-anchors title=dom-document-anchors>anchors</a>;
+ readonly attribute <a href=#htmlcollection>HTMLCollection</a> <a href=#dom-document-applets title=dom-document-applets>applets</a>;
- readonly attribute <a href=#htmlallcollection-0>HTMLAllCollection</a> <a href=#dom-document-all title=dom-document-all>all</a>;
+ readonly attribute <a href=#htmlallcollection>HTMLAllCollection</a> <a href=#dom-document-all title=dom-document-all>all</a>;
};</pre>
<p>The attributes of the <code>Document</code> object listed in the
first column of the following table must reflect the content
- attribute on <a href=#the-body-element-0>the body element</a> with the name given in
+ attribute on <a href=#the-body-element>the body element</a> with the name given in
the corresponding cell in the second column on the same row, if
- <a href=#the-body-element-0>the body element</a> is a <code><a href=#the-body-element>body</a></code> element (as
- opposed to a <code><a href=#frameset>frameset</a></code> element). When there is no <a href=#the-body-element-0 title="the body element">body element</a> or if it is a
+ <a href=#the-body-element>the body element</a> is a <code><a href=#the-body-element-0>body</a></code> element (as
+ opposed to a <code><a href=#frameset>frameset</a></code> element). When there is no <a href=#the-body-element title="the body element">body element</a> or if it is a
<code><a href=#frameset>frameset</a></code> element, the attributes must instead return
the empty string on getting and do nothing on setting.</p>
@@ -72694,18 +72728,18 @@
<tr><td><dfn id=dom-document-alinkcolor title=dom-document-aLinkColor><code>aLinkColor</code></dfn>
<td><code title=attr-body-alink><a href=#attr-body-alink>alink</a></code>
</table><hr><p>The <dfn id=dom-document-anchors title=dom-document-anchors><code>anchors</code></dfn>
- attribute must return an <code><a href=#htmlcollection-0>HTMLCollection</a></code> rooted at the
+ attribute must return an <code><a href=#htmlcollection>HTMLCollection</a></code> rooted at the
<code>Document</code> node, whose filter matches only <code><a href=#the-a-element>a</a></code>
elements with <code title=attr-a-name><a href=#attr-a-name>name</a></code>
attributes.</p>
<p>The <dfn id=dom-document-applets title=dom-document-applets><code>applets</code></dfn>
- attribute must return an <code><a href=#htmlcollection-0>HTMLCollection</a></code> rooted at the
+ attribute must return an <code><a href=#htmlcollection>HTMLCollection</a></code> rooted at the
<code>Document</code> node, whose filter matches only
<code><a href=#the-applet-element>applet</a></code> elements.</p>
<hr><p>The <dfn id=dom-document-all title=dom-document-all><code>all</code></dfn>
- attribute must return an <code><a href=#htmlallcollection-0>HTMLAllCollection</a></code> rooted at the
+ attribute must return an <code><a href=#htmlallcollection>HTMLAllCollection</a></code> rooted at the
<code>Document</code> node, whose filter matches all elements.</p>
<p>The object returned for <code title=dom-document-all><a href=#dom-document-all>all</a></code>
@@ -73178,12 +73212,12 @@
<th> Interface
<tbody><tr><td class=XXX colspan=6> ...
<tr><td> <code><a href=#the-label-element>label</a></code>
- <td> <a href=#flow-content-0 title="flow content">flow</a>;
+ <td> <a href=#flow-content title="flow content">flow</a>;
<a href=#form-associated-element title="form-associated element">form-associated</a>;
- <a href=#interactive-content-0 title="interactive content">interactive</a>;
- <a href=#phrasing-content-0 title="phrasing content">phrasing</a>
- <td> <a href=#phrasing-content-0 title="phrasing content">phrasing</a>
- <td> <a href=#phrasing-content-0 title="phrasing content">phrasing</a>*
+ <a href=#interactive-content title="interactive content">interactive</a>;
+ <a href=#phrasing-content title="phrasing content">phrasing</a>
+ <td> <a href=#phrasing-content title="phrasing content">phrasing</a>
+ <td> <a href=#phrasing-content title="phrasing content">phrasing</a>*
<td> <code title=attr-label-for><a href=#attr-label-for>for</a></code>;
<code title=attr-fae-form><a href=#attr-fae-form>form</a></code>
<td> <code><a href=#htmllabelelement>HTMLLabelElement</a></code>
Modified: source
===================================================================
--- source 2009-08-22 06:54:27 UTC (rev 3661)
+++ source 2009-08-23 08:43:30 UTC (rev 3662)
@@ -46944,6 +46944,9 @@
-->
+<!--END html5-->
+<!--START microdata1--><!--START html5-->
+
<h3>Introduction</h3>
<h4>The basic syntax</h4>
@@ -46974,14 +46977,14 @@
<div class="example">
- <p>Here there are two items, each of which have the property "name":</p>
+ <p>Here there are two items, each of which have the property "com.example.name":</p>
<pre><div item>
- <p>My name is <span itemprop="name">Elizabeth</span>.</p>
+ <p>My name is <span itemprop="com.example.name">Elizabeth</span>.</p>
</div>
<div item>
- <p>My name is <span itemprop="name">Daniel</span>.</p>
+ <p>My name is <span itemprop="com.example.name">Daniel</span>.</p>
</div></pre>
</div>
@@ -46993,9 +46996,9 @@
<p>Here the item has three properties:</p>
<pre><div item>
- <p>My name is <span itemprop="name">Neil</span>.</p>
- <p>My band is called <span itemprop="band">Four Parts Water</span>.</p>
- <p>I am <span itemprop="nationality">British</span>.</p>
+ <p>My name is <span itemprop="com.example.name">Neil</span>.</p>
+ <p>My band is called <span itemprop="com.example.band">Four Parts Water</span>.</p>
+ <p>I am <span itemprop="com.example.nationality">British</span>.</p>
</div></pre>
</div>
@@ -47009,10 +47012,10 @@
<div class="example">
- <p>In this example, the item has one property, "image", whose value is a URL:</p>
+ <p>In this example, the item has one property, "com.example.image", whose value is a URL:</p>
<pre><div item>
- <img itemprop="image" src="google-logo.png" alt="Google">
+ <img itemprop="com.example.image" src="google-logo.png" alt="Google">
</div></pre>
</div>
@@ -47023,11 +47026,11 @@
<div class="example">
- <p>In this example, the item has one property, "birthday", whose
- value is a date:</p>
+ <p>In this example, the item has one property,
+ "com.example.birthday", whose value is a date:</p>
<pre><div item>
- I was born on <time itemprop="birthday" datetime="2009-05-10">May 10th 2009</time>.
+ I was born on <time itemprop="com.example.birthday" datetime="2009-05-10">May 10th 2009</time>.
</div></pre>
</div>
@@ -47045,14 +47048,16 @@
inner one represents a band:</p>
<pre><div item>
- <p>Name: <span itemprop="name">Amanda</span></p>
- <p>Band: <span itemprop="band" item> <span itemprop="name">Jazz Band</span> (<span itemprop="size">12</span> players)</span></p>
+ <p>Name: <span itemprop="com.example.name">Amanda</span></p>
+ <p>Band: <span itemprop="com.example.band" item> <span itemprop="com.example.name">Jazz Band</span> (<span itemprop="com.example.size">12</span> players)</span></p>
</div></pre>
- <p>The outer item here has two properties, "name" and "band". The
- "name" is "Amanda", and the "band" is an item in its own right,
- with two properties, "name" and "size". The "name" of the band is
- "Jazz Band", and the "size" is "12".</p>
+ <p>The outer item here has two properties, "com.example.name" and
+ "com.example.band". The "com.example.name" is "Amanda", and the
+ "com.example.band" is an item in its own right, with two
+ properties, "com.example.name" and "com.example.size". The
+ "com.example.name" of the band is "Jazz Band", and the
+ "com.example.size" is "12".</p>
<p>The outer item in this example is a top-level microdata
item.</p>
@@ -47073,15 +47078,16 @@
title="concept-item">items</span>:</p>
<pre><div item id="amanda"></div>
-<p>Name: <span subject="amanda" itemprop="name">Amanda</span></p>
-<div subject="amanda" itemprop="band" item id="jazzband"></div>
-<p>Band: <span subject="jazzband" itemprop="name">Jazz Band</span></p>
-<p>Size: <span subject="jazzband" itemprop="size">12</span> players</p></pre>
+<p>Name: <span subject="amanda" itemprop="com.example.name">Amanda</span></p>
+<div subject="amanda" itemprop="com.example.band" item id="jazzband"></div>
+<p>Band: <span subject="jazzband" itemprop="com.example.name">Jazz Band</span></p>
+<p>Size: <span subject="jazzband" itemprop="com.example.size">12</span> players</p></pre>
<p>This gives the same result as the previous example. The first
- item has two properties, "name", set to "Amanda", and "band", set
- to another item. That second item has two further properties,
- "name", set to "Jazz Band", and "size", set to "12".</p>
+ item has two properties, "com.example.name", set to "Amanda", and
+ "com.example.band", set to another item. That second item has two
+ further properties, "com.example.name", set to "Jazz Band", and
+ "com.example.size", set to "12".</p>
</div>
@@ -47095,13 +47101,14 @@
<pre><div item>
<p>Flavors in my favorite ice cream:</p>
<ul>
- <li itemprop="flavor">Lemon sorbet</li>
- <li itemprop="flavor">Apricot sorbet</li>
+ <li itemprop="com.example.flavor">Lemon sorbet</li>
+ <li itemprop="com.example.flavor">Apricot sorbet</li>
</ul>
</div></pre>
- <p>This thus results in an item with two properties, both "flavor",
- having the values "Lemon sorbet" and "Apricot sorbet".</p>
+ <p>This thus results in an item with two properties, both
+ "com.example.flavor", having the values "Lemon sorbet" and "Apricot
+ sorbet".</p>
</div>
@@ -47111,11 +47118,12 @@
<div class="example">
- <p>Here we see an item with two properties, "favorite-color" and
- "favorite-fruit", both set to the value "orange":</p>
+ <p>Here we see an item with two properties,
+ "com.example.favorite-color" and "com.example.favorite-fruit", both
+ set to the value "orange":</p>
<pre><div item>
- <span itemprop="favorite-color favorite-fruit">orange</span>
+ <span itemprop="com.example.favorite-color com.example.favorite-fruit">orange</span>
</div></pre>
</div>
@@ -47133,8 +47141,9 @@
make new uses of the markup.</p>
<p>For this purpose, it is necessary to give each <span
- title="concept-item">item</span> a type, such as "person", or "cat",
- or "band". Types are identified in three ways:</p>
+ title="concept-item">item</span> a type, such as
+ "com.example.person", or "com.example.cat", or
+ "com.example.band". Types are identified in three ways:</p>
<ul class="brief">
@@ -47150,7 +47159,7 @@
<p><span title="URL">URLs</span> are self-explanatory. <span
title="valid reversed DNS identifier">Reversed DNS labels</span> are
- strings such as "org.example.animals.cat" or "org.example.band".</p>
+ strings such as "org.example.animals.cat" or "com.example.band".</p>
<p>The type for an <span title="concept-item">item</span> is given
as the value of the <code title="attr-item">item</code>
@@ -47257,8 +47266,39 @@
</div>
+ <h4>Predefined vocabularies</h4>
+
+ <p><i>This section is non-normative.</i></p>
+
+ <p>To make the most common tasks simpler, certain vocabularies have
+ been predefined. These use short names for types and properties.</p>
+
+ <div class="example">
+
+ <p>For example, the <span title="md-vcard">vCard</span> vocabulary
+ can be used to mark up people's names:</p>
+
+ <pre><span item=vcard><span itemprop=fn>George Washington</span></span></pre>
+
+ <p>This creates a single item with a single name-value pair, with
+ the name "fn" and the value "George Washington". This is defined to
+ map to the following vCard:</p>
+
+ <pre>BEGIN:VCARD
+PROFILE:VCARD
+VERSION:3.0
+SOURCE:<var title="">document's address</var>
+FN:George Washington
+N:Washington;George;;;
+END:VCARD</pre>
+
+ </div>
+
+
<h4>Using the microdata DOM API</h4>
+ <p><i>This section is non-normative.</i></p>
+
<p>The microdata becomes even more useful when scripts can use it to
expose information to the user, for example offering it in a form
that can be used by other applications.</p>
@@ -47536,11 +47576,6 @@
<li>A <span>valid reversed DNS identifier</span>, or</li>
- <li>If its <span title="concept-item-corresponding">corresponding
- item</span>'s <code title="attr-item">item</code> attribute has no
- tokens: a string containing neither a U+003A COLON character (:)
- nor a U+002E FULL STOP character (.), or</li>
-
<li>A <span>predefined property name</span> allowed in this situation.</li>
</ul>
@@ -47800,8 +47835,15 @@
</div>
+<!--END microdata1--><!--END html5-->
+<!--START microdata2-->
+<!--END microdata2-->
+<!--START microdata3-->
+<!--END microdata3-->
+<!--START html5-->
+
<h3>Predefined vocabularies</h3>
<p>A number of <dfn title="predefined type">predefined types</dfn>
More information about the Commit-Watchers
mailing list