[html5] r6050 - [e] (0) make ids more consistent (this might break some links, sorry) Fixing htt [...]
whatwg at whatwg.org
whatwg at whatwg.org
Tue May 3 12:18:57 PDT 2011
Author: ianh
Date: 2011-05-03 12:18:56 -0700 (Tue, 03 May 2011)
New Revision: 6050
Modified:
complete.html
index
source
Log:
[e] (0) make ids more consistent (this might break some links, sorry)
Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=9593
Modified: complete.html
===================================================================
--- complete.html 2011-05-03 01:10:20 UTC (rev 6049)
+++ complete.html 2011-05-03 19:18:56 UTC (rev 6050)
@@ -460,14 +460,14 @@
<ol>
<li><a href=#the-root-element><span class=secno>4.1 </span>The root element</a>
<ol>
- <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=#the-html-element><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-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-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-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>
+ <li><a href=#the-meta-element><span class=secno>4.2.5 </span>The <code>meta</code> element</a>
<ol>
<li><a href=#standard-metadata-names><span class=secno>4.2.5.1 </span>Standard metadata names</a></li>
<li><a href=#other-metadata-names><span class=secno>4.2.5.2 </span>Other metadata names</a></li>
@@ -478,7 +478,7 @@
<li><a href=#styling><span class=secno>4.2.7 </span>Styling</a></ol></li>
<li><a href=#scripting-1><span class=secno>4.3 </span>Scripting</a>
<ol>
- <li><a href=#script><span class=secno>4.3.1 </span>The <code>script</code> element</a>
+ <li><a href=#the-script-element><span class=secno>4.3.1 </span>The <code>script</code> element</a>
<ol>
<li><a href=#scriptingLanguages><span class=secno>4.3.1.1 </span>Scripting languages</a></li>
<li><a href=#restrictions-for-contents-of-script-elements><span class=secno>4.3.1.2 </span>Restrictions for contents of <code>script</code> elements</a></li>
@@ -492,10 +492,7 @@
<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>
<li><a href=#the-aside-element><span class=secno>4.4.5 </span>The <code>aside</code> element</a></li>
- <li><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements><span class=secno>4.4.6 </span>The <code>h1</code>, <code>h2</code>,
- <code>h3</code>, <code>h4</code>,
- <code>h5</code>, and <code>h6</code>
- elements</a></li>
+ <li><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements><span class=secno>4.4.6 </span>The <code>h1</code>, <code>h2</code>, <code>h3</code>, <code>h4</code>, <code>h5</code>, and <code>h6</code> elements</a></li>
<li><a href=#the-hgroup-element><span class=secno>4.4.7 </span>The <code>hgroup</code> element</a></li>
<li><a href=#the-header-element><span class=secno>4.4.8 </span>The <code>header</code> element</a></li>
<li><a href=#the-footer-element><span class=secno>4.4.9 </span>The <code>footer</code> element</a></li>
@@ -579,8 +576,8 @@
<li><a href=#the-embed-element><span class=secno>4.8.3 </span>The <code>embed</code> element</a></li>
<li><a href=#the-object-element><span class=secno>4.8.4 </span>The <code>object</code> element</a></li>
<li><a href=#the-param-element><span class=secno>4.8.5 </span>The <code>param</code> element</a></li>
- <li><a href=#video><span class=secno>4.8.6 </span>The <code>video</code> element</a></li>
- <li><a href=#audio><span class=secno>4.8.7 </span>The <code>audio</code> element</a></li>
+ <li><a href=#the-video-element><span class=secno>4.8.6 </span>The <code>video</code> element</a></li>
+ <li><a href=#the-audio-element><span class=secno>4.8.7 </span>The <code>audio</code> element</a></li>
<li><a href=#the-source-element><span class=secno>4.8.8 </span>The <code>source</code> element</a></li>
<li><a href=#the-track-element><span class=secno>4.8.9 </span>The <code>track</code> element</a></li>
<li><a href=#media-elements><span class=secno>4.8.10 </span>Media elements</a>
@@ -770,8 +767,8 @@
<ol>
<li><a href=#the-details-element><span class=secno>4.11.1 </span>The <code>details</code> element</a></li>
<li><a href=#the-summary-element><span class=secno>4.11.2 </span>The <code>summary</code> element</a></li>
- <li><a href=#the-command><span class=secno>4.11.3 </span>The <code>command</code> element</a></li>
- <li><a href=#menus><span class=secno>4.11.4 </span>The <code>menu</code> element</a>
+ <li><a href=#the-command-element><span class=secno>4.11.3 </span>The <code>command</code> element</a></li>
+ <li><a href=#the-menu-element><span class=secno>4.11.4 </span>The <code>menu</code> element</a>
<ol>
<li><a href=#menus-intro><span class=secno>4.11.4.1 </span>Introduction</a></li>
<li><a href=#building-menus-and-toolbars><span class=secno>4.11.4.2 </span>Building menus and toolbars</a></li>
@@ -1898,9 +1895,9 @@
<p>The <a href=#intro-early-example>markup snippet at the top of
this section</a> would be turned into the following DOM tree:</p>
- <ul class=domTree><li class=t10>DOCTYPE: <code title="">html</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><u
l><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>
+ <ul class=domTree><li class=t10>DOCTYPE: <code title="">html</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-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>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-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
@@ -1909,11 +1906,11 @@
all end up as text nodes in the DOM. However, for historical reasons
not all of the spaces and line breaks in the original markup appear
in the DOM. In particular, all the whitespace before
- <code><a href=#the-head-element-0>head</a></code> start tag ends up being dropped silently, and all
+ <code><a href=#the-head-element>head</a></code> start tag ends up being dropped silently, and all
the whitespace after the <code><a href=#the-body-element-0>body</a></code> end tag ends up placed at
the end of the <code><a href=#the-body-element-0>body</a></code>.</p>
- <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>
+ <p>The <code><a href=#the-head-element>head</a></code> element contains a <code><a href=#the-title-element>title</a></code>
element, which itself contains a text node with the text "Sample
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
@@ -1921,14 +1918,14 @@
<hr><p>This DOM tree can be manipulated from scripts in the
page. Scripts (typically in JavaScript) are small programs that can
- be embedded using the <code><a href=#script>script</a></code> element or using
+ be embedded using the <code><a href=#the-script-element>script</a></code> element or using
<a href=#event-handler-content-attributes>event handler content attributes</a>. For example, here is
a form with a script that sets the value of the form's
<code><a href=#the-output-element>output</a></code> element to say "Hello World":</p>
<pre><<a href=#the-form-element>form</a> <a href=#attr-form-name title=attr-form-name>name</a>="main">
Result: <<a href=#the-output-element>output</a> <a href=#attr-fe-name title=attr-fe-name>name</a>="result"></output>
- <<a href=#script>script</a>>
+ <<a href=#the-script-element>script</a>>
<a href=#htmldocument title=HTMLDocument>document</a>.<a href=#dom-document-forms title=dom-document-forms>forms</a>.main.<a href=#dom-form-elements title=dom-form-elements>elements</a>.result.<a href=#dom-output-value title=dom-output-value>value</a> = 'Hello World';
</script>
</form></pre>
@@ -2505,14 +2502,14 @@
encouraging authors to avoid making them, authors can save time in
future efforts.</p>
- <p class=example>For example, a <code><a href=#script>script</a></code> element's
+ <p class=example>For example, a <code><a href=#the-script-element>script</a></code> element's
<code title=attr-script-src><a href=#attr-script-src>src</a></code> attribute causes the
element's contents to be ignored. However, this isn't obvious,
especially if the element's contents appear to be executable
script — which can lead to authors spending a lot of time
trying to debug the inline script without realizing that it is not
executing. To reduce this problem, this specification makes it
- non-conforming to have executable script in a <code><a href=#script>script</a></code>
+ non-conforming to have executable script in a <code><a href=#the-script-element>script</a></code>
element when the <code title=attr-script-src><a href=#attr-script-src>src</a></code>
attribute is present. This means that authors who are validating
their documents are less likely to waste time with this kind of
@@ -2855,7 +2852,7 @@
described in the DOM Core specification. For example, the <code title=dom-cloneNode>cloneNode()</code> and <code title=dom-importNode>importNode()</code> methods of the
<code><a href=#node>Node</a></code> interface both clone nodes, as do a number of
algorithms in this specification. Certain <a href=#html-elements>HTML elements</a>
- (in particular, <code><a href=#the-input-element>input</a></code> and <code><a href=#script>script</a></code>) apply
+ (in particular, <code><a href=#the-input-element>input</a></code> and <code><a href=#the-script-element>script</a></code>) apply
additional requirements on how they are cloned. <a href=#refsDOMCORE>[DOMCORE]</a></p>
@@ -3052,11 +3049,11 @@
specifications.</p>
<p class=example>A conforming XHTML processor would, upon
- finding an XHTML <code><a href=#script>script</a></code> element in an XML document,
+ finding an XHTML <code><a href=#the-script-element>script</a></code> element in an XML document,
execute the script contained in that element. However, if the
element is found within a transformation expressed in XSLT
(assuming the user agent also supports XSLT), then the processor
- would instead treat the <code><a href=#script>script</a></code> element as an opaque
+ would instead treat the <code><a href=#the-script-element>script</a></code> element as an opaque
element that forms part of the transform.</p>
<p>Web browsers that support <a href=#syntax>the HTML syntax</a> must
@@ -3071,7 +3068,7 @@
<p class=note>Unless explicitly stated, specifications that
override the semantics of HTML elements do not override the
requirements on DOM objects representing those elements. For
- example, the <code><a href=#script>script</a></code> element in the example above
+ example, the <code><a href=#the-script-element>script</a></code> element in the example above
would still implement the <code><a href=#htmlscriptelement>HTMLScriptElement</a></code>
interface.</p>
@@ -3533,7 +3530,7 @@
include data on HTML elements that scripts can then look for and
process.</li>
- <li>Authors can use the <code title=meta><a href=#meta><meta name=""
+ <li>Authors can use the <code title=meta><a href=#the-meta-element><meta name=""
content=""></a></code> mechanism to include page-wide metadata by
registering <a href=#concept-meta-extensions title=concept-meta-extensions>extensions to the
predefined set of metadata names</a>.</li>
@@ -3542,7 +3539,7 @@
links with specific meanings by registering <a href=#concept-rel-extensions title=concept-rel-extensions>extensions to the predefined set of
link types</a>. This is also used by Microformats.</li>
- <li>Authors can embed raw data using the <code title=script><a href=#script><script type=""></a></code> mechanism with a custom
+ <li>Authors can embed raw data using the <code title=script><a href=#the-script-element><script type=""></a></code> mechanism with a custom
type, for further handling by inline or server-side scripts.</li>
<li>Authors can create <a href=#plugin title=plugin>plugins</a> and
@@ -7061,7 +7058,7 @@
specification. <a href=#refsMIMESNIFF>[MIMESNIFF]</a></p>
- <h4 id=extracting-encodings-from-meta-elements><span class=secno>2.7.4 </span>Extracting encodings from <code><a href=#meta>meta</a></code> elements</h4>
+ <h4 id=extracting-encodings-from-meta-elements><span class=secno>2.7.4 </span>Extracting encodings from <code><a href=#the-meta-element>meta</a></code> elements</h4>
<p>The <dfn id=algorithm-for-extracting-an-encoding-from-a-meta-element>algorithm for extracting an encoding from a
<code>meta</code> element</dfn>, given a string <var title="">s</var>, is as follows. It either returns an encoding or
@@ -8980,43 +8977,43 @@
<h4 id=dom-tree-accessors><span class=secno>3.1.4 </span><dfn>DOM tree accessors</dfn></h4>
- <p><dfn id=the-html-element>The <code>html</code> element</dfn> of a document is the
+ <p><dfn id=the-html-element-0>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-0>html</a></code> element, or null otherwise.</p>
+ <code><a href=#the-html-element>html</a></code> element, or null otherwise.</p>
<hr><dl class=domintro><dt><var title="">document</var> . <code title=dom-document-head><a href=#dom-document-head>head</a></code></dt>
<dd>
- <p>Returns <a href=#the-head-element>the <code>head</code> element</a>.</p>
+ <p>Returns <a href=#the-head-element-0>the <code>head</code> element</a>.</p>
</dd>
- </dl><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
+ </dl><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
<code>html</code> element</a>, if there is one, or null
otherwise.</p>
<div class=impl>
<p>The <dfn id=dom-document-head title=dom-document-head><code>head</code></dfn>
- attribute, on getting, must return <a href=#the-head-element>the <code>head</code>
- element</a> of the document (a <code><a href=#the-head-element-0>head</a></code> element or
+ attribute, on getting, must return <a href=#the-head-element-0>the <code>head</code>
+ element</a> of the document (a <code><a href=#the-head-element>head</a></code> element or
null).</p>
</div>
<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>the
+ <p>Returns the document's title, as given by <a href=#the-title-element-0>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 title="the head element"><code>head</code> element</a>,
+ <a href=#the-head-element-0 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>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
+ </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
there is one, or null otherwise.</p>
<div class=impl>
@@ -9032,8 +9029,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>the <code>title</code> element</a>, in
- <a href=#tree-order>tree order</a>, or the empty string if <a href=#the-title-element>the
+ nodes</a> of <a href=#the-title-element-0>the <code>title</code> element</a>, in
+ <a href=#tree-order>tree order</a>, or the empty string if <a href=#the-title-element-0>the
<code>title</code> element</a> is null.</li>
<li><p>Replace any sequence of one 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>
@@ -9053,13 +9050,13 @@
<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>the <code>title</code> element</a> is null and
- <a href=#the-head-element>the <code>head</code> element</a> is null, then the
+ <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
attribute must do nothing. Stop the algorithm here.</li>
- <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>
+ <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>
element</a>.</li>
<li>The children of <var title="">element</var> (if any) must all
@@ -9083,7 +9080,7 @@
</dd>
</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
+ <a href=#the-html-element-0>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
@@ -9148,7 +9145,7 @@
<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>HTMLCollection</a></code> of the <code><a href=#script>script</a></code> elements in the <code><a href=#document>Document</a></code>.</p>
+ <p>Return an <code><a href=#htmlcollection>HTMLCollection</a></code> of the <code><a href=#the-script-element>script</a></code> elements in the <code><a href=#document>Document</a></code>.</p>
</dd>
</dl><div class=impl>
@@ -9183,7 +9180,7 @@
<p>The <dfn id=dom-document-scripts title=dom-document-scripts><code>scripts</code></dfn>
attribute must return an <code><a href=#htmlcollection>HTMLCollection</a></code> rooted at the
<code><a href=#document>Document</a></code> node, whose filter matches only
- <code><a href=#script>script</a></code> elements.</p>
+ <code><a href=#the-script-element>script</a></code> elements.</p>
<hr></div>
@@ -9308,7 +9305,7 @@
<p>Each entry in the <a href=#css-id-overrides-list>CSS ID overrides list</a>, while it is
in the list and is either <a href=#in-a-document title="in a Document">in the
<code>Document</code></a> or is an <code><a href=#the-img-element>img</a></code>,
- <code><a href=#video>video</a></code>, or <code><a href=#the-canvas-element>canvas</a></code> element, defines a
+ <code><a href=#the-video-element>video</a></code>, or <code><a href=#the-canvas-element>canvas</a></code> element, defines a
<span>CSS element reference identifier</span> mapping the given name
to the given <code><a href=#element>Element</a></code>. <a href=#refsCSSIMAGES>[CSSIMAGES]</a></p>
@@ -9476,7 +9473,7 @@
<dd>
<p>Returns a new <code><a href=#document>Document</a></code>, with a basic DOM already
- constructed with an appropriate <code><a href=#the-title-element-0>title</a></code> element.</p>
+ constructed with an appropriate <code><a href=#the-title-element>title</a></code> element.</p>
</dd>
@@ -9496,20 +9493,20 @@
and empty lists, as appropriate. Append the newly created node to
<var title="">doc</var>.</li>
- <li><p>Create an <code><a href=#the-html-element-0>html</a></code> element, and append it to <var title="">doc</var>.</li>
+ <li><p>Create an <code><a href=#the-html-element>html</a></code> element, and append it to <var title="">doc</var>.</li>
- <li><p>Create a <code><a href=#the-head-element-0>head</a></code> element, and append it to the
- <code><a href=#the-html-element-0>html</a></code> element created in the previous step.</p>
+ <li><p>Create a <code><a href=#the-head-element>head</a></code> element, and append it to the
+ <code><a href=#the-html-element>html</a></code> element created in the previous step.</p>
- <li><p>Create a <code><a href=#the-title-element-0>title</a></code> element, and append it to the
- <code><a href=#the-head-element-0>head</a></code> element created in the previous step.</p>
+ <li><p>Create a <code><a href=#the-title-element>title</a></code> element, and append it to the
+ <code><a href=#the-head-element>head</a></code> element created in the previous step.</p>
<li><p>Create a <code><a href=#text>Text</a></code> node, and set its <code title="">data</code> attribute to the string given by the method's
argument (which could be the empty string). Append it to the
- <code><a href=#the-title-element-0>title</a></code> element created in the previous step.</p>
+ <code><a href=#the-title-element>title</a></code> element created in the previous step.</p>
<li><p>Create a <code><a href=#the-body-element-0>body</a></code> element, and append it to the
- <code><a href=#the-html-element-0>html</a></code> element created in the earlier step.</p>
+ <code><a href=#the-html-element>html</a></code> element created in the earlier step.</p>
<li><p>Return <var title="">doc</var>.</li>
@@ -10330,7 +10327,7 @@
determined and that is either:</p>
<ul class=brief><li>A <code><a href=#the-bdi-element>bdi</a></code> element.
- <li>A <code><a href=#script>script</a></code> element.
+ <li>A <code><a href=#the-script-element>script</a></code> element.
<li>A <code><a href=#the-style-element>style</a></code> element.
<li>An element with a <code title=attr-dir><a href=#the-dir-attribute>dir</a></code> attribute in a defined state.
</ul></li>
@@ -10367,9 +10364,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>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>", "<code title="">rtl</code>", or "<code title="">auto</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>
+ <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>", "<code title="">rtl</code>", or "<code title="">auto</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>
</dd>
</dl><div class=impl>
@@ -10381,7 +10378,7 @@
<p>The <dfn id=dom-document-dir title=dom-document-dir><code>dir</code></dfn> IDL
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>the <code>html</code> element</a>, if any,
+ attribute of <a href=#the-html-element-0>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>
@@ -10912,13 +10909,13 @@
<!-- when updating this also update the category index -->
<ul class="brief category-list"><li><code><a href=#the-base-element>base</a></code></li>
- <li><code><a href=#the-command>command</a></code></li>
+ <li><code><a href=#the-command-element>command</a></code></li>
<li><code><a href=#the-link-element>link</a></code></li>
- <li><code><a href=#meta>meta</a></code></li>
+ <li><code><a href=#the-meta-element>meta</a></code></li>
<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-script-element>script</a></code></li>
<li><code><a href=#the-style-element>style</a></code></li>
- <li><code><a href=#the-title-element-0>title</a></code></li>
+ <li><code><a href=#the-title-element>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>metadata
content</a>.</p>
@@ -10964,7 +10961,7 @@
<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=#the-article-element>article</a></code></li>
<li><code><a href=#the-aside-element>aside</a></code></li>
- <li><code><a href=#audio>audio</a></code></li>
+ <li><code><a href=#the-audio-element>audio</a></code></li>
<li><code><a href=#the-b-element>b</a></code></li>
<li><code><a href=#the-bdi-element>bdi</a></code></li>
<li><code><a href=#the-bdo-element>bdo</a></code></li>
@@ -10974,7 +10971,7 @@
<li><code><a href=#the-canvas-element>canvas</a></code></li>
<li><code><a href=#the-cite-element>cite</a></code></li>
<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-command-element>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></li>
<li><code><a href=#the-details-element>details</a></code></li>
@@ -11010,9 +11007,9 @@
<li><code><a href=#the-map-element>map</a></code></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=#menus>menu</a></code></li>
+ <li><code><a href=#the-menu-element>menu</a></code></li>
<!--MD-->
- <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>
+ <li><code><a href=#the-meta-element>meta</a></code> (if the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present)</li>
<!--MD-->
<li><code><a href=#the-meter-element>meter</a></code></li>
<li><code><a href=#the-nav-element>nav</a></code></li>
@@ -11027,7 +11024,7 @@
<li><code><a href=#the-ruby-element>ruby</a></code></li>
<li><code><a href=#the-s-element>s</a></code></li>
<li><code><a href=#the-samp-element>samp</a></code></li>
- <li><code><a href=#script>script</a></code></li>
+ <li><code><a href=#the-script-element>script</a></code></li>
<li><code><a href=#the-section-element>section</a></code></li>
<li><code><a href=#the-select-element>select</a></code></li>
<li><code><a href=#the-small-element>small</a></code></li>
@@ -11043,7 +11040,7 @@
<li><code><a href=#the-u-element>u</a></code></li>
<li><code><a href=#the-ul-element>ul</a></code></li>
<li><code><a href=#the-var-element>var</a></code></li>
- <li><code><a href=#video>video</a></code></li>
+ <li><code><a href=#the-video-element>video</a></code></li>
<li><code><a href=#the-wbr-element>wbr</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
@@ -11105,7 +11102,7 @@
<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>
+ <li><code><a href=#the-audio-element>audio</a></code></li>
<li><code><a href=#the-b-element>b</a></code></li>
<li><code><a href=#the-bdi-element>bdi</a></code></li>
<li><code><a href=#the-bdo-element>bdo</a></code></li>
@@ -11114,7 +11111,7 @@
<li><code><a href=#the-canvas-element>canvas</a></code></li>
<li><code><a href=#the-cite-element>cite</a></code></li>
<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-command-element>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>phrasing content</a>)</li>
<li><code><a href=#the-dfn-element>dfn</a></code></li>
@@ -11135,7 +11132,7 @@
<li><code><a href=#the-mark-element>mark</a></code></li>
<li><code><a href=#math>math</a></code></li>
<!--MD-->
- <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>
+ <li><code><a href=#the-meta-element>meta</a></code> (if the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present)</li>
<!--MD-->
<li><code><a href=#the-meter-element>meter</a></code></li>
<li><code><a href=#the-noscript-element>noscript</a></code></li>
@@ -11146,7 +11143,7 @@
<li><code><a href=#the-ruby-element>ruby</a></code></li>
<li><code><a href=#the-s-element>s</a></code></li>
<li><code><a href=#the-samp-element>samp</a></code></li>
- <li><code><a href=#script>script</a></code></li>
+ <li><code><a href=#the-script-element>script</a></code></li>
<li><code><a href=#the-select-element>select</a></code></li>
<li><code><a href=#the-small-element>small</a></code></li>
<li><code><a href=#the-span-element>span</a></code></li>
@@ -11158,7 +11155,7 @@
<li><code><a href=#the-time-element>time</a></code></li>
<li><code><a href=#the-u-element>u</a></code></li>
<li><code><a href=#the-var-element>var</a></code></li>
- <li><code><a href=#video>video</a></code></li>
+ <li><code><a href=#the-video-element>video</a></code></li>
<li><code><a href=#the-wbr-element>wbr</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
@@ -11190,7 +11187,7 @@
is inserted into the document.</p>
<!-- when updating this also update the category index -->
- <ul class="brief category-list"><li><code><a href=#audio>audio</a></code></li>
+ <ul class="brief category-list"><li><code><a href=#the-audio-element>audio</a></code></li>
<li><code><a href=#the-canvas-element>canvas</a></code></li>
<li><code><a href=#the-embed-element>embed</a></code></li>
<li><code><a href=#the-iframe-element>iframe</a></code></li>
@@ -11198,7 +11195,7 @@
<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>svg</a></code></li>
- <li><code><a href=#video>video</a></code></li>
+ <li><code><a href=#the-video-element>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>embedded content</a> for the purposes of the content models
@@ -11228,7 +11225,7 @@
<!-- when updating this also update the category index -->
<ul class="brief category-list"><li><code><a href=#the-a-element>a</a></code></li>
- <li><code><a href=#audio>audio</a></code> (if the <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present)</li>
+ <li><code><a href=#the-audio-element>audio</a></code> (if the <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present)</li>
<li><code><a href=#the-button-element>button</a></code></li>
<li><code><a href=#the-details-element>details</a></code></li>
<li><code><a href=#the-embed-element>embed</a></code></li>
@@ -11237,11 +11234,11 @@
<li><code><a href=#the-input-element>input</a></code> (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)</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=#menus>menu</a></code> (if the <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state title="toolbar state">toolbar</a> state)</li>
+ <li><code><a href=#the-menu-element>menu</a></code> (if the <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state title="toolbar state">toolbar</a> state)</li>
<li><code><a href=#the-object-element>object</a></code> (if the <code title=attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attribute is present)<!-- see also comment in <object> section --></li>
<li><code><a href=#the-select-element>select</a></code></li>
<li><code><a href=#the-textarea-element>textarea</a></code></li>
- <li><code><a href=#video>video</a></code> (if the <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present)</li>
+ <li><code><a href=#the-video-element>video</a></code> (if the <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present)</li>
</ul><p>Certain elements in HTML have an <a href=#activation-behavior>activation
behavior</a>, which means that the user can activate them. This
triggers a sequence of events dependent on the activation mechanism,
@@ -11486,7 +11483,7 @@
<p>Conformance checkers may warn authors of cases where they have
paragraphs that overlap each other (this can happen with
- <code><a href=#the-object-element>object</a></code>, <code><a href=#video>video</a></code>, <code><a href=#audio>audio</a></code>, and
+ <code><a href=#the-object-element>object</a></code>, <code><a href=#the-video-element>video</a></code>, <code><a href=#the-audio-element>audio</a></code>, and
<code><a href=#the-canvas-element>canvas</a></code> elements, and indirectly through elements in
other namespaces that allow HTML to be further embedded therein,
like <code><a href=#svg>svg</a></code> or <code><a href=#math>math</a></code>).</p> <!-- example below
@@ -11724,7 +11721,7 @@
<td><code title="attr-aria-role-heading">heading</code> role, with the <code title="attr-aria-level">aria-level</code> property set to the element's <span>outline depth</span>
-->
- <tr><td><code><a href=#the-head-element-0>head</a></code> element
+ <tr><td><code><a href=#the-head-element>head</a></code> element
<td>No role
<tr><td><code><a href=#the-hgroup-element>hgroup</a></code> element
@@ -11733,7 +11730,7 @@
<tr><td><code><a href=#the-hr-element>hr</a></code> element
<td><code title=attr-aria-role-separator>separator</code> role
- <tr><td><code><a href=#the-html-element-0>html</a></code> element
+ <tr><td><code><a href=#the-html-element>html</a></code> element
<td>No role
<tr><td><code><a href=#the-img-element>img</a></code> element whose <code title=attr-img-alt><a href=#attr-img-alt>alt</a></code> attribute's value is empty
@@ -11817,16 +11814,16 @@
<tr><td><code><a href=#the-link-element>link</a></code> element that creates a <a href=#hyperlink>hyperlink</a>
<td><code title=attr-aria-role-link>link</code> role
- <tr><td><code><a href=#menus>menu</a></code> element with a <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#context-menu-state title="context menu state">context menu</a> state
+ <tr><td><code><a href=#the-menu-element>menu</a></code> element with a <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#context-menu-state title="context menu state">context menu</a> state
<td>No role
- <tr><td><code><a href=#menus>menu</a></code> element with a <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#list-state title="list state">list</a> state
+ <tr><td><code><a href=#the-menu-element>menu</a></code> element with a <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#list-state title="list state">list</a> state
<td><code title=attr-aria-role-menu>menu</code> role
- <tr><td><code><a href=#menus>menu</a></code> element with a <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#toolbar-state title="toolbar state">toolbar</a> state
+ <tr><td><code><a href=#the-menu-element>menu</a></code> element with a <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#toolbar-state title="toolbar state">toolbar</a> state
<td><code title=attr-aria-role-toolbar>toolbar</code> role
- <tr><td><code><a href=#meta>meta</a></code> element
+ <tr><td><code><a href=#the-meta-element>meta</a></code> element
<td>No role
<tr><td><code><a href=#the-meter-element>meter</a></code> element
@@ -11850,7 +11847,7 @@
<tr><td><code><a href=#the-progress-element>progress</a></code> element
<td><code title=attr-aria-role-progressbar>progressbar</code> role, with, if the progress bar is determinate, the <code title=attr-aria-valuemax>aria-valuemax</code> property set to the maximum value of the progress bar, the <code title=attr-aria-valuemin>aria-valuemin</code> property set to zero, and the <code title=attr-aria-valuenow>aria-valuenow</code> property set to the current value of the progress bar
- <tr><td><code><a href=#script>script</a></code> element
+ <tr><td><code><a href=#the-script-element>script</a></code> element
<td>No role
<tr><td><code><a href=#the-select-element>select</a></code> element with a <code title=attr-select-multiple><a href=#attr-select-multiple>multiple</a></code> attribute
@@ -11877,16 +11874,16 @@
<tr><td><code><a href=#the-textarea-element>textarea</a></code> element with a <code title=attr-textarea-required><a href=#attr-textarea-required>required</a></code> attribute
<td>The <code title=title-aria-required>aria-required</code> state set to "true"
- <tr><td><code><a href=#the-title-element-0>title</a></code> element
+ <tr><td><code><a href=#the-title-element>title</a></code> element
<td>No role
- <tr><td>An element that <a href=#concept-command title=concept-command>defines a command</a>, whose <a href=#command-facet-type title=command-facet-type>Type</a> facet is "checkbox", and that is a descendant of a <code><a href=#menus>menu</a></code> element whose <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#list-state title="list state">list</a> state
+ <tr><td>An element that <a href=#concept-command title=concept-command>defines a command</a>, whose <a href=#command-facet-type title=command-facet-type>Type</a> facet is "checkbox", and that is a descendant of a <code><a href=#the-menu-element>menu</a></code> element whose <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#list-state title="list state">list</a> state
<td><code title=attr-aria-role-menuitemcheckbox>menuitemcheckbox</code> role, with the <code title=attr-aria-checked>aria-checked</code> state set to "true" if the command's <a href=#command-facet-checkedstate title=command-facet-checkedstate>Checked State</a> facet is true, and "false" otherwise
- <tr><td>An element that <a href=#concept-command title=concept-command>defines a command</a>, whose <a href=#command-facet-type title=command-facet-type>Type</a> facet is "command", and that is a descendant of a <code><a href=#menus>menu</a></code> element whose <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#list-state title="list state">list</a> state
+ <tr><td>An element that <a href=#concept-command title=concept-command>defines a command</a>, whose <a href=#command-facet-type title=command-facet-type>Type</a> facet is "command", and that is a descendant of a <code><a href=#the-menu-element>menu</a></code> element whose <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#list-state title="list state">list</a> state
<td><code title=attr-aria-role-menuitem>menuitem</code> role
- <tr><td>An element that <a href=#concept-command title=concept-command>defines a command</a>, whose <a href=#command-facet-type title=command-facet-type>Type</a> facet is "radio", and that is a descendant of a <code><a href=#menus>menu</a></code> element whose <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#list-state title="list state">list</a> state
+ <tr><td>An element that <a href=#concept-command title=concept-command>defines a command</a>, whose <a href=#command-facet-type title=command-facet-type>Type</a> facet is "radio", and that is a descendant of a <code><a href=#the-menu-element>menu</a></code> element whose <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#list-state title="list state">list</a> state
<td><code title=attr-aria-role-menuitemradio>menuitemradio</code> role, with the <code title=attr-aria-checked>aria-checked</code> state set to "true" if the command's <a href=#command-facet-checkedstate title=command-facet-checkedstate>Checked State</a> facet is true, and "false" otherwise
<tr><td>Element that is <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a>
@@ -11930,7 +11927,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=#audio>audio</a></code> element
+ <tr><td><code><a href=#the-audio-element>audio</a></code> element
<td>No role
<td>If specified, role must be <code title=attr-aria-role-application>application</code>
@@ -12044,7 +12041,7 @@
<td><code title=attr-aria-role-list>list</code> role
<td>Role must be either <code title=attr-aria-role-directory>directory</code>, <code title=attr-aria-role-list>list</code>, <code title=attr-aria-role-listbox>listbox</code>, <code title=attr-aria-role-menu>menu</code>, <code title=attr-aria-role-menubar>menubar</code>, <code title=attr-aria-role-tablist>tablist</code>, <code title="attr-aria-role-toolbar ">toolbar</code>, <code title=attr-aria-role-tree>tree</code>
- <tr><td><code><a href=#video>video</a></code> element
+ <tr><td><code><a href=#the-video-element>video</a></code> element
<td>No role
<td>If specified, role must be <code title=attr-aria-role-application>application</code>
@@ -12618,7 +12615,7 @@
<p><code><a href=#document>Document</a></code> objects have an
<dfn id=ignore-destructive-writes-counter>ignore-destructive-writes counter</dfn>, which is used in
- conjunction with the processing of <code><a href=#script>script</a></code> elements to
+ conjunction with the processing of <code><a href=#the-script-element>script</a></code> elements to
prevent external scripts from being able to use <code title=dom-document-write><a href=#dom-document-write>document.write()</a></code> to blow away the
document by implicitly calling <code title=dom-document-open><a href=#dom-document-open>document.open()</a></code>. Initially, the
counter must be set to zero.</p>
@@ -12682,12 +12679,12 @@
at a time, processing resulting tokens as they are emitted, and
stopping when the tokenizer reaches the insertion point or when
the processing of the tokenizer is aborted by the tree
- construction stage (this can happen if a <code><a href=#script>script</a></code> end
+ construction stage (this can happen if a <code><a href=#the-script-element>script</a></code> end
tag token is emitted by the tokenizer).
<p class=note>If the <code title=dom-document-write><a href=#dom-document-write>document.write()</a></code> method was
called from script executing inline (i.e. executing because the
- parser parsed a set of <code><a href=#script>script</a></code> tags), then this is a
+ parser parsed a set of <code><a href=#the-script-element>script</a></code> tags), then this is a
<a href=#nestedParsing>reentrant invocation of the
parser</a>.</p>
@@ -13139,7 +13136,7 @@
<h3 id=the-root-element><span class=secno>4.1 </span>The root element</h3>
- <h4 id=the-html-element-0><span class=secno>4.1.1 </span>The <dfn><code>html</code></dfn> element</h4>
+ <h4 id=the-html-element><span class=secno>4.1.1 </span>The <dfn><code>html</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd>None.</dd>
@@ -13147,7 +13144,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-0>head</a></code> element followed by a <code><a href=#the-body-element-0>body</a></code> element.</dd>
+ <dd>A <code><a href=#the-head-element>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>
@@ -13155,7 +13152,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-0>html</a></code> element <a href=#represents>represents</a> the root of
+ </dl><p>The <code><a href=#the-html-element>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>
@@ -13181,7 +13178,7 @@
<div class=example>
- <p>The <code><a href=#the-html-element-0>html</a></code> element in the following example declares
+ <p>The <code><a href=#the-html-element>html</a></code> element in the following example declares
that the document's language is English.</p>
<pre><!DOCTYPE html>
@@ -13203,27 +13200,27 @@
<h3 id=document-metadata><span class=secno>4.2 </span>Document metadata</h3>
- <h4 id=the-head-element-0><span class=secno>4.2.1 </span>The <dfn><code>head</code></dfn> element</h4>
+ <h4 id=the-head-element><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 can be used:</dt>
- <dd>As the first element in an <code><a href=#the-html-element-0>html</a></code> element.</dd>
+ <dd>As the first element in an <code><a href=#the-html-element>html</a></code> element.</dd>
<dt>Content model:</dt>
<dd>If the document is <a href=#an-iframe-srcdoc-document>an <code>iframe</code> <code title=attr-iframe-srcdoc>srcdoc</code> document</a> or if title information is available from a higher-level protocol: Zero or more elements of <a href=#metadata-content>metadata content</a>.</dd>
- <dd>Otherwise: 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>
+ <dd>Otherwise: One or more elements of <a href=#metadata-content>metadata content</a>, of which exactly one is a <code><a href=#the-title-element>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-0>head</a></code> element <a href=#represents>represents</a> a
+ </dl><p>The <code><a href=#the-head-element>head</a></code> element <a href=#represents>represents</a> a
collection of metadata for the <code><a href=#document>Document</a></code>.</p>
<div class=example>
- <p>The collection of metadata in a <code><a href=#the-head-element-0>head</a></code> element can be
+ <p>The collection of metadata in a <code><a href=#the-head-element>head</a></code> element can be
large or small. Here is an example of a very short one:</p>
<pre><!doctype html>
@@ -13252,20 +13249,20 @@
</div>
- <p class=note>The <code><a href=#the-title-element-0>title</a></code> element is a required child
+ <p class=note>The <code><a href=#the-title-element>title</a></code> element is a required child
in most situations, but when a higher-level protocol provides title
information, e.g. in the Subject line of an e-mail when HTML is used
- as an e-mail authoring format, the <code><a href=#the-title-element-0>title</a></code> element can be
+ as an e-mail authoring format, the <code><a href=#the-title-element>title</a></code> element can be
omitted.</p>
- <h4 id=the-title-element-0><span class=secno>4.2.2 </span>The <dfn><code>title</code></dfn> element</h4>
+ <h4 id=the-title-element><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>Metadata content</a>.</dd>
<dt>Contexts in which this element can be used:</dt>
- <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>
+ <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>
<dt>Content model:</dt>
<dd><a href=#text-content title="text content">Text</a>.</dd>
<dt>Content attributes:</dt>
@@ -13276,7 +13273,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-0>title</a></code> element <a href=#represents>represents</a> the
+ </dl><p>The <code><a href=#the-title-element>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
@@ -13284,7 +13281,7 @@
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-0>title</a></code> element per
+ <p>There must be no more than one <code><a href=#the-title-element>title</a></code> element per
document.</p>
<dl class=domintro><dt><var title="">title</var> . <code title=dom-title-text><a href=#dom-title-text>text</a></code> [ = <var title="">value</var> ]</dt>
@@ -13304,7 +13301,7 @@
<p>The IDL attribute <dfn id=dom-title-text title=dom-title-text><code>text</code></dfn> must return a
concatenation of the contents of all the <a href=#text-node title="text
node">text nodes</a> that are direct children of the
- <code><a href=#the-title-element-0>title</a></code> element (ignoring any other nodes such as
+ <code><a href=#the-title-element>title</a></code> element (ignoring any other nodes such as
comments or elements), in tree order. On setting, it must act the
same way as the <code><a href=#textcontent>textContent</a></code> IDL attribute.</p>
@@ -13338,8 +13335,8 @@
<p>User agents should use the document's title when referring to the
document in their user interface. When the contents of a
- <code><a href=#the-title-element-0>title</a></code> element are used in this way, <a href=#the-directionality>the
- directionality</a> of that <code><a href=#the-title-element-0>title</a></code> element should be
+ <code><a href=#the-title-element>title</a></code> element are used in this way, <a href=#the-directionality>the
+ directionality</a> of that <code><a href=#the-title-element>title</a></code> element should be
used to set the directionality of the document's title in the user
interface.</p>
@@ -13351,7 +13348,7 @@
<dl class=element><dt>Categories</dt>
<dd><a href=#metadata-content>Metadata content</a>.</dd>
<dt>Contexts in which this element can be used:</dt>
- <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>
+ <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>
<dt>Content model:</dt>
<dd>Empty.</dd>
<dt>Content attributes:</dt>
@@ -13382,7 +13379,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-0>html</a></code> element
+ <a href=#url title=URL>URLs</a>, except the <code><a href=#the-html-element>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>
@@ -13452,7 +13449,7 @@
<!--MD-->
<dt>Contexts in which this element can be used:</dt>
<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>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>
<!--MD-->
<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>
<!--MD-->
@@ -13816,7 +13813,7 @@
- <h4 id=meta><span class=secno>4.2.5 </span>The <dfn><code>meta</code></dfn> element</h4>
+ <h4 id=the-meta-element><span class=secno>4.2.5 </span>The <dfn id=meta><code>meta</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#metadata-content>Metadata content</a>.</dd>
@@ -13825,9 +13822,9 @@
<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>
<!--MD-->
<dt>Contexts in which this element can 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-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-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-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 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-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>metadata content</a> is expected.</dd>
<!--MD-->
<dd>If the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present: where <a href=#metadata-content>metadata content</a> is expected.</dd>
@@ -13849,12 +13846,12 @@
attribute DOMString <a href=#dom-meta-content title=dom-meta-content>content</a>;
};</pre>
</dd>
- </dl><p>The <code><a href=#meta>meta</a></code> element <a href=#represents>represents</a> various
+ </dl><p>The <code><a href=#the-meta-element>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-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>
+ <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-style-element>style</a></code>, and <code><a href=#the-script-element>script</a></code> elements.</p>
- <p>The <code><a href=#meta>meta</a></code> element can represent document-level
+ <p>The <code><a href=#the-meta-element>meta</a></code> element can represent document-level
metadata with the <code title=attr-meta-name><a href=#attr-meta-name>name</a></code>
attribute, pragma directives with the <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute, and the
file's <a href=#character-encoding-declaration>character encoding declaration</a> when an HTML
@@ -13878,11 +13875,11 @@
UTF-8 as its encoding).</p>
<p class=note>The <code title=attr-meta-charset><a href=#attr-meta-charset>charset</a></code>
- attribute on the <code><a href=#meta>meta</a></code> element has no effect in XML
+ attribute on the <code><a href=#the-meta-element>meta</a></code> element has no effect in XML
documents, and is only allowed in order to facilitate migration to
and from XHTML.</p>
- <p>There must not be more than one <code><a href=#meta>meta</a></code> element with a
+ <p>There must not be more than one <code><a href=#the-meta-element>meta</a></code> element with a
<code title=attr-meta-charset><a href=#attr-meta-charset>charset</a></code> attribute per
document.</p>
@@ -13892,14 +13889,14 @@
values depend on the exact context, as described in subsequent
sections of this specification.</p>
- <p>If a <code><a href=#meta>meta</a></code> element has a <dfn id=attr-meta-name title=attr-meta-name><code>name</code></dfn> attribute, it sets
+ <p>If a <code><a href=#the-meta-element>meta</a></code> element has a <dfn id=attr-meta-name title=attr-meta-name><code>name</code></dfn> attribute, it sets
document metadata. Document metadata is expressed in terms of
name/value pairs, the <code title=attr-meta-name><a href=#attr-meta-name>name</a></code>
- attribute on the <code><a href=#meta>meta</a></code> element giving the name, and the
+ attribute on the <code><a href=#the-meta-element>meta</a></code> element giving the name, and the
<code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute on the same
element giving the value. The name specifies what aspect of metadata
is being set; valid names and the meaning of their values are
- described in the following sections. If a <code><a href=#meta>meta</a></code> element
+ described in the following sections. If a <code><a href=#the-meta-element>meta</a></code> element
has no <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute,
then the value part of the metadata name/value pair is the empty
string.</p>
@@ -13917,7 +13914,7 @@
<h5 id=standard-metadata-names><span class=secno>4.2.5.1 </span>Standard metadata names</h5>
<p>This specification defines a few names for the <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute of the
- <code><a href=#meta>meta</a></code> element.</p>
+ <code><a href=#the-meta-element>meta</a></code> element.</p>
<p>Names are case-insensitive<span class=impl>, and must be compared
in an <a href=#ascii-case-insensitive>ASCII case-insensitive</a> manner</span>.</p>
@@ -13927,11 +13924,11 @@
<dd><p>The value must be a short free-form string giving the name
of the Web application that the page represents. If the page 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. There must not be more than one <code><a href=#meta>meta</a></code>
+ must not be used. There must not be more than one <code><a href=#the-meta-element>meta</a></code>
element with its <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute
set to the value <code title=meta-application-name><a href=#meta-application-name>application-name</a></code> per
document. <span class=impl>User agents may use the application
- name in UI in preference to the page's <code><a href=#the-title-element-0>title</a></code>, since
+ 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 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>
@@ -13946,7 +13943,7 @@
<dd><p>The value must be a free-form string that describes the
page. The value must be appropriate for use in a directory of
pages, e.g. in a search engine. There must not be more than one
- <code><a href=#meta>meta</a></code> element with its <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute set to the value <code title=meta-description><a href=#meta-description>description</a></code> per document.</dd>
+ <code><a href=#the-meta-element>meta</a></code> element with its <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute set to the value <code title=meta-description><a href=#meta-description>description</a></code> per document.</dd>
<dt><dfn id=meta-generator title=meta-generator><code>generator</code></dfn></dt>
@@ -13959,7 +13956,7 @@
<div class=example>
<p>Here is what a tool called "Frontweaver" could include in its
- output, in the page's <code><a href=#the-head-element-0>head</a></code> element, to identify
+ output, in the page's <code><a href=#the-head-element>head</a></code> element, to identify
itself as the tool used to generate the page:</p>
<pre><meta name=generator content="Frontweaver 8.2"></pre>
@@ -13978,7 +13975,7 @@
<div class=example>
<p>This page about typefaces on British motorways uses a
- <code><a href=#meta>meta</a></code> element to specify some keywords that users
+ <code><a href=#the-meta-element>meta</a></code> element to specify some keywords that users
might use to look for the page:</p>
<pre><!DOCTYPE HTML>
@@ -14008,7 +14005,7 @@
<li>
- <p>For each <code><a href=#meta>meta</a></code> element with a <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute and a <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute and whose
+ <p>For each <code><a href=#the-meta-element>meta</a></code> element with a <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute and a <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute and whose
<code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute's value is
<code title=meta-keywords><a href=#meta-keywords>keywords</a></code>, run the following
substeps:</p>
@@ -14149,14 +14146,14 @@
<p>Metadata names whose values are to be <a href=#url title=URL>URLs</a> must not be proposed or accepted. Links must
be represented using the <code><a href=#the-link-element>link</a></code> element, not the
- <code><a href=#meta>meta</a></code> element.</p>
+ <code><a href=#the-meta-element>meta</a></code> element.</p>
<h5 id=pragma-directives><span class=secno>4.2.5.3 </span>Pragma directives</h5>
<p>When the <dfn id=attr-meta-http-equiv title=attr-meta-http-equiv><code>http-equiv</code></dfn> attribute
- is specified on a <code><a href=#meta>meta</a></code> element, the element is a pragma
+ is specified on a <code><a href=#the-meta-element>meta</a></code> element, the element is a pragma
directive.</p>
<p>The <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code>
@@ -14235,7 +14232,7 @@
people expect to have work and what is necessary.
--><div class=impl>
- <p>When a <code><a href=#meta>meta</a></code> element is <a href=#insert-an-element-into-a-document title="insert an
+ <p>When a <code><a href=#the-meta-element>meta</a></code> element is <a href=#insert-an-element-into-a-document title="insert an
element into a document">inserted into the document</a>, if its
<code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute is
present and represents one of the above states, then the user agent
@@ -14256,14 +14253,14 @@
language</dfn>. Until the pragma is successfully processed, there
is no <a href=#pragma-set-default-language>pragma-set default language</a>.</p>
- <ol><li><p>If another <code><a href=#meta>meta</a></code> element with an <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in the
+ <ol><li><p>If another <code><a href=#the-meta-element>meta</a></code> element with an <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in the
<a href=#attr-meta-http-equiv-content-language title=attr-meta-http-equiv-content-language>Content
Language state</a> has already been successfully processed
(i.e. when it was inserted the user agent processed it and
reached the last step of this list of steps), then abort these
steps.</li>
- <li><p>If the <code><a href=#meta>meta</a></code> element has no <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute, or if that
+ <li><p>If the <code><a href=#the-meta-element>meta</a></code> element has no <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute, or if that
attribute's value is the empty string, then abort these
steps.</li>
@@ -14303,7 +14300,7 @@
<a href=#character-encoding-declaration>character encoding declaration</a>. <span class=impl>This state's user agent requirements are all handled
by the parsing section of the specification.</span></p>
- <p>For <code><a href=#meta>meta</a></code> elements with an <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in the
+ <p>For <code><a href=#the-meta-element>meta</a></code> elements with an <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in the
<a href=#attr-meta-http-equiv-content-type title=attr-meta-http-equiv-content-type>Encoding
declaration state</a>, the <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute must have a
value that is an <a href=#ascii-case-insensitive>ASCII case-insensitive</a> match for a
@@ -14313,11 +14310,11 @@
the character encoding name of the <a href=#character-encoding-declaration>character encoding
declaration</a>.</p>
- <p>If the document contains a <code><a href=#meta>meta</a></code> element with an
+ <p>If the document contains a <code><a href=#the-meta-element>meta</a></code> element with an
<code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in
the <a href=#attr-meta-http-equiv-content-type title=attr-meta-http-equiv-content-type>Encoding
declaration state</a>, then the document must not contain a
- <code><a href=#meta>meta</a></code> element with the <code title=attr-meta-charset><a href=#attr-meta-charset>charset</a></code> attribute present.</p>
+ <code><a href=#the-meta-element>meta</a></code> element with the <code title=attr-meta-charset><a href=#attr-meta-charset>charset</a></code> attribute present.</p>
<p>The <a href=#attr-meta-http-equiv-content-type title=attr-meta-http-equiv-content-type>Encoding
declaration state</a> may be used in <a href=#html-documents>HTML
@@ -14335,7 +14332,7 @@
<div class=impl>
- <ol><li><p>If the <code><a href=#meta>meta</a></code> element has no <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute, or if that
+ <ol><li><p>If the <code><a href=#the-meta-element>meta</a></code> element has no <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute, or if that
attribute's value is the empty string, then abort these
steps.</li>
@@ -14354,13 +14351,13 @@
<div class=impl>
- <ol><!-- TESTS: http://www.hixie.ch/tests/adhoc/html/meta/refresh/ --><!-- http://software.hixie.ch/utilities/js/live-dom-viewer/saved/734 --><li><p>If another <code><a href=#meta>meta</a></code> element with an <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in the
+ <ol><!-- TESTS: http://www.hixie.ch/tests/adhoc/html/meta/refresh/ --><!-- http://software.hixie.ch/utilities/js/live-dom-viewer/saved/734 --><li><p>If another <code><a href=#the-meta-element>meta</a></code> element with an <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in the
<a href=#attr-meta-http-equiv-refresh title=attr-meta-http-equiv-refresh>Refresh state</a>
has already been successfully processed (i.e. when it was
inserted the user agent processed it and reached the last step of
this list of steps), then abort these steps.</li>
- <li><p>If the <code><a href=#meta>meta</a></code> element has no <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute, or if that
+ <li><p>If the <code><a href=#the-meta-element>meta</a></code> element has no <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute, or if that
attribute's value is the empty string, then abort these
steps.</li>
@@ -14444,7 +14441,7 @@
(LF), and U+000D CARRIAGE RETURN (CR) characters from <var title="">url</var>.</li>
<li><p><a href=#resolve-a-url title="resolve a url">Resolve</a> the <var title="">url</var> value to an <a href=#absolute-url>absolute URL</a>,
- relative to the <code><a href=#meta>meta</a></code> element. If this fails, abort
+ relative to the <code><a href=#the-meta-element>meta</a></code> element. If this fails, abort
these steps.</li>
<li>
@@ -14455,7 +14452,7 @@
<p>After the refresh has come due (as defined below), if the
user has not canceled the redirect and if the
- <code><a href=#meta>meta</a></code> element's <code><a href=#document>Document</a></code>'s
+ <code><a href=#the-meta-element>meta</a></code> element's <code><a href=#document>Document</a></code>'s
<a href=#browsing-context>browsing context</a> did not have the <a href=#sandboxed-automatic-features-browsing-context-flag>sandboxed
automatic features browsing context flag</a> set when the
<code><a href=#document>Document</a></code> was created, <a href=#navigate title=navigate>navigate</a><!--DONAV meta refresh--> the
@@ -14474,7 +14471,7 @@
<!-- http://software.hixie.ch/utilities/js/live-dom-viewer/saved/774 -->
<li>At least <var title="">time</var> seconds have elapsed
- since the <code><a href=#meta>meta</a></code> element was <a href=#insert-an-element-into-a-document title="insert
+ since the <code><a href=#the-meta-element>meta</a></code> element was <a href=#insert-an-element-into-a-document title="insert
an element into a document">inserted into the
<code>Document</code></a>, adjusted to take into account
user or user agent preferences.</li>
@@ -14498,7 +14495,7 @@
</ol></div>
- <p>For <code><a href=#meta>meta</a></code> elements with an <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in the
+ <p>For <code><a href=#the-meta-element>meta</a></code> elements with an <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in the
<a href=#attr-meta-http-equiv-refresh title=attr-meta-http-equiv-refresh>Refresh state</a>,
the <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute must
have a value consisting either of:</p>
@@ -14521,7 +14518,7 @@
<div class=example>
<p>A news organization's front page could include the following
- markup in the page's <code><a href=#the-head-element-0>head</a></code> element, to ensure that
+ markup in the page's <code><a href=#the-head-element>head</a></code> element, to ensure that
the page automatically reloads from the server every five
minutes:</p>
@@ -14549,7 +14546,7 @@
<p>It is non-conforming. Real HTTP headers should be used instead.</p>
- <ol><li><p>If the <code><a href=#meta>meta</a></code> element has no <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute, or if that
+ <ol><li><p>If the <code><a href=#the-meta-element>meta</a></code> element has no <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute, or if that
attribute's value is the empty string, then abort these
steps.</li>
@@ -14563,7 +14560,7 @@
</ol></dd>
- </dl><p>There must not be more than one <code><a href=#meta>meta</a></code> element with
+ </dl><p>There must not be more than one <code><a href=#the-meta-element>meta</a></code> element with
any particular state in the document at a time.</p>
@@ -14670,8 +14667,8 @@
character encoding used must be an <a href=#ascii-compatible-character-encoding>ASCII-compatible character
encoding</a>, and, in addition, if that encoding isn't US-ASCII
itself, then the encoding must be specified using a
- <code><a href=#meta>meta</a></code> element with a <code title=attr-meta-charset><a href=#attr-meta-charset>charset</a></code> attribute or a
- <code><a href=#meta>meta</a></code> element with an <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in the
+ <code><a href=#the-meta-element>meta</a></code> element with a <code title=attr-meta-charset><a href=#attr-meta-charset>charset</a></code> attribute or a
+ <code><a href=#the-meta-element>meta</a></code> element with an <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in the
<a href=#attr-meta-http-equiv-content-type title=attr-meta-http-equiv-content-type>Encoding declaration
state</a>.</p>
@@ -14682,8 +14679,8 @@
<code><a href=#the-iframe-element>iframe</a></code>.)</p>
<p>If an <a href=#html-documents title="HTML documents">HTML document</a> contains
- a <code><a href=#meta>meta</a></code> element with a <code title=attr-meta-charset><a href=#attr-meta-charset>charset</a></code> attribute or a
- <code><a href=#meta>meta</a></code> element with an <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in the
+ a <code><a href=#the-meta-element>meta</a></code> element with a <code title=attr-meta-charset><a href=#attr-meta-charset>charset</a></code> attribute or a
+ <code><a href=#the-meta-element>meta</a></code> element with an <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in the
<a href=#attr-meta-http-equiv-content-type title=attr-meta-http-equiv-content-type>Encoding declaration
state</a>, then the character encoding used must be an
<a href=#ascii-compatible-character-encoding>ASCII-compatible character encoding</a>.</p>
@@ -14748,7 +14745,7 @@
<p>In HTML, to declare that the character encoding is UTF-8, the
author could include the following markup near the top of the
- document (in the <code><a href=#the-head-element-0>head</a></code> element):</p>
+ document (in the <code><a href=#the-head-element>head</a></code> element):</p>
<pre><meta charset="utf-8"></pre>
@@ -14767,7 +14764,7 @@
<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 can 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>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 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>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, but must match requirements described in prose below.</dd>
@@ -15148,7 +15145,7 @@
</div>
- <h4 id=script><span class=secno>4.3.1 </span>The <dfn><code>script</code></dfn> element</h4>
+ <h4 id=the-script-element><span class=secno>4.3.1 </span>The <dfn id=script><code>script</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#metadata-content>Metadata content</a>.</dd>
@@ -15183,7 +15180,7 @@
attribute DOMString <a href=#dom-script-text title=dom-script-text>text</a>;
};</pre>
</dd>
- </dl><p>The <code><a href=#script>script</a></code> element allows authors to include dynamic
+ </dl><p>The <code><a href=#the-script-element>script</a></code> element allows authors to include dynamic
script and data blocks in their documents. The element does not
<a href=#represents title=represents>represent</a> content for the user.</p>
@@ -15193,14 +15190,14 @@
is not that described by "<code title="">text/javascript</code>",
then the <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute must
be present, as described below. Whatever language is used, the
- contents of the <code><a href=#script>script</a></code> element must conform with the
+ contents of the <code><a href=#the-script-element>script</a></code> element must conform with the
requirements of that language's specification.</p>
<p>When used to include data blocks (as opposed to scripts), the
data must be embedded inline, the format of the data must be given
using the <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute, the
<code title=attr-script-src><a href=#attr-script-src>src</a></code> attribute must not be
- specified, and the contents of the <code><a href=#script>script</a></code> element must
+ specified, and the contents of the <code><a href=#the-script-element>script</a></code> element must
conform to the requirements defined for the format used.</p>
<p>The <dfn id=attr-script-type title=attr-script-type><code>type</code></dfn>
@@ -15253,7 +15250,7 @@
therefore by necessity scattered throughout the specification. The
algorithms below (in this section) describe the core of this
processing, but these algorithms reference and are referenced by the
- parsing rules for <code><a href=#script>script</a></code> <a href=#scriptTag>start</a>
+ parsing rules for <code><a href=#the-script-element>script</a></code> <a href=#scriptTag>start</a>
and <a href=#scriptEndTag>end</a> tags in HTML, <a href=#scriptForeignEndTag>in foreign content</a>, and <a href=#scriptTagXML>in XML</a>, the rules for the <code title=dom-document-write><a href=#dom-document-write>document.write()</a></code> method, the
handling of <a href=#scripting>scripting</a>, etc.</p>
@@ -15270,28 +15267,28 @@
<div class=impl>
- <p>A <code><a href=#script>script</a></code> element has several associated pieces of
+ <p>A <code><a href=#the-script-element>script</a></code> element has several associated pieces of
state.</p>
<p>The first is a flag indicating whether or not the script block
has been <dfn id=already-started>"already started"</dfn>. Initially,
- <code><a href=#script>script</a></code> elements must have this flag unset (script
+ <code><a href=#the-script-element>script</a></code> elements must have this flag unset (script
blocks, when created, are not "already started"). When a
- <code><a href=#script>script</a></code> element is <a href=#concept-clone title=concept-clone>cloned</a>, the "already started" flag, if
+ <code><a href=#the-script-element>script</a></code> element is <a href=#concept-clone title=concept-clone>cloned</a>, the "already started" flag, if
set, must be propagated to the clone when it is created.</p>
<p>The second is a flag indicating whether the element was
- <dfn id=parser-inserted>"parser-inserted"</dfn>. Initially, <code><a href=#script>script</a></code>
+ <dfn id=parser-inserted>"parser-inserted"</dfn>. Initially, <code><a href=#the-script-element>script</a></code>
elements must have this flag unset. It is set by the <a href=#html-parser>HTML
- parser</a> and the <a href=#xml-parser>XML parser</a> on <code><a href=#script>script</a></code>
+ parser</a> and the <a href=#xml-parser>XML parser</a> on <code><a href=#the-script-element>script</a></code>
elements they insert and affects the processing of those
elements.</p>
<p>The third is a flag indicating whether the element will
- <dfn id=force-async>"force-async"</dfn>. Initially, <code><a href=#script>script</a></code> elements
+ <dfn id=force-async>"force-async"</dfn>. Initially, <code><a href=#the-script-element>script</a></code> elements
must have this flag set. It is unset by the <a href=#html-parser>HTML parser</a>
- and the <a href=#xml-parser>XML parser</a> on <code><a href=#script>script</a></code> elements they
- insert. In addition, whenever a <code><a href=#script>script</a></code> element whose
+ and the <a href=#xml-parser>XML parser</a> on <code><a href=#the-script-element>script</a></code> elements they
+ insert. In addition, whenever a <code><a href=#the-script-element>script</a></code> element whose
<a href=#force-async>"force-async"</a> flag is set has a <code title=attr-script-async><a href=#attr-script-async>async</a></code> content attribute added, the
element's <a href=#force-async>"force-async"</a> flag must be unset.</p> <!--
there's no need to unset it when the attribute is removed since you
@@ -15299,7 +15296,7 @@
<p>The fourth is a flag indicating whether or not the script block is
<dfn id=ready-to-be-parser-executed>"ready to be parser-executed"</dfn>. Initially,
- <code><a href=#script>script</a></code> elements must have this flag unset (script
+ <code><a href=#the-script-element>script</a></code> elements must have this flag unset (script
blocks, when created, are not "ready to be parser-executed"). This
flag is used only for elements that are also
<a href=#parser-inserted>"parser-inserted"</a>, to let the parser know when to
@@ -15310,21 +15307,21 @@
encoding</var></dfn>, and <dfn id="the-script-block's-fallback-character-encoding"><var>the script block's fallback
character encoding</var></dfn>. They are determined when the script
is prepared, based on the attributes on the element at that time,
- and the <code><a href=#document>Document</a></code> of the <code><a href=#script>script</a></code>
+ and the <code><a href=#document>Document</a></code> of the <code><a href=#the-script-element>script</a></code>
element.</p>
- <p>When a <code><a href=#script>script</a></code> element that is not marked as being
+ <p>When a <code><a href=#the-script-element>script</a></code> element that is not marked as being
<a href=#parser-inserted>"parser-inserted"</a> experiences one of the events listed
- in the following list, the user agent must synchronously <a href=#prepare-a-script title="prepare a script">prepare</a> the <code><a href=#script>script</a></code>
+ in the following list, the user agent must synchronously <a href=#prepare-a-script title="prepare a script">prepare</a> the <code><a href=#the-script-element>script</a></code>
element:</p>
- <ul><li>The <code><a href=#script>script</a></code> element gets <a href=#insert-an-element-into-a-document title="insert an
+ <ul><li>The <code><a href=#the-script-element>script</a></code> element gets <a href=#insert-an-element-into-a-document title="insert an
element into a document">inserted into a document</a>.</li>
- <li>The <code><a href=#script>script</a></code> element is <a href=#in-a-document>in a
+ <li>The <code><a href=#the-script-element>script</a></code> element is <a href=#in-a-document>in a
<code>Document</code></a> and its child nodes are changed.</li>
- <li>The <code><a href=#script>script</a></code> element is <a href=#in-a-document>in a
+ <li>The <code><a href=#the-script-element>script</a></code> element is <a href=#in-a-document>in a
<code>Document</code></a> and has a <code title=attr-script-src><a href=#attr-script-src>src</a></code> attribute set where previously
the element had no such attribute.</li>
@@ -15333,7 +15330,7 @@
<ol><li>
- <p>If the <code><a href=#script>script</a></code> element is marked as having
+ <p>If the <code><a href=#the-script-element>script</a></code> element is marked as having
<a href=#already-started>"already started"</a>, then the user agent must abort
these steps at this point. The script is not executed.</p>
@@ -15347,7 +15344,7 @@
<var title="">was-parser-inserted</var> to false.</p>
<p class=note>This is done so that if parser-inserted
- <code><a href=#script>script</a></code> elements fail to run when the parser tries to
+ <code><a href=#the-script-element>script</a></code> elements fail to run when the parser tries to
run them, e.g. because they are empty or specify an unsupported
scripting language, another script can later mutate them and cause
them to run again.</p>
@@ -15363,7 +15360,7 @@
element's <a href=#force-async>"force-async"</a> flag to true.</p>
<p class=note>This is done so that if a parser-inserted
- <code><a href=#script>script</a></code> element fails to run when the parser tries to
+ <code><a href=#the-script-element>script</a></code> element fails to run when the parser tries to
run it, but it is later executed after a script dynamically
updates it, it will execute asynchronously even if the
<code title=attr-script-async><a href=#attr-script-async>async</a></code> attribute isn't
@@ -15393,25 +15390,25 @@
<p>If either:</p>
- <ul class=brief><li>the <code><a href=#script>script</a></code> element has a <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute and its value is
+ <ul class=brief><li>the <code><a href=#the-script-element>script</a></code> element has a <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute and its value is
the empty string, or</li>
- <li>the <code><a href=#script>script</a></code> element has no <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute but it has a <code title=attr-script-language><a href=#attr-script-language>language</a></code> attribute and
+ <li>the <code><a href=#the-script-element>script</a></code> element has no <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute but it has a <code title=attr-script-language><a href=#attr-script-language>language</a></code> attribute and
<em>that</em> attribute's value is the empty string, or</li>
- <li>the <code><a href=#script>script</a></code> element has neither a <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute nor a <code title=attr-script-language><a href=#attr-script-language>language</a></code> attribute, then</li>
+ <li>the <code><a href=#the-script-element>script</a></code> element has neither a <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute nor a <code title=attr-script-language><a href=#attr-script-language>language</a></code> attribute, then</li>
</ul><p>...let <var><a href="#the-script-block's-type">the script block's type</a></var> for this
- <code><a href=#script>script</a></code> element be "<code title="">text/javascript</code>".</p>
+ <code><a href=#the-script-element>script</a></code> element be "<code title="">text/javascript</code>".</p>
- <p>Otherwise, if the <code><a href=#script>script</a></code> element has a <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute, let <var><a href="#the-script-block's-type">the
- script block's type</a></var> for this <code><a href=#script>script</a></code> element be
+ <p>Otherwise, if the <code><a href=#the-script-element>script</a></code> element has a <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute, let <var><a href="#the-script-block's-type">the
+ script block's type</a></var> for this <code><a href=#the-script-element>script</a></code> element be
the value of that attribute with any leading or trailing sequences
of <a href=#space-character title="space character">space characters</a>
removed.</p>
<p>Otherwise, the element has a non-empty <code title=attr-script-language><a href=#attr-script-language>language</a></code> attribute; let
- <var><a href="#the-script-block's-type">the script block's type</a></var> for this <code><a href=#script>script</a></code>
+ <var><a href="#the-script-block's-type">the script block's type</a></var> for this <code><a href=#the-script-element>script</a></code>
element be the concatenation of the string "<code title="">text/</code>" followed by the value of the <code title=attr-script-language><a href=#attr-script-language>language</a></code> attribute.</p> <!--
user agents already support, e.g., type="text/javascript1.3", so
we don't have to support that separately. -->
@@ -15425,7 +15422,7 @@
<p>If the user agent does not <a href=#support-the-scripting-language>support the scripting
language</a> given by <var><a href="#the-script-block's-type">the script block's type</a></var> for
- this <code><a href=#script>script</a></code> element, then the user agent must abort
+ this <code><a href=#the-script-element>script</a></code> element, then the user agent must abort
these steps at this point. The script is not executed.</p>
</li>
@@ -15460,7 +15457,7 @@
<li id=script-processing-noscript>
<p>If <a href=#concept-n-noscript title=concept-n-noscript>scripting is
- disabled</a> for the <code><a href=#script>script</a></code> element, then the user
+ disabled</a> for the <code><a href=#the-script-element>script</a></code> element, then the user
agent must abort these steps at this point. The script is not
executed.</p>
@@ -15479,7 +15476,7 @@
<li id=script-processing-for>
- <p>If the <code><a href=#script>script</a></code> element has an <code title=attr-script-event><a href=#attr-script-event>event</a></code> attribute and a <code title=attr-script-for><a href=#attr-script-for>for</a></code> attribute, then run these
+ <p>If the <code><a href=#the-script-element>script</a></code> element has an <code title=attr-script-event><a href=#attr-script-event>event</a></code> attribute and a <code title=attr-script-for><a href=#attr-script-for>for</a></code> attribute, then run these
substeps:</p>
<ol><li><p>Let <var title="">for</var> be the value of the <code title=attr-script-for><a href=#attr-script-for>for</a></code> attribute.</li>
@@ -15501,12 +15498,12 @@
<li id=script-processing-encoding>
- <p>If the <code><a href=#script>script</a></code> element has a <code title=attr-script-charset><a href=#attr-script-charset>charset</a></code> attribute, then let
+ <p>If the <code><a href=#the-script-element>script</a></code> element has a <code title=attr-script-charset><a href=#attr-script-charset>charset</a></code> attribute, then let
<var><a href="#the-script-block's-character-encoding">the script block's character encoding</a></var> for this
- <code><a href=#script>script</a></code> element be the encoding given by the <code title=attr-script-charset><a href=#attr-script-charset>charset</a></code> attribute.</p>
+ <code><a href=#the-script-element>script</a></code> element be the encoding given by the <code title=attr-script-charset><a href=#attr-script-charset>charset</a></code> attribute.</p>
<p>Otherwise, let <var><a href="#the-script-block's-fallback-character-encoding">the script block's fallback character
- encoding</a></var> for this <code><a href=#script>script</a></code> element be the same as
+ encoding</a></var> for this <code><a href=#the-script-element>script</a></code> element be the same as
<a href="#document's-character-encoding" title="document's character encoding">the encoding of the
document itself</a>.</p>
@@ -15606,7 +15603,7 @@
have a <code title=attr-script-src><a href=#attr-script-src>src</a></code> attribute, and
the element has been flagged as <a href=#parser-inserted>"parser-inserted"</a>,
and the <code><a href=#document>Document</a></code> of the <a href=#html-parser>HTML parser</a> or
- <a href=#xml-parser>XML parser</a> that created the <code><a href=#script>script</a></code>
+ <a href=#xml-parser>XML parser</a> that created the <code><a href=#the-script-element>script</a></code>
element <a href=#has-a-style-sheet-that-is-blocking-scripts>has a style sheet that is blocking
scripts</a></dt>
@@ -15632,7 +15629,7 @@
<p>The element must be added to the end of the <dfn id=list-of-scripts-that-will-execute-in-order-as-soon-as-possible>list of
scripts that will execute in order as soon as possible</dfn>
associated with the <code><a href=#document>Document</a></code> of the
- <code><a href=#script>script</a></code> element at the time the <a href=#prepare-a-script>prepare a
+ <code><a href=#the-script-element>script</a></code> element at the time the <a href=#prepare-a-script>prepare a
script</a> algorithm started.</p>
<p>The <a href=#concept-task title=concept-task>task</a> that the
@@ -15668,7 +15665,7 @@
<p>The element must be added to the <dfn id=set-of-scripts-that-will-execute-as-soon-as-possible>set of scripts that
will execute as soon as possible</dfn> of the
- <code><a href=#document>Document</a></code> of the <code><a href=#script>script</a></code> element at the
+ <code><a href=#document>Document</a></code> of the <code><a href=#the-script-element>script</a></code> element at the
time the <a href=#prepare-a-script>prepare a script</a> algorithm started.</p>
<p>The <a href=#concept-task title=concept-task>task</a> that the
@@ -15698,7 +15695,7 @@
<code><a href=#document>Document</a></code> is used by the <code><a href=#document>Document</a></code>'s
parser(s).</p>
- <p class=note>If a <code><a href=#script>script</a></code> element that blocks a
+ <p class=note>If a <code><a href=#the-script-element>script</a></code> element that blocks a
parser gets moved to another <code><a href=#document>Document</a></code> before it would
normally have stopped blocking that parser, it nonetheless continues
blocking that parser until the condition that causes it to be
@@ -15750,7 +15747,7 @@
following steps. For the purposes of these steps, the script is
considered to be from an <i>external file</i> if, while the
<a href=#prepare-a-script>prepare a script</a> algorithm above was running for
- this script, the <code><a href=#script>script</a></code> element had a <code title=attr-script-src><a href=#attr-script-src>src</a></code> attribute specified.</p>
+ this script, the <code><a href=#the-script-element>script</a></code> element had a <code title=attr-script-src><a href=#attr-script-src>src</a></code> attribute specified.</p>
<ol><li id=establish-script-block-source>
@@ -15853,7 +15850,7 @@
<dd>
- <p>The child nodes of the <code><a href=#script>script</a></code> element at the
+ <p>The child nodes of the <code><a href=#the-script-element>script</a></code> element at the
time the element's <a href=#already-started>"already started"</a> flag was
last set are the script source.</p>
@@ -15865,7 +15862,7 @@
<p>If the script is from an external file, then increment the
<a href=#ignore-destructive-writes-counter>ignore-destructive-writes counter</a> of the
- <code><a href=#script>script</a></code> element's <code><a href=#document>Document</a></code>. Let <var title="">neutralized doc</var> be that
+ <code><a href=#the-script-element>script</a></code> element's <code><a href=#document>Document</a></code>. Let <var title="">neutralized doc</var> be that
<code><a href=#document>Document</a></code>.</p>
</li>
@@ -15873,7 +15870,7 @@
<li>
<p><a href=#create-a-script-from-a-node title="create a script from a node">Create a
- script</a> from the <code><a href=#script>script</a></code> element node, using
+ script</a> from the <code><a href=#the-script-element>script</a></code> element node, using
<var><a href="#the-script-block's-source">the script block's source</a></var> and <var><a href="#the-script-block's-type">the script
block's type</a></var>.</p>
@@ -15894,10 +15891,10 @@
<p>If the script is from an external file, <a href=#fire-a-simple-event>fire a simple
event</a> named <code title=event-load>load</code> at the
- <code><a href=#script>script</a></code> element.</p>
+ <code><a href=#the-script-element>script</a></code> element.</p>
<p>Otherwise, the script is internal; <a href=#queue-a-task>queue a
- task</a> to <a href=#fire-a-simple-event>fire a simple event</a> named <code title=event-load>load</code> at the <code><a href=#script>script</a></code>
+ task</a> to <a href=#fire-a-simple-event>fire a simple event</a> named <code title=event-load>load</code> at the <code><a href=#the-script-element>script</a></code>
element.</p>
</li>
@@ -15941,20 +15938,20 @@
<p>The IDL attribute <dfn id=dom-script-text title=dom-script-text><code>text</code></dfn> must return a
concatenation of the contents of all the <a href=#text-node title="text
node">text nodes</a> that are direct children of the
- <code><a href=#script>script</a></code> element (ignoring any other nodes such as
+ <code><a href=#the-script-element>script</a></code> element (ignoring any other nodes such as
comments or elements), in tree order. On setting, it must act the
same way as the <code><a href=#textcontent>textContent</a></code> IDL attribute.</p>
</div>
<p class=note>When inserted using the <code title=dom-document-write><a href=#dom-document-write>document.write()</a></code> method,
- <code><a href=#script>script</a></code> elements execute (typically synchronously), but
+ <code><a href=#the-script-element>script</a></code> elements execute (typically synchronously), but
when inserted using <code title=dom-innerHTML><a href=#dom-innerhtml>innerHTML</a></code> and <code title=dom-outerHTML><a href=#dom-outerhtml>outerHTML</a></code> attributes, they do not
execute at all.</p>
<div class=example>
- <p>In this example, two <code><a href=#script>script</a></code> elements are used. One
+ <p>In this example, two <code><a href=#the-script-element>script</a></code> elements are used. One
embeds an external script, and the other includes some data.</p>
<pre><script src="game-engine.js"></script>
@@ -15978,7 +15975,7 @@
<p>The following sample shows how a script element can be used to
define a function that is then used by other parts of the
- document. It also shows how a <code><a href=#script>script</a></code> element can be
+ document. It also shows how a <code><a href=#the-script-element>script</a></code> element can be
used to invoke script while the document is being parsed, in this
case to initialize the form's output.</p>
@@ -16070,7 +16067,7 @@
<h5 id=restrictions-for-contents-of-script-elements><span class=secno>4.3.1.2 </span><dfn title="script content restrictions">Restrictions for contents of <code>script</code> elements</dfn></h5>
- <p>The <code><a href=#textcontent>textContent</a></code> of a <code><a href=#script>script</a></code> element
+ <p>The <code><a href=#textcontent>textContent</a></code> of a <code><a href=#the-script-element>script</a></code> element
must match the <code title="">script</code> production in the
following ABNF, the character set for which is Unicode. <a href=#refsABNF>[ABNF]</a></p>
@@ -16112,15 +16109,15 @@
tag-end =/ %x002F ; U+002F SOLIDUS (/)
tag-end =/ %x003E ; U+003E GREATER-THAN SIGN (>)</pre>
- <p>When a <code><a href=#script>script</a></code> element contains <a href=#inline-documentation-for-external-scripts>script
+ <p>When a <code><a href=#the-script-element>script</a></code> element contains <a href=#inline-documentation-for-external-scripts>script
documentation</a>, there are further restrictions on the contents
of the element, as described in the section below.</p>
<h5 id=inline-documentation-for-external-scripts><span class=secno>4.3.1.3 </span><dfn title="script documentation">Inline documentation for external scripts</dfn></h5>
- <p>If a <code><a href=#script>script</a></code> element's <code title=attr-script-src><a href=#attr-script-src>src</a></code> attribute is specified, then the
- contents of the <code><a href=#script>script</a></code> element, if any, must be such
+ <p>If a <code><a href=#the-script-element>script</a></code> element's <code title=attr-script-src><a href=#attr-script-src>src</a></code> attribute is specified, then the
+ contents of the <code><a href=#the-script-element>script</a></code> element, if any, must be such
that the value of the <code title=dom-script-text><a href=#dom-script-text>text</a></code> IDL
attribute, which is derived from the element's contents, matches the
<code title="">documentation</code> production in the following
@@ -16147,7 +16144,7 @@
element in JavaScript comments.</p>
<p class=note>This requirement is in addition to the earlier
- restrictions on the syntax of contents of <code><a href=#script>script</a></code>
+ restrictions on the syntax of contents of <code><a href=#the-script-element>script</a></code>
elements.</p>
<div class=example>
@@ -16171,12 +16168,12 @@
<div class=impl>
- <h5 id=scriptTagXSLT><span class=secno>4.3.1.4 </span>Interaction of <code><a href=#script>script</a></code> elements and XSLT</h5>
+ <h5 id=scriptTagXSLT><span class=secno>4.3.1.4 </span>Interaction of <code><a href=#the-script-element>script</a></code> elements and XSLT</h5>
<p><i>This section is non-normative.</i></p>
<p>This specification does not define how XSLT interacts with the
- <code><a href=#script>script</a></code> element (or, indeed, how XSLT processing
+ <code><a href=#the-script-element>script</a></code> element (or, indeed, how XSLT processing
triggers the <a href=#stop-parsing>stop parsing</a> steps, how it interacts with
the <a href=#navigate title=navigate>navigation</a> algorithm, or how it
fits in with the <a href=#event-loop>event loop</a>). However, in the absence
@@ -16185,7 +16182,7 @@
<ul><li><p>When an XSLT transformation program is triggered by an <code title=""><?xml-stylesheet?></code> processing instruction and
the browser implements a direct-to-DOM transformation,
- <code><a href=#script>script</a></code> elements created by the XSLT processor need to
+ <code><a href=#the-script-element>script</a></code> elements created by the XSLT processor need to
be marked <a href=#parser-inserted>"parser-inserted"</a> and run in document order
(modulo scripts marked <code title=attr-script-defer><a href=#attr-script-defer>defer</a></code>
or <code title=attr-script-async><a href=#attr-script-async>async</a></code>), asynchronously
@@ -16194,17 +16191,17 @@
<li><p>The <code title=dom-XSLTProcessor-transformToDocument>XSLTProcessor.transformToDocument()</code>
method adds elements to a <code><a href=#document>Document</a></code> that is not in a
<a href=#browsing-context>browsing context</a>, and, accordingly, any
- <code><a href=#script>script</a></code> elements they create need to have their
+ <code><a href=#the-script-element>script</a></code> elements they create need to have their
<a href=#already-started>"already started"</a> flag set in the <a href=#prepare-a-script>prepare a
script</a> algorithm and never get executed (<a href=#concept-bc-noscript title=concept-bc-noscript>scripting is disabled</a>). Such
- <code><a href=#script>script</a></code> elements still need to be marked
+ <code><a href=#the-script-element>script</a></code> elements still need to be marked
<a href=#parser-inserted>"parser-inserted"</a>, though, such that their <code title=dom-script-async><a href=#dom-script-async>async</a></code> IDL attribute will return
false in the absence of an <code title=attr-script-async><a href=#attr-script-async>async</a></code> content attribute.</li>
<li><p>The <code title=dom-XSLTProcessor-transformToFragment>XSLTProcessor.transformToFragment()</code>
method needs to create a fragment that is equivalent to one built
manually by creating the elements using <code title=dom-document-createElementNS><a href=#dom-document-createelementns>document.createElementNS()</a></code>.
- For instance, it needs to create <code><a href=#script>script</a></code> elements that
+ For instance, it needs to create <code><a href=#the-script-element>script</a></code> elements that
aren't <a href=#parser-inserted>"parser-inserted"</a> and that don't have their
<a href=#already-started>"already started"</a> flag set, so that they will execute
when the fragment is inserted into a document.</li>
@@ -16224,11 +16221,11 @@
<dd><a href=#flow-content>Flow content</a>.</dd>
<dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element can be used:</dt>
- <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>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>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-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>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=#the-meta-element>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>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>
@@ -16244,14 +16241,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-0>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>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>
+ <code><a href=#the-link-element>link</a></code>, <code><a href=#the-style-element>style</a></code>, and <code><a href=#the-meta-element>meta</a></code>
elements.</dd>
- <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
+ <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
<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,
@@ -16259,10 +16256,10 @@
algorithm</a> <!-- (which disables <script> execution) --> with
the <code><a href=#the-noscript-element>noscript</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 consists
only of <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 that would be conforming if they were
+ <code><a href=#the-meta-element>meta</a></code> elements that would be conforming if they were
children of the <code><a href=#the-noscript-element>noscript</a></code> element, and no <a href=#parse-error title="parse error">parse errors</a>.</dd>
- <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
+ <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
<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
@@ -16271,7 +16268,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-0>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>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>
@@ -16279,11 +16276,11 @@
<p>The <code><a href=#the-noscript-element>noscript</a></code> element must contain only text,
except that the text must be such that running the following
algorithm results in a conforming document with no
- <code><a href=#the-noscript-element>noscript</a></code> elements and no <code><a href=#script>script</a></code>
+ <code><a href=#the-noscript-element>noscript</a></code> elements and no <code><a href=#the-script-element>script</a></code>
elements, and such that no step in the algorithm causes an
<a href=#html-parser>HTML parser</a> to flag a <a href=#parse-error>parse error</a>:</p>
- <ol><li>Remove every <code><a href=#script>script</a></code> element from the
+ <ol><li>Remove every <code><a href=#the-script-element>script</a></code> element from the
document.</li>
<li>Make a list of every <code><a href=#the-noscript-element>noscript</a></code> element in the
@@ -16419,7 +16416,7 @@
<dl class=element><dt>Categories</dt>
<dd><a href=#sectioning-root>Sectioning root</a>.</dd>
<dt>Contexts in which this element can be used:</dt>
- <dd>As the second element in an <code><a href=#the-html-element-0>html</a></code> element.</dd>
+ <dd>As the second element in an <code><a href=#the-html-element>html</a></code> element.</dd>
<dt>Content model:</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
<dt>Content attributes:</dt>
@@ -16502,11 +16499,11 @@
body element</a> of a <code><a href=#document>Document</a></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-0>html</a></code> element, and only <em>then</em> would it trigger
+ <code><a href=#the-html-element>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-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><a href=#document>Document</a></code>, to the
+ the <code><a href=#the-html-element>html</a></code>, to the <code><a href=#document>Document</a></code>, to the
<code><a href=#window>Window</a></code>, and the <a href=#event-handlers title="event handlers">event
handler</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
@@ -17072,10 +17069,7 @@
- <h4 id=the-h1,-h2,-h3,-h4,-h5,-and-h6-elements><span class=secno>4.4.6 </span>The <dfn><code>h1</code></dfn>, <dfn><code>h2</code></dfn>,
- <dfn><code>h3</code></dfn>, <dfn><code>h4</code></dfn>,
- <dfn><code>h5</code></dfn>, and <dfn><code>h6</code></dfn>
- elements</h4>
+ <h4 id=the-h1,-h2,-h3,-h4,-h5,-and-h6-elements><span class=secno>4.4.6 </span>The <dfn id=the-h1-element><code>h1</code></dfn>, <dfn id=the-h2-element><code>h2</code></dfn>, <dfn id=the-h3-element><code>h3</code></dfn>, <dfn id=the-h4-element><code>h4</code></dfn>, <dfn id=the-h5-element><code>h5</code></dfn>, and <dfn id=the-h6-element><code>h6</code></dfn> elements</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
@@ -18678,7 +18672,7 @@
<dt>Contexts in which this element can be used:</dt>
<dd>Inside <code><a href=#the-ol-element>ol</a></code> elements.</dd>
<dd>Inside <code><a href=#the-ul-element>ul</a></code> elements.</dd>
- <dd>Inside <code><a href=#menus>menu</a></code> elements.</dd>
+ <dd>Inside <code><a href=#the-menu-element>menu</a></code> elements.</dd>
<dt>Content model:</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
<dt>Content attributes:</dt>
@@ -18692,7 +18686,7 @@
</dd>
</dl><p>The <code><a href=#the-li-element>li</a></code> element <a href=#represents>represents</a> a list
item. If its parent element is an <code><a href=#the-ol-element>ol</a></code>, <code><a href=#the-ul-element>ul</a></code>,
- or <code><a href=#menus>menu</a></code> element, then the element is an item of the
+ or <code><a href=#the-menu-element>menu</a></code> element, then the element is an item of the
parent element's list, as defined for those elements. Otherwise, the
list item has no defined list-related relationship to any other
<code><a href=#the-li-element>li</a></code> element.</p>
@@ -18765,7 +18759,7 @@
</div>
<p class=note>If the <code><a href=#the-li-element>li</a></code> element is the child of a
- <code><a href=#menus>menu</a></code> element and itself has a child that defines a
+ <code><a href=#the-menu-element>menu</a></code> element and itself has a child that defines a
<a href=#concept-command title=concept-command>command</a>, then the
<code><a href=#the-li-element>li</a></code> element will match the <code title=selector-enabled><a href=#selector-enabled>:enabled</a></code> and <code title=selector-disabled><a href=#selector-disabled>:disabled</a></code> pseudo-classes in the
same way as the first such child element does.</p>
@@ -20581,7 +20575,7 @@
</div>
- <h4 id=the-sub-and-sup-elements><span class=secno>4.6.15 </span>The <dfn><code>sub</code></dfn> and <dfn><code>sup</code></dfn> elements</h4>
+ <h4 id=the-sub-and-sup-elements><span class=secno>4.6.15 </span>The <dfn id=the-sub-element><code>sub</code></dfn> and <dfn id=the-sup-element><code>sup</code></dfn> elements</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
@@ -23291,7 +23285,7 @@
who is known to be able to view images.</li>
<!--FORK-->
- <li>The document has a <code><a href=#meta>meta</a></code> element with a <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute whose value is an
+ <li>The document has a <code><a href=#the-meta-element>meta</a></code> element with a <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute whose value is an
<a href=#ascii-case-insensitive>ASCII case-insensitive</a> match for the string "<code title=meta-generator><a href=#meta-generator>generator</a></code>". (This case does not
represent a case where the document is conforming, only that the
generator could not determine appropriate alternative text —
@@ -23364,7 +23358,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-0>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>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>
@@ -24092,7 +24086,7 @@
<var title="">input</var> must 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
+ <code><a href=#the-script-element>script</a></code> elements being anywhere in the list or as
descendants of elements in the list, and with all the elements in
the list (including their descendants) being themselves
conforming.</p>
@@ -25139,10 +25133,10 @@
<p>The following example shows how a plugin can be used in HTML (in
this case the Flash plugin, to show a video file). Fallback is
provided for users who do not have Flash enabled, in this case
- using the <code><a href=#video>video</a></code> element to show the video for those
- using user agents that support <code><a href=#video>video</a></code>, and finally
+ using the <code><a href=#the-video-element>video</a></code> element to show the video for those
+ using user agents that support <code><a href=#the-video-element>video</a></code>, and finally
providing a link to the video for those who have neither Flash nor
- a <code><a href=#video>video</a></code>-capable browser.</p>
+ a <code><a href=#the-video-element>video</a></code>-capable browser.</p>
<pre><p>Look at my video:
<object type="application/x-shockwave-flash">
@@ -25245,7 +25239,7 @@
</div>
- <h4 id=video><span class=secno>4.8.6 </span>The <dfn><code>video</code></dfn> element</h4>
+ <h4 id=the-video-element><span class=secno>4.8.6 </span>The <dfn id=video><code>video</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
@@ -25283,13 +25277,13 @@
attribute DOMString <a href=#dom-video-poster title=dom-video-poster>poster</a>;
};</pre>
</dd>
- </dl><p>A <code><a href=#video>video</a></code> element is used for playing videos or
+ </dl><p>A <code><a href=#the-video-element>video</a></code> element is used for playing videos or
movies, and audio files with captions.</p>
- <p>Content may be provided inside the <code><a href=#video>video</a></code>
+ <p>Content may be provided inside the <code><a href=#the-video-element>video</a></code>
element<span class=impl>. User agents should not show this content
to the user</span>; it is intended for older Web browsers which do
- not support <code><a href=#video>video</a></code>, so that legacy video plugins can be
+ not support <code><a href=#the-video-element>video</a></code>, so that legacy video plugins can be
tried, or to show text to the users of these older browsers informing
them of how to access the video contents.</p>
@@ -25301,7 +25295,7 @@
subtitle tracks, audio description tracks, or sign-language
overlays) into their media streams.</p>
- <p>The <code><a href=#video>video</a></code> element is a <a href=#media-element>media element</a>
+ <p>The <code><a href=#the-video-element>video</a></code> element is a <a href=#media-element>media element</a>
whose <a href=#media-data>media data</a> is ostensibly video data, possibly
with associated audio data.</p>
@@ -25327,7 +25321,7 @@
URL. -->
<ol><li><p>If there is an existing instance of this algorithm running
- for this <code><a href=#video>video</a></code> element, abort that instance of this
+ for this <code><a href=#the-video-element>video</a></code> element, abort that instance of this
algorithm without changing the <a href=#poster-frame>poster frame</a>.</li>
<li><p>If the <code title=attr-video-poster><a href=#attr-video-poster>poster</a></code>
@@ -25362,11 +25356,11 @@
<code title=dom-media-HAVE_NOTHING><a href=#dom-media-have_nothing>HAVE_NOTHING</a></code>, or <code title=dom-media-HAVE_METADATA><a href=#dom-media-have_metadata>HAVE_METADATA</a></code> but no video
data has yet been obtained at all, or the element's <code title=dom-media-readyState><a href=#dom-media-readystate>readyState</a></code> attribute is any
subsequent value but the <a href=#media-resource>media resource</a> does not have a
- video channel), the <code><a href=#video>video</a></code> element
+ video channel), the <code><a href=#the-video-element>video</a></code> element
<a href=#represents>represents</a> either the <a href=#poster-frame>poster frame</a>, or
nothing.</p>
- <p>When a <code><a href=#video>video</a></code> element is <a href=#dom-media-paused title=dom-media-paused>paused</a> and the <a href=#current-playback-position title="current
+ <p>When a <code><a href=#the-video-element>video</a></code> element is <a href=#dom-media-paused title=dom-media-paused>paused</a> and the <a href=#current-playback-position title="current
playback position">current playback position</a> is the first
frame of video, the element <a href=#represents>represents</a> either the frame
of video corresponding to the <a href=#current-playback-position title="current playback
@@ -25377,7 +25371,7 @@
be preferred over nothing, but the <a href=#poster-frame>poster frame</a> should
not be shown again after a frame of video has been shown.</p>
- <p>When a <code><a href=#video>video</a></code> element is <a href=#dom-media-paused title=dom-media-paused>paused</a> at any other position, and
+ <p>When a <code><a href=#the-video-element>video</a></code> element is <a href=#dom-media-paused title=dom-media-paused>paused</a> at any other position, and
the <a href=#media-resource>media resource</a> has a video channel, the element
<a href=#represents>represents</a> the frame of video corresponding to the
<a href=#current-playback-position title="current playback position">current playback
@@ -25385,7 +25379,7 @@
video is seeking or buffering), the last frame of the video to have
been rendered.</p>
- <p>When a <code><a href=#video>video</a></code> element whose <a href=#media-resource>media
+ <p>When a <code><a href=#the-video-element>video</a></code> element whose <a href=#media-resource>media
resource</a> has a video channel is <a href=#potentially-playing>potentially
playing</a>, it <a href=#represents>represents</a> the frame of video at the
continuously increasing <a href=#current-playback-position title="current playback
@@ -25399,7 +25393,7 @@
playback position</a>, at the element's <a href=#effective-media-volume>effective media
volume</a>.</p>
- <p>When a <code><a href=#video>video</a></code> element whose <a href=#media-resource>media
+ <p>When a <code><a href=#the-video-element>video</a></code> element whose <a href=#media-resource>media
resource</a> has a video channel is neither <a href=#potentially-playing>potentially
playing</a> nor <a href=#dom-media-paused title=dom-media-paused>paused</a>
(e.g. when seeking or stalled), the element <a href=#represents>represents</a>
@@ -25409,7 +25403,7 @@
particular playback position is defined by the video stream's
format.</p>
- <p>The <code><a href=#video>video</a></code> element also <a href=#represents>represents</a> any
+ <p>The <code><a href=#the-video-element>video</a></code> element also <a href=#represents>represents</a> any
<a href=#text-track-cue title="text track cue">text track cues</a> whose
<a href=#text-track-cue-active-flag>text track cue active flag</a> is set and whose
<a href=#text-track>text track</a> is in the <a href=#text-track-showing title="text track
@@ -25460,7 +25454,7 @@
</div>
- <p>The <code><a href=#video>video</a></code> element supports <a href=#dimension-attributes>dimension
+ <p>The <code><a href=#the-video-element>video</a></code> element supports <a href=#dimension-attributes>dimension
attributes</a>.</p>
<div class=impl>
@@ -25479,13 +25473,13 @@
requirement can be implemented by using the <a href=#video-object-fit>style rule suggested in the rendering
section</a>.</p>
- <p>The intrinsic width of a <code><a href=#video>video</a></code> element's playback
+ <p>The intrinsic width of a <code><a href=#the-video-element>video</a></code> element's playback
area is the <a href=#concept-video-intrinsic-width title=concept-video-intrinsic-width>intrinsic
width</a> of the video resource, if that is available; otherwise
it is the intrinsic width of the <a href=#poster-frame>poster frame</a>, if that
is available; otherwise it is 300 CSS pixels.</p>
- <p>The intrinsic height of a <code><a href=#video>video</a></code> element's playback
+ <p>The intrinsic height of a <code><a href=#the-video-element>video</a></code> element's playback
area is the <a href=#concept-video-intrinsic-height title=concept-video-intrinsic-height>intrinsic
height</a> of the video resource, if that is available; otherwise
it is the intrinsic height of the <a href=#poster-frame>poster frame</a>, if that
@@ -25578,7 +25572,7 @@
- <h4 id=audio><span class=secno>4.8.7 </span>The <dfn><code>audio</code></dfn> element</h4>
+ <h4 id=the-audio-element><span class=secno>4.8.7 </span>The <dfn id=audio><code>audio</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
@@ -25609,7 +25603,7 @@
NamedConstructor=<a href=#dom-audio-s title=dom-Audio-s>Audio</a>(in DOMString src)]
interface <dfn id=htmlaudioelement>HTMLAudioElement</dfn> : <a href=#htmlmediaelement>HTMLMediaElement</a> {};</pre>
</dd>
- </dl><p>An <code><a href=#audio>audio</a></code> element <a href=#represents>represents</a> a sound or
+ </dl><p>An <code><a href=#the-audio-element>audio</a></code> element <a href=#represents>represents</a> a sound or
audio stream.</p>
<!-- v2 (actually v3) suggestions:
@@ -25629,10 +25623,10 @@
> Support very simple audio codecs, and programmable synthesizers.
-->
- <p>Content may be provided inside the <code><a href=#audio>audio</a></code>
+ <p>Content may be provided inside the <code><a href=#the-audio-element>audio</a></code>
element<span class=impl>. User agents should not show this content
to the user</span>; it is intended for older Web browsers which do
- not support <code><a href=#audio>audio</a></code>, so that legacy audio plugins can be
+ not support <code><a href=#the-audio-element>audio</a></code>, so that legacy audio plugins can be
tried, or to show text to the users of these older browsers informing
them of how to access the audio contents.</p>
@@ -25643,7 +25637,7 @@
embed accessibility aids (such as transcriptions) into their media
streams.</p>
- <p>The <code><a href=#audio>audio</a></code> element is a <a href=#media-element>media element</a>
+ <p>The <code><a href=#the-audio-element>audio</a></code> element is a <a href=#media-element>media element</a>
whose <a href=#media-data>media data</a> is ostensibly audio data.</p>
<p>The <code title=attr-media-src><a href=#attr-media-src>src</a></code>, <code title=attr-media-preload><a href=#attr-media-preload>preload</a></code>, <code title=attr-media-autoplay><a href=#attr-media-autoplay>autoplay</a></code>,
@@ -25654,12 +25648,12 @@
<div class=impl>
- <p>When an <code><a href=#audio>audio</a></code> element is <a href=#potentially-playing>potentially
+ <p>When an <code><a href=#the-audio-element>audio</a></code> element is <a href=#potentially-playing>potentially
playing</a>, it must have its audio data played synchronized with
the <a href=#current-playback-position>current playback position</a>, at the element's
<a href=#effective-media-volume>effective media volume</a>.</p>
- <p>When an <code><a href=#audio>audio</a></code> element is not <a href=#potentially-playing>potentially
+ <p>When an <code><a href=#the-audio-element>audio</a></code> element is not <a href=#potentially-playing>potentially
playing</a>, audio must not play for the element.</p>
</div>
@@ -25668,7 +25662,7 @@
<dd>
- <p>Returns a new <code><a href=#audio>audio</a></code> element, with the <code title=attr-media-src><a href=#attr-media-src>src</a></code> attribute set to the value
+ <p>Returns a new <code><a href=#the-audio-element>audio</a></code> element, with the <code title=attr-media-src><a href=#attr-media-src>src</a></code> attribute set to the value
passed in the argument, if applicable.</p>
</dd>
@@ -25679,7 +25673,7 @@
<code><a href=#htmlaudioelement>HTMLAudioElement</a></code> objects (in addition to the factory
methods from DOM Core such as <code title="">createElement()</code>): <dfn id=dom-audio title=dom-Audio><code>Audio()</code></dfn> and <dfn id=dom-audio-s title=dom-Audio-s><code>Audio(<var title="">src</var>)</code></dfn>. When invoked as constructors,
these must return a new <code><a href=#htmlaudioelement>HTMLAudioElement</a></code> object (a new
- <code><a href=#audio>audio</a></code> element). The element must have its <code title=attr-media-preload><a href=#attr-media-preload>preload</a></code> attribute set to the
+ <code><a href=#the-audio-element>audio</a></code> element). The element must have its <code title=attr-media-preload><a href=#attr-media-preload>preload</a></code> attribute set to the
literal value "<code title=attr-media-preload-auto><a href=#attr-media-preload-auto>auto</a></code>". If the <var title="">src</var> argument is present, the object created must have
its <code title=attr-media-src><a href=#attr-media-src>src</a></code> content attribute set to
the provided value, and the user agent must invoke the object's
@@ -25758,7 +25752,7 @@
<p class=note>Dynamically modifying a <code><a href=#the-source-element>source</a></code> element
and its attribute when the element is already inserted in a
- <code><a href=#video>video</a></code> or <code><a href=#audio>audio</a></code> element will have no
+ <code><a href=#the-video-element>video</a></code> or <code><a href=#the-audio-element>audio</a></code> element will have no
effect. To change what is playing, either just use the <code title=attr-media-src><a href=#attr-media-src>src</a></code> attribute on the <a href=#media-element>media
element</a> directly, or call the <code title=dom-media-load><a href=#dom-media-load>load()</a></code> method on the <a href=#media-element>media
element</a> after manipulating the <code><a href=#the-source-element>source</a></code>
@@ -26092,7 +26086,7 @@
<h4 id=media-elements><span class=secno>4.8.10 </span>Media elements</h4>
<p><dfn id=media-element title="media element">Media elements</dfn>
- (<code><a href=#audio>audio</a></code> and <code><a href=#video>video</a></code>, in this specification)
+ (<code><a href=#the-audio-element>audio</a></code> and <code><a href=#the-video-element>video</a></code>, in this specification)
implement the following interface:</p>
<pre class=idl>interface <dfn id=htmlmediaelement>HTMLMediaElement</dfn> : <a href=#htmlelement>HTMLElement</a> {
@@ -26214,11 +26208,11 @@
element's <code title=dom-media-audioTracks><a href=#dom-media-audiotracks>audioTracks</a></code>
attribute.</p>
- <p class=note>Both <code><a href=#audio>audio</a></code> and <code><a href=#video>video</a></code>
+ <p class=note>Both <code><a href=#the-audio-element>audio</a></code> and <code><a href=#the-video-element>video</a></code>
elements can be used for both audio and video. The main difference
- between the two is simply that the <code><a href=#audio>audio</a></code> element has no
+ between the two is simply that the <code><a href=#the-audio-element>audio</a></code> element has no
playback area for visual content (such as video or captions),
- whereas the <code><a href=#video>video</a></code> element does.</p>
+ whereas the <code><a href=#the-video-element>video</a></code> element does.</p>
<div class=impl>
@@ -26417,7 +26411,7 @@
agent knows it cannot render</a> or is the type
"<code>application/octet-stream</code>"; it must return "<code title="">probably</code>" if the user agent is confident that the
type represents a <a href=#media-resource>media resource</a> that it can render if
- used in with this <code><a href=#audio>audio</a></code> or <code><a href=#video>video</a></code> element;
+ used in with this <code><a href=#the-audio-element>audio</a></code> or <code><a href=#the-video-element>video</a></code> element;
and it must return "<code title="">maybe</code>" otherwise.
Implementors are encouraged to return "<code title="">maybe</code>"
unless the type can be confidently established as being supported or
@@ -26430,7 +26424,7 @@
<p>This script tests to see if the user agent supports a
(fictional) new format to dynamically decide whether to use a
- <code><a href=#video>video</a></code> element or a plugin:</p>
+ <code><a href=#the-video-element>video</a></code> element or a plugin:</p>
<pre><section id="video">
<p><a href="playing-cats.nfv">Download video</a></p>
@@ -27061,7 +27055,7 @@
</li>
- <li><p>For <code><a href=#video>video</a></code> elements, set the <code title=dom-video-videoWidth><a href=#dom-video-videowidth>videoWidth</a></code> and <code title=dom-video-videoHeight><a href=#dom-video-videoheight>videoHeight</a></code>
+ <li><p>For <code><a href=#the-video-element>video</a></code> elements, set the <code title=dom-video-videoWidth><a href=#dom-video-videowidth>videoWidth</a></code> and <code title=dom-video-videoHeight><a href=#dom-video-videoheight>videoHeight</a></code>
attributes.</li>
<li>
@@ -27725,7 +27719,7 @@
<dt><dfn id=dom-media-have_metadata title=dom-media-HAVE_METADATA><code>HAVE_METADATA</code></dfn> (numeric value 1)</dt>
<dd>Enough of the resource has been obtained that the duration of
- the resource is available. In the case of a <code><a href=#video>video</a></code>
+ the resource is available. In the case of a <code><a href=#the-video-element>video</a></code>
element, the dimensions of the video are also available. The API
will no longer raise an exception when seeking. No <a href=#media-data>media
data</a> is available for the immediate <a href=#current-playback-position>current playback
@@ -27791,7 +27785,7 @@
<p class=note>Before this task is run, as part of the event
loop mechanism, the rendering will have been updated to resize
- the <code><a href=#video>video</a></code> element if appropriate.</p>
+ the <code><a href=#the-video-element>video</a></code> element if appropriate.</p>
</dd>
@@ -29746,7 +29740,7 @@
<p>In this example, a sign-languge interpreter track from a movie
file is overlaid on the primary video track of that same video file
- using two <code><a href=#video>video</a></code> elements, some CSS, and an implicit
+ using two <code><a href=#the-video-element>video</a></code> elements, some CSS, and an implicit
<code><a href=#mediacontroller>MediaController</a></code>:</p>
<pre><article>
@@ -30986,7 +30980,7 @@
<div class=example>
- <p>In this example, an <code><a href=#audio>audio</a></code> element is used to play a
+ <p>In this example, an <code><a href=#the-audio-element>audio</a></code> element is used to play a
specific sound-effect from a sound file containing many sound
effects. A cue is used to pause the audio, so that it ends exactly
at the end of the clip, even if the browser is busy running some
@@ -33240,7 +33234,7 @@
</ol></div>
<p>The <dfn id=attr-media-muted title=attr-media-muted><code>muted</code></dfn>
- attribute on the <code><a href=#video>video</a></code> element controls the default
+ attribute on the <code><a href=#the-video-element>video</a></code> element controls the default
state of the audio channel of the <a href=#media-resource>media resource</a>,
potentially overriding user preferences.</p>
@@ -33512,7 +33506,7 @@
<h5 id=security-and-privacy-considerations><span class=secno>4.8.10.17 </span>Security and privacy considerations</h5>
<p>The main security and privacy implications of the
- <code><a href=#video>video</a></code> and <code><a href=#audio>audio</a></code> elements come from the
+ <code><a href=#the-video-element>video</a></code> and <code><a href=#the-audio-element>audio</a></code> elements come from the
ability to embed media cross-origin. There are two directions that
threats can flow: from hostile content to a victim page, and from a
hostile page to victim content.</p>
@@ -33526,7 +33520,7 @@
own unrelated <a href=#top-level-browsing-context>top-level browsing context</a>.</p>
<p class=example>For instance, if an SVG animation was embedded in
- a <code><a href=#video>video</a></code> element, the user agent would not give it
+ a <code><a href=#the-video-element>video</a></code> element, the user agent would not give it
access to the DOM of the outer page. From the perspective of scripts
in the SVG resource, the SVG file would appear to be in a lone
top-level browsing context with no parent.</p>
@@ -34811,7 +34805,7 @@
<code title="">repeat</code> is used.</p>
<p>If the first argument isn't an <code><a href=#the-img-element>img</a></code>,
- <code><a href=#the-canvas-element>canvas</a></code>, or <code><a href=#video>video</a></code> element, throws a
+ <code><a href=#the-canvas-element>canvas</a></code>, or <code><a href=#the-video-element>video</a></code> element, throws a
<code><a href=#type_mismatch_err>TYPE_MISMATCH_ERR</a></code> exception. If the image has no
image data, throws an <code><a href=#invalid_state_err>INVALID_STATE_ERR</a></code> exception. If
the second argument isn't one of the allowed values, throws a
@@ -36312,7 +36306,7 @@
<p><img alt="The sx and sy parameters give the x and y coordinates of the source rectangle; the sw and sh arguments give the width and height of the source rectangle; the dx and dy give the x and y coordinates of the destination rectangle; and the dw and dh arguments give the width and height of the destination rectangle." height=356 src=http://images.whatwg.org/drawImage.png width=356></p>
<p>If the first argument isn't an <code><a href=#the-img-element>img</a></code>,
- <code><a href=#the-canvas-element>canvas</a></code>, or <code><a href=#video>video</a></code> element, throws a
+ <code><a href=#the-canvas-element>canvas</a></code>, or <code><a href=#the-video-element>video</a></code> element, throws a
<code><a href=#type_mismatch_err>TYPE_MISMATCH_ERR</a></code> exception. If the image has no
image data, throws an <code><a href=#invalid_state_err>INVALID_STATE_ERR</a></code> exception. If
the numeric arguments don't make sense (e.g. the destination is a
@@ -37705,7 +37699,7 @@
<p><span class=impl><strong>Author requirements</strong>:</span>
The <dfn id=attr-dim-width title=attr-dim-width><code>width</code></dfn> and <dfn id=attr-dim-height title=attr-dim-height><code>height</code></dfn> attributes on
<code><a href=#the-img-element>img</a></code>, <code><a href=#the-iframe-element>iframe</a></code>, <code><a href=#the-embed-element>embed</a></code>,
- <code><a href=#the-object-element>object</a></code>, <code><a href=#video>video</a></code>, and, when their <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,
+ <code><a href=#the-object-element>object</a></code>, <code><a href=#the-video-element>video</a></code>, and, when their <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,
<code><a href=#the-input-element>input</a></code> elements may be specified to give the dimensions
of the visual content of the element (the width and height
respectively, relative to the nominal direction of the output
@@ -37752,12 +37746,12 @@
<p>The <dfn id=dom-dim-width title=dom-dim-width><code>width</code></dfn> and <dfn id=dom-dim-height title=dom-dim-height><code>height</code></dfn> IDL attributes on
the <code><a href=#the-iframe-element>iframe</a></code>, <code><a href=#the-embed-element>embed</a></code>, <code><a href=#the-object-element>object</a></code>,
- and <code><a href=#video>video</a></code> elements must <a href=#reflect>reflect</a> the
+ and <code><a href=#the-video-element>video</a></code> elements must <a href=#reflect>reflect</a> the
respective content attributes of the same name.</p>
<p class=note>For <code><a href=#the-iframe-element>iframe</a></code>, <code><a href=#the-embed-element>embed</a></code>, and
<code><a href=#the-object-element>object</a></code> the IDL attributes are <code>DOMString</code>;
- for <code><a href=#video>video</a></code> the IDL attributes are <code>unsigned
+ for <code><a href=#the-video-element>video</a></code> the IDL attributes are <code>unsigned
long</code>.</p>
</div>
@@ -46539,9 +46533,9 @@
something like <samp>The text you have entered does not match the
required pattern. Birthday</samp>, which is not useful.</p>
- <p>UAs may still show the <code><a href=#the-title-element-0>title</a></code> in non-error situations
+ <p>UAs may still show the <code><a href=#the-title-element>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-0>title</a></code>s as if an
+ authors should be careful not to word <code><a href=#the-title-element>title</a></code>s as if an
error has necessarily occurred.</p>
@@ -51522,7 +51516,7 @@
- <h4 id=the-command><span class=secno>4.11.3 </span>The <dfn><code>command</code></dfn> element</h4>
+ <h4 id=the-command-element><span class=secno>4.11.3 </span>The <dfn id=the-command><code>command</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#metadata-content>Metadata content</a>.</dd>
@@ -51555,11 +51549,11 @@
attribute boolean <span title="dom-command-default">default</span>;-->
};</pre>
</dd>
- </dl><p>The <code><a href=#the-command>command</a></code> element represents a command that the user
+ </dl><p>The <code><a href=#the-command-element>command</a></code> element represents a command that the user
can invoke.</p>
<p>A command can be part of a context menu or toolbar, using the
- <code><a href=#menus>menu</a></code> element, or can be put anywhere else in the page,
+ <code><a href=#the-menu-element>menu</a></code> element, or can be put anywhere else in the page,
to define a keyboard shortcut.</p> <!-- in the future we'll also add
a command="" attribute to refer to a command, which can then be
defined anywhere -->
@@ -51693,7 +51687,7 @@
<dd><p>If the element has a parent, then the UA must walk the list
of child nodes of that parent element, and for each node that is a
- <code><a href=#the-command>command</a></code> element, if that element has a <code title=attr-command-radiogroup><a href=#attr-command-radiogroup>radiogroup</a></code> attribute whose
+ <code><a href=#the-command-element>command</a></code> element, if that element has a <code title=attr-command-radiogroup><a href=#attr-command-radiogroup>radiogroup</a></code> attribute whose
value exactly matches the current element's (treating missing <code title=attr-command-radiogroup><a href=#attr-command-radiogroup>radiogroup</a></code> attributes as if
they were the empty string), and has a <code title=attr-command-checked><a href=#attr-command-checked>checked</a></code> attribute, must remove
that attribute.</p>
@@ -51719,8 +51713,8 @@
</div>
- <p class=note><code><a href=#the-command>command</a></code> elements are not rendered
- unless they <a href=#menus title=menu>form part of a menu</a>.</p>
+ <p class=note><code><a href=#the-command-element>command</a></code> elements are not rendered
+ unless they <a href=#the-menu-element title=menu>form part of a menu</a>.</p>
<div class=example>
@@ -51746,7 +51740,7 @@
- <h4 id=menus><span class=secno>4.11.4 </span>The <dfn><code>menu</code></dfn> element</h4>
+ <h4 id=the-menu-element><span class=secno>4.11.4 </span>The <dfn id=menus><code>menu</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
@@ -51766,7 +51760,7 @@
attribute DOMString <a href=#dom-menu-type title=dom-menu-type>type</a>;
attribute DOMString <a href=#dom-menu-label title=dom-menu-label>label</a>;
};</pre>
- </dl><p>The <code><a href=#menus>menu</a></code> element represents a list of commands.</p>
+ </dl><p>The <code><a href=#the-menu-element>menu</a></code> element represents a list of commands.</p>
<!-- v2 idea: <menu> should get an icon, like <command> -->
@@ -51782,16 +51776,16 @@
a list of commands that is neither declaring a context menu nor
defining a toolbar.</p>
- <p>If a <code><a href=#menus>menu</a></code> element's <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#context-menu-state title="context menu state">context menu</a> state, then the
+ <p>If a <code><a href=#the-menu-element>menu</a></code> element's <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#context-menu-state title="context menu state">context menu</a> state, then the
element <a href=#represents>represents</a> the commands of a context menu, and
the user can only interact with the commands if that context menu is
activated.</p>
- <p>If a <code><a href=#menus>menu</a></code> element's <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state title="toolbar state">toolbar</a> state, then the element
+ <p>If a <code><a href=#the-menu-element>menu</a></code> element's <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state title="toolbar state">toolbar</a> state, then the element
<a href=#represents>represents</a> a list of active commands that the user can
immediately interact with.</p>
- <p>If a <code><a href=#menus>menu</a></code> element's <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#list-state title="list state">list</a> state, then the element either
+ <p>If a <code><a href=#the-menu-element>menu</a></code> element's <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#list-state title="list state">list</a> state, then the element either
<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
@@ -51818,7 +51812,7 @@
<p><i>This section is non-normative.</i></p>
- <p>The <code><a href=#menus>menu</a></code> element is used to define context menus and
+ <p>The <code><a href=#the-menu-element>menu</a></code> element is used to define context menus and
toolbars.</p>
<p>For example, the following represents a toolbar with three menu
@@ -51882,7 +51876,7 @@
above, but here the legacy behavior consists of a single
<code><a href=#the-select-element>select</a></code> element with a submit button. The submit button
doesn't appear in the toolbar, because it is not a direct child of
- the <code><a href=#menus>menu</a></code> element or of its <code><a href=#the-li-element>li</a></code>
+ the <code><a href=#the-menu-element>menu</a></code> element or of its <code><a href=#the-li-element>li</a></code>
children.</p>
@@ -51897,7 +51891,7 @@
<ul class=brief><li><a href=#concept-command title=concept-command>Commands</a>, which can be marked as default commands</li>
<li>Separators</li>
<li>Other menus (which allows the list to be nested)</li>
- </ul><p>The list corresponding to a particular <code><a href=#menus>menu</a></code> element
+ </ul><p>The list corresponding to a particular <code><a href=#the-menu-element>menu</a></code> element
is built by iterating over its child nodes. For each child node in
<a href=#tree-order>tree order</a>, the required behavior depends on what the
node is, as follows:</p>
@@ -51933,17 +51927,17 @@
<dd>Iterate over the children of the element.</dd>
- <dt>A <code><a href=#menus>menu</a></code> element with no <code title=attr-menu-label><a href=#attr-menu-label>label</a></code> attribute</dt>
+ <dt>A <code><a href=#the-menu-element>menu</a></code> element with no <code title=attr-menu-label><a href=#attr-menu-label>label</a></code> attribute</dt>
<dt>A <code><a href=#the-select-element>select</a></code> element</dt>
<dd>Append a separator to the menu, then iterate over the children
- of the <code><a href=#menus>menu</a></code> or <code><a href=#the-select-element>select</a></code> element, then
+ of the <code><a href=#the-menu-element>menu</a></code> or <code><a href=#the-select-element>select</a></code> element, then
append another separator.</dd>
<!-- v2: we might want to support <select> in <label> as giving a named submenu -->
- <dt>A <code><a href=#menus>menu</a></code> element with a <code title=attr-menu-label><a href=#attr-menu-label>label</a></code> attribute</dt>
+ <dt>A <code><a href=#the-menu-element>menu</a></code> element with a <code title=attr-menu-label><a href=#attr-menu-label>label</a></code> attribute</dt>
<dt>An <code><a href=#the-optgroup-element>optgroup</a></code> element with a <code title=attr-menu-label><a href=#attr-menu-label>label</a></code> attribute</dt>
<dd>Append a submenu to the menu, using the value of the element's
@@ -51978,11 +51972,11 @@
<p>The <dfn id=attr-contextmenu title=attr-contextmenu><code>contextmenu</code></dfn>
attribute gives the element's <a href=#context-menus title="context menus">context
- menu</a>. The value must be the <a href=#concept-id title=concept-id>ID</a> of a <code><a href=#menus>menu</a></code> element
+ menu</a>. The value must be the <a href=#concept-id title=concept-id>ID</a> of a <code><a href=#the-menu-element>menu</a></code> element
in the DOM. <span class=impl>If the node that would be obtained by
the invoking the <code title=dom-Document-getElementById><a href=#dom-document-getelementbyid>getElementById()</a></code> method
using the attribute's value as the only argument is null or not a
- <code><a href=#menus>menu</a></code> element, then the element has no assigned context
+ <code><a href=#the-menu-element>menu</a></code> element, then the element has no assigned context
menu. Otherwise, the element's assigned context menu is the element
so identified.</span></p>
@@ -52023,13 +52017,13 @@
<p>If the element or one of its ancestors <em>does</em> have a
context menu assigned, then the user agent must <a href=#fire-a-simple-event>fire a simple
event</a> named <code title=event-show>show</code> at the
- <code><a href=#menus>menu</a></code> element of the context menu of the nearest
+ <code><a href=#the-menu-element>menu</a></code> element of the context menu of the nearest
ancestor (including the element itself) with one assigned.</p>
<!-- v2: include modifier key information -->
<p>The default action of <em>this</em> event is that the user agent
must show a context menu <a href=#building-menus-and-toolbars title="building menus and
- toolbars">built</a> from the <code><a href=#menus>menu</a></code> element.</p>
+ toolbars">built</a> from the <code><a href=#the-menu-element>menu</a></code> element.</p>
<p>The user agent may also provide access to its default context
menu, if any, with the context menu shown. For example, it could
@@ -52083,13 +52077,13 @@
<h5 id=toolbars><span class=secno>4.11.4.4 </span><dfn>Toolbars</dfn></h5>
- <p>When a <code><a href=#menus>menu</a></code> element has a <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#toolbar-state title="toolbar state">toolbar</a> state, then the user agent
+ <p>When a <code><a href=#the-menu-element>menu</a></code> element has a <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#toolbar-state title="toolbar state">toolbar</a> state, then the user agent
must <a href=#building-menus-and-toolbars title="building menus and toolbars">build</a> the
- menu for that <code><a href=#menus>menu</a></code> element, and use the result in the
+ menu for that <code><a href=#the-menu-element>menu</a></code> element, and use the result in the
rendering.</p>
<p>The user agent must reflect changes made to the
- <code><a href=#menus>menu</a></code>'s DOM, by immediately <a href=#building-menus-and-toolbars title="building menus
+ <code><a href=#the-menu-element>menu</a></code>'s DOM, by immediately <a href=#building-menus-and-toolbars title="building menus
and toolbars">rebuilding</a> the menu.</p>
</div>
@@ -52289,7 +52283,7 @@
not specify an icon, or if the element does not define a command,
then the attribute must return null. This attribute will be shadowed
by the <code title=dom-command-icon><a href=#dom-command-icon>icon</a></code> IDL attribute on
- <code><a href=#the-command>command</a></code> elements.</p>
+ <code><a href=#the-command-element>command</a></code> elements.</p>
<p>The <dfn id=dom-command-ro-disabled title=dom-command-ro-disabled><code>disabled</code></dfn>
attribute must return true if the command's <a href=#command-facet-disabledstate title=command-facet-DisabledState>Disabled State</a> is that
@@ -52303,7 +52297,7 @@
command is checked, and false if it is that the command is not
checked. If the element does not define a command, the attribute
must return false. This attribute will be shadowed by the <code title="">checked</code> IDL attribute on <code><a href=#the-input-element>input</a></code> and
- <code><a href=#the-command>command</a></code> elements.</p>
+ <code><a href=#the-command-element>command</a></code> elements.</p>
<!--v2COMMAND
<p>The <dfn
@@ -52533,10 +52527,10 @@
<h5 id=using-the-command-element-to-define-a-command><span class=secno>4.11.5.5 </span>Using the <dfn title=command-element><code>command</code></dfn> element to define
a command</h5>
- <p>A <code><a href=#the-command>command</a></code> element <a href=#concept-command title=concept-command>defines a command</a>.</p>
+ <p>A <code><a href=#the-command-element>command</a></code> element <a href=#concept-command title=concept-command>defines a command</a>.</p>
<p>The <a href=#command-facet-type title=command-facet-Type>Type</a> of the command
- is "radio" if the <code><a href=#the-command>command</a></code>'s <code title=attr-command-type><a href=#attr-command-type>type</a></code> attribute is
+ is "radio" if the <code><a href=#the-command-element>command</a></code>'s <code title=attr-command-type><a href=#attr-command-type>type</a></code> attribute is
"<code>radio</code>", "checkbox" if the attribute's value is
"<code>checkbox</code>", and "command" otherwise.</p>
@@ -54518,7 +54512,7 @@
<li><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=#submit-button-state title=attr-input-type-submit>Submit Button</a>, <a href=#image-button-state title=attr-input-type-image>Image Button</a>, <a href=#reset-button-state title=attr-input-type-reset>Reset Button</a>, or <a href=#button-state title=attr-input-type-button>Button</a> state</li>
- <li><code><a href=#the-command>command</a></code> elements that do not have a <code title=attr-command-disabled><a href=#attr-command-disabled>disabled</a></code> attribute</li>
+ <li><code><a href=#the-command-element>command</a></code> elements that do not have a <code title=attr-command-disabled><a href=#attr-command-disabled>disabled</a></code> attribute</li>
<li>elements that are <a href=#specially-focusable>specially focusable</a></li>
@@ -54577,10 +54571,10 @@
<li><code><a href=#the-option-element>option</a></code> elements that are not <a href=#concept-option-disabled title=concept-option-disabled>disabled</a></li>
- <li><code><a href=#the-command>command</a></code> elements that do not have a <code title=attr-command-disabled><a href=#attr-command-disabled>disabled</a></code> attribute</li>
+ <li><code><a href=#the-command-element>command</a></code> elements that do not have a <code title=attr-command-disabled><a href=#attr-command-disabled>disabled</a></code> attribute</li>
<li><code><a href=#the-li-element>li</a></code> elements that are children of
- <code><a href=#menus>menu</a></code> elements, and that have a child element that
+ <code><a href=#the-menu-element>menu</a></code> elements, and that have a child element that
defines a <a href=#concept-command title=concept-command>command</a>, if the
first such element's <a href=#command-facet-disabledstate title=command-facet-disabledstate>Disabled State</a> facet
is false (not disabled)</li>
@@ -54610,10 +54604,10 @@
<li><code><a href=#the-option-element>option</a></code> elements that are <a href=#concept-option-disabled title=concept-option-disabled>disabled</a></li>
- <li><code><a href=#the-command>command</a></code> elements that have a <code title=attr-command-disabled><a href=#attr-command-disabled>disabled</a></code> attribute</li>
+ <li><code><a href=#the-command-element>command</a></code> elements that have a <code title=attr-command-disabled><a href=#attr-command-disabled>disabled</a></code> attribute</li>
<li><code><a href=#the-li-element>li</a></code> elements that are children of
- <code><a href=#menus>menu</a></code> elements, and that have a child element that
+ <code><a href=#the-menu-element>menu</a></code> elements, and that have a child element that
defines a <a href=#concept-command title=concept-command>command</a>, if the
first such element's <a href=#command-facet-disabledstate title=command-facet-disabledstate>Disabled State</a> facet
is true (disabled)</li>
@@ -54642,11 +54636,11 @@
<li><code><a href=#the-option-element>option</a></code> elements whose <a href=#concept-option-selectedness title=concept-option-selectedness>selectedness</a> is
true</li>
- <li><code><a href=#the-command>command</a></code> elements whose <code title=attr-command-type><a href=#attr-command-type>type</a></code> attribute is in the <a href=#attr-command-type-state-checkbox title=attr-command-type-state-checkbox>Checkbox</a> state
+ <li><code><a href=#the-command-element>command</a></code> elements whose <code title=attr-command-type><a href=#attr-command-type>type</a></code> attribute is in the <a href=#attr-command-type-state-checkbox title=attr-command-type-state-checkbox>Checkbox</a> state
and that have a <code title=attr-command-checked><a href=#attr-command-checked>checked</a></code>
attribute</li>
- <li><code><a href=#the-command>command</a></code> elements whose <code title=attr-command-type><a href=#attr-command-type>type</a></code> attribute is in the <a href=#attr-command-type-state-radio title=attr-command-type-state-radio>Radio</a> state and that
+ <li><code><a href=#the-command-element>command</a></code> elements whose <code title=attr-command-type><a href=#attr-command-type>type</a></code> attribute is in the <a href=#attr-command-type-state-radio title=attr-command-type-state-radio>Radio</a> state and that
have a <code title=attr-command-checked><a href=#attr-command-checked>checked</a></code>
attribute</li>
@@ -55621,15 +55615,15 @@
created by the element.</dd>
- <dt>If the element is a <code><a href=#meta>meta</a></code> element</dt>
+ <dt>If the element is a <code><a href=#the-meta-element>meta</a></code> element</dt>
<dd><p>The value is the value of the element's <code title=attr-content>content</code> attribute, if any, or the empty
string if there is no such attribute.</dd>
- <dt>If the element is an <code><a href=#audio>audio</a></code>, <code><a href=#the-embed-element>embed</a></code>,
+ <dt>If the element is an <code><a href=#the-audio-element>audio</a></code>, <code><a href=#the-embed-element>embed</a></code>,
<code><a href=#the-iframe-element>iframe</a></code>, <code><a href=#the-img-element>img</a></code>, <code><a href=#the-source-element>source</a></code>,
- <code><a href=#the-track-element>track</a></code>, or <code><a href=#video>video</a></code> element</dt>
+ <code><a href=#the-track-element>track</a></code>, or <code><a href=#the-video-element>video</a></code> element</dt>
<dd><p>The value is the <a href=#absolute-url>absolute URL</a> that results from
<a href=#resolve-a-url title="resolve a url">resolving</a> the value of the
@@ -55671,10 +55665,10 @@
<code><a href=#textcontent>textContent</a></code>.</dd>
</dl><p>The <dfn id=url-property-elements>URL property elements</dfn> are the <code><a href=#the-a-element>a</a></code>,
- <code><a href=#the-area-element>area</a></code>, <code><a href=#audio>audio</a></code>, <code><a href=#the-embed-element>embed</a></code>,
+ <code><a href=#the-area-element>area</a></code>, <code><a href=#the-audio-element>audio</a></code>, <code><a href=#the-embed-element>embed</a></code>,
<code><a href=#the-iframe-element>iframe</a></code>, <code><a href=#the-img-element>img</a></code>, <code><a href=#the-link-element>link</a></code>,
<code><a href=#the-object-element>object</a></code>, <code><a href=#the-source-element>source</a></code>, <code><a href=#the-track-element>track</a></code>, and
- <code><a href=#video>video</a></code> elements.</p>
+ <code><a href=#the-video-element>video</a></code> elements.</p>
<p>If a property's <a href=#concept-property-value title=concept-property-value>value</a>
is an <a href=#absolute-url>absolute URL</a>, the property must be specified
@@ -55932,15 +55926,15 @@
setting.</p>
- <dt>If the element is a <code><a href=#meta>meta</a></code> element</dt>
+ <dt>If the element is a <code><a href=#the-meta-element>meta</a></code> element</dt>
<dd><p>The attribute must act as it would if it was <a href=#reflect title=reflect>reflecting</a> the element's <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> content
attribute.</dd>
- <dt>If the element is an <code><a href=#audio>audio</a></code>, <code><a href=#the-embed-element>embed</a></code>,
+ <dt>If the element is an <code><a href=#the-audio-element>audio</a></code>, <code><a href=#the-embed-element>embed</a></code>,
<code><a href=#the-iframe-element>iframe</a></code>, <code><a href=#the-img-element>img</a></code>, <code><a href=#the-source-element>source</a></code>,
- <code><a href=#the-track-element>track</a></code>, or <code><a href=#video>video</a></code> element</dt>
+ <code><a href=#the-track-element>track</a></code>, or <code><a href=#the-video-element>video</a></code> element</dt>
<dd><p>The attribute must act as it would if it was <a href=#reflect title=reflect>reflecting</a> the element's <code title="">src</code> content attribute.</dd>
@@ -57116,10 +57110,10 @@
text string</a> that is <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>the <code>title</code> element</a> is not null,
+ <li><p>If <a href=#the-title-element-0>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><a href=#textcontent>textContent</a></code>
- of <a href=#the-title-element>the <code>title</code> element</a> as the value to <var title="">output</var>.</li>
+ of <a href=#the-title-element-0>the <code>title</code> element</a> as the value to <var title="">output</var>.</li>
<li><p>If <var title="">node</var> has a <a href=#global-identifier>global
identifier</a>, <a href=#add-a-vcard-line>add a vCard line</a> with the type
@@ -58632,12 +58626,12 @@
<ol><li>
- <p>If <a href=#the-title-element>the <code>title</code> element</a> is not null,
+ <p>If <a href=#the-title-element-0>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 concatenation of the data of all the child <a href=#text-node title="text node">text nodes</a> of <a href=#the-title-element>the <code>title</code> element</a>, in <a href=#tree-order>tree order</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.
+ <dt>object <dd> the 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 <a href=#tree-order>tree order</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.
</dl></li>
@@ -58692,7 +58686,7 @@
<li>
- <p>For each <code><a href=#meta>meta</a></code> element in the <code><a href=#document>Document</a></code>
+ <p>For each <code><a href=#the-meta-element>meta</a></code> element in the <code><a href=#document>Document</a></code>
that has a <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute and
a <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute, if the
value of the <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute
@@ -58702,7 +58696,7 @@
<dl class=triple><dt>subject <dd> <a href="#the-document's-current-address">the document's current address</a>
<dt>predicate <dd> the concatenation of the string "<code title="">http://www.w3.org/1999/xhtml/vocab#</code>" and the value of the element's <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute, <a href=#converted-to-ascii-lowercase>converted to ASCII lowercase</a>, with any characters in the value that are not valid in the <ifragment> production of the IRI syntax being %-escaped <a href=#refsRFC3987>[RFC3987]</a>
<dt>object <dd> the value of the element's <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute, as a plain literal, with the language information set from the <a href=#language>language</a> of the element, if it is not unknown
- </dl><p>For each <code><a href=#meta>meta</a></code> element in the <code><a href=#document>Document</a></code>
+ </dl><p>For each <code><a href=#the-meta-element>meta</a></code> element in the <code><a href=#document>Document</a></code>
that has a <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute and
a <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute, if the
value of the <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute is
@@ -59052,7 +59046,7 @@
<li>
- <p>For each <code><a href=#meta>meta</a></code> element with a <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute and a <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute and whose <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute's value is <code title=meta-author><a href=#meta-author>author</a></code>, run the following substeps:</p>
+ <p>For each <code><a href=#the-meta-element>meta</a></code> element with a <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute and a <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute and whose <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute's value is <code title=meta-author><a href=#meta-author>author</a></code>, run the following substeps:</p>
<ol><li><p>Append an <code title="">author</code> element in the
<a href=#atom-namespace>Atom namespace</a> to the root element of <var title="">R</var>.</li>
@@ -59062,7 +59056,7 @@
previous step.</p>
<li><p>Append a text node whose data is the value of the
- <code><a href=#meta>meta</a></code> element's <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute to the element
+ <code><a href=#the-meta-element>meta</a></code> element's <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute to the element
created in the previous step.</li>
</ol><!-- could use vCards instead, and get <atom:email> and <atom:uri>
@@ -59145,7 +59139,7 @@
<dd>
<p>Let <var title="">heading content</var> be the descendants of
- <a href=#the-title-element>the <code>title</code> element</a>, if there is one, or
+ <a href=#the-title-element-0>the <code>title</code> element</a>, if there is one, or
an empty list otherwise.</p>
</dd>
@@ -59681,7 +59675,7 @@
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><a href=#document>Document</a></code> must have a single child
- <code><a href=#the-html-element-0>html</a></code> node, which itself has 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-0>body</a></code> node.</p>
<p class=note>If the <a href=#browsing-context>browsing context</a> is created
@@ -60991,10 +60985,10 @@
origin</a> of a script are determined from another resource,
called the <i>owner</i>:</p>
- <dl class=switch><dt>If a script is in a <code><a href=#script>script</a></code> element</dt>
+ <dl class=switch><dt>If a script is in a <code><a href=#the-script-element>script</a></code> element</dt>
<dd>The owner is the <code><a href=#document>Document</a></code> to which the
- <code><a href=#script>script</a></code> element belongs.</dd>
+ <code><a href=#the-script-element>script</a></code> element belongs.</dd>
<dt>If a script is in an <a href=#event-handler-content-attributes title="event handler content
@@ -61148,7 +61142,7 @@
</dd>
- <dt>For <code><a href=#audio>audio</a></code> and <code><a href=#video>video</a></code> elements</dt>
+ <dt>For <code><a href=#the-audio-element>audio</a></code> and <code><a href=#the-video-element>video</a></code> elements</dt>
<dd>
@@ -61463,7 +61457,7 @@
<p class=note>Titles associated with <a href=#session-history-entry title="session history
entry">session history entries</a> need not have any relation
- with the current <code><a href=#the-title-element-0>title</a></code> of the
+ with the current <code><a href=#the-title-element>title</a></code> of the
<code><a href=#document>Document</a></code>. The title of a <a href=#session-history-entry>session history
entry</a> is intended to explain the state of the document at
that point, so that the user can navigate the document's
@@ -61921,8 +61915,8 @@
<p>Applications might not use the same title for a <a href=#session-history-entry>session
history entry</a> as the value of the document's
- <code><a href=#the-title-element-0>title</a></code> element at that time. For example, here is a
- simple page that shows a block in the <code><a href=#the-title-element-0>title</a></code> element.
+ <code><a href=#the-title-element>title</a></code> element at that time. For example, here is a
+ simple page that shows a block in the <code><a href=#the-title-element>title</a></code> element.
Clearly, when navigating backwards to a previous state the user
does not go back in time, and therefore it would be inappropriate
to put the time in the session history title.</p>
@@ -62800,7 +62794,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-0>html</a></code>
+ specifications cited above, is found to be an <code><a href=#the-html-element>html</a></code>
element with an attribute <code title=attr-html-manifest><a href=#attr-html-manifest>manifest</a></code> whose value is not the
empty string, 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
@@ -62887,9 +62881,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-0>head</a></code> element of
+ <p>User agents may add content to the <code><a href=#the-head-element>head</a></code> element of
the <code><a href=#document>Document</a></code>, e.g. linking to a style sheet or an XBL
- binding, providing script, giving the document a <code><a href=#the-title-element-0>title</a></code>,
+ binding, providing script, giving the document a <code><a href=#the-title-element>title</a></code>,
etc.</p>
<p class=note>In particular, if the user agent supports the <code title="">Format=Flowed</code> feature of RFC 3676 then the user
@@ -62906,9 +62900,9 @@
<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-0>html</a></code> element to the <code><a href=#document>Document</a></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-html-element>html</a></code> element to the <code><a href=#document>Document</a></code>, append a
+ <code><a href=#the-head-element>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>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>
@@ -62927,10 +62921,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-0>head</a></code> element of
+ <p>User agents may add content to the <code><a href=#the-head-element>head</a></code> element of
the <code><a href=#document>Document</a></code>, or attributes to the <code><a href=#the-img-element>img</a></code>
element, e.g. to link to a style sheet or an XBL binding, to provide
- a script, to give the document a <code><a href=#the-title-element-0>title</a></code>, etc.</p>
+ a script, to give the document a <code><a href=#the-title-element>title</a></code>, etc.</p>
<h4 id=read-plugin><span class=secno>6.5.6 </span><dfn title=navigate-plugin>Page load processing model for content that uses plugins</dfn></h4>
@@ -62939,9 +62933,9 @@
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-0>html</a></code> element to the <code><a href=#document>Document</a></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
+ append an <code><a href=#the-html-element>html</a></code> element to the <code><a href=#document>Document</a></code>,
+ append a <code><a href=#the-head-element>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>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>
@@ -62960,10 +62954,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-0>head</a></code> element of
+ <p>User agents may add content to the <code><a href=#the-head-element>head</a></code> element of
the <code><a href=#document>Document</a></code>, or attributes to the <code><a href=#the-embed-element>embed</a></code>
element, e.g. to link to a style sheet or an XBL binding, or to give
- the document a <code><a href=#the-title-element-0>title</a></code>.</p>
+ the document a <code><a href=#the-title-element>title</a></code>.</p>
<p class=note id=sandboxPluginNavigate>If the <a href=#sandboxed-plugins-browsing-context-flag>sandboxed
plugins browsing context flag</a> was set on the <a href=#browsing-context>browsing
@@ -63806,7 +63800,7 @@
<dt><dfn id=concept-appcache-manifest title=concept-appcache-manifest>The manifest</dfn>
<dd><p class=note>This is the resource corresponding to the URL
- that was given in a master entry's <code><a href=#the-html-element-0>html</a></code> element's
+ 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
manifest is fetched and processed during the <a href=#application-cache-download-process>application
cache download process</a>. All the <a href=#concept-appcache-master title=concept-appcache-master>master entries</a> have the
@@ -65015,7 +65009,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-0>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>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>
@@ -65770,7 +65764,7 @@
run in the context of a document. These mechanisms include, but are
probably not limited to:</p>
- <ul><li>Processing of <code><a href=#script>script</a></code> elements.</li>
+ <ul><li>Processing of <code><a href=#the-script-element>script</a></code> elements.</li>
<li>Processing of inline <code title="javascript
protocol"><a href=#javascript-protocol>javascript:</a></code> URLs (e.g. the <code title=attr-img-src><a href=#attr-img-src>src</a></code> attribute of <code><a href=#the-img-element>img</a></code>
@@ -68802,7 +68796,7 @@
<li><code><a href=#the-textarea-element>textarea</a></code> elements that are not <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a></li>
- <li><code><a href=#the-command>command</a></code> elements that do not have a <code title=attr-command-disabled><a href=#attr-command-disabled>disabled</a></code> attribute</li>
+ <li><code><a href=#the-command-element>command</a></code> elements that do not have a <code title=attr-command-disabled><a href=#attr-command-disabled>disabled</a></code> attribute</li>
<li>Elements with a <code title=attr-draggable><a href=#the-draggable-attribute>draggable</a></code>
attribute set, if that would enable the user agent to allow the
@@ -72983,8 +72977,8 @@
receiving streams from remote peers.</li>
<li>Displaying such streams (both the locally-produced ones and the
- remotely-obtained ones) locally using the <code><a href=#video>video</a></code> or
- <code><a href=#audio>audio</a></code> elements.</li>
+ remotely-obtained ones) locally using the <code><a href=#the-video-element>video</a></code> or
+ <code><a href=#the-audio-element>audio</a></code> elements.</li>
<li>Sending arbitrary data to remote peers.</li>
@@ -73535,8 +73529,8 @@
<li><p>Return, and run the remaining steps asynchronously.</li>
<li><p>Generate a file that containing <var title="">data</var> in
- a format supported by the user agent for use in <code><a href=#audio>audio</a></code>
- and <code><a href=#video>video</a></code> elements.</li>
+ a format supported by the user agent for use in <code><a href=#the-audio-element>audio</a></code>
+ and <code><a href=#the-video-element>video</a></code> elements.</li>
<li><p>Let <var title="">blob</var> be a <code>Blob</code> object
representing the contents of the file generated in the previous
@@ -73634,7 +73628,7 @@
<p>For audio and video streams, the data exposed on that stream must
be in a format supported by the user agent for use in
- <code><a href=#audio>audio</a></code> and <code><a href=#video>video</a></code> elements.</p>
+ <code><a href=#the-audio-element>audio</a></code> and <code><a href=#the-video-element>video</a></code> elements.</p>
<p class=bookkeeping>A <dfn id=blob-url>Blob URL</dfn> is the same as what the
File API specification calls a <span>Blob URI</span>, except that
@@ -74086,13 +74080,13 @@
<p>User agents may negotiate any codec and any resolution, bitrate,
or other quality metric. User agents are encouraged to initially
negotiate for the native resolution of the stream. For streams that
- are then rendered (using a <code><a href=#video>video</a></code> element), user agents
+ are then rendered (using a <code><a href=#the-video-element>video</a></code> element), user agents
are encouraged to renegotiate for a resolution that matches the
rendered display size.</p>
<p class=note>Starting with the native resolution means that if
the Web application notifies its peer of the native resolution as it
- starts sending data, and the peer prepares its <code><a href=#video>video</a></code>
+ starts sending data, and the peer prepares its <code><a href=#the-video-element>video</a></code>
element accordingly, there will be no need for a renegotiation once
the stream is flowing.</p>
@@ -75998,8 +75992,8 @@
<p>Let <var title="">language</var> be JavaScript.</p>
- <p class=note>As with <code><a href=#script>script</a></code> elements, the MIME
- type of the script is ignored. Unlike with <code><a href=#script>script</a></code>
+ <p class=note>As with <code><a href=#the-script-element>script</a></code> elements, the MIME
+ type of the script is ignored. Unlike with <code><a href=#the-script-element>script</a></code>
elements, there is no way to override the type. It's always
assumed to be JavaScript.</p>
@@ -79630,7 +79624,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-0>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>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>
@@ -79644,19 +79638,19 @@
<div class=note>
- <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
+ <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
document is parsed; space characters <em>after</em> the root
- <code><a href=#the-html-element-0>html</a></code> element will be parsed as if they were at the end
+ <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-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-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>
+ <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>
</div>
@@ -79761,21 +79755,21 @@
<dl><dt><dfn id=void-elements>Void elements</dfn></dt>
<dd><code><a href=#the-area-element>area</a></code>, <code><a href=#the-base-element>base</a></code>, <code><a href=#the-br-element>br</a></code>,
- <code><a href=#the-col-element>col</a></code>, <code><a href=#the-command>command</a></code>, <code><a href=#the-embed-element>embed</a></code>,
+ <code><a href=#the-col-element>col</a></code>, <code><a href=#the-command-element>command</a></code>, <code><a href=#the-embed-element>embed</a></code>,
<code><a href=#the-hr-element>hr</a></code>, <code><a href=#the-img-element>img</a></code>, <code><a href=#the-input-element>input</a></code>,
- <code><a href=#the-keygen-element>keygen</a></code>, <code><a href=#the-link-element>link</a></code>, <code><a href=#meta>meta</a></code>,
+ <code><a href=#the-keygen-element>keygen</a></code>, <code><a href=#the-link-element>link</a></code>, <code><a href=#the-meta-element>meta</a></code>,
<code><a href=#the-param-element>param</a></code>, <code><a href=#the-source-element>source</a></code>, <code><a href=#the-track-element>track</a></code>,
<code><a href=#the-wbr-element>wbr</a></code></dd>
<!-- see also other places that say VOIDLIST -->
<dt><dfn id=raw-text-elements>Raw text elements</dfn></dt>
- <dd><code><a href=#script>script</a></code>, <code><a href=#the-style-element>style</a></code></dd> <!-- iframe and
+ <dd><code><a href=#the-script-element>script</a></code>, <code><a href=#the-style-element>style</a></code></dd> <!-- iframe and
noscript don't count as raw text for syntax purposes -->
<dt><dfn id=rcdata-elements>RCDATA elements</dfn></dt>
- <dd><code><a href=#the-textarea-element>textarea</a></code>, <code><a href=#the-title-element-0>title</a></code></dd>
+ <dd><code><a href=#the-textarea-element>textarea</a></code>, <code><a href=#the-title-element>title</a></code></dd>
<dt><dfn id=foreign-elements>Foreign elements</dfn></dt>
@@ -80129,34 +80123,34 @@
<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-0>html</a></code> element, even if the
+ document always has a root <code><a href=#the-html-element>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-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>
+ <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>
<!-- </html> -->
- <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
+ <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
immediately followed by a <a href=#syntax-comments title=syntax-comments>comment</a>.</p>
<!-- <head> -->
- <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
+ <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
element is empty, or if the first thing inside the
- <code><a href=#the-head-element-0>head</a></code> element is an element.</p>
+ <code><a href=#the-head-element>head</a></code> element is an element.</p>
<!-- </head> -->
- <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
+ <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
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-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-0>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=#the-script-element>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
@@ -80195,7 +80189,7 @@
<code><a href=#the-fieldset-element>fieldset</a></code>, <code><a href=#the-footer-element>footer</a></code>, <code><a href=#the-form-element>form</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-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=#menus>menu</a></code>,
+ <code><a href=#the-hgroup-element>hgroup</a></code>, <code><a href=#the-hr-element>hr</a></code>, <code><a href=#the-menu-element>menu</a></code>,
<code><a href=#the-nav-element>nav</a></code>, <code><a href=#the-ol-element>ol</a></code>, <code><a href=#the-p-element>p</a></code>, <code><a href=#the-pre-element>pre</a></code>,
<code><a href=#the-section-element>section</a></code>, <code><a href=#the-table-element>table</a></code>, or <code><a href=#the-ul-element>ul</a></code>,
element, or if there is no more content in the parent element and
@@ -81479,7 +81473,7 @@
then switch the <a href=#insertion-mode>insertion mode</a> to "<a href=#parsing-main-intable title="insertion mode: in table">in table</a>" and abort these
steps.</li>
- <li>If <var title="">node</var> is a <code><a href=#the-head-element-0>head</a></code> element,
+ <li>If <var title="">node</var> is a <code><a href=#the-head-element>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
@@ -81501,7 +81495,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-0>html</a></code> element,
+ <li>If <var title="">node</var> is an <code><a href=#the-html-element>html</a></code> element,
then <!--: if the <span><code title="">head</code> element
pointer</span> 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
@@ -81532,17 +81526,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-0>html</a></code> root element node, which is then added to the
+ <code><a href=#the-html-element>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-0>html</a></code>
+ elements</a> is initialized to contain an <code><a href=#the-html-element>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-0>html</a></code> node, however it is created, is the topmost
+ <p>The <code><a href=#the-html-element>html</a></code> node, however it is created, is the topmost
node of the stack. It only gets popped off the stack when the parser
<a href=#stop-parsing title="stop parsing">finishes</a>.</p>
@@ -81554,7 +81548,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-0>html</a></code> element).</p>
+ of open elements</a> (the <code><a href=#the-html-element>html</a></code> element).</p>
<p>Elements in the stack fall into the following categories:</p>
@@ -81565,28 +81559,28 @@
<code><a href=#the-base-element>base</a></code>, <code><a href=#basefont>basefont</a></code>, <code><a href=#bgsound>bgsound</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=#the-button-element>button</a></code>, <code><a href=#the-caption-element>caption</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>,
+ <code><a href=#the-col-element>col</a></code>, <code><a href=#the-colgroup-element>colgroup</a></code>, <code><a href=#the-command-element>command</a></code>,
<code><a href=#the-dd-element>dd</a></code>, <code><a href=#the-details-element>details</a></code>, <code><a href=#dir>dir</a></code>,
<code><a href=#the-div-element>div</a></code>, <code><a href=#the-dl-element>dl</a></code>, <code><a href=#the-dt-element>dt</a></code>,
<code><a href=#the-embed-element>embed</a></code>, <code><a href=#the-fieldset-element>fieldset</a></code>, <code><a href=#the-figcaption-element>figcaption</a></code>,
<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-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-html-element-0>html</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-hgroup-element>hgroup</a></code>, <code><a href=#the-hr-element>hr</a></code>, <code><a href=#the-html-element>html</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) --> <code><a href=#the-img-element>img</a></code>, <code><a href=#the-input-element>input</a></code>,
<code><a href=#isindex-0>isindex</a></code>, <code><a href=#the-li-element>li</a></code>, <code><a href=#the-link-element>link</a></code>,
- <code><a href=#listing>listing</a></code>, <code><a href=#the-marquee-element>marquee</a></code>, <code><a href=#menus>menu</a></code>,
- <code><a href=#meta>meta</a></code>, <code><a href=#the-nav-element>nav</a></code>, <code><a href=#noembed>noembed</a></code>,
+ <code><a href=#listing>listing</a></code>, <code><a href=#the-marquee-element>marquee</a></code>, <code><a href=#the-menu-element>menu</a></code>,
+ <code><a href=#the-meta-element>meta</a></code>, <code><a href=#the-nav-element>nav</a></code>, <code><a href=#noembed>noembed</a></code>,
<code><a href=#noframes>noframes</a></code>, <code><a href=#the-noscript-element>noscript</a></code>, <code><a href=#the-object-element>object</a></code>,
<code><a href=#the-ol-element>ol</a></code>, <code><a href=#the-p-element>p</a></code>, <code><a href=#the-param-element>param</a></code>,
- <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=#plaintext>plaintext</a></code>, <code><a href=#the-pre-element>pre</a></code>, <code><a href=#the-script-element>script</a></code>,
<code><a href=#the-section-element>section</a></code>, <code><a href=#the-select-element>select</a></code>, <code><a href=#the-style-element>style</a></code>,
<code><a href=#the-summary-element>summary</a></code>, <code><a href=#the-table-element>table</a></code>, <code><a href=#the-tbody-element>tbody</a></code>,
<code><a href=#the-td-element>td</a></code>, <code><a href=#the-textarea-element>textarea</a></code>, <code><a href=#the-tfoot-element>tfoot</a></code>,
- <code><a href=#the-th-element>th</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-th-element>th</a></code>, <code><a href=#the-thead-element>thead</a></code>, <code><a href=#the-title-element>title</a></code>,
<code><a href=#the-tr-element>tr</a></code>, <code><a href=#the-ul-element>ul</a></code>, <code><a href=#the-wbr-element>wbr</a></code>, and
<code><a href=#xmp>xmp</a></code>; MathML's <code title="">mi</code>, <code title="">mo</code>, <code title="">mn</code>, <code title="">ms</code>, <code title="">mtext</code>, and <code title="">annotation-xml</code>; and SVG's <code title="">foreignObject</code>, <code title="">desc</code>, and
<code title="">title</code>.</dd> <!-- we could actually put
@@ -81623,7 +81617,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-0>html</a></code> element — is reached.)</li>
+ <code><a href=#the-html-element>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-scope title="has an element in scope">have an element in scope</dfn> when
it <a href=#has-an-element-in-the-specific-scope>has an element in the specific scope</a> consisting
@@ -81631,7 +81625,7 @@
<ul class=brief><li><code><a href=#the-applet-element>applet</a></code> in the <a href=#html-namespace-0>HTML namespace</a></li>
<li><code><a href=#the-caption-element>caption</a></code> in the <a href=#html-namespace-0>HTML namespace</a></li>
- <li><code><a href=#the-html-element-0>html</a></code> in the <a href=#html-namespace-0>HTML namespace</a></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>html</a></code> in the <a href=#html-namespace-0>HTML namespace</a></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 <a href=#html-namespace-0>HTML namespace</a></li>
<li><code><a href=#the-td-element>td</a></code> in the <a href=#html-namespace-0>HTML namespace</a></li>
<li><code><a href=#the-th-element>th</a></code> in the <a href=#html-namespace-0>HTML namespace</a></li>
@@ -81665,7 +81659,7 @@
scope</dfn> when it <a href=#has-an-element-in-the-specific-scope>has an element in the specific
scope</a> consisting of the following element types:</p>
- <ul class=brief><li><code><a href=#the-html-element-0>html</a></code> in the <a href=#html-namespace-0>HTML namespace</a></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>html</a></code> in the <a href=#html-namespace-0>HTML namespace</a></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 <a href=#html-namespace-0>HTML namespace</a></li>
</ul><p>The <a href=#stack-of-open-elements>stack of open elements</a> is said to <dfn id=has-an-element-in-select-scope title="has an element in select scope">have an element in select
scope</dfn> when it <a href=#has-an-element-in-the-specific-scope>has an element in the specific
@@ -81809,7 +81803,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-0>head</a></code> element has been parsed (whether
+ <p>Once a <code><a href=#the-head-element>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>
@@ -81828,7 +81822,7 @@
<p class=note>The <a href=#scripting-flag>scripting flag</a> can be enabled even
when the parser was originally created for the <a href=#html-fragment-parsing-algorithm>HTML fragment
- parsing algorithm</a>, even though <code><a href=#script>script</a></code> elements
+ parsing algorithm</a>, even though <code><a href=#the-script-element>script</a></code> elements
don't execute in that case.</p>
<p>The <dfn id=frameset-ok-flag>frameset-ok flag</dfn> is set to "ok" when the parser is
@@ -81876,7 +81870,7 @@
<a href=#tree-construction>tree construction</a> stage. The tree construction stage
can affect the state of the tokenization stage, and can insert
additional characters into the stream. (For example, the
- <code><a href=#script>script</a></code> element can result in scripts executing and
+ <code><a href=#the-script-element>script</a></code> element can result in scripts executing and
using the <a href=#dynamic-markup-insertion>dynamic markup insertion</a> APIs to insert
characters into the stream being tokenized.)</p>
@@ -84335,7 +84329,7 @@
<p>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
<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-0>html</a></code> element). Otherwise,
+ of open elements</a> (the <code><a href=#the-html-element>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
@@ -84612,7 +84606,7 @@
<dt>Anything else</dt>
<dd>
- <p>Create an <code><a href=#the-html-element-0>html</a></code> element. Append it to the
+ <p>Create an <code><a href=#the-html-element>html</a></code> element. Append it to the
<code><a href=#document>Document</a></code> object. Put this element in the <a href=#stack-of-open-elements>stack
of open elements</a>.</p>
@@ -84667,7 +84661,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-0>head</a></code> element.</p>
+ to the newly created <code><a href=#the-head-element>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>
@@ -84814,7 +84808,7 @@
<li><p>If the parser was originally created for the <a href=#html-fragment-parsing-algorithm>HTML
fragment parsing algorithm</a>, then mark the
- <code><a href=#script>script</a></code> element as <a href=#already-started>"already
+ <code><a href=#the-script-element>script</a></code> element as <a href=#already-started>"already
started"</a>. (<a href=#fragment-case>fragment case</a>)</li>
<li><p>Append the new element to the <a href=#current-node>current node</a>
@@ -84835,7 +84829,7 @@
<dd>
<p>Pop the <a href=#current-node>current node</a> (which will be the
- <code><a href=#the-head-element-0>head</a></code> element) off the <a href=#stack-of-open-elements>stack of open
+ <code><a href=#the-head-element>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>
@@ -84884,7 +84878,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-0>head</a></code> element.</p>
+ <code><a href=#the-head-element>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>
@@ -85124,7 +85118,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-0>html</a></code> element.</p>
+ but not including, the root <code><a href=#the-html-element>html</a></code> element.</p>
<li><p><a href=#insert-an-html-element>Insert an HTML element</a> for the
token.</li>
@@ -85142,7 +85136,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-0>body</a></code> element, or the <code><a href=#the-html-element-0>html</a></code> element, then
+ <code><a href=#the-body-element-0>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 error</a>.</p> <!-- (some of those are
fragment cases) -->
@@ -85169,7 +85163,7 @@
<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-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
+ <code><a href=#the-html-element>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) -->
@@ -86297,8 +86291,8 @@
<!-- can't be the fragment case -->
<p><a href=#parse-error>Parse error</a>.</p>
- <p>If the <a href=#current-node>current node</a> is a <code><a href=#script>script</a></code>
- element, mark the <code><a href=#script>script</a></code> element as <a href=#already-started>"already
+ <p>If the <a href=#current-node>current node</a> is a <code><a href=#the-script-element>script</a></code>
+ element, mark the <code><a href=#the-script-element>script</a></code> element as <a href=#already-started>"already
started"</a>.</p>
<p>Pop the <a href=#current-node>current node</a> off the <a href=#stack-of-open-elements>stack of open
@@ -86315,7 +86309,7 @@
<p><a href=#provide-a-stable-state>Provide a stable state</a>.</p>
<p>Let <var title="">script</var> be the <a href=#current-node>current node</a>
- (which will be a <code><a href=#script>script</a></code> element).</p>
+ (which will be a <code><a href=#the-script-element>script</a></code> element).</p>
<p>Pop the <a href=#current-node>current node</a> off the <a href=#stack-of-open-elements>stack of open
elements</a>.</p>
@@ -86595,7 +86589,7 @@
<dd>
<p>If the <a href=#current-node>current node</a> is not the root
- <code><a href=#the-html-element-0>html</a></code> element, then this is a <a href=#parse-error>parse
+ <code><a href=#the-html-element>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
@@ -86621,11 +86615,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-0>html</a></code> element, pop elements from the
+ element or an <code><a href=#the-html-element>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-0>html</a></code> element after this process is a <a href=#fragment-case>fragment
+ <code><a href=#the-html-element>html</a></code> element after this process is a <a href=#fragment-case>fragment
case</a>.</p>
@@ -86774,7 +86768,7 @@
<dd>
<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 this is a <a href=#parse-error>parse
+ <code><a href=#the-html-element>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>
@@ -86793,7 +86787,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-0>html</a></code>
+ <p>If the <a href=#current-node>current node</a> is the root <code><a href=#the-html-element>html</a></code>
element, then <a href=#stop-parsing>stop parsing</a>. (<a href=#fragment-case>fragment
case</a>)</p>
@@ -86893,12 +86887,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-0>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>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-0>html</a></code> element after this process is a <a href=#fragment-case>fragment
+ <code><a href=#the-html-element>html</a></code> element after this process is a <a href=#fragment-case>fragment
case</a>.</p>
@@ -86984,11 +86978,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-0>html</a></code> element, pop elements from the
+ element or an <code><a href=#the-html-element>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-0>html</a></code> element after this process is a <a href=#fragment-case>fragment
+ <code><a href=#the-html-element>html</a></code> element after this process is a <a href=#fragment-case>fragment
case</a>.</p>
@@ -87220,7 +87214,7 @@
<dd>
<p>If the <a href=#current-node>current node</a> is not the root
- <code><a href=#the-html-element-0>html</a></code> element, then this is a <a href=#parse-error>parse
+ <code><a href=#the-html-element>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
@@ -87281,7 +87275,7 @@
<dt>A comment token</dt>
<dd>
<p>Append a <code><a href=#comment-0>Comment</a></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-0>html</a></code>
+ the <a href=#stack-of-open-elements>stack of open elements</a> (the <code><a href=#the-html-element>html</a></code>
element), with the <code title="">data</code> attribute set to
the data given in the comment token.</p>
</dd>
@@ -87362,7 +87356,7 @@
<dd>
<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 this is a <a href=#parse-error>parse
+ <code><a href=#the-html-element>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>
@@ -87400,7 +87394,7 @@
<dd>
<p>If the <a href=#current-node>current node</a> is not the root
- <code><a href=#the-html-element-0>html</a></code> element, then this is a <a href=#parse-error>parse
+ <code><a href=#the-html-element>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
@@ -87777,17 +87771,17 @@
substeps:</p>
<ol><li><p><a href=#spin-the-event-loop>Spin the event loop</a> until the first
- <code><a href=#script>script</a></code> in the <a href=#list-of-scripts-that-will-execute-when-the-document-has-finished-parsing>list of scripts that will
+ <code><a href=#the-script-element>script</a></code> in the <a href=#list-of-scripts-that-will-execute-when-the-document-has-finished-parsing>list of scripts that will
execute when the document has finished parsing</a> has its
<a href=#ready-to-be-parser-executed>"ready to be parser-executed"</a> flag set <em>and</em>
the parser's <code><a href=#document>Document</a></code> <a href=#has-no-style-sheet-that-is-blocking-scripts>has no style sheet that
is blocking scripts</a>.</li>
<li><p><a href=#execute-the-script-block title="execute the script block">Execute</a> the
- first <code><a href=#script>script</a></code> in the <a href=#list-of-scripts-that-will-execute-when-the-document-has-finished-parsing>list of scripts that will
+ first <code><a href=#the-script-element>script</a></code> in the <a href=#list-of-scripts-that-will-execute-when-the-document-has-finished-parsing>list of scripts that will
execute when the document has finished parsing</a>.</li>
- <li><p>Remove the first <code><a href=#script>script</a></code> element from the
+ <li><p>Remove the first <code><a href=#the-script-element>script</a></code> element from the
<a href=#list-of-scripts-that-will-execute-when-the-document-has-finished-parsing>list of scripts that will execute when the document has
finished parsing</a> (i.e. shift out the first entry in the
list).</li>
@@ -87987,8 +87981,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-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>,
+ <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-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>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>
@@ -87997,7 +87991,7 @@
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-0>html</a></code>,
+ elements</a> ends up with just three elements: <code><a href=#the-html-element>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>
@@ -88009,7 +88003,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-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>13.2.8.2 </span>Misnested tags: <b><p></b></p></h5>
+ <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-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>13.2.8.2 </span>Misnested tags: <b><p></b></p></h5>
<p><i>This section is non-normative.</i></p>
@@ -88019,11 +88013,11 @@
<p>Up to the "2" the parsing here is straightforward:</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=#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>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-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-0>html</a></code>,
+ elements</a> has four elements on it: <code><a href=#the-html-element>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>
@@ -88047,18 +88041,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-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
+ <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-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-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
+ <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-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-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
+ <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-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-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>13.2.8.3 </span>Unexpected markup in tables</h5>
+ <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-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>13.2.8.3 </span>Unexpected markup in tables</h5>
<p><i>This section is non-normative.</i></p>
@@ -88073,11 +88067,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-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
+ <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-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-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>,
+ <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-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>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
@@ -88093,8 +88087,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-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>,
+ <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-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>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
@@ -88105,13 +88099,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-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,
+ <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-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-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
+ <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-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-0>html</a></code>, <code><a href=#the-body-element-0>body</a></code>, <code><a href=#the-table-element>table</a></code>,
+ elements <code><a href=#the-html-element>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
@@ -88136,8 +88130,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-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>,
+ <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-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>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;
@@ -88157,7 +88151,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-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>13.2.8.4 </span>Scripts that modify the page as it is bein
g parsed</h5>
+ <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-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>13.2.8.4 </span>Scripts that modify the page as it is being pa
rsed</h5>
<p><i>This section is non-normative.</i></p>
@@ -88182,16 +88176,16 @@
<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-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-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=#the-script-element>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=#the-script-element>script</a></code> element are gone:</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></ul><p>They are, at this point, in the <code><a href=#document>Document</a></code> of the
+ <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-0>body</a></code></ul></ul><p>They are, at this point, in the <code><a href=#document>Document</a></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>
- <p>Thus, when the second <code><a href=#script>script</a></code> element is parsed, it
+ <p>Thus, when the second <code><a href=#the-script-element>script</a></code> element is parsed, it
is inserted <em>into the outer <code><a href=#document>Document</a></code>
object</em>.</p>
@@ -88209,9 +88203,9 @@
<p>Once the <code><a href=#the-div-element>div</a></code> element's end tag is parsed, the
<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><a href=#document>Document</a></code>:</p>
+ <code><a href=#the-script-element>script</a></code> element is in the inner <code><a href=#document>Document</a></code>:</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>
+ <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-0>body</a></code><ul><li class=t1><code><a href=#the-script-element>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>
<h5 id=the-execution-of-scripts-that-are-moving-across-multiple-documents><span class=secno>13.2.8.5 </span>The execution of scripts that are moving across multiple documents</h5>
@@ -88219,7 +88213,7 @@
<p><i>This section is non-normative.</i></p>
<p>Elaborating on the example in the previous section, consider a
- case where a <code><a href=#script>script</a></code> element with a <code title=attr-script-src><a href=#attr-script-src>src</a></code> attribute is parsed, but while
+ case where a <code><a href=#the-script-element>script</a></code> element with a <code title=attr-script-src><a href=#attr-script-src>src</a></code> attribute is parsed, but while
the external script is being downloaded, the element is moved to
another document.</p>
@@ -88247,7 +88241,7 @@
<p>The resulting DOM tree is as follows:</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><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=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 t
itle=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">X⏎</span></ul></ul></ul></ul></ul></ul></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> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span tit
le="">X⏎</span></ul></ul></ul></ul></ul></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> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code
><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">X⏎</span></ul></ul></ul></ul></ul></ul></ul></ul></ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t3><code>#text</code>: <span title="">X⏎</span></ul></ul></ul></ul><p>Note how the second <code><a href=#the-p-element>p</a></code> element in the markup has no
+ <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><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=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title="
"><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">X⏎</span></ul></ul></ul></ul></ul></ul></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> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">
X⏎</span></ul></ul></ul></ul></ul></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> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a hr
ef=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">X⏎</span></ul></ul></ul></ul></ul></ul></ul></ul></ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t3><code>#text</code>: <span title="">X⏎</span></ul></ul></ul></ul><p>Note how the second <code><a href=#the-p-element>p</a></code> element in the markup has no
explicit <code><a href=#the-b-element>b</a></code> elements, but in the resulting DOM, up to
three of each kind of formatting element (in this case three
<code><a href=#the-b-element>b</a></code> elements with the class attribute, and two unadorned
@@ -88370,9 +88364,9 @@
<p>If <var title="">current node</var> is an
<code><a href=#the-area-element>area</a></code>, <code><a href=#the-base-element>base</a></code>, <code><a href=#basefont>basefont</a></code>,
<code><a href=#bgsound>bgsound</a></code>, <code><a href=#the-br-element>br</a></code>, <code><a href=#the-col-element>col</a></code>,
- <code><a href=#the-command>command</a></code>, <code><a href=#the-embed-element>embed</a></code>, <code><a href=#frame>frame</a></code>,
+ <code><a href=#the-command-element>command</a></code>, <code><a href=#the-embed-element>embed</a></code>, <code><a href=#frame>frame</a></code>,
<code><a href=#the-hr-element>hr</a></code>, <code><a href=#the-img-element>img</a></code>, <code><a href=#the-input-element>input</a></code>,
- <code><a href=#the-keygen-element>keygen</a></code>, <code><a href=#the-link-element>link</a></code>, <code><a href=#meta>meta</a></code>,
+ <code><a href=#the-keygen-element>keygen</a></code>, <code><a href=#the-link-element>link</a></code>, <code><a href=#the-meta-element>meta</a></code>,
<code><a href=#the-param-element>param</a></code>, <code><a href=#the-source-element>source</a></code>, <code><a href=#the-track-element>track</a></code> or
<code><a href=#the-wbr-element>wbr</a></code> element, then continue on to the next child
node at this point.</p> <!-- VOIDLIST superset -->
@@ -88400,7 +88394,7 @@
<dd>
<p>If the parent of <var title="">current node</var> is a
- <code><a href=#the-style-element>style</a></code>, <code><a href=#script>script</a></code>, <code><a href=#xmp>xmp</a></code>,
+ <code><a href=#the-style-element>style</a></code>, <code><a href=#the-script-element>script</a></code>, <code><a href=#xmp>xmp</a></code>,
<code><a href=#the-iframe-element>iframe</a></code>, <code><a href=#noembed>noembed</a></code>,
<code><a href=#noframes>noframes</a></code>, or <code><a href=#plaintext>plaintext</a></code> element, or
if the parent of <var title="">current node</var> is
@@ -88488,7 +88482,7 @@
literal string "<code title="">--></code>", then when the result
of serializing the element is parsed, the comment will be truncated
at that point and the rest of the comment will be interpreted as
- markup. More examples would be making a <code><a href=#script>script</a></code> element
+ markup. More examples would be making a <code><a href=#the-script-element>script</a></code> element
contain a text node with the text string
"<code></script></code>", or having a <code><a href=#the-p-element>p</a></code> element
that contains a <code><a href=#the-ul-element>ul</a></code> element (as the <code><a href=#the-ul-element>ul</a></code>
@@ -88504,7 +88498,7 @@
"<code></style><script>attack</script></code>" as a font
name, <code title=dom-innerHTML><a href=#dom-innerhtml>innerHTML</a></code> will return
markup that, if parsed in a different context, would contain a
- <code><a href=#script>script</a></code> node, even though no <code><a href=#script>script</a></code> node
+ <code><a href=#the-script-element>script</a></code> node, even though no <code><a href=#the-script-element>script</a></code> node
existed in the original DOM.</p>
</div>
@@ -88580,7 +88574,7 @@
<p>Set the state of the <a href=#html-parser>HTML parser</a>'s
<a href=#tokenization>tokenization</a> stage as follows:</p>
- <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>
+ <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>
element</dt>
<dd>Switch the tokenizer to the <a href=#rcdata-state>RCDATA state</a>.</dd>
@@ -88593,7 +88587,7 @@
<dd>Switch the tokenizer to the <a href=#rawtext-state>RAWTEXT state</a>.</dd>
- <dt>If it is a <code><a href=#script>script</a></code> element</dt>
+ <dt>If it is a <code><a href=#the-script-element>script</a></code> element</dt>
<dd>Switch the tokenizer to the <a href=#script-data-state>script data state</a>.</dd>
@@ -88628,7 +88622,7 @@
<li>
- <p>Let <var title="">root</var> be a new <code><a href=#the-html-element-0>html</a></code> element
+ <p>Let <var title="">root</var> be a new <code><a href=#the-html-element>html</a></code> element
with no attributes.</p>
</li>
@@ -88817,14 +88811,14 @@
handling external subsets. <a href=#refsXML>[XML]</a></p>
<p id=scriptTagXML>When an <a href=#xml-parser>XML parser</a> creates a
- <code><a href=#script>script</a></code> element, it must be marked as being
+ <code><a href=#the-script-element>script</a></code> element, it must be marked as being
<a href=#parser-inserted>"parser-inserted"</a> and its <a href=#force-async>"force-async"</a>
flag must be unset. If the parser was originally created for the
<a href=#xml-fragment-parsing-algorithm>XML fragment parsing algorithm</a>, then the element must
be marked as <a href=#already-started>"already started"</a> also. When the element's
end tag is parsed, the user agent must <a href=#provide-a-stable-state>provide a stable
state</a>, and then <a href=#prepare-a-script title="prepare a script">prepare</a>
- the <code><a href=#script>script</a></code> element. If this causes there to be a
+ the <code><a href=#the-script-element>script</a></code> element. If this causes there to be a
<a href=#pending-parsing-blocking-script>pending parsing-blocking script</a>, then the user agent
must run the following steps:</p>
@@ -90095,7 +90089,7 @@
<h4 id=embedded-content-2><span class=secno>15.3.1 </span>Embedded content</h4>
<p>The <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 be treated as replaced
+ <code><a href=#the-video-element>video</a></code> elements are expected to be treated as replaced
elements.</p>
<p>A <code><a href=#the-canvas-element>canvas</a></code> element that <a href=#represents>represents</a>
@@ -90114,43 +90108,43 @@
element. Other <code><a href=#the-applet-element>applet</a></code> elements are expected to be
treated as ordinary elements in the rendering model.</p>
- <p>The <code><a href=#audio>audio</a></code> element, when it is <a href=#expose-a-user-interface-to-the-user title="expose a
+ <p>The <code><a href=#the-audio-element>audio</a></code> element, when it is <a href=#expose-a-user-interface-to-the-user title="expose a
user interface to the user">exposing a user interface</a>, is
expected to be treated as a replaced element about one line high, as
wide as is necessary to expose the user agent's user interface
- features. When an <code><a href=#audio>audio</a></code> element is not <a href=#expose-a-user-interface-to-the-user title="expose a user interface to the user">exposing a user
+ features. When an <code><a href=#the-audio-element>audio</a></code> element is not <a href=#expose-a-user-interface-to-the-user title="expose a user interface to the user">exposing a user
interface</a>, the user agent is expected to hide it,
irrespective of CSS rules.</p>
- <p>Whether a <code><a href=#video>video</a></code> element is <a href=#expose-a-user-interface-to-the-user title="expose a
+ <p>Whether a <code><a href=#the-video-element>video</a></code> element is <a href=#expose-a-user-interface-to-the-user title="expose a
user interface to the user">exposing a user interface</a> is not
expected to affect the size of the rendering; controls are expected
to be overlaid with the page content without causing any layout
changes, and are expected to disappear when the user does not need
them.</p>
- <p>When a <code><a href=#video>video</a></code> element represents a poster frame or
+ <p>When a <code><a href=#the-video-element>video</a></code> element represents a poster frame or
frame of video, the poster frame or frame of video is expected to be
rendered at the largest size that maintains the aspect ratio of that
poster frame or frame of video without being taller or wider than
- the <code><a href=#video>video</a></code> element itself, and is expected to be
- centered in the <code><a href=#video>video</a></code> element.</p>
+ the <code><a href=#the-video-element>video</a></code> element itself, and is expected to be
+ centered in the <code><a href=#the-video-element>video</a></code> element.</p>
<p>Any subtitles or captions are expected to be overlayed directly
- on top of their <code><a href=#video>video</a></code> element, as defined by the
+ on top of their <code><a href=#the-video-element>video</a></code> element, as defined by the
relevant rendering rules; for <a href=#webvtt>WebVTT</a>, those are the
<a href=#webvtt-cue-text-rendering-rules>WebVTT cue text rendering rules</a> defined below.</p>
<p>When the user agent starts <a href=#expose-a-user-interface-to-the-user title="expose a user interface
to the user">exposing a user interface</a> for a
- <code><a href=#video>video</a></code> element, the user agent should run the <a href=#rules-for-updating-the-text-track-rendering>rules
- for updating the text track rendering</a> of each of the <a href=#text-track title="text track">text tracks</a> in the <code><a href=#video>video</a></code>
+ <code><a href=#the-video-element>video</a></code> element, the user agent should run the <a href=#rules-for-updating-the-text-track-rendering>rules
+ for updating the text track rendering</a> of each of the <a href=#text-track title="text track">text tracks</a> in the <code><a href=#the-video-element>video</a></code>
element's <a href=#list-of-text-tracks>list of text tracks</a> that are <a href=#text-track-showing title="text track showing">showing</a> or <a href=#text-track-showing-by-default title="text
track showing by default">showing by default</a> (e.g., for <a href=#text-track title="text track">text tracks</a> based on
<a href=#webvtt>WebVTT</a>, the <a href=#rules-for-updating-the-display-of-webvtt-text-tracks>rules for updating the display of
WebVTT text tracks</a>).</p>
- <p class=note>Resizing <code><a href=#video>video</a></code> and <code><a href=#the-canvas-element>canvas</a></code>
+ <p class=note>Resizing <code><a href=#the-video-element>video</a></code> and <code><a href=#the-canvas-element>canvas</a></code>
elements does not interrupt video playback or clear the canvas.</p>
<hr><p>The following CSS rules are expected to apply:</p>
@@ -90177,7 +90171,7 @@
<p>The <dfn id=rules-for-updating-the-display-of-webvtt-text-tracks>rules for updating the display of WebVTT text
tracks</dfn> render the <a href=#text-track title="text track">text
tracks</a> of a <a href=#media-element>media element</a> (specifically, a
- <code><a href=#video>video</a></code> element), or of another playback mechanism, by
+ <code><a href=#the-video-element>video</a></code> element), or of another playback mechanism, by
applying the steps below. All the <a href=#text-track title="text track">text
tracks</a> that use these rules for a given <a href=#media-element>media
element</a>, or other playback mechanism, are rendered together,
@@ -90190,7 +90184,7 @@
<p>The rules are as follows:</p>
- <ol><li><p>If the <a href=#media-element>media element</a> is an <code><a href=#audio>audio</a></code>
+ <ol><li><p>If the <a href=#media-element>media element</a> is an <code><a href=#the-audio-element>audio</a></code>
element, or is another playback mechanism with no rendering area,
abort these steps. There is nothing to render.</li>
@@ -90803,7 +90797,7 @@
<i>matched element</i>.</p>
<p class=note>If the <i>matched element</i> is not a
- <code><a href=#video>video</a></code> element, the pseudo-elements defined below won't
+ <code><a href=#the-video-element>video</a></code> element, the pseudo-elements defined below won't
have any effect according to this specification.</p>
<p>A CSS user agent that implements the <a href=#text-track title="text
@@ -91153,7 +91147,7 @@
<p id=dimRendering>The <code title=attr-dim-width><a href=#attr-dim-width>width</a></code>
and <code title=attr-dim-height><a href=#attr-dim-height>height</a></code> attributes on
<code><a href=#the-applet-element>applet</a></code>, <code><a href=#the-embed-element>embed</a></code>, <code><a href=#the-iframe-element>iframe</a></code>,
- <code><a href=#the-img-element>img</a></code>, <code><a href=#the-object-element>object</a></code> or <code><a href=#video>video</a></code>
+ <code><a href=#the-img-element>img</a></code>, <code><a href=#the-object-element>object</a></code> or <code><a href=#the-video-element>video</a></code>
elements, and <code><a href=#the-input-element>input</a></code> elements with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, <a href=#maps-to-the-dimension-property title="maps to the dimension property">map to the dimension
properties</a> 'width' and 'height' on the element
respectively.</p>
@@ -91193,7 +91187,7 @@
<h4 id=toolbars-0><span class=secno>15.3.6 </span>Toolbars</h4>
- <p>When a <code><a href=#menus>menu</a></code> element's <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state title="toolbar state">toolbar</a> state, the element is
+ <p>When a <code><a href=#the-menu-element>menu</a></code> element's <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state title="toolbar state">toolbar</a> state, the element is
expected to be treated as a replaced element with a height about two
lines high and a width derived from the contents of the element.</p>
@@ -91887,7 +91881,7 @@
<h3 id=frames-and-framesets><span class=secno>15.5 </span>Frames and framesets</h3>
- <p>When an <code><a href=#the-html-element-0>html</a></code> element's second child element is a
+ <p>When an <code><a href=#the-html-element>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 viewport, instead of applying the usual CSS rendering
@@ -92385,7 +92379,7 @@
instead.</p>
<p>Authors should not specify a <code title=attr-script-language><a href=#attr-script-language>language</a></code> attribute on a
- <code><a href=#script>script</a></code> element. If the attribute is present, its value
+ <code><a href=#the-script-element>script</a></code> element. If the attribute is present, its value
must be an <a href=#ascii-case-insensitive>ASCII case-insensitive</a> match for the string
"<code title="">JavaScript</code>" and either the <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute must be omitted or
its value must be an <a href=#ascii-case-insensitive>ASCII case-insensitive</a> match for
@@ -92435,7 +92429,7 @@
<code><a href=#the-img-element>img</a></code> element if its value is the string "<code title="">0</code>".</li>
<li><p>The presence of a <code title=attr-script-language><a href=#attr-script-language>language</a></code> attribute on a
- <code><a href=#script>script</a></code> element if its value is an <a href=#ascii-case-insensitive>ASCII
+ <code><a href=#the-script-element>script</a></code> element if its value is an <a href=#ascii-case-insensitive>ASCII
case-insensitive</a> match for the string "<code title="">JavaScript</code>" and if there is no <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute or there is and its
value is an <a href=#ascii-case-insensitive>ASCII case-insensitive</a> match for the
string "<code title="">text/javascript</code>".</li>
@@ -92467,7 +92461,7 @@
<dd><p>Use <code><a href=#the-abbr-element>abbr</a></code> instead.</dd>
<dt><dfn id=bgsound><code>bgsound</code></dfn></dt>
- <dd><p>Use <code><a href=#audio>audio</a></code> instead.</dd>
+ <dd><p>Use <code><a href=#the-audio-element>audio</a></code> instead.</dd>
<dt><dfn id=dir><code>dir</code></dfn></dt>
<dd><p>Use <code><a href=#the-ul-element>ul</a></code> instead.</dd>
@@ -92568,13 +92562,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-0>head</a></code> elements</dt>
- <dd><p>When used for declaring which <code><a href=#meta>meta</a></code> terms are
+ <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>
+ <dd><p>When used for declaring which <code><a href=#the-meta-element>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-0>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>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>
@@ -92594,7 +92588,7 @@
<dt><dfn id=attr-link-target title=attr-link-target><code>target</code></dfn> on <code><a href=#the-link-element>link</a></code> elements</dt>
<dd><p>Unnecessary. Omit it altogether.</dd>
- <dt><dfn id=attr-meta-scheme title=attr-meta-scheme><code>scheme</code></dfn> on <code><a href=#meta>meta</a></code> elements</dt>
+ <dt><dfn id=attr-meta-scheme title=attr-meta-scheme><code>scheme</code></dfn> on <code><a href=#the-meta-element>meta</a></code> elements</dt>
<dd><p>Use only one scheme per field, or make the scheme declaration part of the value.</dd>
<dt><dfn id=attr-object-archive title=attr-object-archive><code>archive</code></dfn> on <code><a href=#the-object-element>object</a></code> elements</dt>
@@ -92616,12 +92610,12 @@
<dd><p>Use the <code title=attr-param-name><a href=#attr-param-name>name</a></code> and <code title=attr-param-value><a href=#attr-param-value>value</a></code> attributes without declaring
value types.</dd>
- <dt><dfn id=attr-script-language title=attr-script-language><code>language</code></dfn> on <code><a href=#script>script</a></code> elements (except as noted in the previous section)</dt>
+ <dt><dfn id=attr-script-language title=attr-script-language><code>language</code></dfn> on <code><a href=#the-script-element>script</a></code> elements (except as noted in the previous section)</dt>
<dd><p>Use the <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute
instead.</dd>
- <dt><dfn id=attr-script-event title=attr-script-event><code>event</code></dfn> on <code><a href=#script>script</a></code> elements</dt>
- <dt><dfn id=attr-script-for title=attr-script-for><code>for</code></dfn> on <code><a href=#script>script</a></code> elements</dt>
+ <dt><dfn id=attr-script-event title=attr-script-event><code>event</code></dfn> on <code><a href=#the-script-element>script</a></code> elements</dt>
+ <dt><dfn id=attr-script-for title=attr-script-for><code>for</code></dfn> on <code><a href=#the-script-element>script</a></code> elements</dt>
<dd><p>Use DOM Events mechanisms to register event listeners. <a href=#refsDOMEVENTS>[DOMEVENTS]</a></dd>
<dt><dfn id=attr-table-datapagesize title=attr-table-datapagesize><code>datapagesize</code></dfn> on <code><a href=#the-table-element>table</a></code> elements</dt>
@@ -92689,7 +92683,7 @@
<dt><dfn id=attr-img-vspace title=attr-img-vspace><code>vspace</code></dfn> on <code><a href=#the-img-element>img</a></code> elements</dt>
<dt><dfn id=attr-legend-align title=attr-legend-align><code>align</code></dfn> on <code><a href=#the-legend-element>legend</a></code> elements</dt>
<dt><dfn id=attr-li-type title=attr-li-type><code>type</code></dfn> on <code><a href=#the-li-element>li</a></code> elements</dt>
- <dt><dfn id=attr-menu-compact title=attr-menu-compact><code>compact</code></dfn> on <code><a href=#menus>menu</a></code> elements</dt>
+ <dt><dfn id=attr-menu-compact title=attr-menu-compact><code>compact</code></dfn> on <code><a href=#the-menu-element>menu</a></code> elements</dt>
<dt><dfn id=attr-object-align title=attr-object-align><code>align</code></dfn> on <code><a href=#the-object-element>object</a></code> elements</dt>
<dt><dfn id=attr-object-border title=attr-object-border><code>border</code></dfn> on <code><a href=#the-object-element>object</a></code> elements</dt>
<dt><dfn id=attr-object-hspace title=attr-object-hspace><code>hspace</code></dfn> on <code><a href=#the-object-element>object</a></code> elements</dt>
@@ -93371,7 +93365,7 @@
<a href=#reflect>reflect</a> the content attribute of the same name.</p>
<hr><p class=note>The <dfn id=dom-head-profile title=dom-head-profile><code>profile</code></dfn> IDL attribute on
- <code><a href=#the-head-element-0>head</a></code> elements (with the <code><a href=#htmlheadelement>HTMLHeadElement</a></code>
+ <code><a href=#the-head-element>head</a></code> elements (with the <code><a href=#htmlheadelement>HTMLHeadElement</a></code>
interface) is intentionally omitted. Unless so required by <a href=#other-applicable-specifications title="other applicable specifications">another applicable
specification</a>, implementations would therefore not support
this attribute. (It is mentioned here as it was defined in a
@@ -93401,7 +93395,7 @@
};</pre>
<p>The <dfn id=dom-html-version title=dom-html-version><code>version</code></dfn> IDL
- attribute of the <code><a href=#the-html-element-0>html</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-html-element>html</a></code> element must <a href=#reflect>reflect</a>
the content attribute of the same name.</p>
<hr><pre class=idl>[Supplemental]
@@ -93517,7 +93511,7 @@
};</pre>
<p>The <dfn id=dom-menu-compact title=dom-menu-compact><code>compact</code></dfn> IDL
- attribute of the <code><a href=#menus>menu</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-menu-element>menu</a></code> element must <a href=#reflect>reflect</a>
the content attribute of the same name.</p>
<hr><pre class=idl>[Supplemental]
@@ -93526,8 +93520,8 @@
};</pre>
<p>User agents may treat the <code title=attr-meta-scheme><a href=#attr-meta-scheme>scheme</a></code> content attribute on the
- <code><a href=#meta>meta</a></code> element as an extension of the element's <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> content attribute when processing
- a <code><a href=#meta>meta</a></code> element with a <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute whose value is one that
+ <code><a href=#the-meta-element>meta</a></code> element as an extension of the element's <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> content attribute when processing
+ a <code><a href=#the-meta-element>meta</a></code> element with a <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute whose value is one that
the user agent recognizes as supporting the <code title=attr-meta-scheme><a href=#attr-meta-scheme>scheme</a></code> attribute.</p>
<p>User agents are encouraged to ignore the <code title=attr-meta-scheme><a href=#attr-meta-scheme>scheme</a></code> attribute and instead process
@@ -93536,12 +93530,12 @@
<div class=example>
- <p>For example, if the user agent acts on <code><a href=#meta>meta</a></code>
+ <p>For example, if the user agent acts on <code><a href=#the-meta-element>meta</a></code>
elements with <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attributes
having the value "eGMS.subject.keyword", and knows that the <code title=attr-meta-scheme><a href=#attr-meta-scheme>scheme</a></code> attribute is used with this
metadata name, then it could take the <code title=attr-meta-scheme><a href=#attr-meta-scheme>scheme</a></code> attribute into account,
acting as if it was an extension of the <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute. Thus the following
- two <code><a href=#meta>meta</a></code> elements could be treated as two elements
+ two <code><a href=#the-meta-element>meta</a></code> elements could be treated as two elements
giving values for two different metadata names, one consisting of a
combination of "eGMS.subject.keyword" and "LGCL", and the other
consisting of a combination of "eGMS.subject.keyword" and
@@ -93560,7 +93554,7 @@
</div>
<p>The <dfn id=dom-meta-scheme title=dom-meta-scheme><code>scheme</code></dfn> IDL
- attribute of the <code><a href=#meta>meta</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-meta-element>meta</a></code> element must <a href=#reflect>reflect</a>
the content attribute of the same name.</p>
<hr><pre class=idl>[Supplemental]
@@ -93645,7 +93639,7 @@
<p>The <dfn id=dom-script-event title=dom-script-event><code>event</code></dfn> and
<dfn id=dom-script-htmlfor title=dom-script-htmlFor><code>htmlFor</code></dfn> IDL
- attributes of the <code><a href=#script>script</a></code> element must return the empty
+ attributes of the <code><a href=#the-script-element>script</a></code> element must return the empty
string on getting, and do nothing on setting.</p>
<hr><pre class=idl>[Supplemental]
@@ -94667,7 +94661,7 @@
<td><a href=#flow-content title="Flow content">flow</a></td>
<td><a href=#global-attributes title="global attributes">globals</a></td>
<td><code><a href=#htmlelement>HTMLElement</a></code></td>
- <tr><th><code><a href=#audio>audio</a></code></th>
+ <tr><th><code><a href=#the-audio-element>audio</a></code></th>
<td>Audio player</td>
<td><a href=#flow-content title="Flow content">flow</a>;
<a href=#phrasing-content title="Phrasing content">phrasing</a>;
@@ -94695,7 +94689,7 @@
<tr><th><code><a href=#the-base-element>base</a></code></th>
<td>Base URL and default target <a href=#browsing-context>browsing context</a> for <a href=#attr-hyperlink-target title=attr-hyperlink-target>hyperlinks</a> and <a href=#attr-fs-target title=attr-fs-target>forms</a></td>
<td><a href=#metadata-content title="Metadata content">metadata</a></td>
- <td><code><a href=#the-head-element-0>head</a></code></td>
+ <td><code><a href=#the-head-element>head</a></code></td>
<td>empty</td>
<td><a href=#global-attributes title="global attributes">globals</a>;
<code title=attr-base-href><a href=#attr-base-href>href</a></code>;
@@ -94730,7 +94724,7 @@
<tr><th><code><a href=#the-body-element-0>body</a></code></th>
<td>Document body</td>
<td><a href=#sectioning-root title="Sectioning root">sectioning root</a></td>
- <td><code><a href=#the-html-element-0>html</a></code></td>
+ <td><code><a href=#the-html-element>html</a></code></td>
<td><a href=#flow-content title="Flow content">flow</a></td>
<td><a href=#global-attributes title="global attributes">globals</a>;
<code title=handler-window-onafterprint><a href=#handler-window-onafterprint>onafterprint</a></code>;
@@ -94836,12 +94830,12 @@
<td><a href=#global-attributes title="global attributes">globals</a>;
<code title=attr-colgroup-span><a href=#attr-colgroup-span>span</a></code></td>
<td><code><a href=#htmltablecolelement>HTMLTableColElement</a></code></td>
- <tr><th><code><a href=#the-command>command</a></code></th>
+ <tr><th><code><a href=#the-command-element>command</a></code></th>
<td>Menu command</td>
<td><a href=#metadata-content title="Metadata content">metadata</a>;
<a href=#flow-content title="Flow content">flow</a>;
<a href=#phrasing-content title="Phrasing content">phrasing</a></td>
- <td><code><a href=#the-head-element-0>head</a></code>;
+ <td><code><a href=#the-head-element>head</a></code>;
<a href=#phrasing-content title="Phrasing content">phrasing</a></td>
<td>empty</td>
<td><a href=#global-attributes title="global attributes">globals</a>;
@@ -95006,10 +95000,10 @@
<td><a href=#phrasing-content title="Phrasing content">phrasing</a></td>
<td><a href=#global-attributes title="global attributes">globals</a></td>
<td><code><a href=#htmlheadingelement>HTMLHeadingElement</a></code></td>
- <tr><th><code><a href=#the-head-element-0>head</a></code></th>
+ <tr><th><code><a href=#the-head-element>head</a></code></th>
<td>Container for document metadata</td>
<td>none</td>
- <td><code><a href=#the-html-element-0>html</a></code></td>
+ <td><code><a href=#the-html-element>html</a></code></td>
<td><a href=#metadata-content title="Metadata content">metadata content</a>*</td>
<td><a href=#global-attributes title="global attributes">globals</a></td>
<td><code><a href=#htmlheadelement>HTMLHeadElement</a></code></td>
@@ -95037,11 +95031,11 @@
<td>empty</td>
<td><a href=#global-attributes title="global attributes">globals</a></td>
<td><code><a href=#htmlhrelement>HTMLHRElement</a></code></td>
- <tr><th><code><a href=#the-html-element-0>html</a></code></th>
+ <tr><th><code><a href=#the-html-element>html</a></code></th>
<td>Root element</td>
<td>none</td>
<td>none*</td>
- <td><code><a href=#the-head-element-0>head</a></code>*;
+ <td><code><a href=#the-head-element>head</a></code>*;
<code><a href=#the-body-element-0>body</a></code>*</td>
<td><a href=#global-attributes title="global attributes">globals</a>;
<code title=attr-html-manifest><a href=#attr-html-manifest>manifest</a></code></td>
@@ -95191,7 +95185,7 @@
<tr><th><code><a href=#the-li-element>li</a></code></th>
<td>List item</td>
<td>none</td>
- <td><code><a href=#the-ol-element>ol</a></code>; <code><a href=#the-ul-element>ul</a></code>; <code><a href=#menus>menu</a></code></td>
+ <td><code><a href=#the-ol-element>ol</a></code>; <code><a href=#the-ul-element>ul</a></code>; <code><a href=#the-menu-element>menu</a></code></td>
<td><a href=#flow-content title="Flow content">flow</a></td>
<td><a href=#global-attributes title="global attributes">globals</a>;
<code title=attr-li-value><a href=#attr-li-value>value</a></code>*</td>
@@ -95201,7 +95195,7 @@
<td><a href=#metadata-content title="Metadata content">metadata</a>;
<a href=#flow-content title="Flow content">flow</a>*;
<a href=#phrasing-content title="Phrasing content">phrasing</a>*</td>
- <td><code><a href=#the-head-element-0>head</a></code>;
+ <td><code><a href=#the-head-element>head</a></code>;
<code><a href=#the-noscript-element>noscript</a></code>*;
<a href=#phrasing-content title="phrasing content">phrasing</a>*</td>
<td>empty</td>
@@ -95231,7 +95225,7 @@
<td><a href=#phrasing-content title="Phrasing content">phrasing</a></td>
<td><a href=#global-attributes title="global attributes">globals</a></td>
<td><code><a href=#htmlelement>HTMLElement</a></code></td>
- <tr><th><code><a href=#menus>menu</a></code></th>
+ <tr><th><code><a href=#the-menu-element>menu</a></code></th>
<td>Menu of commands</td>
<td><a href=#flow-content title="Flow content">flow</a>;
<a href=#interactive-content title="Interactive content">interactive</a>*</td>
@@ -95242,12 +95236,12 @@
<code title=attr-menu-type><a href=#attr-menu-type>type</a></code>;
<code title=attr-menu-label><a href=#attr-menu-label>label</a></code></td>
<td><code><a href=#htmlmenuelement>HTMLMenuElement</a></code></td>
- <tr><th><code><a href=#meta>meta</a></code></th>
+ <tr><th><code><a href=#the-meta-element>meta</a></code></th>
<td>Text metadata</td>
<td><a href=#metadata-content title="Metadata content">metadata</a>;
<a href=#flow-content title="Flow content">flow</a>*;
<a href=#phrasing-content title="Phrasing content">phrasing</a>*</td>
- <td><code><a href=#the-head-element-0>head</a></code>;
+ <td><code><a href=#the-head-element>head</a></code>;
<code><a href=#the-noscript-element>noscript</a></code>*;
<a href=#phrasing-content title="phrasing content">phrasing</a>*</td>
<td>empty</td>
@@ -95288,7 +95282,7 @@
<td><a href=#metadata-content title="Metadata content">metadata</a>;
<a href=#flow-content title="Flow content">flow</a>;
<a href=#phrasing-content title="Phrasing content">phrasing</a></td>
- <td><code><a href=#the-head-element-0>head</a></code>*;
+ <td><code><a href=#the-head-element>head</a></code>*;
<a href=#phrasing-content title="Phrasing content">phrasing</a>*</td>
<td>varies*</td>
<td><a href=#global-attributes title="global attributes">globals</a></td>
@@ -95447,12 +95441,12 @@
<td><a href=#phrasing-content title="Phrasing content">phrasing</a></td>
<td><a href=#global-attributes title="global attributes">globals</a></td>
<td><code><a href=#htmlelement>HTMLElement</a></code></td>
- <tr><th><code><a href=#script>script</a></code></th>
+ <tr><th><code><a href=#the-script-element>script</a></code></th>
<td>Embedded script</td>
<td><a href=#metadata-content title="Metadata content">metadata</a>;
<a href=#flow-content title="Flow content">flow</a>;
<a href=#phrasing-content title="Phrasing content">phrasing</a></td>
- <td><code><a href=#the-head-element-0>head</a></code>;
+ <td><code><a href=#the-head-element>head</a></code>;
<a href=#phrasing-content title="Phrasing content">phrasing</a></td>
<td>script, data, or script documentation*</td>
<td><a href=#global-attributes title="global attributes">globals</a>;
@@ -95501,10 +95495,10 @@
<td><a href=#global-attributes title="global attributes">globals</a></td>
<td><code><a href=#htmlelement>HTMLElement</a></code></td>
<tr><th><code><a href=#the-source-element>source</a></code></th>
- <td>Media source for <code><a href=#video>video</a></code> or <code><a href=#audio>audio</a></code></td>
+ <td>Media source for <code><a href=#the-video-element>video</a></code> or <code><a href=#the-audio-element>audio</a></code></td>
<td>none</td>
- <td><code><a href=#video>video</a></code>;
- <code><a href=#audio>audio</a></code></td>
+ <td><code><a href=#the-video-element>video</a></code>;
+ <code><a href=#the-audio-element>audio</a></code></td>
<td>empty</td>
<td><a href=#global-attributes title="global attributes">globals</a>;
<code title=attr-source-src><a href=#attr-source-src>src</a></code>;
@@ -95531,7 +95525,7 @@
<td>Embedded styling information</td>
<td><a href=#metadata-content title="Metadata content">metadata</a>;
<a href=#flow-content title="Flow content">flow</a></td>
- <td><code><a href=#the-head-element-0>head</a></code>;
+ <td><code><a href=#the-head-element>head</a></code>;
<code><a href=#the-noscript-element>noscript</a></code>*;
<a href=#flow-content title="flow content">flow</a>*</td>
<td>varies*</td>
@@ -95653,10 +95647,10 @@
<code title=attr-time-datetime><a href=#attr-time-datetime>datetime</a></code>;
<code title=attr-time-pubdate><a href=#attr-time-pubdate>pubdate</a></code></td>
<td><code><a href=#htmltimeelement>HTMLTimeElement</a></code></td>
- <tr><th><code><a href=#the-title-element-0>title</a></code></th>
+ <tr><th><code><a href=#the-title-element>title</a></code></th>
<td>Document title</td>
<td><a href=#metadata-content title="Metadata content">metadata</a></td>
- <td><code><a href=#the-head-element-0>head</a></code></td>
+ <td><code><a href=#the-head-element>head</a></code></td>
<td><a href=#text-content title="text content">text</a></td>
<td><a href=#global-attributes title="global attributes">globals</a></td>
<td><code><a href=#htmltitleelement>HTMLTitleElement</a></code></td>
@@ -95674,8 +95668,8 @@
<tr><th><code><a href=#the-track-element>track</a></code></th>
<td>Timed text track</td>
<td>none</td>
- <td><code><a href=#audio>audio</a></code>;
- <code><a href=#video>video</a></code></td>
+ <td><code><a href=#the-audio-element>audio</a></code>;
+ <code><a href=#the-video-element>video</a></code></td>
<td>empty</td>
<td><a href=#global-attributes title="global attributes">globals</a>;
<code title=attr-track-default><a href=#attr-track-default>default</a></code>;
@@ -95707,7 +95701,7 @@
<td><a href=#phrasing-content title="Phrasing content">phrasing</a></td>
<td><a href=#global-attributes title="global attributes">globals</a></td>
<td><code><a href=#htmlelement>HTMLElement</a></code></td>
- <tr><th><code><a href=#video>video</a></code></th>
+ <tr><th><code><a href=#the-video-element>video</a></code></th>
<td>Video player</td>
<td><a href=#flow-content title="Flow content">flow</a>;
<a href=#phrasing-content title="Phrasing content">phrasing</a>;
@@ -95753,13 +95747,13 @@
<tbody><tr><td> <a href=#metadata-content>Metadata content</a>
<td>
<code><a href=#the-base-element>base</a></code>;
- <code><a href=#the-command>command</a></code>;
+ <code><a href=#the-command-element>command</a></code>;
<code><a href=#the-link-element>link</a></code>;
- <code><a href=#meta>meta</a></code>;
+ <code><a href=#the-meta-element>meta</a></code>;
<code><a href=#the-noscript-element>noscript</a></code>;
- <code><a href=#script>script</a></code>;
+ <code><a href=#the-script-element>script</a></code>;
<code><a href=#the-style-element>style</a></code>;
- <code><a href=#the-title-element-0>title</a></code>
+ <code><a href=#the-title-element>title</a></code>
<td>
—
@@ -95770,7 +95764,7 @@
<code><a href=#the-address-element>address</a></code>;
<code><a href=#the-article-element>article</a></code>;
<code><a href=#the-aside-element>aside</a></code>;
- <code><a href=#audio>audio</a></code>;
+ <code><a href=#the-audio-element>audio</a></code>;
<code><a href=#the-b-element>b</a></code>;
<code><a href=#the-bdi-element>bdi</a></code>;
<code><a href=#the-bdo-element>bdo</a></code>;
@@ -95780,7 +95774,7 @@
<code><a href=#the-canvas-element>canvas</a></code>;
<code><a href=#the-cite-element>cite</a></code>;
<code><a href=#the-code-element>code</a></code>;
- <code><a href=#the-command>command</a></code>;
+ <code><a href=#the-command-element>command</a></code>;
<code><a href=#the-datalist-element>datalist</a></code>;
<code><a href=#the-del-element>del</a></code>;
<code><a href=#the-details-element>details</a></code>;
@@ -95813,7 +95807,7 @@
<code><a href=#the-map-element>map</a></code>;
<code><a href=#the-mark-element>mark</a></code>;
<code><a href=#math>math</a></code>;
- <code><a href=#menus>menu</a></code>;
+ <code><a href=#the-menu-element>menu</a></code>;
<code><a href=#the-meter-element>meter</a></code>;
<code><a href=#the-nav-element>nav</a></code>;
<code><a href=#the-noscript-element>noscript</a></code>;
@@ -95827,7 +95821,7 @@
<code><a href=#the-ruby-element>ruby</a></code>;
<code><a href=#the-s-element>s</a></code>;
<code><a href=#the-samp-element>samp</a></code>;
- <code><a href=#script>script</a></code>;
+ <code><a href=#the-script-element>script</a></code>;
<code><a href=#the-section-element>section</a></code>;
<code><a href=#the-select-element>select</a></code>;
<code><a href=#the-small-element>small</a></code>;
@@ -95842,14 +95836,14 @@
<code><a href=#the-u-element>u</a></code>;
<code><a href=#the-ul-element>ul</a></code>;
<code><a href=#the-var-element>var</a></code>;
- <code><a href=#video>video</a></code>;
+ <code><a href=#the-video-element>video</a></code>;
<code><a href=#the-wbr-element>wbr</a></code>;
<a href=#text-content title="text content">Text</a>
<td>
<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);
<!--MD-->
<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);
- <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);
+ <code><a href=#the-meta-element>meta</a></code> (if the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present);
<!--MD-->
<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)
@@ -95877,7 +95871,7 @@
<tr><td> <a href=#phrasing-content>Phrasing content</a>
<td>
<code><a href=#the-abbr-element>abbr</a></code>;
- <code><a href=#audio>audio</a></code>;
+ <code><a href=#the-audio-element>audio</a></code>;
<code><a href=#the-b-element>b</a></code>;
<code><a href=#the-bdi-element>bdi</a></code>;
<code><a href=#the-bdo-element>bdo</a></code>;
@@ -95886,7 +95880,7 @@
<code><a href=#the-canvas-element>canvas</a></code>;
<code><a href=#the-cite-element>cite</a></code>;
<code><a href=#the-code-element>code</a></code>;
- <code><a href=#the-command>command</a></code>;
+ <code><a href=#the-command-element>command</a></code>;
<code><a href=#the-datalist-element>datalist</a></code>;
<code><a href=#the-dfn-element>dfn</a></code>;
<code><a href=#the-em-element>em</a></code>;
@@ -95909,7 +95903,7 @@
<code><a href=#the-ruby-element>ruby</a></code>;
<code><a href=#the-s-element>s</a></code>;
<code><a href=#the-samp-element>samp</a></code>;
- <code><a href=#script>script</a></code>;
+ <code><a href=#the-script-element>script</a></code>;
<code><a href=#the-select-element>select</a></code>;
<code><a href=#the-small-element>small</a></code>;
<code><a href=#the-span-element>span</a></code>;
@@ -95921,7 +95915,7 @@
<code><a href=#the-time-element>time</a></code>;
<code><a href=#the-u-element>u</a></code>;
<code><a href=#the-var-element>var</a></code>;
- <code><a href=#video>video</a></code>;
+ <code><a href=#the-video-element>video</a></code>;
<code><a href=#the-wbr-element>wbr</a></code>;
<a href=#text-content title="text content">Text</a>
<td>
@@ -95934,13 +95928,13 @@
<!--MD-->
<code><a href=#the-map-element>map</a></code> (if it contains only <a href=#phrasing-content>phrasing content</a>)<!--
--><!--MD--><!--
- -->; <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)<!--
+ -->; <code><a href=#the-meta-element>meta</a></code> (if the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present)<!--
--><!--MD--><!--
-->
<tr><td> <a href=#embedded-content>Embedded content</a>
<td>
- <code><a href=#audio>audio</a></code>
+ <code><a href=#the-audio-element>audio</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>
@@ -95948,7 +95942,7 @@
<code><a href=#math>math</a></code>
<code><a href=#the-object-element>object</a></code>
<code><a href=#svg>svg</a></code>
- <code><a href=#video>video</a></code>
+ <code><a href=#the-video-element>video</a></code>
<td>
—
@@ -95964,12 +95958,12 @@
<code><a href=#the-select-element>select</a></code>;
<code><a href=#the-textarea-element>textarea</a></code>;
<td>
- <code><a href=#audio>audio</a></code> (if the <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present);
+ <code><a href=#the-audio-element>audio</a></code> (if the <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present);
<code><a href=#the-img-element>img</a></code> (if the <code title=attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attribute is present);
<code><a href=#the-input-element>input</a></code> (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);
- <code><a href=#menus>menu</a></code> (if the <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state title="toolbar state">toolbar</a> state);
+ <code><a href=#the-menu-element>menu</a></code> (if the <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state title="toolbar state">toolbar</a> state);
<code><a href=#the-object-element>object</a></code> (if the <code title=attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attribute is present)<!-- see also comment in <object> section -->;
- <code><a href=#video>video</a></code> (if the <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present)
+ <code><a href=#the-video-element>video</a></code> (if the <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present)
<tr><td> <a href=#sectioning-root title="sectioning root">Sectioning roots</a>
<td>
@@ -97185,7 +97179,7 @@
<tr><td> <code><a href=#the-aside-element>aside</a></code>
<td> <code><a href=#htmlelement>HTMLElement</a></code>
- <tr><td> <code><a href=#audio>audio</a></code>
+ <tr><td> <code><a href=#the-audio-element>audio</a></code>
<td> <code><a href=#htmlaudioelement>HTMLAudioElement</a></code> : <code><a href=#htmlmediaelement>HTMLMediaElement</a></code> : <code><a href=#htmlelement>HTMLElement</a></code>
<tr><td> <code><a href=#the-b-element>b</a></code>
@@ -97230,7 +97224,7 @@
<tr><td> <code><a href=#the-colgroup-element>colgroup</a></code>
<td> <code><a href=#htmltablecolelement>HTMLTableColElement</a></code> : <code><a href=#htmlelement>HTMLElement</a></code>
- <tr><td> <code><a href=#the-command>command</a></code>
+ <tr><td> <code><a href=#the-command-element>command</a></code>
<td> <code><a href=#htmlcommandelement>HTMLCommandElement</a></code> : <code><a href=#htmlelement>HTMLElement</a></code>
<tr><td> <code><a href=#the-datalist-element>datalist</a></code>
@@ -97275,7 +97269,7 @@
<tr><td> <code><a href=#the-form-element>form</a></code>
<td> <code><a href=#htmlformelement>HTMLFormElement</a></code> : <code><a href=#htmlelement>HTMLElement</a></code>
- <tr><td> <code><a href=#the-head-element-0>head</a></code>
+ <tr><td> <code><a href=#the-head-element>head</a></code>
<td> <code><a href=#htmlheadelement>HTMLHeadElement</a></code> : <code><a href=#htmlelement>HTMLElement</a></code>
<tr><td> <code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h1</a></code>
@@ -97305,7 +97299,7 @@
<tr><td> <code><a href=#the-hr-element>hr</a></code>
<td> <code><a href=#htmlhrelement>HTMLHRElement</a></code> : <code><a href=#htmlelement>HTMLElement</a></code>
- <tr><td> <code><a href=#the-html-element-0>html</a></code>
+ <tr><td> <code><a href=#the-html-element>html</a></code>
<td> <code><a href=#htmlhtmlelement>HTMLHtmlElement</a></code> : <code><a href=#htmlelement>HTMLElement</a></code>
<tr><td> <code><a href=#the-i-element>i</a></code>
@@ -97455,7 +97449,7 @@
<tr><td> <code><a href=#the-time-element>time</a></code>
<td> <code><a href=#htmltimeelement>HTMLTimeElement</a></code> : <code><a href=#htmlelement>HTMLElement</a></code>
- <tr><td> <code><a href=#the-title-element-0>title</a></code>
+ <tr><td> <code><a href=#the-title-element>title</a></code>
<td> <code><a href=#htmltitleelement>HTMLTitleElement</a></code> : <code><a href=#htmlelement>HTMLElement</a></code>
<tr><td> <code><a href=#the-tr-element>tr</a></code>
@@ -97473,7 +97467,7 @@
<tr><td> <code><a href=#the-var-element>var</a></code>
<td> <code><a href=#htmlelement>HTMLElement</a></code>
- <tr><td> <code><a href=#video>video</a></code>
+ <tr><td> <code><a href=#the-video-element>video</a></code>
<td> <code><a href=#htmlvideoelement>HTMLVideoElement</a></code> : <code><a href=#htmlmediaelement>HTMLMediaElement</a></code> : <code><a href=#htmlelement>HTMLElement</a></code>
<tr><td> <code><a href=#the-wbr-element>wbr</a></code>
Modified: index
===================================================================
--- index 2011-05-03 01:10:20 UTC (rev 6049)
+++ index 2011-05-03 19:18:56 UTC (rev 6050)
@@ -468,14 +468,14 @@
<ol>
<li><a href=#the-root-element><span class=secno>4.1 </span>The root element</a>
<ol>
- <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=#the-html-element><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-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-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-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>
+ <li><a href=#the-meta-element><span class=secno>4.2.5 </span>The <code>meta</code> element</a>
<ol>
<li><a href=#standard-metadata-names><span class=secno>4.2.5.1 </span>Standard metadata names</a></li>
<li><a href=#other-metadata-names><span class=secno>4.2.5.2 </span>Other metadata names</a></li>
@@ -486,7 +486,7 @@
<li><a href=#styling><span class=secno>4.2.7 </span>Styling</a></ol></li>
<li><a href=#scripting-1><span class=secno>4.3 </span>Scripting</a>
<ol>
- <li><a href=#script><span class=secno>4.3.1 </span>The <code>script</code> element</a>
+ <li><a href=#the-script-element><span class=secno>4.3.1 </span>The <code>script</code> element</a>
<ol>
<li><a href=#scriptingLanguages><span class=secno>4.3.1.1 </span>Scripting languages</a></li>
<li><a href=#restrictions-for-contents-of-script-elements><span class=secno>4.3.1.2 </span>Restrictions for contents of <code>script</code> elements</a></li>
@@ -500,10 +500,7 @@
<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>
<li><a href=#the-aside-element><span class=secno>4.4.5 </span>The <code>aside</code> element</a></li>
- <li><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements><span class=secno>4.4.6 </span>The <code>h1</code>, <code>h2</code>,
- <code>h3</code>, <code>h4</code>,
- <code>h5</code>, and <code>h6</code>
- elements</a></li>
+ <li><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements><span class=secno>4.4.6 </span>The <code>h1</code>, <code>h2</code>, <code>h3</code>, <code>h4</code>, <code>h5</code>, and <code>h6</code> elements</a></li>
<li><a href=#the-hgroup-element><span class=secno>4.4.7 </span>The <code>hgroup</code> element</a></li>
<li><a href=#the-header-element><span class=secno>4.4.8 </span>The <code>header</code> element</a></li>
<li><a href=#the-footer-element><span class=secno>4.4.9 </span>The <code>footer</code> element</a></li>
@@ -587,8 +584,8 @@
<li><a href=#the-embed-element><span class=secno>4.8.3 </span>The <code>embed</code> element</a></li>
<li><a href=#the-object-element><span class=secno>4.8.4 </span>The <code>object</code> element</a></li>
<li><a href=#the-param-element><span class=secno>4.8.5 </span>The <code>param</code> element</a></li>
- <li><a href=#video><span class=secno>4.8.6 </span>The <code>video</code> element</a></li>
- <li><a href=#audio><span class=secno>4.8.7 </span>The <code>audio</code> element</a></li>
+ <li><a href=#the-video-element><span class=secno>4.8.6 </span>The <code>video</code> element</a></li>
+ <li><a href=#the-audio-element><span class=secno>4.8.7 </span>The <code>audio</code> element</a></li>
<li><a href=#the-source-element><span class=secno>4.8.8 </span>The <code>source</code> element</a></li>
<li><a href=#the-track-element><span class=secno>4.8.9 </span>The <code>track</code> element</a></li>
<li><a href=#media-elements><span class=secno>4.8.10 </span>Media elements</a>
@@ -778,8 +775,8 @@
<ol>
<li><a href=#the-details-element><span class=secno>4.11.1 </span>The <code>details</code> element</a></li>
<li><a href=#the-summary-element><span class=secno>4.11.2 </span>The <code>summary</code> element</a></li>
- <li><a href=#the-command><span class=secno>4.11.3 </span>The <code>command</code> element</a></li>
- <li><a href=#menus><span class=secno>4.11.4 </span>The <code>menu</code> element</a>
+ <li><a href=#the-command-element><span class=secno>4.11.3 </span>The <code>command</code> element</a></li>
+ <li><a href=#the-menu-element><span class=secno>4.11.4 </span>The <code>menu</code> element</a>
<ol>
<li><a href=#menus-intro><span class=secno>4.11.4.1 </span>Introduction</a></li>
<li><a href=#building-menus-and-toolbars><span class=secno>4.11.4.2 </span>Building menus and toolbars</a></li>
@@ -1923,9 +1920,9 @@
<p>The <a href=#intro-early-example>markup snippet at the top of
this section</a> would be turned into the following DOM tree:</p>
- <ul class=domTree><li class=t10>DOCTYPE: <code title="">html</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><u
l><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>
+ <ul class=domTree><li class=t10>DOCTYPE: <code title="">html</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-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>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-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
@@ -1934,11 +1931,11 @@
all end up as text nodes in the DOM. However, for historical reasons
not all of the spaces and line breaks in the original markup appear
in the DOM. In particular, all the whitespace before
- <code><a href=#the-head-element-0>head</a></code> start tag ends up being dropped silently, and all
+ <code><a href=#the-head-element>head</a></code> start tag ends up being dropped silently, and all
the whitespace after the <code><a href=#the-body-element-0>body</a></code> end tag ends up placed at
the end of the <code><a href=#the-body-element-0>body</a></code>.</p>
- <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>
+ <p>The <code><a href=#the-head-element>head</a></code> element contains a <code><a href=#the-title-element>title</a></code>
element, which itself contains a text node with the text "Sample
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
@@ -1946,14 +1943,14 @@
<hr><p>This DOM tree can be manipulated from scripts in the
page. Scripts (typically in JavaScript) are small programs that can
- be embedded using the <code><a href=#script>script</a></code> element or using
+ be embedded using the <code><a href=#the-script-element>script</a></code> element or using
<a href=#event-handler-content-attributes>event handler content attributes</a>. For example, here is
a form with a script that sets the value of the form's
<code><a href=#the-output-element>output</a></code> element to say "Hello World":</p>
<pre><<a href=#the-form-element>form</a> <a href=#attr-form-name title=attr-form-name>name</a>="main">
Result: <<a href=#the-output-element>output</a> <a href=#attr-fe-name title=attr-fe-name>name</a>="result"></output>
- <<a href=#script>script</a>>
+ <<a href=#the-script-element>script</a>>
<a href=#htmldocument title=HTMLDocument>document</a>.<a href=#dom-document-forms title=dom-document-forms>forms</a>.main.<a href=#dom-form-elements title=dom-form-elements>elements</a>.result.<a href=#dom-output-value title=dom-output-value>value</a> = 'Hello World';
</script>
</form></pre>
@@ -2530,14 +2527,14 @@
encouraging authors to avoid making them, authors can save time in
future efforts.</p>
- <p class=example>For example, a <code><a href=#script>script</a></code> element's
+ <p class=example>For example, a <code><a href=#the-script-element>script</a></code> element's
<code title=attr-script-src><a href=#attr-script-src>src</a></code> attribute causes the
element's contents to be ignored. However, this isn't obvious,
especially if the element's contents appear to be executable
script — which can lead to authors spending a lot of time
trying to debug the inline script without realizing that it is not
executing. To reduce this problem, this specification makes it
- non-conforming to have executable script in a <code><a href=#script>script</a></code>
+ non-conforming to have executable script in a <code><a href=#the-script-element>script</a></code>
element when the <code title=attr-script-src><a href=#attr-script-src>src</a></code>
attribute is present. This means that authors who are validating
their documents are less likely to waste time with this kind of
@@ -2880,7 +2877,7 @@
described in the DOM Core specification. For example, the <code title=dom-cloneNode>cloneNode()</code> and <code title=dom-importNode>importNode()</code> methods of the
<code><a href=#node>Node</a></code> interface both clone nodes, as do a number of
algorithms in this specification. Certain <a href=#html-elements>HTML elements</a>
- (in particular, <code><a href=#the-input-element>input</a></code> and <code><a href=#script>script</a></code>) apply
+ (in particular, <code><a href=#the-input-element>input</a></code> and <code><a href=#the-script-element>script</a></code>) apply
additional requirements on how they are cloned. <a href=#refsDOMCORE>[DOMCORE]</a></p>
@@ -3077,11 +3074,11 @@
specifications.</p>
<p class=example>A conforming XHTML processor would, upon
- finding an XHTML <code><a href=#script>script</a></code> element in an XML document,
+ finding an XHTML <code><a href=#the-script-element>script</a></code> element in an XML document,
execute the script contained in that element. However, if the
element is found within a transformation expressed in XSLT
(assuming the user agent also supports XSLT), then the processor
- would instead treat the <code><a href=#script>script</a></code> element as an opaque
+ would instead treat the <code><a href=#the-script-element>script</a></code> element as an opaque
element that forms part of the transform.</p>
<p>Web browsers that support <a href=#syntax>the HTML syntax</a> must
@@ -3096,7 +3093,7 @@
<p class=note>Unless explicitly stated, specifications that
override the semantics of HTML elements do not override the
requirements on DOM objects representing those elements. For
- example, the <code><a href=#script>script</a></code> element in the example above
+ example, the <code><a href=#the-script-element>script</a></code> element in the example above
would still implement the <code><a href=#htmlscriptelement>HTMLScriptElement</a></code>
interface.</p>
@@ -3558,7 +3555,7 @@
include data on HTML elements that scripts can then look for and
process.</li>
- <li>Authors can use the <code title=meta><a href=#meta><meta name=""
+ <li>Authors can use the <code title=meta><a href=#the-meta-element><meta name=""
content=""></a></code> mechanism to include page-wide metadata by
registering <a href=#concept-meta-extensions title=concept-meta-extensions>extensions to the
predefined set of metadata names</a>.</li>
@@ -3567,7 +3564,7 @@
links with specific meanings by registering <a href=#concept-rel-extensions title=concept-rel-extensions>extensions to the predefined set of
link types</a>. This is also used by Microformats.</li>
- <li>Authors can embed raw data using the <code title=script><a href=#script><script type=""></a></code> mechanism with a custom
+ <li>Authors can embed raw data using the <code title=script><a href=#the-script-element><script type=""></a></code> mechanism with a custom
type, for further handling by inline or server-side scripts.</li>
<li>Authors can create <a href=#plugin title=plugin>plugins</a> and
@@ -7086,7 +7083,7 @@
specification. <a href=#refsMIMESNIFF>[MIMESNIFF]</a></p>
- <h4 id=extracting-encodings-from-meta-elements><span class=secno>2.7.4 </span>Extracting encodings from <code><a href=#meta>meta</a></code> elements</h4>
+ <h4 id=extracting-encodings-from-meta-elements><span class=secno>2.7.4 </span>Extracting encodings from <code><a href=#the-meta-element>meta</a></code> elements</h4>
<p>The <dfn id=algorithm-for-extracting-an-encoding-from-a-meta-element>algorithm for extracting an encoding from a
<code>meta</code> element</dfn>, given a string <var title="">s</var>, is as follows. It either returns an encoding or
@@ -9005,43 +9002,43 @@
<h4 id=dom-tree-accessors><span class=secno>3.1.4 </span><dfn>DOM tree accessors</dfn></h4>
- <p><dfn id=the-html-element>The <code>html</code> element</dfn> of a document is the
+ <p><dfn id=the-html-element-0>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-0>html</a></code> element, or null otherwise.</p>
+ <code><a href=#the-html-element>html</a></code> element, or null otherwise.</p>
<hr><dl class=domintro><dt><var title="">document</var> . <code title=dom-document-head><a href=#dom-document-head>head</a></code></dt>
<dd>
- <p>Returns <a href=#the-head-element>the <code>head</code> element</a>.</p>
+ <p>Returns <a href=#the-head-element-0>the <code>head</code> element</a>.</p>
</dd>
- </dl><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
+ </dl><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
<code>html</code> element</a>, if there is one, or null
otherwise.</p>
<div class=impl>
<p>The <dfn id=dom-document-head title=dom-document-head><code>head</code></dfn>
- attribute, on getting, must return <a href=#the-head-element>the <code>head</code>
- element</a> of the document (a <code><a href=#the-head-element-0>head</a></code> element or
+ attribute, on getting, must return <a href=#the-head-element-0>the <code>head</code>
+ element</a> of the document (a <code><a href=#the-head-element>head</a></code> element or
null).</p>
</div>
<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>the
+ <p>Returns the document's title, as given by <a href=#the-title-element-0>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 title="the head element"><code>head</code> element</a>,
+ <a href=#the-head-element-0 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>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
+ </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
there is one, or null otherwise.</p>
<div class=impl>
@@ -9057,8 +9054,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>the <code>title</code> element</a>, in
- <a href=#tree-order>tree order</a>, or the empty string if <a href=#the-title-element>the
+ nodes</a> of <a href=#the-title-element-0>the <code>title</code> element</a>, in
+ <a href=#tree-order>tree order</a>, or the empty string if <a href=#the-title-element-0>the
<code>title</code> element</a> is null.</li>
<li><p>Replace any sequence of one 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>
@@ -9078,13 +9075,13 @@
<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>the <code>title</code> element</a> is null and
- <a href=#the-head-element>the <code>head</code> element</a> is null, then the
+ <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
attribute must do nothing. Stop the algorithm here.</li>
- <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>
+ <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>
element</a>.</li>
<li>The children of <var title="">element</var> (if any) must all
@@ -9108,7 +9105,7 @@
</dd>
</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
+ <a href=#the-html-element-0>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
@@ -9173,7 +9170,7 @@
<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>HTMLCollection</a></code> of the <code><a href=#script>script</a></code> elements in the <code><a href=#document>Document</a></code>.</p>
+ <p>Return an <code><a href=#htmlcollection>HTMLCollection</a></code> of the <code><a href=#the-script-element>script</a></code> elements in the <code><a href=#document>Document</a></code>.</p>
</dd>
</dl><div class=impl>
@@ -9208,7 +9205,7 @@
<p>The <dfn id=dom-document-scripts title=dom-document-scripts><code>scripts</code></dfn>
attribute must return an <code><a href=#htmlcollection>HTMLCollection</a></code> rooted at the
<code><a href=#document>Document</a></code> node, whose filter matches only
- <code><a href=#script>script</a></code> elements.</p>
+ <code><a href=#the-script-element>script</a></code> elements.</p>
<hr></div>
@@ -9333,7 +9330,7 @@
<p>Each entry in the <a href=#css-id-overrides-list>CSS ID overrides list</a>, while it is
in the list and is either <a href=#in-a-document title="in a Document">in the
<code>Document</code></a> or is an <code><a href=#the-img-element>img</a></code>,
- <code><a href=#video>video</a></code>, or <code><a href=#the-canvas-element>canvas</a></code> element, defines a
+ <code><a href=#the-video-element>video</a></code>, or <code><a href=#the-canvas-element>canvas</a></code> element, defines a
<span>CSS element reference identifier</span> mapping the given name
to the given <code><a href=#element>Element</a></code>. <a href=#refsCSSIMAGES>[CSSIMAGES]</a></p>
@@ -9501,7 +9498,7 @@
<dd>
<p>Returns a new <code><a href=#document>Document</a></code>, with a basic DOM already
- constructed with an appropriate <code><a href=#the-title-element-0>title</a></code> element.</p>
+ constructed with an appropriate <code><a href=#the-title-element>title</a></code> element.</p>
</dd>
@@ -9521,20 +9518,20 @@
and empty lists, as appropriate. Append the newly created node to
<var title="">doc</var>.</li>
- <li><p>Create an <code><a href=#the-html-element-0>html</a></code> element, and append it to <var title="">doc</var>.</li>
+ <li><p>Create an <code><a href=#the-html-element>html</a></code> element, and append it to <var title="">doc</var>.</li>
- <li><p>Create a <code><a href=#the-head-element-0>head</a></code> element, and append it to the
- <code><a href=#the-html-element-0>html</a></code> element created in the previous step.</p>
+ <li><p>Create a <code><a href=#the-head-element>head</a></code> element, and append it to the
+ <code><a href=#the-html-element>html</a></code> element created in the previous step.</p>
- <li><p>Create a <code><a href=#the-title-element-0>title</a></code> element, and append it to the
- <code><a href=#the-head-element-0>head</a></code> element created in the previous step.</p>
+ <li><p>Create a <code><a href=#the-title-element>title</a></code> element, and append it to the
+ <code><a href=#the-head-element>head</a></code> element created in the previous step.</p>
<li><p>Create a <code><a href=#text>Text</a></code> node, and set its <code title="">data</code> attribute to the string given by the method's
argument (which could be the empty string). Append it to the
- <code><a href=#the-title-element-0>title</a></code> element created in the previous step.</p>
+ <code><a href=#the-title-element>title</a></code> element created in the previous step.</p>
<li><p>Create a <code><a href=#the-body-element-0>body</a></code> element, and append it to the
- <code><a href=#the-html-element-0>html</a></code> element created in the earlier step.</p>
+ <code><a href=#the-html-element>html</a></code> element created in the earlier step.</p>
<li><p>Return <var title="">doc</var>.</li>
@@ -10355,7 +10352,7 @@
determined and that is either:</p>
<ul class=brief><li>A <code><a href=#the-bdi-element>bdi</a></code> element.
- <li>A <code><a href=#script>script</a></code> element.
+ <li>A <code><a href=#the-script-element>script</a></code> element.
<li>A <code><a href=#the-style-element>style</a></code> element.
<li>An element with a <code title=attr-dir><a href=#the-dir-attribute>dir</a></code> attribute in a defined state.
</ul></li>
@@ -10392,9 +10389,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>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>", "<code title="">rtl</code>", or "<code title="">auto</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>
+ <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>", "<code title="">rtl</code>", or "<code title="">auto</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>
</dd>
</dl><div class=impl>
@@ -10406,7 +10403,7 @@
<p>The <dfn id=dom-document-dir title=dom-document-dir><code>dir</code></dfn> IDL
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>the <code>html</code> element</a>, if any,
+ attribute of <a href=#the-html-element-0>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>
@@ -10937,13 +10934,13 @@
<!-- when updating this also update the category index -->
<ul class="brief category-list"><li><code><a href=#the-base-element>base</a></code></li>
- <li><code><a href=#the-command>command</a></code></li>
+ <li><code><a href=#the-command-element>command</a></code></li>
<li><code><a href=#the-link-element>link</a></code></li>
- <li><code><a href=#meta>meta</a></code></li>
+ <li><code><a href=#the-meta-element>meta</a></code></li>
<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-script-element>script</a></code></li>
<li><code><a href=#the-style-element>style</a></code></li>
- <li><code><a href=#the-title-element-0>title</a></code></li>
+ <li><code><a href=#the-title-element>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>metadata
content</a>.</p>
@@ -10989,7 +10986,7 @@
<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=#the-article-element>article</a></code></li>
<li><code><a href=#the-aside-element>aside</a></code></li>
- <li><code><a href=#audio>audio</a></code></li>
+ <li><code><a href=#the-audio-element>audio</a></code></li>
<li><code><a href=#the-b-element>b</a></code></li>
<li><code><a href=#the-bdi-element>bdi</a></code></li>
<li><code><a href=#the-bdo-element>bdo</a></code></li>
@@ -10999,7 +10996,7 @@
<li><code><a href=#the-canvas-element>canvas</a></code></li>
<li><code><a href=#the-cite-element>cite</a></code></li>
<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-command-element>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></li>
<li><code><a href=#the-details-element>details</a></code></li>
@@ -11035,9 +11032,9 @@
<li><code><a href=#the-map-element>map</a></code></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=#menus>menu</a></code></li>
+ <li><code><a href=#the-menu-element>menu</a></code></li>
<!--MD-->
- <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>
+ <li><code><a href=#the-meta-element>meta</a></code> (if the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present)</li>
<!--MD-->
<li><code><a href=#the-meter-element>meter</a></code></li>
<li><code><a href=#the-nav-element>nav</a></code></li>
@@ -11052,7 +11049,7 @@
<li><code><a href=#the-ruby-element>ruby</a></code></li>
<li><code><a href=#the-s-element>s</a></code></li>
<li><code><a href=#the-samp-element>samp</a></code></li>
- <li><code><a href=#script>script</a></code></li>
+ <li><code><a href=#the-script-element>script</a></code></li>
<li><code><a href=#the-section-element>section</a></code></li>
<li><code><a href=#the-select-element>select</a></code></li>
<li><code><a href=#the-small-element>small</a></code></li>
@@ -11068,7 +11065,7 @@
<li><code><a href=#the-u-element>u</a></code></li>
<li><code><a href=#the-ul-element>ul</a></code></li>
<li><code><a href=#the-var-element>var</a></code></li>
- <li><code><a href=#video>video</a></code></li>
+ <li><code><a href=#the-video-element>video</a></code></li>
<li><code><a href=#the-wbr-element>wbr</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
@@ -11130,7 +11127,7 @@
<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>
+ <li><code><a href=#the-audio-element>audio</a></code></li>
<li><code><a href=#the-b-element>b</a></code></li>
<li><code><a href=#the-bdi-element>bdi</a></code></li>
<li><code><a href=#the-bdo-element>bdo</a></code></li>
@@ -11139,7 +11136,7 @@
<li><code><a href=#the-canvas-element>canvas</a></code></li>
<li><code><a href=#the-cite-element>cite</a></code></li>
<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-command-element>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>phrasing content</a>)</li>
<li><code><a href=#the-dfn-element>dfn</a></code></li>
@@ -11160,7 +11157,7 @@
<li><code><a href=#the-mark-element>mark</a></code></li>
<li><code><a href=#math>math</a></code></li>
<!--MD-->
- <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>
+ <li><code><a href=#the-meta-element>meta</a></code> (if the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present)</li>
<!--MD-->
<li><code><a href=#the-meter-element>meter</a></code></li>
<li><code><a href=#the-noscript-element>noscript</a></code></li>
@@ -11171,7 +11168,7 @@
<li><code><a href=#the-ruby-element>ruby</a></code></li>
<li><code><a href=#the-s-element>s</a></code></li>
<li><code><a href=#the-samp-element>samp</a></code></li>
- <li><code><a href=#script>script</a></code></li>
+ <li><code><a href=#the-script-element>script</a></code></li>
<li><code><a href=#the-select-element>select</a></code></li>
<li><code><a href=#the-small-element>small</a></code></li>
<li><code><a href=#the-span-element>span</a></code></li>
@@ -11183,7 +11180,7 @@
<li><code><a href=#the-time-element>time</a></code></li>
<li><code><a href=#the-u-element>u</a></code></li>
<li><code><a href=#the-var-element>var</a></code></li>
- <li><code><a href=#video>video</a></code></li>
+ <li><code><a href=#the-video-element>video</a></code></li>
<li><code><a href=#the-wbr-element>wbr</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
@@ -11215,7 +11212,7 @@
is inserted into the document.</p>
<!-- when updating this also update the category index -->
- <ul class="brief category-list"><li><code><a href=#audio>audio</a></code></li>
+ <ul class="brief category-list"><li><code><a href=#the-audio-element>audio</a></code></li>
<li><code><a href=#the-canvas-element>canvas</a></code></li>
<li><code><a href=#the-embed-element>embed</a></code></li>
<li><code><a href=#the-iframe-element>iframe</a></code></li>
@@ -11223,7 +11220,7 @@
<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>svg</a></code></li>
- <li><code><a href=#video>video</a></code></li>
+ <li><code><a href=#the-video-element>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>embedded content</a> for the purposes of the content models
@@ -11253,7 +11250,7 @@
<!-- when updating this also update the category index -->
<ul class="brief category-list"><li><code><a href=#the-a-element>a</a></code></li>
- <li><code><a href=#audio>audio</a></code> (if the <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present)</li>
+ <li><code><a href=#the-audio-element>audio</a></code> (if the <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present)</li>
<li><code><a href=#the-button-element>button</a></code></li>
<li><code><a href=#the-details-element>details</a></code></li>
<li><code><a href=#the-embed-element>embed</a></code></li>
@@ -11262,11 +11259,11 @@
<li><code><a href=#the-input-element>input</a></code> (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)</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=#menus>menu</a></code> (if the <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state title="toolbar state">toolbar</a> state)</li>
+ <li><code><a href=#the-menu-element>menu</a></code> (if the <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state title="toolbar state">toolbar</a> state)</li>
<li><code><a href=#the-object-element>object</a></code> (if the <code title=attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attribute is present)<!-- see also comment in <object> section --></li>
<li><code><a href=#the-select-element>select</a></code></li>
<li><code><a href=#the-textarea-element>textarea</a></code></li>
- <li><code><a href=#video>video</a></code> (if the <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present)</li>
+ <li><code><a href=#the-video-element>video</a></code> (if the <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present)</li>
</ul><p>Certain elements in HTML have an <a href=#activation-behavior>activation
behavior</a>, which means that the user can activate them. This
triggers a sequence of events dependent on the activation mechanism,
@@ -11511,7 +11508,7 @@
<p>Conformance checkers may warn authors of cases where they have
paragraphs that overlap each other (this can happen with
- <code><a href=#the-object-element>object</a></code>, <code><a href=#video>video</a></code>, <code><a href=#audio>audio</a></code>, and
+ <code><a href=#the-object-element>object</a></code>, <code><a href=#the-video-element>video</a></code>, <code><a href=#the-audio-element>audio</a></code>, and
<code><a href=#the-canvas-element>canvas</a></code> elements, and indirectly through elements in
other namespaces that allow HTML to be further embedded therein,
like <code><a href=#svg>svg</a></code> or <code><a href=#math>math</a></code>).</p> <!-- example below
@@ -11749,7 +11746,7 @@
<td><code title="attr-aria-role-heading">heading</code> role, with the <code title="attr-aria-level">aria-level</code> property set to the element's <span>outline depth</span>
-->
- <tr><td><code><a href=#the-head-element-0>head</a></code> element
+ <tr><td><code><a href=#the-head-element>head</a></code> element
<td>No role
<tr><td><code><a href=#the-hgroup-element>hgroup</a></code> element
@@ -11758,7 +11755,7 @@
<tr><td><code><a href=#the-hr-element>hr</a></code> element
<td><code title=attr-aria-role-separator>separator</code> role
- <tr><td><code><a href=#the-html-element-0>html</a></code> element
+ <tr><td><code><a href=#the-html-element>html</a></code> element
<td>No role
<tr><td><code><a href=#the-img-element>img</a></code> element whose <code title=attr-img-alt><a href=#attr-img-alt>alt</a></code> attribute's value is empty
@@ -11842,16 +11839,16 @@
<tr><td><code><a href=#the-link-element>link</a></code> element that creates a <a href=#hyperlink>hyperlink</a>
<td><code title=attr-aria-role-link>link</code> role
- <tr><td><code><a href=#menus>menu</a></code> element with a <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#context-menu-state title="context menu state">context menu</a> state
+ <tr><td><code><a href=#the-menu-element>menu</a></code> element with a <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#context-menu-state title="context menu state">context menu</a> state
<td>No role
- <tr><td><code><a href=#menus>menu</a></code> element with a <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#list-state title="list state">list</a> state
+ <tr><td><code><a href=#the-menu-element>menu</a></code> element with a <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#list-state title="list state">list</a> state
<td><code title=attr-aria-role-menu>menu</code> role
- <tr><td><code><a href=#menus>menu</a></code> element with a <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#toolbar-state title="toolbar state">toolbar</a> state
+ <tr><td><code><a href=#the-menu-element>menu</a></code> element with a <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#toolbar-state title="toolbar state">toolbar</a> state
<td><code title=attr-aria-role-toolbar>toolbar</code> role
- <tr><td><code><a href=#meta>meta</a></code> element
+ <tr><td><code><a href=#the-meta-element>meta</a></code> element
<td>No role
<tr><td><code><a href=#the-meter-element>meter</a></code> element
@@ -11875,7 +11872,7 @@
<tr><td><code><a href=#the-progress-element>progress</a></code> element
<td><code title=attr-aria-role-progressbar>progressbar</code> role, with, if the progress bar is determinate, the <code title=attr-aria-valuemax>aria-valuemax</code> property set to the maximum value of the progress bar, the <code title=attr-aria-valuemin>aria-valuemin</code> property set to zero, and the <code title=attr-aria-valuenow>aria-valuenow</code> property set to the current value of the progress bar
- <tr><td><code><a href=#script>script</a></code> element
+ <tr><td><code><a href=#the-script-element>script</a></code> element
<td>No role
<tr><td><code><a href=#the-select-element>select</a></code> element with a <code title=attr-select-multiple><a href=#attr-select-multiple>multiple</a></code> attribute
@@ -11902,16 +11899,16 @@
<tr><td><code><a href=#the-textarea-element>textarea</a></code> element with a <code title=attr-textarea-required><a href=#attr-textarea-required>required</a></code> attribute
<td>The <code title=title-aria-required>aria-required</code> state set to "true"
- <tr><td><code><a href=#the-title-element-0>title</a></code> element
+ <tr><td><code><a href=#the-title-element>title</a></code> element
<td>No role
- <tr><td>An element that <a href=#concept-command title=concept-command>defines a command</a>, whose <a href=#command-facet-type title=command-facet-type>Type</a> facet is "checkbox", and that is a descendant of a <code><a href=#menus>menu</a></code> element whose <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#list-state title="list state">list</a> state
+ <tr><td>An element that <a href=#concept-command title=concept-command>defines a command</a>, whose <a href=#command-facet-type title=command-facet-type>Type</a> facet is "checkbox", and that is a descendant of a <code><a href=#the-menu-element>menu</a></code> element whose <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#list-state title="list state">list</a> state
<td><code title=attr-aria-role-menuitemcheckbox>menuitemcheckbox</code> role, with the <code title=attr-aria-checked>aria-checked</code> state set to "true" if the command's <a href=#command-facet-checkedstate title=command-facet-checkedstate>Checked State</a> facet is true, and "false" otherwise
- <tr><td>An element that <a href=#concept-command title=concept-command>defines a command</a>, whose <a href=#command-facet-type title=command-facet-type>Type</a> facet is "command", and that is a descendant of a <code><a href=#menus>menu</a></code> element whose <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#list-state title="list state">list</a> state
+ <tr><td>An element that <a href=#concept-command title=concept-command>defines a command</a>, whose <a href=#command-facet-type title=command-facet-type>Type</a> facet is "command", and that is a descendant of a <code><a href=#the-menu-element>menu</a></code> element whose <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#list-state title="list state">list</a> state
<td><code title=attr-aria-role-menuitem>menuitem</code> role
- <tr><td>An element that <a href=#concept-command title=concept-command>defines a command</a>, whose <a href=#command-facet-type title=command-facet-type>Type</a> facet is "radio", and that is a descendant of a <code><a href=#menus>menu</a></code> element whose <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#list-state title="list state">list</a> state
+ <tr><td>An element that <a href=#concept-command title=concept-command>defines a command</a>, whose <a href=#command-facet-type title=command-facet-type>Type</a> facet is "radio", and that is a descendant of a <code><a href=#the-menu-element>menu</a></code> element whose <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#list-state title="list state">list</a> state
<td><code title=attr-aria-role-menuitemradio>menuitemradio</code> role, with the <code title=attr-aria-checked>aria-checked</code> state set to "true" if the command's <a href=#command-facet-checkedstate title=command-facet-checkedstate>Checked State</a> facet is true, and "false" otherwise
<tr><td>Element that is <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a>
@@ -11955,7 +11952,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=#audio>audio</a></code> element
+ <tr><td><code><a href=#the-audio-element>audio</a></code> element
<td>No role
<td>If specified, role must be <code title=attr-aria-role-application>application</code>
@@ -12069,7 +12066,7 @@
<td><code title=attr-aria-role-list>list</code> role
<td>Role must be either <code title=attr-aria-role-directory>directory</code>, <code title=attr-aria-role-list>list</code>, <code title=attr-aria-role-listbox>listbox</code>, <code title=attr-aria-role-menu>menu</code>, <code title=attr-aria-role-menubar>menubar</code>, <code title=attr-aria-role-tablist>tablist</code>, <code title="attr-aria-role-toolbar ">toolbar</code>, <code title=attr-aria-role-tree>tree</code>
- <tr><td><code><a href=#video>video</a></code> element
+ <tr><td><code><a href=#the-video-element>video</a></code> element
<td>No role
<td>If specified, role must be <code title=attr-aria-role-application>application</code>
@@ -12643,7 +12640,7 @@
<p><code><a href=#document>Document</a></code> objects have an
<dfn id=ignore-destructive-writes-counter>ignore-destructive-writes counter</dfn>, which is used in
- conjunction with the processing of <code><a href=#script>script</a></code> elements to
+ conjunction with the processing of <code><a href=#the-script-element>script</a></code> elements to
prevent external scripts from being able to use <code title=dom-document-write><a href=#dom-document-write>document.write()</a></code> to blow away the
document by implicitly calling <code title=dom-document-open><a href=#dom-document-open>document.open()</a></code>. Initially, the
counter must be set to zero.</p>
@@ -12707,12 +12704,12 @@
at a time, processing resulting tokens as they are emitted, and
stopping when the tokenizer reaches the insertion point or when
the processing of the tokenizer is aborted by the tree
- construction stage (this can happen if a <code><a href=#script>script</a></code> end
+ construction stage (this can happen if a <code><a href=#the-script-element>script</a></code> end
tag token is emitted by the tokenizer).
<p class=note>If the <code title=dom-document-write><a href=#dom-document-write>document.write()</a></code> method was
called from script executing inline (i.e. executing because the
- parser parsed a set of <code><a href=#script>script</a></code> tags), then this is a
+ parser parsed a set of <code><a href=#the-script-element>script</a></code> tags), then this is a
<a href=#nestedParsing>reentrant invocation of the
parser</a>.</p>
@@ -13164,7 +13161,7 @@
<h3 id=the-root-element><span class=secno>4.1 </span>The root element</h3>
- <h4 id=the-html-element-0><span class=secno>4.1.1 </span>The <dfn><code>html</code></dfn> element</h4>
+ <h4 id=the-html-element><span class=secno>4.1.1 </span>The <dfn><code>html</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd>None.</dd>
@@ -13172,7 +13169,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-0>head</a></code> element followed by a <code><a href=#the-body-element-0>body</a></code> element.</dd>
+ <dd>A <code><a href=#the-head-element>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>
@@ -13180,7 +13177,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-0>html</a></code> element <a href=#represents>represents</a> the root of
+ </dl><p>The <code><a href=#the-html-element>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>
@@ -13206,7 +13203,7 @@
<div class=example>
- <p>The <code><a href=#the-html-element-0>html</a></code> element in the following example declares
+ <p>The <code><a href=#the-html-element>html</a></code> element in the following example declares
that the document's language is English.</p>
<pre><!DOCTYPE html>
@@ -13228,27 +13225,27 @@
<h3 id=document-metadata><span class=secno>4.2 </span>Document metadata</h3>
- <h4 id=the-head-element-0><span class=secno>4.2.1 </span>The <dfn><code>head</code></dfn> element</h4>
+ <h4 id=the-head-element><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 can be used:</dt>
- <dd>As the first element in an <code><a href=#the-html-element-0>html</a></code> element.</dd>
+ <dd>As the first element in an <code><a href=#the-html-element>html</a></code> element.</dd>
<dt>Content model:</dt>
<dd>If the document is <a href=#an-iframe-srcdoc-document>an <code>iframe</code> <code title=attr-iframe-srcdoc>srcdoc</code> document</a> or if title information is available from a higher-level protocol: Zero or more elements of <a href=#metadata-content>metadata content</a>.</dd>
- <dd>Otherwise: 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>
+ <dd>Otherwise: One or more elements of <a href=#metadata-content>metadata content</a>, of which exactly one is a <code><a href=#the-title-element>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-0>head</a></code> element <a href=#represents>represents</a> a
+ </dl><p>The <code><a href=#the-head-element>head</a></code> element <a href=#represents>represents</a> a
collection of metadata for the <code><a href=#document>Document</a></code>.</p>
<div class=example>
- <p>The collection of metadata in a <code><a href=#the-head-element-0>head</a></code> element can be
+ <p>The collection of metadata in a <code><a href=#the-head-element>head</a></code> element can be
large or small. Here is an example of a very short one:</p>
<pre><!doctype html>
@@ -13277,20 +13274,20 @@
</div>
- <p class=note>The <code><a href=#the-title-element-0>title</a></code> element is a required child
+ <p class=note>The <code><a href=#the-title-element>title</a></code> element is a required child
in most situations, but when a higher-level protocol provides title
information, e.g. in the Subject line of an e-mail when HTML is used
- as an e-mail authoring format, the <code><a href=#the-title-element-0>title</a></code> element can be
+ as an e-mail authoring format, the <code><a href=#the-title-element>title</a></code> element can be
omitted.</p>
- <h4 id=the-title-element-0><span class=secno>4.2.2 </span>The <dfn><code>title</code></dfn> element</h4>
+ <h4 id=the-title-element><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>Metadata content</a>.</dd>
<dt>Contexts in which this element can be used:</dt>
- <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>
+ <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>
<dt>Content model:</dt>
<dd><a href=#text-content title="text content">Text</a>.</dd>
<dt>Content attributes:</dt>
@@ -13301,7 +13298,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-0>title</a></code> element <a href=#represents>represents</a> the
+ </dl><p>The <code><a href=#the-title-element>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
@@ -13309,7 +13306,7 @@
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-0>title</a></code> element per
+ <p>There must be no more than one <code><a href=#the-title-element>title</a></code> element per
document.</p>
<dl class=domintro><dt><var title="">title</var> . <code title=dom-title-text><a href=#dom-title-text>text</a></code> [ = <var title="">value</var> ]</dt>
@@ -13329,7 +13326,7 @@
<p>The IDL attribute <dfn id=dom-title-text title=dom-title-text><code>text</code></dfn> must return a
concatenation of the contents of all the <a href=#text-node title="text
node">text nodes</a> that are direct children of the
- <code><a href=#the-title-element-0>title</a></code> element (ignoring any other nodes such as
+ <code><a href=#the-title-element>title</a></code> element (ignoring any other nodes such as
comments or elements), in tree order. On setting, it must act the
same way as the <code><a href=#textcontent>textContent</a></code> IDL attribute.</p>
@@ -13363,8 +13360,8 @@
<p>User agents should use the document's title when referring to the
document in their user interface. When the contents of a
- <code><a href=#the-title-element-0>title</a></code> element are used in this way, <a href=#the-directionality>the
- directionality</a> of that <code><a href=#the-title-element-0>title</a></code> element should be
+ <code><a href=#the-title-element>title</a></code> element are used in this way, <a href=#the-directionality>the
+ directionality</a> of that <code><a href=#the-title-element>title</a></code> element should be
used to set the directionality of the document's title in the user
interface.</p>
@@ -13376,7 +13373,7 @@
<dl class=element><dt>Categories</dt>
<dd><a href=#metadata-content>Metadata content</a>.</dd>
<dt>Contexts in which this element can be used:</dt>
- <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>
+ <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>
<dt>Content model:</dt>
<dd>Empty.</dd>
<dt>Content attributes:</dt>
@@ -13407,7 +13404,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-0>html</a></code> element
+ <a href=#url title=URL>URLs</a>, except the <code><a href=#the-html-element>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>
@@ -13477,7 +13474,7 @@
<!--MD-->
<dt>Contexts in which this element can be used:</dt>
<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>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>
<!--MD-->
<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>
<!--MD-->
@@ -13841,7 +13838,7 @@
- <h4 id=meta><span class=secno>4.2.5 </span>The <dfn><code>meta</code></dfn> element</h4>
+ <h4 id=the-meta-element><span class=secno>4.2.5 </span>The <dfn id=meta><code>meta</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#metadata-content>Metadata content</a>.</dd>
@@ -13850,9 +13847,9 @@
<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>
<!--MD-->
<dt>Contexts in which this element can 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-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-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-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 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-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>metadata content</a> is expected.</dd>
<!--MD-->
<dd>If the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present: where <a href=#metadata-content>metadata content</a> is expected.</dd>
@@ -13874,12 +13871,12 @@
attribute DOMString <a href=#dom-meta-content title=dom-meta-content>content</a>;
};</pre>
</dd>
- </dl><p>The <code><a href=#meta>meta</a></code> element <a href=#represents>represents</a> various
+ </dl><p>The <code><a href=#the-meta-element>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-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>
+ <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-style-element>style</a></code>, and <code><a href=#the-script-element>script</a></code> elements.</p>
- <p>The <code><a href=#meta>meta</a></code> element can represent document-level
+ <p>The <code><a href=#the-meta-element>meta</a></code> element can represent document-level
metadata with the <code title=attr-meta-name><a href=#attr-meta-name>name</a></code>
attribute, pragma directives with the <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute, and the
file's <a href=#character-encoding-declaration>character encoding declaration</a> when an HTML
@@ -13903,11 +13900,11 @@
UTF-8 as its encoding).</p>
<p class=note>The <code title=attr-meta-charset><a href=#attr-meta-charset>charset</a></code>
- attribute on the <code><a href=#meta>meta</a></code> element has no effect in XML
+ attribute on the <code><a href=#the-meta-element>meta</a></code> element has no effect in XML
documents, and is only allowed in order to facilitate migration to
and from XHTML.</p>
- <p>There must not be more than one <code><a href=#meta>meta</a></code> element with a
+ <p>There must not be more than one <code><a href=#the-meta-element>meta</a></code> element with a
<code title=attr-meta-charset><a href=#attr-meta-charset>charset</a></code> attribute per
document.</p>
@@ -13917,14 +13914,14 @@
values depend on the exact context, as described in subsequent
sections of this specification.</p>
- <p>If a <code><a href=#meta>meta</a></code> element has a <dfn id=attr-meta-name title=attr-meta-name><code>name</code></dfn> attribute, it sets
+ <p>If a <code><a href=#the-meta-element>meta</a></code> element has a <dfn id=attr-meta-name title=attr-meta-name><code>name</code></dfn> attribute, it sets
document metadata. Document metadata is expressed in terms of
name/value pairs, the <code title=attr-meta-name><a href=#attr-meta-name>name</a></code>
- attribute on the <code><a href=#meta>meta</a></code> element giving the name, and the
+ attribute on the <code><a href=#the-meta-element>meta</a></code> element giving the name, and the
<code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute on the same
element giving the value. The name specifies what aspect of metadata
is being set; valid names and the meaning of their values are
- described in the following sections. If a <code><a href=#meta>meta</a></code> element
+ described in the following sections. If a <code><a href=#the-meta-element>meta</a></code> element
has no <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute,
then the value part of the metadata name/value pair is the empty
string.</p>
@@ -13942,7 +13939,7 @@
<h5 id=standard-metadata-names><span class=secno>4.2.5.1 </span>Standard metadata names</h5>
<p>This specification defines a few names for the <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute of the
- <code><a href=#meta>meta</a></code> element.</p>
+ <code><a href=#the-meta-element>meta</a></code> element.</p>
<p>Names are case-insensitive<span class=impl>, and must be compared
in an <a href=#ascii-case-insensitive>ASCII case-insensitive</a> manner</span>.</p>
@@ -13952,11 +13949,11 @@
<dd><p>The value must be a short free-form string giving the name
of the Web application that the page represents. If the page 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. There must not be more than one <code><a href=#meta>meta</a></code>
+ must not be used. There must not be more than one <code><a href=#the-meta-element>meta</a></code>
element with its <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute
set to the value <code title=meta-application-name><a href=#meta-application-name>application-name</a></code> per
document. <span class=impl>User agents may use the application
- name in UI in preference to the page's <code><a href=#the-title-element-0>title</a></code>, since
+ 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 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>
@@ -13971,7 +13968,7 @@
<dd><p>The value must be a free-form string that describes the
page. The value must be appropriate for use in a directory of
pages, e.g. in a search engine. There must not be more than one
- <code><a href=#meta>meta</a></code> element with its <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute set to the value <code title=meta-description><a href=#meta-description>description</a></code> per document.</dd>
+ <code><a href=#the-meta-element>meta</a></code> element with its <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute set to the value <code title=meta-description><a href=#meta-description>description</a></code> per document.</dd>
<dt><dfn id=meta-generator title=meta-generator><code>generator</code></dfn></dt>
@@ -13984,7 +13981,7 @@
<div class=example>
<p>Here is what a tool called "Frontweaver" could include in its
- output, in the page's <code><a href=#the-head-element-0>head</a></code> element, to identify
+ output, in the page's <code><a href=#the-head-element>head</a></code> element, to identify
itself as the tool used to generate the page:</p>
<pre><meta name=generator content="Frontweaver 8.2"></pre>
@@ -14003,7 +14000,7 @@
<div class=example>
<p>This page about typefaces on British motorways uses a
- <code><a href=#meta>meta</a></code> element to specify some keywords that users
+ <code><a href=#the-meta-element>meta</a></code> element to specify some keywords that users
might use to look for the page:</p>
<pre><!DOCTYPE HTML>
@@ -14033,7 +14030,7 @@
<li>
- <p>For each <code><a href=#meta>meta</a></code> element with a <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute and a <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute and whose
+ <p>For each <code><a href=#the-meta-element>meta</a></code> element with a <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute and a <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute and whose
<code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute's value is
<code title=meta-keywords><a href=#meta-keywords>keywords</a></code>, run the following
substeps:</p>
@@ -14174,14 +14171,14 @@
<p>Metadata names whose values are to be <a href=#url title=URL>URLs</a> must not be proposed or accepted. Links must
be represented using the <code><a href=#the-link-element>link</a></code> element, not the
- <code><a href=#meta>meta</a></code> element.</p>
+ <code><a href=#the-meta-element>meta</a></code> element.</p>
<h5 id=pragma-directives><span class=secno>4.2.5.3 </span>Pragma directives</h5>
<p>When the <dfn id=attr-meta-http-equiv title=attr-meta-http-equiv><code>http-equiv</code></dfn> attribute
- is specified on a <code><a href=#meta>meta</a></code> element, the element is a pragma
+ is specified on a <code><a href=#the-meta-element>meta</a></code> element, the element is a pragma
directive.</p>
<p>The <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code>
@@ -14260,7 +14257,7 @@
people expect to have work and what is necessary.
--><div class=impl>
- <p>When a <code><a href=#meta>meta</a></code> element is <a href=#insert-an-element-into-a-document title="insert an
+ <p>When a <code><a href=#the-meta-element>meta</a></code> element is <a href=#insert-an-element-into-a-document title="insert an
element into a document">inserted into the document</a>, if its
<code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute is
present and represents one of the above states, then the user agent
@@ -14281,14 +14278,14 @@
language</dfn>. Until the pragma is successfully processed, there
is no <a href=#pragma-set-default-language>pragma-set default language</a>.</p>
- <ol><li><p>If another <code><a href=#meta>meta</a></code> element with an <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in the
+ <ol><li><p>If another <code><a href=#the-meta-element>meta</a></code> element with an <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in the
<a href=#attr-meta-http-equiv-content-language title=attr-meta-http-equiv-content-language>Content
Language state</a> has already been successfully processed
(i.e. when it was inserted the user agent processed it and
reached the last step of this list of steps), then abort these
steps.</li>
- <li><p>If the <code><a href=#meta>meta</a></code> element has no <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute, or if that
+ <li><p>If the <code><a href=#the-meta-element>meta</a></code> element has no <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute, or if that
attribute's value is the empty string, then abort these
steps.</li>
@@ -14328,7 +14325,7 @@
<a href=#character-encoding-declaration>character encoding declaration</a>. <span class=impl>This state's user agent requirements are all handled
by the parsing section of the specification.</span></p>
- <p>For <code><a href=#meta>meta</a></code> elements with an <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in the
+ <p>For <code><a href=#the-meta-element>meta</a></code> elements with an <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in the
<a href=#attr-meta-http-equiv-content-type title=attr-meta-http-equiv-content-type>Encoding
declaration state</a>, the <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute must have a
value that is an <a href=#ascii-case-insensitive>ASCII case-insensitive</a> match for a
@@ -14338,11 +14335,11 @@
the character encoding name of the <a href=#character-encoding-declaration>character encoding
declaration</a>.</p>
- <p>If the document contains a <code><a href=#meta>meta</a></code> element with an
+ <p>If the document contains a <code><a href=#the-meta-element>meta</a></code> element with an
<code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in
the <a href=#attr-meta-http-equiv-content-type title=attr-meta-http-equiv-content-type>Encoding
declaration state</a>, then the document must not contain a
- <code><a href=#meta>meta</a></code> element with the <code title=attr-meta-charset><a href=#attr-meta-charset>charset</a></code> attribute present.</p>
+ <code><a href=#the-meta-element>meta</a></code> element with the <code title=attr-meta-charset><a href=#attr-meta-charset>charset</a></code> attribute present.</p>
<p>The <a href=#attr-meta-http-equiv-content-type title=attr-meta-http-equiv-content-type>Encoding
declaration state</a> may be used in <a href=#html-documents>HTML
@@ -14360,7 +14357,7 @@
<div class=impl>
- <ol><li><p>If the <code><a href=#meta>meta</a></code> element has no <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute, or if that
+ <ol><li><p>If the <code><a href=#the-meta-element>meta</a></code> element has no <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute, or if that
attribute's value is the empty string, then abort these
steps.</li>
@@ -14379,13 +14376,13 @@
<div class=impl>
- <ol><!-- TESTS: http://www.hixie.ch/tests/adhoc/html/meta/refresh/ --><!-- http://software.hixie.ch/utilities/js/live-dom-viewer/saved/734 --><li><p>If another <code><a href=#meta>meta</a></code> element with an <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in the
+ <ol><!-- TESTS: http://www.hixie.ch/tests/adhoc/html/meta/refresh/ --><!-- http://software.hixie.ch/utilities/js/live-dom-viewer/saved/734 --><li><p>If another <code><a href=#the-meta-element>meta</a></code> element with an <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in the
<a href=#attr-meta-http-equiv-refresh title=attr-meta-http-equiv-refresh>Refresh state</a>
has already been successfully processed (i.e. when it was
inserted the user agent processed it and reached the last step of
this list of steps), then abort these steps.</li>
- <li><p>If the <code><a href=#meta>meta</a></code> element has no <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute, or if that
+ <li><p>If the <code><a href=#the-meta-element>meta</a></code> element has no <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute, or if that
attribute's value is the empty string, then abort these
steps.</li>
@@ -14469,7 +14466,7 @@
(LF), and U+000D CARRIAGE RETURN (CR) characters from <var title="">url</var>.</li>
<li><p><a href=#resolve-a-url title="resolve a url">Resolve</a> the <var title="">url</var> value to an <a href=#absolute-url>absolute URL</a>,
- relative to the <code><a href=#meta>meta</a></code> element. If this fails, abort
+ relative to the <code><a href=#the-meta-element>meta</a></code> element. If this fails, abort
these steps.</li>
<li>
@@ -14480,7 +14477,7 @@
<p>After the refresh has come due (as defined below), if the
user has not canceled the redirect and if the
- <code><a href=#meta>meta</a></code> element's <code><a href=#document>Document</a></code>'s
+ <code><a href=#the-meta-element>meta</a></code> element's <code><a href=#document>Document</a></code>'s
<a href=#browsing-context>browsing context</a> did not have the <a href=#sandboxed-automatic-features-browsing-context-flag>sandboxed
automatic features browsing context flag</a> set when the
<code><a href=#document>Document</a></code> was created, <a href=#navigate title=navigate>navigate</a><!--DONAV meta refresh--> the
@@ -14499,7 +14496,7 @@
<!-- http://software.hixie.ch/utilities/js/live-dom-viewer/saved/774 -->
<li>At least <var title="">time</var> seconds have elapsed
- since the <code><a href=#meta>meta</a></code> element was <a href=#insert-an-element-into-a-document title="insert
+ since the <code><a href=#the-meta-element>meta</a></code> element was <a href=#insert-an-element-into-a-document title="insert
an element into a document">inserted into the
<code>Document</code></a>, adjusted to take into account
user or user agent preferences.</li>
@@ -14523,7 +14520,7 @@
</ol></div>
- <p>For <code><a href=#meta>meta</a></code> elements with an <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in the
+ <p>For <code><a href=#the-meta-element>meta</a></code> elements with an <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in the
<a href=#attr-meta-http-equiv-refresh title=attr-meta-http-equiv-refresh>Refresh state</a>,
the <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute must
have a value consisting either of:</p>
@@ -14546,7 +14543,7 @@
<div class=example>
<p>A news organization's front page could include the following
- markup in the page's <code><a href=#the-head-element-0>head</a></code> element, to ensure that
+ markup in the page's <code><a href=#the-head-element>head</a></code> element, to ensure that
the page automatically reloads from the server every five
minutes:</p>
@@ -14574,7 +14571,7 @@
<p>It is non-conforming. Real HTTP headers should be used instead.</p>
- <ol><li><p>If the <code><a href=#meta>meta</a></code> element has no <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute, or if that
+ <ol><li><p>If the <code><a href=#the-meta-element>meta</a></code> element has no <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute, or if that
attribute's value is the empty string, then abort these
steps.</li>
@@ -14588,7 +14585,7 @@
</ol></dd>
- </dl><p>There must not be more than one <code><a href=#meta>meta</a></code> element with
+ </dl><p>There must not be more than one <code><a href=#the-meta-element>meta</a></code> element with
any particular state in the document at a time.</p>
@@ -14695,8 +14692,8 @@
character encoding used must be an <a href=#ascii-compatible-character-encoding>ASCII-compatible character
encoding</a>, and, in addition, if that encoding isn't US-ASCII
itself, then the encoding must be specified using a
- <code><a href=#meta>meta</a></code> element with a <code title=attr-meta-charset><a href=#attr-meta-charset>charset</a></code> attribute or a
- <code><a href=#meta>meta</a></code> element with an <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in the
+ <code><a href=#the-meta-element>meta</a></code> element with a <code title=attr-meta-charset><a href=#attr-meta-charset>charset</a></code> attribute or a
+ <code><a href=#the-meta-element>meta</a></code> element with an <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in the
<a href=#attr-meta-http-equiv-content-type title=attr-meta-http-equiv-content-type>Encoding declaration
state</a>.</p>
@@ -14707,8 +14704,8 @@
<code><a href=#the-iframe-element>iframe</a></code>.)</p>
<p>If an <a href=#html-documents title="HTML documents">HTML document</a> contains
- a <code><a href=#meta>meta</a></code> element with a <code title=attr-meta-charset><a href=#attr-meta-charset>charset</a></code> attribute or a
- <code><a href=#meta>meta</a></code> element with an <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in the
+ a <code><a href=#the-meta-element>meta</a></code> element with a <code title=attr-meta-charset><a href=#attr-meta-charset>charset</a></code> attribute or a
+ <code><a href=#the-meta-element>meta</a></code> element with an <code title=attr-meta-http-equiv><a href=#attr-meta-http-equiv>http-equiv</a></code> attribute in the
<a href=#attr-meta-http-equiv-content-type title=attr-meta-http-equiv-content-type>Encoding declaration
state</a>, then the character encoding used must be an
<a href=#ascii-compatible-character-encoding>ASCII-compatible character encoding</a>.</p>
@@ -14773,7 +14770,7 @@
<p>In HTML, to declare that the character encoding is UTF-8, the
author could include the following markup near the top of the
- document (in the <code><a href=#the-head-element-0>head</a></code> element):</p>
+ document (in the <code><a href=#the-head-element>head</a></code> element):</p>
<pre><meta charset="utf-8"></pre>
@@ -14792,7 +14789,7 @@
<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 can 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>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 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>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, but must match requirements described in prose below.</dd>
@@ -15173,7 +15170,7 @@
</div>
- <h4 id=script><span class=secno>4.3.1 </span>The <dfn><code>script</code></dfn> element</h4>
+ <h4 id=the-script-element><span class=secno>4.3.1 </span>The <dfn id=script><code>script</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#metadata-content>Metadata content</a>.</dd>
@@ -15208,7 +15205,7 @@
attribute DOMString <a href=#dom-script-text title=dom-script-text>text</a>;
};</pre>
</dd>
- </dl><p>The <code><a href=#script>script</a></code> element allows authors to include dynamic
+ </dl><p>The <code><a href=#the-script-element>script</a></code> element allows authors to include dynamic
script and data blocks in their documents. The element does not
<a href=#represents title=represents>represent</a> content for the user.</p>
@@ -15218,14 +15215,14 @@
is not that described by "<code title="">text/javascript</code>",
then the <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute must
be present, as described below. Whatever language is used, the
- contents of the <code><a href=#script>script</a></code> element must conform with the
+ contents of the <code><a href=#the-script-element>script</a></code> element must conform with the
requirements of that language's specification.</p>
<p>When used to include data blocks (as opposed to scripts), the
data must be embedded inline, the format of the data must be given
using the <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute, the
<code title=attr-script-src><a href=#attr-script-src>src</a></code> attribute must not be
- specified, and the contents of the <code><a href=#script>script</a></code> element must
+ specified, and the contents of the <code><a href=#the-script-element>script</a></code> element must
conform to the requirements defined for the format used.</p>
<p>The <dfn id=attr-script-type title=attr-script-type><code>type</code></dfn>
@@ -15278,7 +15275,7 @@
therefore by necessity scattered throughout the specification. The
algorithms below (in this section) describe the core of this
processing, but these algorithms reference and are referenced by the
- parsing rules for <code><a href=#script>script</a></code> <a href=#scriptTag>start</a>
+ parsing rules for <code><a href=#the-script-element>script</a></code> <a href=#scriptTag>start</a>
and <a href=#scriptEndTag>end</a> tags in HTML, <a href=#scriptForeignEndTag>in foreign content</a>, and <a href=#scriptTagXML>in XML</a>, the rules for the <code title=dom-document-write><a href=#dom-document-write>document.write()</a></code> method, the
handling of <a href=#scripting>scripting</a>, etc.</p>
@@ -15295,28 +15292,28 @@
<div class=impl>
- <p>A <code><a href=#script>script</a></code> element has several associated pieces of
+ <p>A <code><a href=#the-script-element>script</a></code> element has several associated pieces of
state.</p>
<p>The first is a flag indicating whether or not the script block
has been <dfn id=already-started>"already started"</dfn>. Initially,
- <code><a href=#script>script</a></code> elements must have this flag unset (script
+ <code><a href=#the-script-element>script</a></code> elements must have this flag unset (script
blocks, when created, are not "already started"). When a
- <code><a href=#script>script</a></code> element is <a href=#concept-clone title=concept-clone>cloned</a>, the "already started" flag, if
+ <code><a href=#the-script-element>script</a></code> element is <a href=#concept-clone title=concept-clone>cloned</a>, the "already started" flag, if
set, must be propagated to the clone when it is created.</p>
<p>The second is a flag indicating whether the element was
- <dfn id=parser-inserted>"parser-inserted"</dfn>. Initially, <code><a href=#script>script</a></code>
+ <dfn id=parser-inserted>"parser-inserted"</dfn>. Initially, <code><a href=#the-script-element>script</a></code>
elements must have this flag unset. It is set by the <a href=#html-parser>HTML
- parser</a> and the <a href=#xml-parser>XML parser</a> on <code><a href=#script>script</a></code>
+ parser</a> and the <a href=#xml-parser>XML parser</a> on <code><a href=#the-script-element>script</a></code>
elements they insert and affects the processing of those
elements.</p>
<p>The third is a flag indicating whether the element will
- <dfn id=force-async>"force-async"</dfn>. Initially, <code><a href=#script>script</a></code> elements
+ <dfn id=force-async>"force-async"</dfn>. Initially, <code><a href=#the-script-element>script</a></code> elements
must have this flag set. It is unset by the <a href=#html-parser>HTML parser</a>
- and the <a href=#xml-parser>XML parser</a> on <code><a href=#script>script</a></code> elements they
- insert. In addition, whenever a <code><a href=#script>script</a></code> element whose
+ and the <a href=#xml-parser>XML parser</a> on <code><a href=#the-script-element>script</a></code> elements they
+ insert. In addition, whenever a <code><a href=#the-script-element>script</a></code> element whose
<a href=#force-async>"force-async"</a> flag is set has a <code title=attr-script-async><a href=#attr-script-async>async</a></code> content attribute added, the
element's <a href=#force-async>"force-async"</a> flag must be unset.</p> <!--
there's no need to unset it when the attribute is removed since you
@@ -15324,7 +15321,7 @@
<p>The fourth is a flag indicating whether or not the script block is
<dfn id=ready-to-be-parser-executed>"ready to be parser-executed"</dfn>. Initially,
- <code><a href=#script>script</a></code> elements must have this flag unset (script
+ <code><a href=#the-script-element>script</a></code> elements must have this flag unset (script
blocks, when created, are not "ready to be parser-executed"). This
flag is used only for elements that are also
<a href=#parser-inserted>"parser-inserted"</a>, to let the parser know when to
@@ -15335,21 +15332,21 @@
encoding</var></dfn>, and <dfn id="the-script-block's-fallback-character-encoding"><var>the script block's fallback
character encoding</var></dfn>. They are determined when the script
is prepared, based on the attributes on the element at that time,
- and the <code><a href=#document>Document</a></code> of the <code><a href=#script>script</a></code>
+ and the <code><a href=#document>Document</a></code> of the <code><a href=#the-script-element>script</a></code>
element.</p>
- <p>When a <code><a href=#script>script</a></code> element that is not marked as being
+ <p>When a <code><a href=#the-script-element>script</a></code> element that is not marked as being
<a href=#parser-inserted>"parser-inserted"</a> experiences one of the events listed
- in the following list, the user agent must synchronously <a href=#prepare-a-script title="prepare a script">prepare</a> the <code><a href=#script>script</a></code>
+ in the following list, the user agent must synchronously <a href=#prepare-a-script title="prepare a script">prepare</a> the <code><a href=#the-script-element>script</a></code>
element:</p>
- <ul><li>The <code><a href=#script>script</a></code> element gets <a href=#insert-an-element-into-a-document title="insert an
+ <ul><li>The <code><a href=#the-script-element>script</a></code> element gets <a href=#insert-an-element-into-a-document title="insert an
element into a document">inserted into a document</a>.</li>
- <li>The <code><a href=#script>script</a></code> element is <a href=#in-a-document>in a
+ <li>The <code><a href=#the-script-element>script</a></code> element is <a href=#in-a-document>in a
<code>Document</code></a> and its child nodes are changed.</li>
- <li>The <code><a href=#script>script</a></code> element is <a href=#in-a-document>in a
+ <li>The <code><a href=#the-script-element>script</a></code> element is <a href=#in-a-document>in a
<code>Document</code></a> and has a <code title=attr-script-src><a href=#attr-script-src>src</a></code> attribute set where previously
the element had no such attribute.</li>
@@ -15358,7 +15355,7 @@
<ol><li>
- <p>If the <code><a href=#script>script</a></code> element is marked as having
+ <p>If the <code><a href=#the-script-element>script</a></code> element is marked as having
<a href=#already-started>"already started"</a>, then the user agent must abort
these steps at this point. The script is not executed.</p>
@@ -15372,7 +15369,7 @@
<var title="">was-parser-inserted</var> to false.</p>
<p class=note>This is done so that if parser-inserted
- <code><a href=#script>script</a></code> elements fail to run when the parser tries to
+ <code><a href=#the-script-element>script</a></code> elements fail to run when the parser tries to
run them, e.g. because they are empty or specify an unsupported
scripting language, another script can later mutate them and cause
them to run again.</p>
@@ -15388,7 +15385,7 @@
element's <a href=#force-async>"force-async"</a> flag to true.</p>
<p class=note>This is done so that if a parser-inserted
- <code><a href=#script>script</a></code> element fails to run when the parser tries to
+ <code><a href=#the-script-element>script</a></code> element fails to run when the parser tries to
run it, but it is later executed after a script dynamically
updates it, it will execute asynchronously even if the
<code title=attr-script-async><a href=#attr-script-async>async</a></code> attribute isn't
@@ -15418,25 +15415,25 @@
<p>If either:</p>
- <ul class=brief><li>the <code><a href=#script>script</a></code> element has a <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute and its value is
+ <ul class=brief><li>the <code><a href=#the-script-element>script</a></code> element has a <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute and its value is
the empty string, or</li>
- <li>the <code><a href=#script>script</a></code> element has no <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute but it has a <code title=attr-script-language><a href=#attr-script-language>language</a></code> attribute and
+ <li>the <code><a href=#the-script-element>script</a></code> element has no <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute but it has a <code title=attr-script-language><a href=#attr-script-language>language</a></code> attribute and
<em>that</em> attribute's value is the empty string, or</li>
- <li>the <code><a href=#script>script</a></code> element has neither a <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute nor a <code title=attr-script-language><a href=#attr-script-language>language</a></code> attribute, then</li>
+ <li>the <code><a href=#the-script-element>script</a></code> element has neither a <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute nor a <code title=attr-script-language><a href=#attr-script-language>language</a></code> attribute, then</li>
</ul><p>...let <var><a href="#the-script-block's-type">the script block's type</a></var> for this
- <code><a href=#script>script</a></code> element be "<code title="">text/javascript</code>".</p>
+ <code><a href=#the-script-element>script</a></code> element be "<code title="">text/javascript</code>".</p>
- <p>Otherwise, if the <code><a href=#script>script</a></code> element has a <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute, let <var><a href="#the-script-block's-type">the
- script block's type</a></var> for this <code><a href=#script>script</a></code> element be
+ <p>Otherwise, if the <code><a href=#the-script-element>script</a></code> element has a <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute, let <var><a href="#the-script-block's-type">the
+ script block's type</a></var> for this <code><a href=#the-script-element>script</a></code> element be
the value of that attribute with any leading or trailing sequences
of <a href=#space-character title="space character">space characters</a>
removed.</p>
<p>Otherwise, the element has a non-empty <code title=attr-script-language><a href=#attr-script-language>language</a></code> attribute; let
- <var><a href="#the-script-block's-type">the script block's type</a></var> for this <code><a href=#script>script</a></code>
+ <var><a href="#the-script-block's-type">the script block's type</a></var> for this <code><a href=#the-script-element>script</a></code>
element be the concatenation of the string "<code title="">text/</code>" followed by the value of the <code title=attr-script-language><a href=#attr-script-language>language</a></code> attribute.</p> <!--
user agents already support, e.g., type="text/javascript1.3", so
we don't have to support that separately. -->
@@ -15450,7 +15447,7 @@
<p>If the user agent does not <a href=#support-the-scripting-language>support the scripting
language</a> given by <var><a href="#the-script-block's-type">the script block's type</a></var> for
- this <code><a href=#script>script</a></code> element, then the user agent must abort
+ this <code><a href=#the-script-element>script</a></code> element, then the user agent must abort
these steps at this point. The script is not executed.</p>
</li>
@@ -15485,7 +15482,7 @@
<li id=script-processing-noscript>
<p>If <a href=#concept-n-noscript title=concept-n-noscript>scripting is
- disabled</a> for the <code><a href=#script>script</a></code> element, then the user
+ disabled</a> for the <code><a href=#the-script-element>script</a></code> element, then the user
agent must abort these steps at this point. The script is not
executed.</p>
@@ -15504,7 +15501,7 @@
<li id=script-processing-for>
- <p>If the <code><a href=#script>script</a></code> element has an <code title=attr-script-event><a href=#attr-script-event>event</a></code> attribute and a <code title=attr-script-for><a href=#attr-script-for>for</a></code> attribute, then run these
+ <p>If the <code><a href=#the-script-element>script</a></code> element has an <code title=attr-script-event><a href=#attr-script-event>event</a></code> attribute and a <code title=attr-script-for><a href=#attr-script-for>for</a></code> attribute, then run these
substeps:</p>
<ol><li><p>Let <var title="">for</var> be the value of the <code title=attr-script-for><a href=#attr-script-for>for</a></code> attribute.</li>
@@ -15526,12 +15523,12 @@
<li id=script-processing-encoding>
- <p>If the <code><a href=#script>script</a></code> element has a <code title=attr-script-charset><a href=#attr-script-charset>charset</a></code> attribute, then let
+ <p>If the <code><a href=#the-script-element>script</a></code> element has a <code title=attr-script-charset><a href=#attr-script-charset>charset</a></code> attribute, then let
<var><a href="#the-script-block's-character-encoding">the script block's character encoding</a></var> for this
- <code><a href=#script>script</a></code> element be the encoding given by the <code title=attr-script-charset><a href=#attr-script-charset>charset</a></code> attribute.</p>
+ <code><a href=#the-script-element>script</a></code> element be the encoding given by the <code title=attr-script-charset><a href=#attr-script-charset>charset</a></code> attribute.</p>
<p>Otherwise, let <var><a href="#the-script-block's-fallback-character-encoding">the script block's fallback character
- encoding</a></var> for this <code><a href=#script>script</a></code> element be the same as
+ encoding</a></var> for this <code><a href=#the-script-element>script</a></code> element be the same as
<a href="#document's-character-encoding" title="document's character encoding">the encoding of the
document itself</a>.</p>
@@ -15631,7 +15628,7 @@
have a <code title=attr-script-src><a href=#attr-script-src>src</a></code> attribute, and
the element has been flagged as <a href=#parser-inserted>"parser-inserted"</a>,
and the <code><a href=#document>Document</a></code> of the <a href=#html-parser>HTML parser</a> or
- <a href=#xml-parser>XML parser</a> that created the <code><a href=#script>script</a></code>
+ <a href=#xml-parser>XML parser</a> that created the <code><a href=#the-script-element>script</a></code>
element <a href=#has-a-style-sheet-that-is-blocking-scripts>has a style sheet that is blocking
scripts</a></dt>
@@ -15657,7 +15654,7 @@
<p>The element must be added to the end of the <dfn id=list-of-scripts-that-will-execute-in-order-as-soon-as-possible>list of
scripts that will execute in order as soon as possible</dfn>
associated with the <code><a href=#document>Document</a></code> of the
- <code><a href=#script>script</a></code> element at the time the <a href=#prepare-a-script>prepare a
+ <code><a href=#the-script-element>script</a></code> element at the time the <a href=#prepare-a-script>prepare a
script</a> algorithm started.</p>
<p>The <a href=#concept-task title=concept-task>task</a> that the
@@ -15693,7 +15690,7 @@
<p>The element must be added to the <dfn id=set-of-scripts-that-will-execute-as-soon-as-possible>set of scripts that
will execute as soon as possible</dfn> of the
- <code><a href=#document>Document</a></code> of the <code><a href=#script>script</a></code> element at the
+ <code><a href=#document>Document</a></code> of the <code><a href=#the-script-element>script</a></code> element at the
time the <a href=#prepare-a-script>prepare a script</a> algorithm started.</p>
<p>The <a href=#concept-task title=concept-task>task</a> that the
@@ -15723,7 +15720,7 @@
<code><a href=#document>Document</a></code> is used by the <code><a href=#document>Document</a></code>'s
parser(s).</p>
- <p class=note>If a <code><a href=#script>script</a></code> element that blocks a
+ <p class=note>If a <code><a href=#the-script-element>script</a></code> element that blocks a
parser gets moved to another <code><a href=#document>Document</a></code> before it would
normally have stopped blocking that parser, it nonetheless continues
blocking that parser until the condition that causes it to be
@@ -15775,7 +15772,7 @@
following steps. For the purposes of these steps, the script is
considered to be from an <i>external file</i> if, while the
<a href=#prepare-a-script>prepare a script</a> algorithm above was running for
- this script, the <code><a href=#script>script</a></code> element had a <code title=attr-script-src><a href=#attr-script-src>src</a></code> attribute specified.</p>
+ this script, the <code><a href=#the-script-element>script</a></code> element had a <code title=attr-script-src><a href=#attr-script-src>src</a></code> attribute specified.</p>
<ol><li id=establish-script-block-source>
@@ -15878,7 +15875,7 @@
<dd>
- <p>The child nodes of the <code><a href=#script>script</a></code> element at the
+ <p>The child nodes of the <code><a href=#the-script-element>script</a></code> element at the
time the element's <a href=#already-started>"already started"</a> flag was
last set are the script source.</p>
@@ -15890,7 +15887,7 @@
<p>If the script is from an external file, then increment the
<a href=#ignore-destructive-writes-counter>ignore-destructive-writes counter</a> of the
- <code><a href=#script>script</a></code> element's <code><a href=#document>Document</a></code>. Let <var title="">neutralized doc</var> be that
+ <code><a href=#the-script-element>script</a></code> element's <code><a href=#document>Document</a></code>. Let <var title="">neutralized doc</var> be that
<code><a href=#document>Document</a></code>.</p>
</li>
@@ -15898,7 +15895,7 @@
<li>
<p><a href=#create-a-script-from-a-node title="create a script from a node">Create a
- script</a> from the <code><a href=#script>script</a></code> element node, using
+ script</a> from the <code><a href=#the-script-element>script</a></code> element node, using
<var><a href="#the-script-block's-source">the script block's source</a></var> and <var><a href="#the-script-block's-type">the script
block's type</a></var>.</p>
@@ -15919,10 +15916,10 @@
<p>If the script is from an external file, <a href=#fire-a-simple-event>fire a simple
event</a> named <code title=event-load>load</code> at the
- <code><a href=#script>script</a></code> element.</p>
+ <code><a href=#the-script-element>script</a></code> element.</p>
<p>Otherwise, the script is internal; <a href=#queue-a-task>queue a
- task</a> to <a href=#fire-a-simple-event>fire a simple event</a> named <code title=event-load>load</code> at the <code><a href=#script>script</a></code>
+ task</a> to <a href=#fire-a-simple-event>fire a simple event</a> named <code title=event-load>load</code> at the <code><a href=#the-script-element>script</a></code>
element.</p>
</li>
@@ -15966,20 +15963,20 @@
<p>The IDL attribute <dfn id=dom-script-text title=dom-script-text><code>text</code></dfn> must return a
concatenation of the contents of all the <a href=#text-node title="text
node">text nodes</a> that are direct children of the
- <code><a href=#script>script</a></code> element (ignoring any other nodes such as
+ <code><a href=#the-script-element>script</a></code> element (ignoring any other nodes such as
comments or elements), in tree order. On setting, it must act the
same way as the <code><a href=#textcontent>textContent</a></code> IDL attribute.</p>
</div>
<p class=note>When inserted using the <code title=dom-document-write><a href=#dom-document-write>document.write()</a></code> method,
- <code><a href=#script>script</a></code> elements execute (typically synchronously), but
+ <code><a href=#the-script-element>script</a></code> elements execute (typically synchronously), but
when inserted using <code title=dom-innerHTML><a href=#dom-innerhtml>innerHTML</a></code> and <code title=dom-outerHTML><a href=#dom-outerhtml>outerHTML</a></code> attributes, they do not
execute at all.</p>
<div class=example>
- <p>In this example, two <code><a href=#script>script</a></code> elements are used. One
+ <p>In this example, two <code><a href=#the-script-element>script</a></code> elements are used. One
embeds an external script, and the other includes some data.</p>
<pre><script src="game-engine.js"></script>
@@ -16003,7 +16000,7 @@
<p>The following sample shows how a script element can be used to
define a function that is then used by other parts of the
- document. It also shows how a <code><a href=#script>script</a></code> element can be
+ document. It also shows how a <code><a href=#the-script-element>script</a></code> element can be
used to invoke script while the document is being parsed, in this
case to initialize the form's output.</p>
@@ -16095,7 +16092,7 @@
<h5 id=restrictions-for-contents-of-script-elements><span class=secno>4.3.1.2 </span><dfn title="script content restrictions">Restrictions for contents of <code>script</code> elements</dfn></h5>
- <p>The <code><a href=#textcontent>textContent</a></code> of a <code><a href=#script>script</a></code> element
+ <p>The <code><a href=#textcontent>textContent</a></code> of a <code><a href=#the-script-element>script</a></code> element
must match the <code title="">script</code> production in the
following ABNF, the character set for which is Unicode. <a href=#refsABNF>[ABNF]</a></p>
@@ -16137,15 +16134,15 @@
tag-end =/ %x002F ; U+002F SOLIDUS (/)
tag-end =/ %x003E ; U+003E GREATER-THAN SIGN (>)</pre>
- <p>When a <code><a href=#script>script</a></code> element contains <a href=#inline-documentation-for-external-scripts>script
+ <p>When a <code><a href=#the-script-element>script</a></code> element contains <a href=#inline-documentation-for-external-scripts>script
documentation</a>, there are further restrictions on the contents
of the element, as described in the section below.</p>
<h5 id=inline-documentation-for-external-scripts><span class=secno>4.3.1.3 </span><dfn title="script documentation">Inline documentation for external scripts</dfn></h5>
- <p>If a <code><a href=#script>script</a></code> element's <code title=attr-script-src><a href=#attr-script-src>src</a></code> attribute is specified, then the
- contents of the <code><a href=#script>script</a></code> element, if any, must be such
+ <p>If a <code><a href=#the-script-element>script</a></code> element's <code title=attr-script-src><a href=#attr-script-src>src</a></code> attribute is specified, then the
+ contents of the <code><a href=#the-script-element>script</a></code> element, if any, must be such
that the value of the <code title=dom-script-text><a href=#dom-script-text>text</a></code> IDL
attribute, which is derived from the element's contents, matches the
<code title="">documentation</code> production in the following
@@ -16172,7 +16169,7 @@
element in JavaScript comments.</p>
<p class=note>This requirement is in addition to the earlier
- restrictions on the syntax of contents of <code><a href=#script>script</a></code>
+ restrictions on the syntax of contents of <code><a href=#the-script-element>script</a></code>
elements.</p>
<div class=example>
@@ -16196,12 +16193,12 @@
<div class=impl>
- <h5 id=scriptTagXSLT><span class=secno>4.3.1.4 </span>Interaction of <code><a href=#script>script</a></code> elements and XSLT</h5>
+ <h5 id=scriptTagXSLT><span class=secno>4.3.1.4 </span>Interaction of <code><a href=#the-script-element>script</a></code> elements and XSLT</h5>
<p><i>This section is non-normative.</i></p>
<p>This specification does not define how XSLT interacts with the
- <code><a href=#script>script</a></code> element (or, indeed, how XSLT processing
+ <code><a href=#the-script-element>script</a></code> element (or, indeed, how XSLT processing
triggers the <a href=#stop-parsing>stop parsing</a> steps, how it interacts with
the <a href=#navigate title=navigate>navigation</a> algorithm, or how it
fits in with the <a href=#event-loop>event loop</a>). However, in the absence
@@ -16210,7 +16207,7 @@
<ul><li><p>When an XSLT transformation program is triggered by an <code title=""><?xml-stylesheet?></code> processing instruction and
the browser implements a direct-to-DOM transformation,
- <code><a href=#script>script</a></code> elements created by the XSLT processor need to
+ <code><a href=#the-script-element>script</a></code> elements created by the XSLT processor need to
be marked <a href=#parser-inserted>"parser-inserted"</a> and run in document order
(modulo scripts marked <code title=attr-script-defer><a href=#attr-script-defer>defer</a></code>
or <code title=attr-script-async><a href=#attr-script-async>async</a></code>), asynchronously
@@ -16219,17 +16216,17 @@
<li><p>The <code title=dom-XSLTProcessor-transformToDocument>XSLTProcessor.transformToDocument()</code>
method adds elements to a <code><a href=#document>Document</a></code> that is not in a
<a href=#browsing-context>browsing context</a>, and, accordingly, any
- <code><a href=#script>script</a></code> elements they create need to have their
+ <code><a href=#the-script-element>script</a></code> elements they create need to have their
<a href=#already-started>"already started"</a> flag set in the <a href=#prepare-a-script>prepare a
script</a> algorithm and never get executed (<a href=#concept-bc-noscript title=concept-bc-noscript>scripting is disabled</a>). Such
- <code><a href=#script>script</a></code> elements still need to be marked
+ <code><a href=#the-script-element>script</a></code> elements still need to be marked
<a href=#parser-inserted>"parser-inserted"</a>, though, such that their <code title=dom-script-async><a href=#dom-script-async>async</a></code> IDL attribute will return
false in the absence of an <code title=attr-script-async><a href=#attr-script-async>async</a></code> content attribute.</li>
<li><p>The <code title=dom-XSLTProcessor-transformToFragment>XSLTProcessor.transformToFragment()</code>
method needs to create a fragment that is equivalent to one built
manually by creating the elements using <code title=dom-document-createElementNS><a href=#dom-document-createelementns>document.createElementNS()</a></code>.
- For instance, it needs to create <code><a href=#script>script</a></code> elements that
+ For instance, it needs to create <code><a href=#the-script-element>script</a></code> elements that
aren't <a href=#parser-inserted>"parser-inserted"</a> and that don't have their
<a href=#already-started>"already started"</a> flag set, so that they will execute
when the fragment is inserted into a document.</li>
@@ -16249,11 +16246,11 @@
<dd><a href=#flow-content>Flow content</a>.</dd>
<dd><a href=#phrasing-content>Phrasing content</a>.</dd>
<dt>Contexts in which this element can be used:</dt>
- <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>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>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-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>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=#the-meta-element>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>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>
@@ -16269,14 +16266,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-0>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>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>
+ <code><a href=#the-link-element>link</a></code>, <code><a href=#the-style-element>style</a></code>, and <code><a href=#the-meta-element>meta</a></code>
elements.</dd>
- <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
+ <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
<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,
@@ -16284,10 +16281,10 @@
algorithm</a> <!-- (which disables <script> execution) --> with
the <code><a href=#the-noscript-element>noscript</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 consists
only of <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 that would be conforming if they were
+ <code><a href=#the-meta-element>meta</a></code> elements that would be conforming if they were
children of the <code><a href=#the-noscript-element>noscript</a></code> element, and no <a href=#parse-error title="parse error">parse errors</a>.</dd>
- <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
+ <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
<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
@@ -16296,7 +16293,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-0>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>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>
@@ -16304,11 +16301,11 @@
<p>The <code><a href=#the-noscript-element>noscript</a></code> element must contain only text,
except that the text must be such that running the following
algorithm results in a conforming document with no
- <code><a href=#the-noscript-element>noscript</a></code> elements and no <code><a href=#script>script</a></code>
+ <code><a href=#the-noscript-element>noscript</a></code> elements and no <code><a href=#the-script-element>script</a></code>
elements, and such that no step in the algorithm causes an
<a href=#html-parser>HTML parser</a> to flag a <a href=#parse-error>parse error</a>:</p>
- <ol><li>Remove every <code><a href=#script>script</a></code> element from the
+ <ol><li>Remove every <code><a href=#the-script-element>script</a></code> element from the
document.</li>
<li>Make a list of every <code><a href=#the-noscript-element>noscript</a></code> element in the
@@ -16444,7 +16441,7 @@
<dl class=element><dt>Categories</dt>
<dd><a href=#sectioning-root>Sectioning root</a>.</dd>
<dt>Contexts in which this element can be used:</dt>
- <dd>As the second element in an <code><a href=#the-html-element-0>html</a></code> element.</dd>
+ <dd>As the second element in an <code><a href=#the-html-element>html</a></code> element.</dd>
<dt>Content model:</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
<dt>Content attributes:</dt>
@@ -16527,11 +16524,11 @@
body element</a> of a <code><a href=#document>Document</a></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-0>html</a></code> element, and only <em>then</em> would it trigger
+ <code><a href=#the-html-element>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-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><a href=#document>Document</a></code>, to the
+ the <code><a href=#the-html-element>html</a></code>, to the <code><a href=#document>Document</a></code>, to the
<code><a href=#window>Window</a></code>, and the <a href=#event-handlers title="event handlers">event
handler</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
@@ -17097,10 +17094,7 @@
- <h4 id=the-h1,-h2,-h3,-h4,-h5,-and-h6-elements><span class=secno>4.4.6 </span>The <dfn><code>h1</code></dfn>, <dfn><code>h2</code></dfn>,
- <dfn><code>h3</code></dfn>, <dfn><code>h4</code></dfn>,
- <dfn><code>h5</code></dfn>, and <dfn><code>h6</code></dfn>
- elements</h4>
+ <h4 id=the-h1,-h2,-h3,-h4,-h5,-and-h6-elements><span class=secno>4.4.6 </span>The <dfn id=the-h1-element><code>h1</code></dfn>, <dfn id=the-h2-element><code>h2</code></dfn>, <dfn id=the-h3-element><code>h3</code></dfn>, <dfn id=the-h4-element><code>h4</code></dfn>, <dfn id=the-h5-element><code>h5</code></dfn>, and <dfn id=the-h6-element><code>h6</code></dfn> elements</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
@@ -18703,7 +18697,7 @@
<dt>Contexts in which this element can be used:</dt>
<dd>Inside <code><a href=#the-ol-element>ol</a></code> elements.</dd>
<dd>Inside <code><a href=#the-ul-element>ul</a></code> elements.</dd>
- <dd>Inside <code><a href=#menus>menu</a></code> elements.</dd>
+ <dd>Inside <code><a href=#the-menu-element>menu</a></code> elements.</dd>
<dt>Content model:</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
<dt>Content attributes:</dt>
@@ -18717,7 +18711,7 @@
</dd>
</dl><p>The <code><a href=#the-li-element>li</a></code> element <a href=#represents>represents</a> a list
item. If its parent element is an <code><a href=#the-ol-element>ol</a></code>, <code><a href=#the-ul-element>ul</a></code>,
- or <code><a href=#menus>menu</a></code> element, then the element is an item of the
+ or <code><a href=#the-menu-element>menu</a></code> element, then the element is an item of the
parent element's list, as defined for those elements. Otherwise, the
list item has no defined list-related relationship to any other
<code><a href=#the-li-element>li</a></code> element.</p>
@@ -18790,7 +18784,7 @@
</div>
<p class=note>If the <code><a href=#the-li-element>li</a></code> element is the child of a
- <code><a href=#menus>menu</a></code> element and itself has a child that defines a
+ <code><a href=#the-menu-element>menu</a></code> element and itself has a child that defines a
<a href=#concept-command title=concept-command>command</a>, then the
<code><a href=#the-li-element>li</a></code> element will match the <code title=selector-enabled><a href=#selector-enabled>:enabled</a></code> and <code title=selector-disabled><a href=#selector-disabled>:disabled</a></code> pseudo-classes in the
same way as the first such child element does.</p>
@@ -20606,7 +20600,7 @@
</div>
- <h4 id=the-sub-and-sup-elements><span class=secno>4.6.15 </span>The <dfn><code>sub</code></dfn> and <dfn><code>sup</code></dfn> elements</h4>
+ <h4 id=the-sub-and-sup-elements><span class=secno>4.6.15 </span>The <dfn id=the-sub-element><code>sub</code></dfn> and <dfn id=the-sup-element><code>sup</code></dfn> elements</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
@@ -23316,7 +23310,7 @@
who is known to be able to view images.</li>
<!--FORK-->
- <li>The document has a <code><a href=#meta>meta</a></code> element with a <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute whose value is an
+ <li>The document has a <code><a href=#the-meta-element>meta</a></code> element with a <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute whose value is an
<a href=#ascii-case-insensitive>ASCII case-insensitive</a> match for the string "<code title=meta-generator><a href=#meta-generator>generator</a></code>". (This case does not
represent a case where the document is conforming, only that the
generator could not determine appropriate alternative text —
@@ -23389,7 +23383,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-0>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>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>
@@ -24120,7 +24114,7 @@
<var title="">input</var> must 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
+ <code><a href=#the-script-element>script</a></code> elements being anywhere in the list or as
descendants of elements in the list, and with all the elements in
the list (including their descendants) being themselves
conforming.</p>
@@ -25167,10 +25161,10 @@
<p>The following example shows how a plugin can be used in HTML (in
this case the Flash plugin, to show a video file). Fallback is
provided for users who do not have Flash enabled, in this case
- using the <code><a href=#video>video</a></code> element to show the video for those
- using user agents that support <code><a href=#video>video</a></code>, and finally
+ using the <code><a href=#the-video-element>video</a></code> element to show the video for those
+ using user agents that support <code><a href=#the-video-element>video</a></code>, and finally
providing a link to the video for those who have neither Flash nor
- a <code><a href=#video>video</a></code>-capable browser.</p>
+ a <code><a href=#the-video-element>video</a></code>-capable browser.</p>
<pre><p>Look at my video:
<object type="application/x-shockwave-flash">
@@ -25273,7 +25267,7 @@
</div>
- <h4 id=video><span class=secno>4.8.6 </span>The <dfn><code>video</code></dfn> element</h4>
+ <h4 id=the-video-element><span class=secno>4.8.6 </span>The <dfn id=video><code>video</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
@@ -25311,13 +25305,13 @@
attribute DOMString <a href=#dom-video-poster title=dom-video-poster>poster</a>;
};</pre>
</dd>
- </dl><p>A <code><a href=#video>video</a></code> element is used for playing videos or
+ </dl><p>A <code><a href=#the-video-element>video</a></code> element is used for playing videos or
movies, and audio files with captions.</p>
- <p>Content may be provided inside the <code><a href=#video>video</a></code>
+ <p>Content may be provided inside the <code><a href=#the-video-element>video</a></code>
element<span class=impl>. User agents should not show this content
to the user</span>; it is intended for older Web browsers which do
- not support <code><a href=#video>video</a></code>, so that legacy video plugins can be
+ not support <code><a href=#the-video-element>video</a></code>, so that legacy video plugins can be
tried, or to show text to the users of these older browsers informing
them of how to access the video contents.</p>
@@ -25329,7 +25323,7 @@
subtitle tracks, audio description tracks, or sign-language
overlays) into their media streams.</p>
- <p>The <code><a href=#video>video</a></code> element is a <a href=#media-element>media element</a>
+ <p>The <code><a href=#the-video-element>video</a></code> element is a <a href=#media-element>media element</a>
whose <a href=#media-data>media data</a> is ostensibly video data, possibly
with associated audio data.</p>
@@ -25355,7 +25349,7 @@
URL. -->
<ol><li><p>If there is an existing instance of this algorithm running
- for this <code><a href=#video>video</a></code> element, abort that instance of this
+ for this <code><a href=#the-video-element>video</a></code> element, abort that instance of this
algorithm without changing the <a href=#poster-frame>poster frame</a>.</li>
<li><p>If the <code title=attr-video-poster><a href=#attr-video-poster>poster</a></code>
@@ -25390,11 +25384,11 @@
<code title=dom-media-HAVE_NOTHING><a href=#dom-media-have_nothing>HAVE_NOTHING</a></code>, or <code title=dom-media-HAVE_METADATA><a href=#dom-media-have_metadata>HAVE_METADATA</a></code> but no video
data has yet been obtained at all, or the element's <code title=dom-media-readyState><a href=#dom-media-readystate>readyState</a></code> attribute is any
subsequent value but the <a href=#media-resource>media resource</a> does not have a
- video channel), the <code><a href=#video>video</a></code> element
+ video channel), the <code><a href=#the-video-element>video</a></code> element
<a href=#represents>represents</a> either the <a href=#poster-frame>poster frame</a>, or
nothing.</p>
- <p>When a <code><a href=#video>video</a></code> element is <a href=#dom-media-paused title=dom-media-paused>paused</a> and the <a href=#current-playback-position title="current
+ <p>When a <code><a href=#the-video-element>video</a></code> element is <a href=#dom-media-paused title=dom-media-paused>paused</a> and the <a href=#current-playback-position title="current
playback position">current playback position</a> is the first
frame of video, the element <a href=#represents>represents</a> either the frame
of video corresponding to the <a href=#current-playback-position title="current playback
@@ -25405,7 +25399,7 @@
be preferred over nothing, but the <a href=#poster-frame>poster frame</a> should
not be shown again after a frame of video has been shown.</p>
- <p>When a <code><a href=#video>video</a></code> element is <a href=#dom-media-paused title=dom-media-paused>paused</a> at any other position, and
+ <p>When a <code><a href=#the-video-element>video</a></code> element is <a href=#dom-media-paused title=dom-media-paused>paused</a> at any other position, and
the <a href=#media-resource>media resource</a> has a video channel, the element
<a href=#represents>represents</a> the frame of video corresponding to the
<a href=#current-playback-position title="current playback position">current playback
@@ -25413,7 +25407,7 @@
video is seeking or buffering), the last frame of the video to have
been rendered.</p>
- <p>When a <code><a href=#video>video</a></code> element whose <a href=#media-resource>media
+ <p>When a <code><a href=#the-video-element>video</a></code> element whose <a href=#media-resource>media
resource</a> has a video channel is <a href=#potentially-playing>potentially
playing</a>, it <a href=#represents>represents</a> the frame of video at the
continuously increasing <a href=#current-playback-position title="current playback
@@ -25427,7 +25421,7 @@
playback position</a>, at the element's <a href=#effective-media-volume>effective media
volume</a>.</p>
- <p>When a <code><a href=#video>video</a></code> element whose <a href=#media-resource>media
+ <p>When a <code><a href=#the-video-element>video</a></code> element whose <a href=#media-resource>media
resource</a> has a video channel is neither <a href=#potentially-playing>potentially
playing</a> nor <a href=#dom-media-paused title=dom-media-paused>paused</a>
(e.g. when seeking or stalled), the element <a href=#represents>represents</a>
@@ -25437,7 +25431,7 @@
particular playback position is defined by the video stream's
format.</p>
- <p>The <code><a href=#video>video</a></code> element also <a href=#represents>represents</a> any
+ <p>The <code><a href=#the-video-element>video</a></code> element also <a href=#represents>represents</a> any
<a href=#text-track-cue title="text track cue">text track cues</a> whose
<a href=#text-track-cue-active-flag>text track cue active flag</a> is set and whose
<a href=#text-track>text track</a> is in the <a href=#text-track-showing title="text track
@@ -25488,7 +25482,7 @@
</div>
- <p>The <code><a href=#video>video</a></code> element supports <a href=#dimension-attributes>dimension
+ <p>The <code><a href=#the-video-element>video</a></code> element supports <a href=#dimension-attributes>dimension
attributes</a>.</p>
<div class=impl>
@@ -25507,13 +25501,13 @@
requirement can be implemented by using the <a href=#video-object-fit>style rule suggested in the rendering
section</a>.</p>
- <p>The intrinsic width of a <code><a href=#video>video</a></code> element's playback
+ <p>The intrinsic width of a <code><a href=#the-video-element>video</a></code> element's playback
area is the <a href=#concept-video-intrinsic-width title=concept-video-intrinsic-width>intrinsic
width</a> of the video resource, if that is available; otherwise
it is the intrinsic width of the <a href=#poster-frame>poster frame</a>, if that
is available; otherwise it is 300 CSS pixels.</p>
- <p>The intrinsic height of a <code><a href=#video>video</a></code> element's playback
+ <p>The intrinsic height of a <code><a href=#the-video-element>video</a></code> element's playback
area is the <a href=#concept-video-intrinsic-height title=concept-video-intrinsic-height>intrinsic
height</a> of the video resource, if that is available; otherwise
it is the intrinsic height of the <a href=#poster-frame>poster frame</a>, if that
@@ -25606,7 +25600,7 @@
- <h4 id=audio><span class=secno>4.8.7 </span>The <dfn><code>audio</code></dfn> element</h4>
+ <h4 id=the-audio-element><span class=secno>4.8.7 </span>The <dfn id=audio><code>audio</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
@@ -25637,7 +25631,7 @@
NamedConstructor=<a href=#dom-audio-s title=dom-Audio-s>Audio</a>(in DOMString src)]
interface <dfn id=htmlaudioelement>HTMLAudioElement</dfn> : <a href=#htmlmediaelement>HTMLMediaElement</a> {};</pre>
</dd>
- </dl><p>An <code><a href=#audio>audio</a></code> element <a href=#represents>represents</a> a sound or
+ </dl><p>An <code><a href=#the-audio-element>audio</a></code> element <a href=#represents>represents</a> a sound or
audio stream.</p>
<!-- v2 (actually v3) suggestions:
@@ -25657,10 +25651,10 @@
> Support very simple audio codecs, and programmable synthesizers.
-->
- <p>Content may be provided inside the <code><a href=#audio>audio</a></code>
+ <p>Content may be provided inside the <code><a href=#the-audio-element>audio</a></code>
element<span class=impl>. User agents should not show this content
to the user</span>; it is intended for older Web browsers which do
- not support <code><a href=#audio>audio</a></code>, so that legacy audio plugins can be
+ not support <code><a href=#the-audio-element>audio</a></code>, so that legacy audio plugins can be
tried, or to show text to the users of these older browsers informing
them of how to access the audio contents.</p>
@@ -25671,7 +25665,7 @@
embed accessibility aids (such as transcriptions) into their media
streams.</p>
- <p>The <code><a href=#audio>audio</a></code> element is a <a href=#media-element>media element</a>
+ <p>The <code><a href=#the-audio-element>audio</a></code> element is a <a href=#media-element>media element</a>
whose <a href=#media-data>media data</a> is ostensibly audio data.</p>
<p>The <code title=attr-media-src><a href=#attr-media-src>src</a></code>, <code title=attr-media-preload><a href=#attr-media-preload>preload</a></code>, <code title=attr-media-autoplay><a href=#attr-media-autoplay>autoplay</a></code>,
@@ -25682,12 +25676,12 @@
<div class=impl>
- <p>When an <code><a href=#audio>audio</a></code> element is <a href=#potentially-playing>potentially
+ <p>When an <code><a href=#the-audio-element>audio</a></code> element is <a href=#potentially-playing>potentially
playing</a>, it must have its audio data played synchronized with
the <a href=#current-playback-position>current playback position</a>, at the element's
<a href=#effective-media-volume>effective media volume</a>.</p>
- <p>When an <code><a href=#audio>audio</a></code> element is not <a href=#potentially-playing>potentially
+ <p>When an <code><a href=#the-audio-element>audio</a></code> element is not <a href=#potentially-playing>potentially
playing</a>, audio must not play for the element.</p>
</div>
@@ -25696,7 +25690,7 @@
<dd>
- <p>Returns a new <code><a href=#audio>audio</a></code> element, with the <code title=attr-media-src><a href=#attr-media-src>src</a></code> attribute set to the value
+ <p>Returns a new <code><a href=#the-audio-element>audio</a></code> element, with the <code title=attr-media-src><a href=#attr-media-src>src</a></code> attribute set to the value
passed in the argument, if applicable.</p>
</dd>
@@ -25707,7 +25701,7 @@
<code><a href=#htmlaudioelement>HTMLAudioElement</a></code> objects (in addition to the factory
methods from DOM Core such as <code title="">createElement()</code>): <dfn id=dom-audio title=dom-Audio><code>Audio()</code></dfn> and <dfn id=dom-audio-s title=dom-Audio-s><code>Audio(<var title="">src</var>)</code></dfn>. When invoked as constructors,
these must return a new <code><a href=#htmlaudioelement>HTMLAudioElement</a></code> object (a new
- <code><a href=#audio>audio</a></code> element). The element must have its <code title=attr-media-preload><a href=#attr-media-preload>preload</a></code> attribute set to the
+ <code><a href=#the-audio-element>audio</a></code> element). The element must have its <code title=attr-media-preload><a href=#attr-media-preload>preload</a></code> attribute set to the
literal value "<code title=attr-media-preload-auto><a href=#attr-media-preload-auto>auto</a></code>". If the <var title="">src</var> argument is present, the object created must have
its <code title=attr-media-src><a href=#attr-media-src>src</a></code> content attribute set to
the provided value, and the user agent must invoke the object's
@@ -25786,7 +25780,7 @@
<p class=note>Dynamically modifying a <code><a href=#the-source-element>source</a></code> element
and its attribute when the element is already inserted in a
- <code><a href=#video>video</a></code> or <code><a href=#audio>audio</a></code> element will have no
+ <code><a href=#the-video-element>video</a></code> or <code><a href=#the-audio-element>audio</a></code> element will have no
effect. To change what is playing, either just use the <code title=attr-media-src><a href=#attr-media-src>src</a></code> attribute on the <a href=#media-element>media
element</a> directly, or call the <code title=dom-media-load><a href=#dom-media-load>load()</a></code> method on the <a href=#media-element>media
element</a> after manipulating the <code><a href=#the-source-element>source</a></code>
@@ -26120,7 +26114,7 @@
<h4 id=media-elements><span class=secno>4.8.10 </span>Media elements</h4>
<p><dfn id=media-element title="media element">Media elements</dfn>
- (<code><a href=#audio>audio</a></code> and <code><a href=#video>video</a></code>, in this specification)
+ (<code><a href=#the-audio-element>audio</a></code> and <code><a href=#the-video-element>video</a></code>, in this specification)
implement the following interface:</p>
<pre class=idl>interface <dfn id=htmlmediaelement>HTMLMediaElement</dfn> : <a href=#htmlelement>HTMLElement</a> {
@@ -26242,11 +26236,11 @@
element's <code title=dom-media-audioTracks><a href=#dom-media-audiotracks>audioTracks</a></code>
attribute.</p>
- <p class=note>Both <code><a href=#audio>audio</a></code> and <code><a href=#video>video</a></code>
+ <p class=note>Both <code><a href=#the-audio-element>audio</a></code> and <code><a href=#the-video-element>video</a></code>
elements can be used for both audio and video. The main difference
- between the two is simply that the <code><a href=#audio>audio</a></code> element has no
+ between the two is simply that the <code><a href=#the-audio-element>audio</a></code> element has no
playback area for visual content (such as video or captions),
- whereas the <code><a href=#video>video</a></code> element does.</p>
+ whereas the <code><a href=#the-video-element>video</a></code> element does.</p>
<div class=impl>
@@ -26445,7 +26439,7 @@
agent knows it cannot render</a> or is the type
"<code>application/octet-stream</code>"; it must return "<code title="">probably</code>" if the user agent is confident that the
type represents a <a href=#media-resource>media resource</a> that it can render if
- used in with this <code><a href=#audio>audio</a></code> or <code><a href=#video>video</a></code> element;
+ used in with this <code><a href=#the-audio-element>audio</a></code> or <code><a href=#the-video-element>video</a></code> element;
and it must return "<code title="">maybe</code>" otherwise.
Implementors are encouraged to return "<code title="">maybe</code>"
unless the type can be confidently established as being supported or
@@ -26458,7 +26452,7 @@
<p>This script tests to see if the user agent supports a
(fictional) new format to dynamically decide whether to use a
- <code><a href=#video>video</a></code> element or a plugin:</p>
+ <code><a href=#the-video-element>video</a></code> element or a plugin:</p>
<pre><section id="video">
<p><a href="playing-cats.nfv">Download video</a></p>
@@ -27089,7 +27083,7 @@
</li>
- <li><p>For <code><a href=#video>video</a></code> elements, set the <code title=dom-video-videoWidth><a href=#dom-video-videowidth>videoWidth</a></code> and <code title=dom-video-videoHeight><a href=#dom-video-videoheight>videoHeight</a></code>
+ <li><p>For <code><a href=#the-video-element>video</a></code> elements, set the <code title=dom-video-videoWidth><a href=#dom-video-videowidth>videoWidth</a></code> and <code title=dom-video-videoHeight><a href=#dom-video-videoheight>videoHeight</a></code>
attributes.</li>
<li>
@@ -27753,7 +27747,7 @@
<dt><dfn id=dom-media-have_metadata title=dom-media-HAVE_METADATA><code>HAVE_METADATA</code></dfn> (numeric value 1)</dt>
<dd>Enough of the resource has been obtained that the duration of
- the resource is available. In the case of a <code><a href=#video>video</a></code>
+ the resource is available. In the case of a <code><a href=#the-video-element>video</a></code>
element, the dimensions of the video are also available. The API
will no longer raise an exception when seeking. No <a href=#media-data>media
data</a> is available for the immediate <a href=#current-playback-position>current playback
@@ -27819,7 +27813,7 @@
<p class=note>Before this task is run, as part of the event
loop mechanism, the rendering will have been updated to resize
- the <code><a href=#video>video</a></code> element if appropriate.</p>
+ the <code><a href=#the-video-element>video</a></code> element if appropriate.</p>
</dd>
@@ -29774,7 +29768,7 @@
<p>In this example, a sign-languge interpreter track from a movie
file is overlaid on the primary video track of that same video file
- using two <code><a href=#video>video</a></code> elements, some CSS, and an implicit
+ using two <code><a href=#the-video-element>video</a></code> elements, some CSS, and an implicit
<code><a href=#mediacontroller>MediaController</a></code>:</p>
<pre><article>
@@ -31014,7 +31008,7 @@
<div class=example>
- <p>In this example, an <code><a href=#audio>audio</a></code> element is used to play a
+ <p>In this example, an <code><a href=#the-audio-element>audio</a></code> element is used to play a
specific sound-effect from a sound file containing many sound
effects. A cue is used to pause the audio, so that it ends exactly
at the end of the clip, even if the browser is busy running some
@@ -33268,7 +33262,7 @@
</ol></div>
<p>The <dfn id=attr-media-muted title=attr-media-muted><code>muted</code></dfn>
- attribute on the <code><a href=#video>video</a></code> element controls the default
+ attribute on the <code><a href=#the-video-element>video</a></code> element controls the default
state of the audio channel of the <a href=#media-resource>media resource</a>,
potentially overriding user preferences.</p>
@@ -33540,7 +33534,7 @@
<h5 id=security-and-privacy-considerations><span class=secno>4.8.10.17 </span>Security and privacy considerations</h5>
<p>The main security and privacy implications of the
- <code><a href=#video>video</a></code> and <code><a href=#audio>audio</a></code> elements come from the
+ <code><a href=#the-video-element>video</a></code> and <code><a href=#the-audio-element>audio</a></code> elements come from the
ability to embed media cross-origin. There are two directions that
threats can flow: from hostile content to a victim page, and from a
hostile page to victim content.</p>
@@ -33554,7 +33548,7 @@
own unrelated <a href=#top-level-browsing-context>top-level browsing context</a>.</p>
<p class=example>For instance, if an SVG animation was embedded in
- a <code><a href=#video>video</a></code> element, the user agent would not give it
+ a <code><a href=#the-video-element>video</a></code> element, the user agent would not give it
access to the DOM of the outer page. From the perspective of scripts
in the SVG resource, the SVG file would appear to be in a lone
top-level browsing context with no parent.</p>
@@ -34839,7 +34833,7 @@
<code title="">repeat</code> is used.</p>
<p>If the first argument isn't an <code><a href=#the-img-element>img</a></code>,
- <code><a href=#the-canvas-element>canvas</a></code>, or <code><a href=#video>video</a></code> element, throws a
+ <code><a href=#the-canvas-element>canvas</a></code>, or <code><a href=#the-video-element>video</a></code> element, throws a
<code><a href=#type_mismatch_err>TYPE_MISMATCH_ERR</a></code> exception. If the image has no
image data, throws an <code><a href=#invalid_state_err>INVALID_STATE_ERR</a></code> exception. If
the second argument isn't one of the allowed values, throws a
@@ -36340,7 +36334,7 @@
<p><img alt="The sx and sy parameters give the x and y coordinates of the source rectangle; the sw and sh arguments give the width and height of the source rectangle; the dx and dy give the x and y coordinates of the destination rectangle; and the dw and dh arguments give the width and height of the destination rectangle." height=356 src=http://images.whatwg.org/drawImage.png width=356></p>
<p>If the first argument isn't an <code><a href=#the-img-element>img</a></code>,
- <code><a href=#the-canvas-element>canvas</a></code>, or <code><a href=#video>video</a></code> element, throws a
+ <code><a href=#the-canvas-element>canvas</a></code>, or <code><a href=#the-video-element>video</a></code> element, throws a
<code><a href=#type_mismatch_err>TYPE_MISMATCH_ERR</a></code> exception. If the image has no
image data, throws an <code><a href=#invalid_state_err>INVALID_STATE_ERR</a></code> exception. If
the numeric arguments don't make sense (e.g. the destination is a
@@ -37733,7 +37727,7 @@
<p><span class=impl><strong>Author requirements</strong>:</span>
The <dfn id=attr-dim-width title=attr-dim-width><code>width</code></dfn> and <dfn id=attr-dim-height title=attr-dim-height><code>height</code></dfn> attributes on
<code><a href=#the-img-element>img</a></code>, <code><a href=#the-iframe-element>iframe</a></code>, <code><a href=#the-embed-element>embed</a></code>,
- <code><a href=#the-object-element>object</a></code>, <code><a href=#video>video</a></code>, and, when their <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,
+ <code><a href=#the-object-element>object</a></code>, <code><a href=#the-video-element>video</a></code>, and, when their <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,
<code><a href=#the-input-element>input</a></code> elements may be specified to give the dimensions
of the visual content of the element (the width and height
respectively, relative to the nominal direction of the output
@@ -37780,12 +37774,12 @@
<p>The <dfn id=dom-dim-width title=dom-dim-width><code>width</code></dfn> and <dfn id=dom-dim-height title=dom-dim-height><code>height</code></dfn> IDL attributes on
the <code><a href=#the-iframe-element>iframe</a></code>, <code><a href=#the-embed-element>embed</a></code>, <code><a href=#the-object-element>object</a></code>,
- and <code><a href=#video>video</a></code> elements must <a href=#reflect>reflect</a> the
+ and <code><a href=#the-video-element>video</a></code> elements must <a href=#reflect>reflect</a> the
respective content attributes of the same name.</p>
<p class=note>For <code><a href=#the-iframe-element>iframe</a></code>, <code><a href=#the-embed-element>embed</a></code>, and
<code><a href=#the-object-element>object</a></code> the IDL attributes are <code>DOMString</code>;
- for <code><a href=#video>video</a></code> the IDL attributes are <code>unsigned
+ for <code><a href=#the-video-element>video</a></code> the IDL attributes are <code>unsigned
long</code>.</p>
</div>
@@ -46567,9 +46561,9 @@
something like <samp>The text you have entered does not match the
required pattern. Birthday</samp>, which is not useful.</p>
- <p>UAs may still show the <code><a href=#the-title-element-0>title</a></code> in non-error situations
+ <p>UAs may still show the <code><a href=#the-title-element>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-0>title</a></code>s as if an
+ authors should be careful not to word <code><a href=#the-title-element>title</a></code>s as if an
error has necessarily occurred.</p>
@@ -51550,7 +51544,7 @@
- <h4 id=the-command><span class=secno>4.11.3 </span>The <dfn><code>command</code></dfn> element</h4>
+ <h4 id=the-command-element><span class=secno>4.11.3 </span>The <dfn id=the-command><code>command</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#metadata-content>Metadata content</a>.</dd>
@@ -51583,11 +51577,11 @@
attribute boolean <span title="dom-command-default">default</span>;-->
};</pre>
</dd>
- </dl><p>The <code><a href=#the-command>command</a></code> element represents a command that the user
+ </dl><p>The <code><a href=#the-command-element>command</a></code> element represents a command that the user
can invoke.</p>
<p>A command can be part of a context menu or toolbar, using the
- <code><a href=#menus>menu</a></code> element, or can be put anywhere else in the page,
+ <code><a href=#the-menu-element>menu</a></code> element, or can be put anywhere else in the page,
to define a keyboard shortcut.</p> <!-- in the future we'll also add
a command="" attribute to refer to a command, which can then be
defined anywhere -->
@@ -51721,7 +51715,7 @@
<dd><p>If the element has a parent, then the UA must walk the list
of child nodes of that parent element, and for each node that is a
- <code><a href=#the-command>command</a></code> element, if that element has a <code title=attr-command-radiogroup><a href=#attr-command-radiogroup>radiogroup</a></code> attribute whose
+ <code><a href=#the-command-element>command</a></code> element, if that element has a <code title=attr-command-radiogroup><a href=#attr-command-radiogroup>radiogroup</a></code> attribute whose
value exactly matches the current element's (treating missing <code title=attr-command-radiogroup><a href=#attr-command-radiogroup>radiogroup</a></code> attributes as if
they were the empty string), and has a <code title=attr-command-checked><a href=#attr-command-checked>checked</a></code> attribute, must remove
that attribute.</p>
@@ -51747,8 +51741,8 @@
</div>
- <p class=note><code><a href=#the-command>command</a></code> elements are not rendered
- unless they <a href=#menus title=menu>form part of a menu</a>.</p>
+ <p class=note><code><a href=#the-command-element>command</a></code> elements are not rendered
+ unless they <a href=#the-menu-element title=menu>form part of a menu</a>.</p>
<div class=example>
@@ -51774,7 +51768,7 @@
- <h4 id=menus><span class=secno>4.11.4 </span>The <dfn><code>menu</code></dfn> element</h4>
+ <h4 id=the-menu-element><span class=secno>4.11.4 </span>The <dfn id=menus><code>menu</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
@@ -51794,7 +51788,7 @@
attribute DOMString <a href=#dom-menu-type title=dom-menu-type>type</a>;
attribute DOMString <a href=#dom-menu-label title=dom-menu-label>label</a>;
};</pre>
- </dl><p>The <code><a href=#menus>menu</a></code> element represents a list of commands.</p>
+ </dl><p>The <code><a href=#the-menu-element>menu</a></code> element represents a list of commands.</p>
<!-- v2 idea: <menu> should get an icon, like <command> -->
@@ -51810,16 +51804,16 @@
a list of commands that is neither declaring a context menu nor
defining a toolbar.</p>
- <p>If a <code><a href=#menus>menu</a></code> element's <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#context-menu-state title="context menu state">context menu</a> state, then the
+ <p>If a <code><a href=#the-menu-element>menu</a></code> element's <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#context-menu-state title="context menu state">context menu</a> state, then the
element <a href=#represents>represents</a> the commands of a context menu, and
the user can only interact with the commands if that context menu is
activated.</p>
- <p>If a <code><a href=#menus>menu</a></code> element's <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state title="toolbar state">toolbar</a> state, then the element
+ <p>If a <code><a href=#the-menu-element>menu</a></code> element's <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state title="toolbar state">toolbar</a> state, then the element
<a href=#represents>represents</a> a list of active commands that the user can
immediately interact with.</p>
- <p>If a <code><a href=#menus>menu</a></code> element's <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#list-state title="list state">list</a> state, then the element either
+ <p>If a <code><a href=#the-menu-element>menu</a></code> element's <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#list-state title="list state">list</a> state, then the element either
<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
@@ -51846,7 +51840,7 @@
<p><i>This section is non-normative.</i></p>
- <p>The <code><a href=#menus>menu</a></code> element is used to define context menus and
+ <p>The <code><a href=#the-menu-element>menu</a></code> element is used to define context menus and
toolbars.</p>
<p>For example, the following represents a toolbar with three menu
@@ -51910,7 +51904,7 @@
above, but here the legacy behavior consists of a single
<code><a href=#the-select-element>select</a></code> element with a submit button. The submit button
doesn't appear in the toolbar, because it is not a direct child of
- the <code><a href=#menus>menu</a></code> element or of its <code><a href=#the-li-element>li</a></code>
+ the <code><a href=#the-menu-element>menu</a></code> element or of its <code><a href=#the-li-element>li</a></code>
children.</p>
@@ -51925,7 +51919,7 @@
<ul class=brief><li><a href=#concept-command title=concept-command>Commands</a>, which can be marked as default commands</li>
<li>Separators</li>
<li>Other menus (which allows the list to be nested)</li>
- </ul><p>The list corresponding to a particular <code><a href=#menus>menu</a></code> element
+ </ul><p>The list corresponding to a particular <code><a href=#the-menu-element>menu</a></code> element
is built by iterating over its child nodes. For each child node in
<a href=#tree-order>tree order</a>, the required behavior depends on what the
node is, as follows:</p>
@@ -51961,17 +51955,17 @@
<dd>Iterate over the children of the element.</dd>
- <dt>A <code><a href=#menus>menu</a></code> element with no <code title=attr-menu-label><a href=#attr-menu-label>label</a></code> attribute</dt>
+ <dt>A <code><a href=#the-menu-element>menu</a></code> element with no <code title=attr-menu-label><a href=#attr-menu-label>label</a></code> attribute</dt>
<dt>A <code><a href=#the-select-element>select</a></code> element</dt>
<dd>Append a separator to the menu, then iterate over the children
- of the <code><a href=#menus>menu</a></code> or <code><a href=#the-select-element>select</a></code> element, then
+ of the <code><a href=#the-menu-element>menu</a></code> or <code><a href=#the-select-element>select</a></code> element, then
append another separator.</dd>
<!-- v2: we might want to support <select> in <label> as giving a named submenu -->
- <dt>A <code><a href=#menus>menu</a></code> element with a <code title=attr-menu-label><a href=#attr-menu-label>label</a></code> attribute</dt>
+ <dt>A <code><a href=#the-menu-element>menu</a></code> element with a <code title=attr-menu-label><a href=#attr-menu-label>label</a></code> attribute</dt>
<dt>An <code><a href=#the-optgroup-element>optgroup</a></code> element with a <code title=attr-menu-label><a href=#attr-menu-label>label</a></code> attribute</dt>
<dd>Append a submenu to the menu, using the value of the element's
@@ -52006,11 +52000,11 @@
<p>The <dfn id=attr-contextmenu title=attr-contextmenu><code>contextmenu</code></dfn>
attribute gives the element's <a href=#context-menus title="context menus">context
- menu</a>. The value must be the <a href=#concept-id title=concept-id>ID</a> of a <code><a href=#menus>menu</a></code> element
+ menu</a>. The value must be the <a href=#concept-id title=concept-id>ID</a> of a <code><a href=#the-menu-element>menu</a></code> element
in the DOM. <span class=impl>If the node that would be obtained by
the invoking the <code title=dom-Document-getElementById><a href=#dom-document-getelementbyid>getElementById()</a></code> method
using the attribute's value as the only argument is null or not a
- <code><a href=#menus>menu</a></code> element, then the element has no assigned context
+ <code><a href=#the-menu-element>menu</a></code> element, then the element has no assigned context
menu. Otherwise, the element's assigned context menu is the element
so identified.</span></p>
@@ -52051,13 +52045,13 @@
<p>If the element or one of its ancestors <em>does</em> have a
context menu assigned, then the user agent must <a href=#fire-a-simple-event>fire a simple
event</a> named <code title=event-show>show</code> at the
- <code><a href=#menus>menu</a></code> element of the context menu of the nearest
+ <code><a href=#the-menu-element>menu</a></code> element of the context menu of the nearest
ancestor (including the element itself) with one assigned.</p>
<!-- v2: include modifier key information -->
<p>The default action of <em>this</em> event is that the user agent
must show a context menu <a href=#building-menus-and-toolbars title="building menus and
- toolbars">built</a> from the <code><a href=#menus>menu</a></code> element.</p>
+ toolbars">built</a> from the <code><a href=#the-menu-element>menu</a></code> element.</p>
<p>The user agent may also provide access to its default context
menu, if any, with the context menu shown. For example, it could
@@ -52111,13 +52105,13 @@
<h5 id=toolbars><span class=secno>4.11.4.4 </span><dfn>Toolbars</dfn></h5>
- <p>When a <code><a href=#menus>menu</a></code> element has a <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#toolbar-state title="toolbar state">toolbar</a> state, then the user agent
+ <p>When a <code><a href=#the-menu-element>menu</a></code> element has a <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#toolbar-state title="toolbar state">toolbar</a> state, then the user agent
must <a href=#building-menus-and-toolbars title="building menus and toolbars">build</a> the
- menu for that <code><a href=#menus>menu</a></code> element, and use the result in the
+ menu for that <code><a href=#the-menu-element>menu</a></code> element, and use the result in the
rendering.</p>
<p>The user agent must reflect changes made to the
- <code><a href=#menus>menu</a></code>'s DOM, by immediately <a href=#building-menus-and-toolbars title="building menus
+ <code><a href=#the-menu-element>menu</a></code>'s DOM, by immediately <a href=#building-menus-and-toolbars title="building menus
and toolbars">rebuilding</a> the menu.</p>
</div>
@@ -52317,7 +52311,7 @@
not specify an icon, or if the element does not define a command,
then the attribute must return null. This attribute will be shadowed
by the <code title=dom-command-icon><a href=#dom-command-icon>icon</a></code> IDL attribute on
- <code><a href=#the-command>command</a></code> elements.</p>
+ <code><a href=#the-command-element>command</a></code> elements.</p>
<p>The <dfn id=dom-command-ro-disabled title=dom-command-ro-disabled><code>disabled</code></dfn>
attribute must return true if the command's <a href=#command-facet-disabledstate title=command-facet-DisabledState>Disabled State</a> is that
@@ -52331,7 +52325,7 @@
command is checked, and false if it is that the command is not
checked. If the element does not define a command, the attribute
must return false. This attribute will be shadowed by the <code title="">checked</code> IDL attribute on <code><a href=#the-input-element>input</a></code> and
- <code><a href=#the-command>command</a></code> elements.</p>
+ <code><a href=#the-command-element>command</a></code> elements.</p>
<!--v2COMMAND
<p>The <dfn
@@ -52561,10 +52555,10 @@
<h5 id=using-the-command-element-to-define-a-command><span class=secno>4.11.5.5 </span>Using the <dfn title=command-element><code>command</code></dfn> element to define
a command</h5>
- <p>A <code><a href=#the-command>command</a></code> element <a href=#concept-command title=concept-command>defines a command</a>.</p>
+ <p>A <code><a href=#the-command-element>command</a></code> element <a href=#concept-command title=concept-command>defines a command</a>.</p>
<p>The <a href=#command-facet-type title=command-facet-Type>Type</a> of the command
- is "radio" if the <code><a href=#the-command>command</a></code>'s <code title=attr-command-type><a href=#attr-command-type>type</a></code> attribute is
+ is "radio" if the <code><a href=#the-command-element>command</a></code>'s <code title=attr-command-type><a href=#attr-command-type>type</a></code> attribute is
"<code>radio</code>", "checkbox" if the attribute's value is
"<code>checkbox</code>", and "command" otherwise.</p>
@@ -54546,7 +54540,7 @@
<li><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=#submit-button-state title=attr-input-type-submit>Submit Button</a>, <a href=#image-button-state title=attr-input-type-image>Image Button</a>, <a href=#reset-button-state title=attr-input-type-reset>Reset Button</a>, or <a href=#button-state title=attr-input-type-button>Button</a> state</li>
- <li><code><a href=#the-command>command</a></code> elements that do not have a <code title=attr-command-disabled><a href=#attr-command-disabled>disabled</a></code> attribute</li>
+ <li><code><a href=#the-command-element>command</a></code> elements that do not have a <code title=attr-command-disabled><a href=#attr-command-disabled>disabled</a></code> attribute</li>
<li>elements that are <a href=#specially-focusable>specially focusable</a></li>
@@ -54605,10 +54599,10 @@
<li><code><a href=#the-option-element>option</a></code> elements that are not <a href=#concept-option-disabled title=concept-option-disabled>disabled</a></li>
- <li><code><a href=#the-command>command</a></code> elements that do not have a <code title=attr-command-disabled><a href=#attr-command-disabled>disabled</a></code> attribute</li>
+ <li><code><a href=#the-command-element>command</a></code> elements that do not have a <code title=attr-command-disabled><a href=#attr-command-disabled>disabled</a></code> attribute</li>
<li><code><a href=#the-li-element>li</a></code> elements that are children of
- <code><a href=#menus>menu</a></code> elements, and that have a child element that
+ <code><a href=#the-menu-element>menu</a></code> elements, and that have a child element that
defines a <a href=#concept-command title=concept-command>command</a>, if the
first such element's <a href=#command-facet-disabledstate title=command-facet-disabledstate>Disabled State</a> facet
is false (not disabled)</li>
@@ -54638,10 +54632,10 @@
<li><code><a href=#the-option-element>option</a></code> elements that are <a href=#concept-option-disabled title=concept-option-disabled>disabled</a></li>
- <li><code><a href=#the-command>command</a></code> elements that have a <code title=attr-command-disabled><a href=#attr-command-disabled>disabled</a></code> attribute</li>
+ <li><code><a href=#the-command-element>command</a></code> elements that have a <code title=attr-command-disabled><a href=#attr-command-disabled>disabled</a></code> attribute</li>
<li><code><a href=#the-li-element>li</a></code> elements that are children of
- <code><a href=#menus>menu</a></code> elements, and that have a child element that
+ <code><a href=#the-menu-element>menu</a></code> elements, and that have a child element that
defines a <a href=#concept-command title=concept-command>command</a>, if the
first such element's <a href=#command-facet-disabledstate title=command-facet-disabledstate>Disabled State</a> facet
is true (disabled)</li>
@@ -54670,11 +54664,11 @@
<li><code><a href=#the-option-element>option</a></code> elements whose <a href=#concept-option-selectedness title=concept-option-selectedness>selectedness</a> is
true</li>
- <li><code><a href=#the-command>command</a></code> elements whose <code title=attr-command-type><a href=#attr-command-type>type</a></code> attribute is in the <a href=#attr-command-type-state-checkbox title=attr-command-type-state-checkbox>Checkbox</a> state
+ <li><code><a href=#the-command-element>command</a></code> elements whose <code title=attr-command-type><a href=#attr-command-type>type</a></code> attribute is in the <a href=#attr-command-type-state-checkbox title=attr-command-type-state-checkbox>Checkbox</a> state
and that have a <code title=attr-command-checked><a href=#attr-command-checked>checked</a></code>
attribute</li>
- <li><code><a href=#the-command>command</a></code> elements whose <code title=attr-command-type><a href=#attr-command-type>type</a></code> attribute is in the <a href=#attr-command-type-state-radio title=attr-command-type-state-radio>Radio</a> state and that
+ <li><code><a href=#the-command-element>command</a></code> elements whose <code title=attr-command-type><a href=#attr-command-type>type</a></code> attribute is in the <a href=#attr-command-type-state-radio title=attr-command-type-state-radio>Radio</a> state and that
have a <code title=attr-command-checked><a href=#attr-command-checked>checked</a></code>
attribute</li>
@@ -55649,15 +55643,15 @@
created by the element.</dd>
- <dt>If the element is a <code><a href=#meta>meta</a></code> element</dt>
+ <dt>If the element is a <code><a href=#the-meta-element>meta</a></code> element</dt>
<dd><p>The value is the value of the element's <code title=attr-content>content</code> attribute, if any, or the empty
string if there is no such attribute.</dd>
- <dt>If the element is an <code><a href=#audio>audio</a></code>, <code><a href=#the-embed-element>embed</a></code>,
+ <dt>If the element is an <code><a href=#the-audio-element>audio</a></code>, <code><a href=#the-embed-element>embed</a></code>,
<code><a href=#the-iframe-element>iframe</a></code>, <code><a href=#the-img-element>img</a></code>, <code><a href=#the-source-element>source</a></code>,
- <code><a href=#the-track-element>track</a></code>, or <code><a href=#video>video</a></code> element</dt>
+ <code><a href=#the-track-element>track</a></code>, or <code><a href=#the-video-element>video</a></code> element</dt>
<dd><p>The value is the <a href=#absolute-url>absolute URL</a> that results from
<a href=#resolve-a-url title="resolve a url">resolving</a> the value of the
@@ -55699,10 +55693,10 @@
<code><a href=#textcontent>textContent</a></code>.</dd>
</dl><p>The <dfn id=url-property-elements>URL property elements</dfn> are the <code><a href=#the-a-element>a</a></code>,
- <code><a href=#the-area-element>area</a></code>, <code><a href=#audio>audio</a></code>, <code><a href=#the-embed-element>embed</a></code>,
+ <code><a href=#the-area-element>area</a></code>, <code><a href=#the-audio-element>audio</a></code>, <code><a href=#the-embed-element>embed</a></code>,
<code><a href=#the-iframe-element>iframe</a></code>, <code><a href=#the-img-element>img</a></code>, <code><a href=#the-link-element>link</a></code>,
<code><a href=#the-object-element>object</a></code>, <code><a href=#the-source-element>source</a></code>, <code><a href=#the-track-element>track</a></code>, and
- <code><a href=#video>video</a></code> elements.</p>
+ <code><a href=#the-video-element>video</a></code> elements.</p>
<p>If a property's <a href=#concept-property-value title=concept-property-value>value</a>
is an <a href=#absolute-url>absolute URL</a>, the property must be specified
@@ -55960,15 +55954,15 @@
setting.</p>
- <dt>If the element is a <code><a href=#meta>meta</a></code> element</dt>
+ <dt>If the element is a <code><a href=#the-meta-element>meta</a></code> element</dt>
<dd><p>The attribute must act as it would if it was <a href=#reflect title=reflect>reflecting</a> the element's <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> content
attribute.</dd>
- <dt>If the element is an <code><a href=#audio>audio</a></code>, <code><a href=#the-embed-element>embed</a></code>,
+ <dt>If the element is an <code><a href=#the-audio-element>audio</a></code>, <code><a href=#the-embed-element>embed</a></code>,
<code><a href=#the-iframe-element>iframe</a></code>, <code><a href=#the-img-element>img</a></code>, <code><a href=#the-source-element>source</a></code>,
- <code><a href=#the-track-element>track</a></code>, or <code><a href=#video>video</a></code> element</dt>
+ <code><a href=#the-track-element>track</a></code>, or <code><a href=#the-video-element>video</a></code> element</dt>
<dd><p>The attribute must act as it would if it was <a href=#reflect title=reflect>reflecting</a> the element's <code title="">src</code> content attribute.</dd>
@@ -57144,10 +57138,10 @@
text string</a> that is <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>the <code>title</code> element</a> is not null,
+ <li><p>If <a href=#the-title-element-0>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><a href=#textcontent>textContent</a></code>
- of <a href=#the-title-element>the <code>title</code> element</a> as the value to <var title="">output</var>.</li>
+ of <a href=#the-title-element-0>the <code>title</code> element</a> as the value to <var title="">output</var>.</li>
<li><p>If <var title="">node</var> has a <a href=#global-identifier>global
identifier</a>, <a href=#add-a-vcard-line>add a vCard line</a> with the type
@@ -58660,12 +58654,12 @@
<ol><li>
- <p>If <a href=#the-title-element>the <code>title</code> element</a> is not null,
+ <p>If <a href=#the-title-element-0>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 concatenation of the data of all the child <a href=#text-node title="text node">text nodes</a> of <a href=#the-title-element>the <code>title</code> element</a>, in <a href=#tree-order>tree order</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.
+ <dt>object <dd> the 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 <a href=#tree-order>tree order</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.
</dl></li>
@@ -58720,7 +58714,7 @@
<li>
- <p>For each <code><a href=#meta>meta</a></code> element in the <code><a href=#document>Document</a></code>
+ <p>For each <code><a href=#the-meta-element>meta</a></code> element in the <code><a href=#document>Document</a></code>
that has a <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute and
a <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute, if the
value of the <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute
@@ -58730,7 +58724,7 @@
<dl class=triple><dt>subject <dd> <a href="#the-document's-current-address">the document's current address</a>
<dt>predicate <dd> the concatenation of the string "<code title="">http://www.w3.org/1999/xhtml/vocab#</code>" and the value of the element's <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute, <a href=#converted-to-ascii-lowercase>converted to ASCII lowercase</a>, with any characters in the value that are not valid in the <ifragment> production of the IRI syntax being %-escaped <a href=#refsRFC3987>[RFC3987]</a>
<dt>object <dd> the value of the element's <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute, as a plain literal, with the language information set from the <a href=#language>language</a> of the element, if it is not unknown
- </dl><p>For each <code><a href=#meta>meta</a></code> element in the <code><a href=#document>Document</a></code>
+ </dl><p>For each <code><a href=#the-meta-element>meta</a></code> element in the <code><a href=#document>Document</a></code>
that has a <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute and
a <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute, if the
value of the <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute is
@@ -59080,7 +59074,7 @@
<li>
- <p>For each <code><a href=#meta>meta</a></code> element with a <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute and a <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute and whose <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute's value is <code title=meta-author><a href=#meta-author>author</a></code>, run the following substeps:</p>
+ <p>For each <code><a href=#the-meta-element>meta</a></code> element with a <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute and a <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute and whose <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute's value is <code title=meta-author><a href=#meta-author>author</a></code>, run the following substeps:</p>
<ol><li><p>Append an <code title="">author</code> element in the
<a href=#atom-namespace>Atom namespace</a> to the root element of <var title="">R</var>.</li>
@@ -59090,7 +59084,7 @@
previous step.</p>
<li><p>Append a text node whose data is the value of the
- <code><a href=#meta>meta</a></code> element's <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute to the element
+ <code><a href=#the-meta-element>meta</a></code> element's <code title=attr-meta-content><a href=#attr-meta-content>content</a></code> attribute to the element
created in the previous step.</li>
</ol><!-- could use vCards instead, and get <atom:email> and <atom:uri>
@@ -59173,7 +59167,7 @@
<dd>
<p>Let <var title="">heading content</var> be the descendants of
- <a href=#the-title-element>the <code>title</code> element</a>, if there is one, or
+ <a href=#the-title-element-0>the <code>title</code> element</a>, if there is one, or
an empty list otherwise.</p>
</dd>
@@ -59709,7 +59703,7 @@
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><a href=#document>Document</a></code> must have a single child
- <code><a href=#the-html-element-0>html</a></code> node, which itself has 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-0>body</a></code> node.</p>
<p class=note>If the <a href=#browsing-context>browsing context</a> is created
@@ -61019,10 +61013,10 @@
origin</a> of a script are determined from another resource,
called the <i>owner</i>:</p>
- <dl class=switch><dt>If a script is in a <code><a href=#script>script</a></code> element</dt>
+ <dl class=switch><dt>If a script is in a <code><a href=#the-script-element>script</a></code> element</dt>
<dd>The owner is the <code><a href=#document>Document</a></code> to which the
- <code><a href=#script>script</a></code> element belongs.</dd>
+ <code><a href=#the-script-element>script</a></code> element belongs.</dd>
<dt>If a script is in an <a href=#event-handler-content-attributes title="event handler content
@@ -61176,7 +61170,7 @@
</dd>
- <dt>For <code><a href=#audio>audio</a></code> and <code><a href=#video>video</a></code> elements</dt>
+ <dt>For <code><a href=#the-audio-element>audio</a></code> and <code><a href=#the-video-element>video</a></code> elements</dt>
<dd>
@@ -61491,7 +61485,7 @@
<p class=note>Titles associated with <a href=#session-history-entry title="session history
entry">session history entries</a> need not have any relation
- with the current <code><a href=#the-title-element-0>title</a></code> of the
+ with the current <code><a href=#the-title-element>title</a></code> of the
<code><a href=#document>Document</a></code>. The title of a <a href=#session-history-entry>session history
entry</a> is intended to explain the state of the document at
that point, so that the user can navigate the document's
@@ -61949,8 +61943,8 @@
<p>Applications might not use the same title for a <a href=#session-history-entry>session
history entry</a> as the value of the document's
- <code><a href=#the-title-element-0>title</a></code> element at that time. For example, here is a
- simple page that shows a block in the <code><a href=#the-title-element-0>title</a></code> element.
+ <code><a href=#the-title-element>title</a></code> element at that time. For example, here is a
+ simple page that shows a block in the <code><a href=#the-title-element>title</a></code> element.
Clearly, when navigating backwards to a previous state the user
does not go back in time, and therefore it would be inappropriate
to put the time in the session history title.</p>
@@ -62828,7 +62822,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-0>html</a></code>
+ specifications cited above, is found to be an <code><a href=#the-html-element>html</a></code>
element with an attribute <code title=attr-html-manifest><a href=#attr-html-manifest>manifest</a></code> whose value is not the
empty string, 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
@@ -62915,9 +62909,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-0>head</a></code> element of
+ <p>User agents may add content to the <code><a href=#the-head-element>head</a></code> element of
the <code><a href=#document>Document</a></code>, e.g. linking to a style sheet or an XBL
- binding, providing script, giving the document a <code><a href=#the-title-element-0>title</a></code>,
+ binding, providing script, giving the document a <code><a href=#the-title-element>title</a></code>,
etc.</p>
<p class=note>In particular, if the user agent supports the <code title="">Format=Flowed</code> feature of RFC 3676 then the user
@@ -62934,9 +62928,9 @@
<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-0>html</a></code> element to the <code><a href=#document>Document</a></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-html-element>html</a></code> element to the <code><a href=#document>Document</a></code>, append a
+ <code><a href=#the-head-element>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>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>
@@ -62955,10 +62949,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-0>head</a></code> element of
+ <p>User agents may add content to the <code><a href=#the-head-element>head</a></code> element of
the <code><a href=#document>Document</a></code>, or attributes to the <code><a href=#the-img-element>img</a></code>
element, e.g. to link to a style sheet or an XBL binding, to provide
- a script, to give the document a <code><a href=#the-title-element-0>title</a></code>, etc.</p>
+ a script, to give the document a <code><a href=#the-title-element>title</a></code>, etc.</p>
<h4 id=read-plugin><span class=secno>6.5.6 </span><dfn title=navigate-plugin>Page load processing model for content that uses plugins</dfn></h4>
@@ -62967,9 +62961,9 @@
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-0>html</a></code> element to the <code><a href=#document>Document</a></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
+ append an <code><a href=#the-html-element>html</a></code> element to the <code><a href=#document>Document</a></code>,
+ append a <code><a href=#the-head-element>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>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>
@@ -62988,10 +62982,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-0>head</a></code> element of
+ <p>User agents may add content to the <code><a href=#the-head-element>head</a></code> element of
the <code><a href=#document>Document</a></code>, or attributes to the <code><a href=#the-embed-element>embed</a></code>
element, e.g. to link to a style sheet or an XBL binding, or to give
- the document a <code><a href=#the-title-element-0>title</a></code>.</p>
+ the document a <code><a href=#the-title-element>title</a></code>.</p>
<p class=note id=sandboxPluginNavigate>If the <a href=#sandboxed-plugins-browsing-context-flag>sandboxed
plugins browsing context flag</a> was set on the <a href=#browsing-context>browsing
@@ -63837,7 +63831,7 @@
<dt><dfn id=concept-appcache-manifest title=concept-appcache-manifest>The manifest</dfn>
<dd><p class=note>This is the resource corresponding to the URL
- that was given in a master entry's <code><a href=#the-html-element-0>html</a></code> element's
+ 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
manifest is fetched and processed during the <a href=#application-cache-download-process>application
cache download process</a>. All the <a href=#concept-appcache-master title=concept-appcache-master>master entries</a> have the
@@ -65052,7 +65046,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-0>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>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>
@@ -65813,7 +65807,7 @@
run in the context of a document. These mechanisms include, but are
probably not limited to:</p>
- <ul><li>Processing of <code><a href=#script>script</a></code> elements.</li>
+ <ul><li>Processing of <code><a href=#the-script-element>script</a></code> elements.</li>
<li>Processing of inline <code title="javascript
protocol"><a href=#javascript-protocol>javascript:</a></code> URLs (e.g. the <code title=attr-img-src><a href=#attr-img-src>src</a></code> attribute of <code><a href=#the-img-element>img</a></code>
@@ -68856,7 +68850,7 @@
<li><code><a href=#the-textarea-element>textarea</a></code> elements that are not <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a></li>
- <li><code><a href=#the-command>command</a></code> elements that do not have a <code title=attr-command-disabled><a href=#attr-command-disabled>disabled</a></code> attribute</li>
+ <li><code><a href=#the-command-element>command</a></code> elements that do not have a <code title=attr-command-disabled><a href=#attr-command-disabled>disabled</a></code> attribute</li>
<li>Elements with a <code title=attr-draggable><a href=#the-draggable-attribute>draggable</a></code>
attribute set, if that would enable the user agent to allow the
@@ -73037,8 +73031,8 @@
receiving streams from remote peers.</li>
<li>Displaying such streams (both the locally-produced ones and the
- remotely-obtained ones) locally using the <code><a href=#video>video</a></code> or
- <code><a href=#audio>audio</a></code> elements.</li>
+ remotely-obtained ones) locally using the <code><a href=#the-video-element>video</a></code> or
+ <code><a href=#the-audio-element>audio</a></code> elements.</li>
<li>Sending arbitrary data to remote peers.</li>
@@ -73589,8 +73583,8 @@
<li><p>Return, and run the remaining steps asynchronously.</li>
<li><p>Generate a file that containing <var title="">data</var> in
- a format supported by the user agent for use in <code><a href=#audio>audio</a></code>
- and <code><a href=#video>video</a></code> elements.</li>
+ a format supported by the user agent for use in <code><a href=#the-audio-element>audio</a></code>
+ and <code><a href=#the-video-element>video</a></code> elements.</li>
<li><p>Let <var title="">blob</var> be a <code>Blob</code> object
representing the contents of the file generated in the previous
@@ -73688,7 +73682,7 @@
<p>For audio and video streams, the data exposed on that stream must
be in a format supported by the user agent for use in
- <code><a href=#audio>audio</a></code> and <code><a href=#video>video</a></code> elements.</p>
+ <code><a href=#the-audio-element>audio</a></code> and <code><a href=#the-video-element>video</a></code> elements.</p>
<p class=bookkeeping>A <dfn id=blob-url>Blob URL</dfn> is the same as what the
File API specification calls a <span>Blob URI</span>, except that
@@ -74140,13 +74134,13 @@
<p>User agents may negotiate any codec and any resolution, bitrate,
or other quality metric. User agents are encouraged to initially
negotiate for the native resolution of the stream. For streams that
- are then rendered (using a <code><a href=#video>video</a></code> element), user agents
+ are then rendered (using a <code><a href=#the-video-element>video</a></code> element), user agents
are encouraged to renegotiate for a resolution that matches the
rendered display size.</p>
<p class=note>Starting with the native resolution means that if
the Web application notifies its peer of the native resolution as it
- starts sending data, and the peer prepares its <code><a href=#video>video</a></code>
+ starts sending data, and the peer prepares its <code><a href=#the-video-element>video</a></code>
element accordingly, there will be no need for a renegotiation once
the stream is flowing.</p>
@@ -75611,7 +75605,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-0>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>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>
@@ -75625,19 +75619,19 @@
<div class=note>
- <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
+ <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
document is parsed; space characters <em>after</em> the root
- <code><a href=#the-html-element-0>html</a></code> element will be parsed as if they were at the end
+ <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-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-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>
+ <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>
</div>
@@ -75742,21 +75736,21 @@
<dl><dt><dfn id=void-elements>Void elements</dfn></dt>
<dd><code><a href=#the-area-element>area</a></code>, <code><a href=#the-base-element>base</a></code>, <code><a href=#the-br-element>br</a></code>,
- <code><a href=#the-col-element>col</a></code>, <code><a href=#the-command>command</a></code>, <code><a href=#the-embed-element>embed</a></code>,
+ <code><a href=#the-col-element>col</a></code>, <code><a href=#the-command-element>command</a></code>, <code><a href=#the-embed-element>embed</a></code>,
<code><a href=#the-hr-element>hr</a></code>, <code><a href=#the-img-element>img</a></code>, <code><a href=#the-input-element>input</a></code>,
- <code><a href=#the-keygen-element>keygen</a></code>, <code><a href=#the-link-element>link</a></code>, <code><a href=#meta>meta</a></code>,
+ <code><a href=#the-keygen-element>keygen</a></code>, <code><a href=#the-link-element>link</a></code>, <code><a href=#the-meta-element>meta</a></code>,
<code><a href=#the-param-element>param</a></code>, <code><a href=#the-source-element>source</a></code>, <code><a href=#the-track-element>track</a></code>,
<code><a href=#the-wbr-element>wbr</a></code></dd>
<!-- see also other places that say VOIDLIST -->
<dt><dfn id=raw-text-elements>Raw text elements</dfn></dt>
- <dd><code><a href=#script>script</a></code>, <code><a href=#the-style-element>style</a></code></dd> <!-- iframe and
+ <dd><code><a href=#the-script-element>script</a></code>, <code><a href=#the-style-element>style</a></code></dd> <!-- iframe and
noscript don't count as raw text for syntax purposes -->
<dt><dfn id=rcdata-elements>RCDATA elements</dfn></dt>
- <dd><code><a href=#the-textarea-element>textarea</a></code>, <code><a href=#the-title-element-0>title</a></code></dd>
+ <dd><code><a href=#the-textarea-element>textarea</a></code>, <code><a href=#the-title-element>title</a></code></dd>
<dt><dfn id=foreign-elements>Foreign elements</dfn></dt>
@@ -76110,34 +76104,34 @@
<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-0>html</a></code> element, even if the
+ document always has a root <code><a href=#the-html-element>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-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>
+ <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>
<!-- </html> -->
- <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
+ <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
immediately followed by a <a href=#syntax-comments title=syntax-comments>comment</a>.</p>
<!-- <head> -->
- <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
+ <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
element is empty, or if the first thing inside the
- <code><a href=#the-head-element-0>head</a></code> element is an element.</p>
+ <code><a href=#the-head-element>head</a></code> element is an element.</p>
<!-- </head> -->
- <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
+ <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
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-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-0>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=#the-script-element>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
@@ -76176,7 +76170,7 @@
<code><a href=#the-fieldset-element>fieldset</a></code>, <code><a href=#the-footer-element>footer</a></code>, <code><a href=#the-form-element>form</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-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=#menus>menu</a></code>,
+ <code><a href=#the-hgroup-element>hgroup</a></code>, <code><a href=#the-hr-element>hr</a></code>, <code><a href=#the-menu-element>menu</a></code>,
<code><a href=#the-nav-element>nav</a></code>, <code><a href=#the-ol-element>ol</a></code>, <code><a href=#the-p-element>p</a></code>, <code><a href=#the-pre-element>pre</a></code>,
<code><a href=#the-section-element>section</a></code>, <code><a href=#the-table-element>table</a></code>, or <code><a href=#the-ul-element>ul</a></code>,
element, or if there is no more content in the parent element and
@@ -77460,7 +77454,7 @@
then switch the <a href=#insertion-mode>insertion mode</a> to "<a href=#parsing-main-intable title="insertion mode: in table">in table</a>" and abort these
steps.</li>
- <li>If <var title="">node</var> is a <code><a href=#the-head-element-0>head</a></code> element,
+ <li>If <var title="">node</var> is a <code><a href=#the-head-element>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
@@ -77482,7 +77476,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-0>html</a></code> element,
+ <li>If <var title="">node</var> is an <code><a href=#the-html-element>html</a></code> element,
then <!--: if the <span><code title="">head</code> element
pointer</span> 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
@@ -77513,17 +77507,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-0>html</a></code> root element node, which is then added to the
+ <code><a href=#the-html-element>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-0>html</a></code>
+ elements</a> is initialized to contain an <code><a href=#the-html-element>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-0>html</a></code> node, however it is created, is the topmost
+ <p>The <code><a href=#the-html-element>html</a></code> node, however it is created, is the topmost
node of the stack. It only gets popped off the stack when the parser
<a href=#stop-parsing title="stop parsing">finishes</a>.</p>
@@ -77535,7 +77529,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-0>html</a></code> element).</p>
+ of open elements</a> (the <code><a href=#the-html-element>html</a></code> element).</p>
<p>Elements in the stack fall into the following categories:</p>
@@ -77546,28 +77540,28 @@
<code><a href=#the-base-element>base</a></code>, <code><a href=#basefont>basefont</a></code>, <code><a href=#bgsound>bgsound</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=#the-button-element>button</a></code>, <code><a href=#the-caption-element>caption</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>,
+ <code><a href=#the-col-element>col</a></code>, <code><a href=#the-colgroup-element>colgroup</a></code>, <code><a href=#the-command-element>command</a></code>,
<code><a href=#the-dd-element>dd</a></code>, <code><a href=#the-details-element>details</a></code>, <code><a href=#dir>dir</a></code>,
<code><a href=#the-div-element>div</a></code>, <code><a href=#the-dl-element>dl</a></code>, <code><a href=#the-dt-element>dt</a></code>,
<code><a href=#the-embed-element>embed</a></code>, <code><a href=#the-fieldset-element>fieldset</a></code>, <code><a href=#the-figcaption-element>figcaption</a></code>,
<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-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-html-element-0>html</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-hgroup-element>hgroup</a></code>, <code><a href=#the-hr-element>hr</a></code>, <code><a href=#the-html-element>html</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) --> <code><a href=#the-img-element>img</a></code>, <code><a href=#the-input-element>input</a></code>,
<code><a href=#isindex-0>isindex</a></code>, <code><a href=#the-li-element>li</a></code>, <code><a href=#the-link-element>link</a></code>,
- <code><a href=#listing>listing</a></code>, <code><a href=#the-marquee-element>marquee</a></code>, <code><a href=#menus>menu</a></code>,
- <code><a href=#meta>meta</a></code>, <code><a href=#the-nav-element>nav</a></code>, <code><a href=#noembed>noembed</a></code>,
+ <code><a href=#listing>listing</a></code>, <code><a href=#the-marquee-element>marquee</a></code>, <code><a href=#the-menu-element>menu</a></code>,
+ <code><a href=#the-meta-element>meta</a></code>, <code><a href=#the-nav-element>nav</a></code>, <code><a href=#noembed>noembed</a></code>,
<code><a href=#noframes>noframes</a></code>, <code><a href=#the-noscript-element>noscript</a></code>, <code><a href=#the-object-element>object</a></code>,
<code><a href=#the-ol-element>ol</a></code>, <code><a href=#the-p-element>p</a></code>, <code><a href=#the-param-element>param</a></code>,
- <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=#plaintext>plaintext</a></code>, <code><a href=#the-pre-element>pre</a></code>, <code><a href=#the-script-element>script</a></code>,
<code><a href=#the-section-element>section</a></code>, <code><a href=#the-select-element>select</a></code>, <code><a href=#the-style-element>style</a></code>,
<code><a href=#the-summary-element>summary</a></code>, <code><a href=#the-table-element>table</a></code>, <code><a href=#the-tbody-element>tbody</a></code>,
<code><a href=#the-td-element>td</a></code>, <code><a href=#the-textarea-element>textarea</a></code>, <code><a href=#the-tfoot-element>tfoot</a></code>,
- <code><a href=#the-th-element>th</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-th-element>th</a></code>, <code><a href=#the-thead-element>thead</a></code>, <code><a href=#the-title-element>title</a></code>,
<code><a href=#the-tr-element>tr</a></code>, <code><a href=#the-ul-element>ul</a></code>, <code><a href=#the-wbr-element>wbr</a></code>, and
<code><a href=#xmp>xmp</a></code>; MathML's <code title="">mi</code>, <code title="">mo</code>, <code title="">mn</code>, <code title="">ms</code>, <code title="">mtext</code>, and <code title="">annotation-xml</code>; and SVG's <code title="">foreignObject</code>, <code title="">desc</code>, and
<code title="">title</code>.</dd> <!-- we could actually put
@@ -77604,7 +77598,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-0>html</a></code> element — is reached.)</li>
+ <code><a href=#the-html-element>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-scope title="has an element in scope">have an element in scope</dfn> when
it <a href=#has-an-element-in-the-specific-scope>has an element in the specific scope</a> consisting
@@ -77612,7 +77606,7 @@
<ul class=brief><li><code><a href=#the-applet-element>applet</a></code> in the <a href=#html-namespace-0>HTML namespace</a></li>
<li><code><a href=#the-caption-element>caption</a></code> in the <a href=#html-namespace-0>HTML namespace</a></li>
- <li><code><a href=#the-html-element-0>html</a></code> in the <a href=#html-namespace-0>HTML namespace</a></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>html</a></code> in the <a href=#html-namespace-0>HTML namespace</a></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 <a href=#html-namespace-0>HTML namespace</a></li>
<li><code><a href=#the-td-element>td</a></code> in the <a href=#html-namespace-0>HTML namespace</a></li>
<li><code><a href=#the-th-element>th</a></code> in the <a href=#html-namespace-0>HTML namespace</a></li>
@@ -77646,7 +77640,7 @@
scope</dfn> when it <a href=#has-an-element-in-the-specific-scope>has an element in the specific
scope</a> consisting of the following element types:</p>
- <ul class=brief><li><code><a href=#the-html-element-0>html</a></code> in the <a href=#html-namespace-0>HTML namespace</a></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>html</a></code> in the <a href=#html-namespace-0>HTML namespace</a></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 <a href=#html-namespace-0>HTML namespace</a></li>
</ul><p>The <a href=#stack-of-open-elements>stack of open elements</a> is said to <dfn id=has-an-element-in-select-scope title="has an element in select scope">have an element in select
scope</dfn> when it <a href=#has-an-element-in-the-specific-scope>has an element in the specific
@@ -77790,7 +77784,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-0>head</a></code> element has been parsed (whether
+ <p>Once a <code><a href=#the-head-element>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>
@@ -77809,7 +77803,7 @@
<p class=note>The <a href=#scripting-flag>scripting flag</a> can be enabled even
when the parser was originally created for the <a href=#html-fragment-parsing-algorithm>HTML fragment
- parsing algorithm</a>, even though <code><a href=#script>script</a></code> elements
+ parsing algorithm</a>, even though <code><a href=#the-script-element>script</a></code> elements
don't execute in that case.</p>
<p>The <dfn id=frameset-ok-flag>frameset-ok flag</dfn> is set to "ok" when the parser is
@@ -77857,7 +77851,7 @@
<a href=#tree-construction>tree construction</a> stage. The tree construction stage
can affect the state of the tokenization stage, and can insert
additional characters into the stream. (For example, the
- <code><a href=#script>script</a></code> element can result in scripts executing and
+ <code><a href=#the-script-element>script</a></code> element can result in scripts executing and
using the <a href=#dynamic-markup-insertion>dynamic markup insertion</a> APIs to insert
characters into the stream being tokenized.)</p>
@@ -80316,7 +80310,7 @@
<p>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
<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-0>html</a></code> element). Otherwise,
+ of open elements</a> (the <code><a href=#the-html-element>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
@@ -80593,7 +80587,7 @@
<dt>Anything else</dt>
<dd>
- <p>Create an <code><a href=#the-html-element-0>html</a></code> element. Append it to the
+ <p>Create an <code><a href=#the-html-element>html</a></code> element. Append it to the
<code><a href=#document>Document</a></code> object. Put this element in the <a href=#stack-of-open-elements>stack
of open elements</a>.</p>
@@ -80648,7 +80642,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-0>head</a></code> element.</p>
+ to the newly created <code><a href=#the-head-element>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>
@@ -80795,7 +80789,7 @@
<li><p>If the parser was originally created for the <a href=#html-fragment-parsing-algorithm>HTML
fragment parsing algorithm</a>, then mark the
- <code><a href=#script>script</a></code> element as <a href=#already-started>"already
+ <code><a href=#the-script-element>script</a></code> element as <a href=#already-started>"already
started"</a>. (<a href=#fragment-case>fragment case</a>)</li>
<li><p>Append the new element to the <a href=#current-node>current node</a>
@@ -80816,7 +80810,7 @@
<dd>
<p>Pop the <a href=#current-node>current node</a> (which will be the
- <code><a href=#the-head-element-0>head</a></code> element) off the <a href=#stack-of-open-elements>stack of open
+ <code><a href=#the-head-element>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>
@@ -80865,7 +80859,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-0>head</a></code> element.</p>
+ <code><a href=#the-head-element>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>
@@ -81105,7 +81099,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-0>html</a></code> element.</p>
+ but not including, the root <code><a href=#the-html-element>html</a></code> element.</p>
<li><p><a href=#insert-an-html-element>Insert an HTML element</a> for the
token.</li>
@@ -81123,7 +81117,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-0>body</a></code> element, or the <code><a href=#the-html-element-0>html</a></code> element, then
+ <code><a href=#the-body-element-0>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 error</a>.</p> <!-- (some of those are
fragment cases) -->
@@ -81150,7 +81144,7 @@
<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-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
+ <code><a href=#the-html-element>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) -->
@@ -82278,8 +82272,8 @@
<!-- can't be the fragment case -->
<p><a href=#parse-error>Parse error</a>.</p>
- <p>If the <a href=#current-node>current node</a> is a <code><a href=#script>script</a></code>
- element, mark the <code><a href=#script>script</a></code> element as <a href=#already-started>"already
+ <p>If the <a href=#current-node>current node</a> is a <code><a href=#the-script-element>script</a></code>
+ element, mark the <code><a href=#the-script-element>script</a></code> element as <a href=#already-started>"already
started"</a>.</p>
<p>Pop the <a href=#current-node>current node</a> off the <a href=#stack-of-open-elements>stack of open
@@ -82296,7 +82290,7 @@
<p><a href=#provide-a-stable-state>Provide a stable state</a>.</p>
<p>Let <var title="">script</var> be the <a href=#current-node>current node</a>
- (which will be a <code><a href=#script>script</a></code> element).</p>
+ (which will be a <code><a href=#the-script-element>script</a></code> element).</p>
<p>Pop the <a href=#current-node>current node</a> off the <a href=#stack-of-open-elements>stack of open
elements</a>.</p>
@@ -82576,7 +82570,7 @@
<dd>
<p>If the <a href=#current-node>current node</a> is not the root
- <code><a href=#the-html-element-0>html</a></code> element, then this is a <a href=#parse-error>parse
+ <code><a href=#the-html-element>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
@@ -82602,11 +82596,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-0>html</a></code> element, pop elements from the
+ element or an <code><a href=#the-html-element>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-0>html</a></code> element after this process is a <a href=#fragment-case>fragment
+ <code><a href=#the-html-element>html</a></code> element after this process is a <a href=#fragment-case>fragment
case</a>.</p>
@@ -82755,7 +82749,7 @@
<dd>
<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 this is a <a href=#parse-error>parse
+ <code><a href=#the-html-element>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>
@@ -82774,7 +82768,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-0>html</a></code>
+ <p>If the <a href=#current-node>current node</a> is the root <code><a href=#the-html-element>html</a></code>
element, then <a href=#stop-parsing>stop parsing</a>. (<a href=#fragment-case>fragment
case</a>)</p>
@@ -82874,12 +82868,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-0>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>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-0>html</a></code> element after this process is a <a href=#fragment-case>fragment
+ <code><a href=#the-html-element>html</a></code> element after this process is a <a href=#fragment-case>fragment
case</a>.</p>
@@ -82965,11 +82959,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-0>html</a></code> element, pop elements from the
+ element or an <code><a href=#the-html-element>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-0>html</a></code> element after this process is a <a href=#fragment-case>fragment
+ <code><a href=#the-html-element>html</a></code> element after this process is a <a href=#fragment-case>fragment
case</a>.</p>
@@ -83201,7 +83195,7 @@
<dd>
<p>If the <a href=#current-node>current node</a> is not the root
- <code><a href=#the-html-element-0>html</a></code> element, then this is a <a href=#parse-error>parse
+ <code><a href=#the-html-element>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
@@ -83262,7 +83256,7 @@
<dt>A comment token</dt>
<dd>
<p>Append a <code><a href=#comment-0>Comment</a></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-0>html</a></code>
+ the <a href=#stack-of-open-elements>stack of open elements</a> (the <code><a href=#the-html-element>html</a></code>
element), with the <code title="">data</code> attribute set to
the data given in the comment token.</p>
</dd>
@@ -83343,7 +83337,7 @@
<dd>
<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 this is a <a href=#parse-error>parse
+ <code><a href=#the-html-element>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>
@@ -83381,7 +83375,7 @@
<dd>
<p>If the <a href=#current-node>current node</a> is not the root
- <code><a href=#the-html-element-0>html</a></code> element, then this is a <a href=#parse-error>parse
+ <code><a href=#the-html-element>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
@@ -83758,17 +83752,17 @@
substeps:</p>
<ol><li><p><a href=#spin-the-event-loop>Spin the event loop</a> until the first
- <code><a href=#script>script</a></code> in the <a href=#list-of-scripts-that-will-execute-when-the-document-has-finished-parsing>list of scripts that will
+ <code><a href=#the-script-element>script</a></code> in the <a href=#list-of-scripts-that-will-execute-when-the-document-has-finished-parsing>list of scripts that will
execute when the document has finished parsing</a> has its
<a href=#ready-to-be-parser-executed>"ready to be parser-executed"</a> flag set <em>and</em>
the parser's <code><a href=#document>Document</a></code> <a href=#has-no-style-sheet-that-is-blocking-scripts>has no style sheet that
is blocking scripts</a>.</li>
<li><p><a href=#execute-the-script-block title="execute the script block">Execute</a> the
- first <code><a href=#script>script</a></code> in the <a href=#list-of-scripts-that-will-execute-when-the-document-has-finished-parsing>list of scripts that will
+ first <code><a href=#the-script-element>script</a></code> in the <a href=#list-of-scripts-that-will-execute-when-the-document-has-finished-parsing>list of scripts that will
execute when the document has finished parsing</a>.</li>
- <li><p>Remove the first <code><a href=#script>script</a></code> element from the
+ <li><p>Remove the first <code><a href=#the-script-element>script</a></code> element from the
<a href=#list-of-scripts-that-will-execute-when-the-document-has-finished-parsing>list of scripts that will execute when the document has
finished parsing</a> (i.e. shift out the first entry in the
list).</li>
@@ -83968,8 +83962,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-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>,
+ <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-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>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>
@@ -83978,7 +83972,7 @@
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-0>html</a></code>,
+ elements</a> ends up with just three elements: <code><a href=#the-html-element>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>
@@ -83990,7 +83984,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-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>11.2.8.2 </span>Misnested tags: <b><p></b></p></h5>
+ <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-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>11.2.8.2 </span>Misnested tags: <b><p></b></p></h5>
<p><i>This section is non-normative.</i></p>
@@ -84000,11 +83994,11 @@
<p>Up to the "2" the parsing here is straightforward:</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=#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>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-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-0>html</a></code>,
+ elements</a> has four elements on it: <code><a href=#the-html-element>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>
@@ -84028,18 +84022,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-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
+ <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-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-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
+ <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-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-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
+ <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-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-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>11.2.8.3 </span>Unexpected markup in tables</h5>
+ <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-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>11.2.8.3 </span>Unexpected markup in tables</h5>
<p><i>This section is non-normative.</i></p>
@@ -84054,11 +84048,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-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
+ <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-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-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>,
+ <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-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>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
@@ -84074,8 +84068,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-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>,
+ <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-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>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
@@ -84086,13 +84080,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-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,
+ <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-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-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
+ <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-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-0>html</a></code>, <code><a href=#the-body-element-0>body</a></code>, <code><a href=#the-table-element>table</a></code>,
+ elements <code><a href=#the-html-element>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
@@ -84117,8 +84111,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-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>,
+ <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-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>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;
@@ -84138,7 +84132,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-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>11.2.8.4 </span>Scripts that modify the page as it is bein
g parsed</h5>
+ <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-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>11.2.8.4 </span>Scripts that modify the page as it is being pa
rsed</h5>
<p><i>This section is non-normative.</i></p>
@@ -84163,16 +84157,16 @@
<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-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-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=#the-script-element>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=#the-script-element>script</a></code> element are gone:</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></ul><p>They are, at this point, in the <code><a href=#document>Document</a></code> of the
+ <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-0>body</a></code></ul></ul><p>They are, at this point, in the <code><a href=#document>Document</a></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>
- <p>Thus, when the second <code><a href=#script>script</a></code> element is parsed, it
+ <p>Thus, when the second <code><a href=#the-script-element>script</a></code> element is parsed, it
is inserted <em>into the outer <code><a href=#document>Document</a></code>
object</em>.</p>
@@ -84190,9 +84184,9 @@
<p>Once the <code><a href=#the-div-element>div</a></code> element's end tag is parsed, the
<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><a href=#document>Document</a></code>:</p>
+ <code><a href=#the-script-element>script</a></code> element is in the inner <code><a href=#document>Document</a></code>:</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>
+ <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-0>body</a></code><ul><li class=t1><code><a href=#the-script-element>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>
<h5 id=the-execution-of-scripts-that-are-moving-across-multiple-documents><span class=secno>11.2.8.5 </span>The execution of scripts that are moving across multiple documents</h5>
@@ -84200,7 +84194,7 @@
<p><i>This section is non-normative.</i></p>
<p>Elaborating on the example in the previous section, consider a
- case where a <code><a href=#script>script</a></code> element with a <code title=attr-script-src><a href=#attr-script-src>src</a></code> attribute is parsed, but while
+ case where a <code><a href=#the-script-element>script</a></code> element with a <code title=attr-script-src><a href=#attr-script-src>src</a></code> attribute is parsed, but while
the external script is being downloaded, the element is moved to
another document.</p>
@@ -84228,7 +84222,7 @@
<p>The resulting DOM tree is as follows:</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><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=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 t
itle=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">X⏎</span></ul></ul></ul></ul></ul></ul></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> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span tit
le="">X⏎</span></ul></ul></ul></ul></ul></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> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code
><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">X⏎</span></ul></ul></ul></ul></ul></ul></ul></ul></ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t3><code>#text</code>: <span title="">X⏎</span></ul></ul></ul></ul><p>Note how the second <code><a href=#the-p-element>p</a></code> element in the markup has no
+ <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><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=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title="
"><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">X⏎</span></ul></ul></ul></ul></ul></ul></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> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">
X⏎</span></ul></ul></ul></ul></ul></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> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code> <span class=t2 title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class=t1><code><a hr
ef=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">X⏎</span></ul></ul></ul></ul></ul></ul></ul></ul></ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t3><code>#text</code>: <span title="">X⏎</span></ul></ul></ul></ul><p>Note how the second <code><a href=#the-p-element>p</a></code> element in the markup has no
explicit <code><a href=#the-b-element>b</a></code> elements, but in the resulting DOM, up to
three of each kind of formatting element (in this case three
<code><a href=#the-b-element>b</a></code> elements with the class attribute, and two unadorned
@@ -84351,9 +84345,9 @@
<p>If <var title="">current node</var> is an
<code><a href=#the-area-element>area</a></code>, <code><a href=#the-base-element>base</a></code>, <code><a href=#basefont>basefont</a></code>,
<code><a href=#bgsound>bgsound</a></code>, <code><a href=#the-br-element>br</a></code>, <code><a href=#the-col-element>col</a></code>,
- <code><a href=#the-command>command</a></code>, <code><a href=#the-embed-element>embed</a></code>, <code><a href=#frame>frame</a></code>,
+ <code><a href=#the-command-element>command</a></code>, <code><a href=#the-embed-element>embed</a></code>, <code><a href=#frame>frame</a></code>,
<code><a href=#the-hr-element>hr</a></code>, <code><a href=#the-img-element>img</a></code>, <code><a href=#the-input-element>input</a></code>,
- <code><a href=#the-keygen-element>keygen</a></code>, <code><a href=#the-link-element>link</a></code>, <code><a href=#meta>meta</a></code>,
+ <code><a href=#the-keygen-element>keygen</a></code>, <code><a href=#the-link-element>link</a></code>, <code><a href=#the-meta-element>meta</a></code>,
<code><a href=#the-param-element>param</a></code>, <code><a href=#the-source-element>source</a></code>, <code><a href=#the-track-element>track</a></code> or
<code><a href=#the-wbr-element>wbr</a></code> element, then continue on to the next child
node at this point.</p> <!-- VOIDLIST superset -->
@@ -84381,7 +84375,7 @@
<dd>
<p>If the parent of <var title="">current node</var> is a
- <code><a href=#the-style-element>style</a></code>, <code><a href=#script>script</a></code>, <code><a href=#xmp>xmp</a></code>,
+ <code><a href=#the-style-element>style</a></code>, <code><a href=#the-script-element>script</a></code>, <code><a href=#xmp>xmp</a></code>,
<code><a href=#the-iframe-element>iframe</a></code>, <code><a href=#noembed>noembed</a></code>,
<code><a href=#noframes>noframes</a></code>, or <code><a href=#plaintext>plaintext</a></code> element, or
if the parent of <var title="">current node</var> is
@@ -84469,7 +84463,7 @@
literal string "<code title="">--></code>", then when the result
of serializing the element is parsed, the comment will be truncated
at that point and the rest of the comment will be interpreted as
- markup. More examples would be making a <code><a href=#script>script</a></code> element
+ markup. More examples would be making a <code><a href=#the-script-element>script</a></code> element
contain a text node with the text string
"<code></script></code>", or having a <code><a href=#the-p-element>p</a></code> element
that contains a <code><a href=#the-ul-element>ul</a></code> element (as the <code><a href=#the-ul-element>ul</a></code>
@@ -84485,7 +84479,7 @@
"<code></style><script>attack</script></code>" as a font
name, <code title=dom-innerHTML><a href=#dom-innerhtml>innerHTML</a></code> will return
markup that, if parsed in a different context, would contain a
- <code><a href=#script>script</a></code> node, even though no <code><a href=#script>script</a></code> node
+ <code><a href=#the-script-element>script</a></code> node, even though no <code><a href=#the-script-element>script</a></code> node
existed in the original DOM.</p>
</div>
@@ -84561,7 +84555,7 @@
<p>Set the state of the <a href=#html-parser>HTML parser</a>'s
<a href=#tokenization>tokenization</a> stage as follows:</p>
- <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>
+ <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>
element</dt>
<dd>Switch the tokenizer to the <a href=#rcdata-state>RCDATA state</a>.</dd>
@@ -84574,7 +84568,7 @@
<dd>Switch the tokenizer to the <a href=#rawtext-state>RAWTEXT state</a>.</dd>
- <dt>If it is a <code><a href=#script>script</a></code> element</dt>
+ <dt>If it is a <code><a href=#the-script-element>script</a></code> element</dt>
<dd>Switch the tokenizer to the <a href=#script-data-state>script data state</a>.</dd>
@@ -84609,7 +84603,7 @@
<li>
- <p>Let <var title="">root</var> be a new <code><a href=#the-html-element-0>html</a></code> element
+ <p>Let <var title="">root</var> be a new <code><a href=#the-html-element>html</a></code> element
with no attributes.</p>
</li>
@@ -84798,14 +84792,14 @@
handling external subsets. <a href=#refsXML>[XML]</a></p>
<p id=scriptTagXML>When an <a href=#xml-parser>XML parser</a> creates a
- <code><a href=#script>script</a></code> element, it must be marked as being
+ <code><a href=#the-script-element>script</a></code> element, it must be marked as being
<a href=#parser-inserted>"parser-inserted"</a> and its <a href=#force-async>"force-async"</a>
flag must be unset. If the parser was originally created for the
<a href=#xml-fragment-parsing-algorithm>XML fragment parsing algorithm</a>, then the element must
be marked as <a href=#already-started>"already started"</a> also. When the element's
end tag is parsed, the user agent must <a href=#provide-a-stable-state>provide a stable
state</a>, and then <a href=#prepare-a-script title="prepare a script">prepare</a>
- the <code><a href=#script>script</a></code> element. If this causes there to be a
+ the <code><a href=#the-script-element>script</a></code> element. If this causes there to be a
<a href=#pending-parsing-blocking-script>pending parsing-blocking script</a>, then the user agent
must run the following steps:</p>
@@ -86076,7 +86070,7 @@
<h4 id=embedded-content-2><span class=secno>13.3.1 </span>Embedded content</h4>
<p>The <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 be treated as replaced
+ <code><a href=#the-video-element>video</a></code> elements are expected to be treated as replaced
elements.</p>
<p>A <code><a href=#the-canvas-element>canvas</a></code> element that <a href=#represents>represents</a>
@@ -86095,43 +86089,43 @@
element. Other <code><a href=#the-applet-element>applet</a></code> elements are expected to be
treated as ordinary elements in the rendering model.</p>
- <p>The <code><a href=#audio>audio</a></code> element, when it is <a href=#expose-a-user-interface-to-the-user title="expose a
+ <p>The <code><a href=#the-audio-element>audio</a></code> element, when it is <a href=#expose-a-user-interface-to-the-user title="expose a
user interface to the user">exposing a user interface</a>, is
expected to be treated as a replaced element about one line high, as
wide as is necessary to expose the user agent's user interface
- features. When an <code><a href=#audio>audio</a></code> element is not <a href=#expose-a-user-interface-to-the-user title="expose a user interface to the user">exposing a user
+ features. When an <code><a href=#the-audio-element>audio</a></code> element is not <a href=#expose-a-user-interface-to-the-user title="expose a user interface to the user">exposing a user
interface</a>, the user agent is expected to hide it,
irrespective of CSS rules.</p>
- <p>Whether a <code><a href=#video>video</a></code> element is <a href=#expose-a-user-interface-to-the-user title="expose a
+ <p>Whether a <code><a href=#the-video-element>video</a></code> element is <a href=#expose-a-user-interface-to-the-user title="expose a
user interface to the user">exposing a user interface</a> is not
expected to affect the size of the rendering; controls are expected
to be overlaid with the page content without causing any layout
changes, and are expected to disappear when the user does not need
them.</p>
- <p>When a <code><a href=#video>video</a></code> element represents a poster frame or
+ <p>When a <code><a href=#the-video-element>video</a></code> element represents a poster frame or
frame of video, the poster frame or frame of video is expected to be
rendered at the largest size that maintains the aspect ratio of that
poster frame or frame of video without being taller or wider than
- the <code><a href=#video>video</a></code> element itself, and is expected to be
- centered in the <code><a href=#video>video</a></code> element.</p>
+ the <code><a href=#the-video-element>video</a></code> element itself, and is expected to be
+ centered in the <code><a href=#the-video-element>video</a></code> element.</p>
<p>Any subtitles or captions are expected to be overlayed directly
- on top of their <code><a href=#video>video</a></code> element, as defined by the
+ on top of their <code><a href=#the-video-element>video</a></code> element, as defined by the
relevant rendering rules; for <a href=#webvtt>WebVTT</a>, those are the
<a href=#webvtt-cue-text-rendering-rules>WebVTT cue text rendering rules</a> defined below.</p>
<p>When the user agent starts <a href=#expose-a-user-interface-to-the-user title="expose a user interface
to the user">exposing a user interface</a> for a
- <code><a href=#video>video</a></code> element, the user agent should run the <a href=#rules-for-updating-the-text-track-rendering>rules
- for updating the text track rendering</a> of each of the <a href=#text-track title="text track">text tracks</a> in the <code><a href=#video>video</a></code>
+ <code><a href=#the-video-element>video</a></code> element, the user agent should run the <a href=#rules-for-updating-the-text-track-rendering>rules
+ for updating the text track rendering</a> of each of the <a href=#text-track title="text track">text tracks</a> in the <code><a href=#the-video-element>video</a></code>
element's <a href=#list-of-text-tracks>list of text tracks</a> that are <a href=#text-track-showing title="text track showing">showing</a> or <a href=#text-track-showing-by-default title="text
track showing by default">showing by default</a> (e.g., for <a href=#text-track title="text track">text tracks</a> based on
<a href=#webvtt>WebVTT</a>, the <a href=#rules-for-updating-the-display-of-webvtt-text-tracks>rules for updating the display of
WebVTT text tracks</a>).</p>
- <p class=note>Resizing <code><a href=#video>video</a></code> and <code><a href=#the-canvas-element>canvas</a></code>
+ <p class=note>Resizing <code><a href=#the-video-element>video</a></code> and <code><a href=#the-canvas-element>canvas</a></code>
elements does not interrupt video playback or clear the canvas.</p>
<hr><p>The following CSS rules are expected to apply:</p>
@@ -86158,7 +86152,7 @@
<p>The <dfn id=rules-for-updating-the-display-of-webvtt-text-tracks>rules for updating the display of WebVTT text
tracks</dfn> render the <a href=#text-track title="text track">text
tracks</a> of a <a href=#media-element>media element</a> (specifically, a
- <code><a href=#video>video</a></code> element), or of another playback mechanism, by
+ <code><a href=#the-video-element>video</a></code> element), or of another playback mechanism, by
applying the steps below. All the <a href=#text-track title="text track">text
tracks</a> that use these rules for a given <a href=#media-element>media
element</a>, or other playback mechanism, are rendered together,
@@ -86171,7 +86165,7 @@
<p>The rules are as follows:</p>
- <ol><li><p>If the <a href=#media-element>media element</a> is an <code><a href=#audio>audio</a></code>
+ <ol><li><p>If the <a href=#media-element>media element</a> is an <code><a href=#the-audio-element>audio</a></code>
element, or is another playback mechanism with no rendering area,
abort these steps. There is nothing to render.</li>
@@ -86784,7 +86778,7 @@
<i>matched element</i>.</p>
<p class=note>If the <i>matched element</i> is not a
- <code><a href=#video>video</a></code> element, the pseudo-elements defined below won't
+ <code><a href=#the-video-element>video</a></code> element, the pseudo-elements defined below won't
have any effect according to this specification.</p>
<p>A CSS user agent that implements the <a href=#text-track title="text
@@ -87134,7 +87128,7 @@
<p id=dimRendering>The <code title=attr-dim-width><a href=#attr-dim-width>width</a></code>
and <code title=attr-dim-height><a href=#attr-dim-height>height</a></code> attributes on
<code><a href=#the-applet-element>applet</a></code>, <code><a href=#the-embed-element>embed</a></code>, <code><a href=#the-iframe-element>iframe</a></code>,
- <code><a href=#the-img-element>img</a></code>, <code><a href=#the-object-element>object</a></code> or <code><a href=#video>video</a></code>
+ <code><a href=#the-img-element>img</a></code>, <code><a href=#the-object-element>object</a></code> or <code><a href=#the-video-element>video</a></code>
elements, and <code><a href=#the-input-element>input</a></code> elements with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, <a href=#maps-to-the-dimension-property title="maps to the dimension property">map to the dimension
properties</a> 'width' and 'height' on the element
respectively.</p>
@@ -87174,7 +87168,7 @@
<h4 id=toolbars-0><span class=secno>13.3.6 </span>Toolbars</h4>
- <p>When a <code><a href=#menus>menu</a></code> element's <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state title="toolbar state">toolbar</a> state, the element is
+ <p>When a <code><a href=#the-menu-element>menu</a></code> element's <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state title="toolbar state">toolbar</a> state, the element is
expected to be treated as a replaced element with a height about two
lines high and a width derived from the contents of the element.</p>
@@ -87868,7 +87862,7 @@
<h3 id=frames-and-framesets><span class=secno>13.5 </span>Frames and framesets</h3>
- <p>When an <code><a href=#the-html-element-0>html</a></code> element's second child element is a
+ <p>When an <code><a href=#the-html-element>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 viewport, instead of applying the usual CSS rendering
@@ -88366,7 +88360,7 @@
instead.</p>
<p>Authors should not specify a <code title=attr-script-language><a href=#attr-script-language>language</a></code> attribute on a
- <code><a href=#script>script</a></code> element. If the attribute is present, its value
+ <code><a href=#the-script-element>script</a></code> element. If the attribute is present, its value
must be an <a href=#ascii-case-insensitive>ASCII case-insensitive</a> match for the string
"<code title="">JavaScript</code>" and either the <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute must be omitted or
its value must be an <a href=#ascii-case-insensitive>ASCII case-insensitive</a> match for
@@ -88416,7 +88410,7 @@
<code><a href=#the-img-element>img</a></code> element if its value is the string "<code title="">0</code>".</li>
<li><p>The presence of a <code title=attr-script-language><a href=#attr-script-language>language</a></code> attribute on a
- <code><a href=#script>script</a></code> element if its value is an <a href=#ascii-case-insensitive>ASCII
+ <code><a href=#the-script-element>script</a></code> element if its value is an <a href=#ascii-case-insensitive>ASCII
case-insensitive</a> match for the string "<code title="">JavaScript</code>" and if there is no <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute or there is and its
value is an <a href=#ascii-case-insensitive>ASCII case-insensitive</a> match for the
string "<code title="">text/javascript</code>".</li>
@@ -88448,7 +88442,7 @@
<dd><p>Use <code><a href=#the-abbr-element>abbr</a></code> instead.</dd>
<dt><dfn id=bgsound><code>bgsound</code></dfn></dt>
- <dd><p>Use <code><a href=#audio>audio</a></code> instead.</dd>
+ <dd><p>Use <code><a href=#the-audio-element>audio</a></code> instead.</dd>
<dt><dfn id=dir><code>dir</code></dfn></dt>
<dd><p>Use <code><a href=#the-ul-element>ul</a></code> instead.</dd>
@@ -88549,13 +88543,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-0>head</a></code> elements</dt>
- <dd><p>When used for declaring which <code><a href=#meta>meta</a></code> terms are
+ <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>
+ <dd><p>When used for declaring which <code><a href=#the-meta-element>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-0>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>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>
@@ -88575,7 +88569,7 @@
<dt><dfn id=attr-link-target title=attr-link-target><code>target</code></dfn> on <code><a href=#the-link-element>link</a></code> elements</dt>
<dd><p>Unnecessary. Omit it altogether.</dd>
- <dt><dfn id=attr-meta-scheme title=attr-meta-scheme><code>scheme</code></dfn> on <code><a href=#meta>meta</a></code> elements</dt>
+ <dt><dfn id=attr-meta-scheme title=attr-meta-scheme><code>scheme</code></dfn> on <code><a href=#the-meta-element>meta</a></code> elements</dt>
<dd><p>Use only one scheme per field, or make the scheme declaration part of the value.</dd>
<dt><dfn id=attr-object-archive title=attr-object-archive><code>archive</code></dfn> on <code><a href=#the-object-element>object</a></code> elements</dt>
@@ -88597,12 +88591,12 @@
<dd><p>Use the <code title=attr-param-name><a href=#attr-param-name>name</a></code> and <code title=attr-param-value><a href=#attr-param-value>value</a></code> attributes without declaring
value types.</dd>
- <dt><dfn id=attr-script-language title=attr-script-language><code>language</code></dfn> on <code><a href=#script>script</a></code> elements (except as noted in the previous section)</dt>
+ <dt><dfn id=attr-script-language title=attr-script-language><code>language</code></dfn> on <code><a href=#the-script-element>script</a></code> elements (except as noted in the previous section)</dt>
<dd><p>Use the <code title=attr-script-type><a href=#attr-script-type>type</a></code> attribute
instead.</dd>
- <dt><dfn id=attr-script-event title=attr-script-event><code>event</code></dfn> on <code><a href=#script>script</a></code> elements</dt>
- <dt><dfn id=attr-script-for title=attr-script-for><code>for</code></dfn> on <code><a href=#script>script</a></code> elements</dt>
+ <dt><dfn id=attr-script-event title=attr-script-event><code>event</code></dfn> on <code><a href=#the-script-element>script</a></code> elements</dt>
+ <dt><dfn id=attr-script-for title=attr-script-for><code>for</code></dfn> on <code><a href=#the-script-element>script</a></code> elements</dt>
<dd><p>Use DOM Events mechanisms to register event listeners. <a href=#refsDOMEVENTS>[DOMEVENTS]</a></dd>
<dt><dfn id=attr-table-datapagesize title=attr-table-datapagesize><code>datapagesize</code></dfn> on <code><a href=#the-table-element>table</a></code> elements</dt>
@@ -88670,7 +88664,7 @@
<dt><dfn id=attr-img-vspace title=attr-img-vspace><code>vspace</code></dfn> on <code><a href=#the-img-element>img</a></code> elements</dt>
<dt><dfn id=attr-legend-align title=attr-legend-align><code>align</code></dfn> on <code><a href=#the-legend-element>legend</a></code> elements</dt>
<dt><dfn id=attr-li-type title=attr-li-type><code>type</code></dfn> on <code><a href=#the-li-element>li</a></code> elements</dt>
- <dt><dfn id=attr-menu-compact title=attr-menu-compact><code>compact</code></dfn> on <code><a href=#menus>menu</a></code> elements</dt>
+ <dt><dfn id=attr-menu-compact title=attr-menu-compact><code>compact</code></dfn> on <code><a href=#the-menu-element>menu</a></code> elements</dt>
<dt><dfn id=attr-object-align title=attr-object-align><code>align</code></dfn> on <code><a href=#the-object-element>object</a></code> elements</dt>
<dt><dfn id=attr-object-border title=attr-object-border><code>border</code></dfn> on <code><a href=#the-object-element>object</a></code> elements</dt>
<dt><dfn id=attr-object-hspace title=attr-object-hspace><code>hspace</code></dfn> on <code><a href=#the-object-element>object</a></code> elements</dt>
@@ -89352,7 +89346,7 @@
<a href=#reflect>reflect</a> the content attribute of the same name.</p>
<hr><p class=note>The <dfn id=dom-head-profile title=dom-head-profile><code>profile</code></dfn> IDL attribute on
- <code><a href=#the-head-element-0>head</a></code> elements (with the <code><a href=#htmlheadelement>HTMLHeadElement</a></code>
+ <code><a href=#the-head-element>head</a></code> elements (with the <code><a href=#htmlheadelement>HTMLHeadElement</a></code>
interface) is intentionally omitted. Unless so required by <a href=#other-applicable-specifications title="other applicable specifications">another applicable
specification</a>, implementations would therefore not support
this attribute. (It is mentioned here as it was defined in a
@@ -89382,7 +89376,7 @@
};</pre>
<p>The <dfn id=dom-html-version title=dom-html-version><code>version</code></dfn> IDL
- attribute of the <code><a href=#the-html-element-0>html</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-html-element>html</a></code> element must <a href=#reflect>reflect</a>
the content attribute of the same name.</p>
<hr><pre class=idl>[Supplemental]
@@ -89498,7 +89492,7 @@
};</pre>
<p>The <dfn id=dom-menu-compact title=dom-menu-compact><code>compact</code></dfn> IDL
- attribute of the <code><a href=#menus>menu</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-menu-element>menu</a></code> element must <a href=#reflect>reflect</a>
the content attribute of the same name.</p>
<hr><pre class=idl>[Supplemental]
@@ -89507,8 +89501,8 @@
};</pre>
<p>User agents may treat the <code title=attr-meta-scheme><a href=#attr-meta-scheme>scheme</a></code> content attribute on the
- <code><a href=#meta>meta</a></code> element as an extension of the element's <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> content attribute when processing
- a <code><a href=#meta>meta</a></code> element with a <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute whose value is one that
+ <code><a href=#the-meta-element>meta</a></code> element as an extension of the element's <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> content attribute when processing
+ a <code><a href=#the-meta-element>meta</a></code> element with a <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute whose value is one that
the user agent recognizes as supporting the <code title=attr-meta-scheme><a href=#attr-meta-scheme>scheme</a></code> attribute.</p>
<p>User agents are encouraged to ignore the <code title=attr-meta-scheme><a href=#attr-meta-scheme>scheme</a></code> attribute and instead process
@@ -89517,12 +89511,12 @@
<div class=example>
- <p>For example, if the user agent acts on <code><a href=#meta>meta</a></code>
+ <p>For example, if the user agent acts on <code><a href=#the-meta-element>meta</a></code>
elements with <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attributes
having the value "eGMS.subject.keyword", and knows that the <code title=attr-meta-scheme><a href=#attr-meta-scheme>scheme</a></code> attribute is used with this
metadata name, then it could take the <code title=attr-meta-scheme><a href=#attr-meta-scheme>scheme</a></code> attribute into account,
acting as if it was an extension of the <code title=attr-meta-name><a href=#attr-meta-name>name</a></code> attribute. Thus the following
- two <code><a href=#meta>meta</a></code> elements could be treated as two elements
+ two <code><a href=#the-meta-element>meta</a></code> elements could be treated as two elements
giving values for two different metadata names, one consisting of a
combination of "eGMS.subject.keyword" and "LGCL", and the other
consisting of a combination of "eGMS.subject.keyword" and
@@ -89541,7 +89535,7 @@
</div>
<p>The <dfn id=dom-meta-scheme title=dom-meta-scheme><code>scheme</code></dfn> IDL
- attribute of the <code><a href=#meta>meta</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-meta-element>meta</a></code> element must <a href=#reflect>reflect</a>
the content attribute of the same name.</p>
<hr><pre class=idl>[Supplemental]
@@ -89626,7 +89620,7 @@
<p>The <dfn id=dom-script-event title=dom-script-event><code>event</code></dfn> and
<dfn id=dom-script-htmlfor title=dom-script-htmlFor><code>htmlFor</code></dfn> IDL
- attributes of the <code><a href=#script>script</a></code> element must return the empty
+ attributes of the <code><a href=#the-script-element>script</a></code> element must return the empty
string on getting, and do nothing on setting.</p>
<hr><pre class=idl>[Supplemental]
@@ -90648,7 +90642,7 @@
<td><a href=#flow-content title="Flow content">flow</a></td>
<td><a href=#global-attributes title="global attributes">globals</a></td>
<td><code><a href=#htmlelement>HTMLElement</a></code></td>
- <tr><th><code><a href=#audio>audio</a></code></th>
+ <tr><th><code><a href=#the-audio-element>audio</a></code></th>
<td>Audio player</td>
<td><a href=#flow-content title="Flow content">flow</a>;
<a href=#phrasing-content title="Phrasing content">phrasing</a>;
@@ -90676,7 +90670,7 @@
<tr><th><code><a href=#the-base-element>base</a></code></th>
<td>Base URL and default target <a href=#browsing-context>browsing context</a> for <a href=#attr-hyperlink-target title=attr-hyperlink-target>hyperlinks</a> and <a href=#attr-fs-target title=attr-fs-target>forms</a></td>
<td><a href=#metadata-content title="Metadata content">metadata</a></td>
- <td><code><a href=#the-head-element-0>head</a></code></td>
+ <td><code><a href=#the-head-element>head</a></code></td>
<td>empty</td>
<td><a href=#global-attributes title="global attributes">globals</a>;
<code title=attr-base-href><a href=#attr-base-href>href</a></code>;
@@ -90711,7 +90705,7 @@
<tr><th><code><a href=#the-body-element-0>body</a></code></th>
<td>Document body</td>
<td><a href=#sectioning-root title="Sectioning root">sectioning root</a></td>
- <td><code><a href=#the-html-element-0>html</a></code></td>
+ <td><code><a href=#the-html-element>html</a></code></td>
<td><a href=#flow-content title="Flow content">flow</a></td>
<td><a href=#global-attributes title="global attributes">globals</a>;
<code title=handler-window-onafterprint><a href=#handler-window-onafterprint>onafterprint</a></code>;
@@ -90817,12 +90811,12 @@
<td><a href=#global-attributes title="global attributes">globals</a>;
<code title=attr-colgroup-span><a href=#attr-colgroup-span>span</a></code></td>
<td><code><a href=#htmltablecolelement>HTMLTableColElement</a></code></td>
- <tr><th><code><a href=#the-command>command</a></code></th>
+ <tr><th><code><a href=#the-command-element>command</a></code></th>
<td>Menu command</td>
<td><a href=#metadata-content title="Metadata content">metadata</a>;
<a href=#flow-content title="Flow content">flow</a>;
<a href=#phrasing-content title="Phrasing content">phrasing</a></td>
- <td><code><a href=#the-head-element-0>head</a></code>;
+ <td><code><a href=#the-head-element>head</a></code>;
<a href=#phrasing-content title="Phrasing content">phrasing</a></td>
<td>empty</td>
<td><a href=#global-attributes title="global attributes">globals</a>;
@@ -90987,10 +90981,10 @@
<td><a href=#phrasing-content title="Phrasing content">phrasing</a></td>
<td><a href=#global-attributes title="global attributes">globals</a></td>
<td><code><a href=#htmlheadingelement>HTMLHeadingElement</a></code></td>
- <tr><th><code><a href=#the-head-element-0>head</a></code></th>
+ <tr><th><code><a href=#the-head-element>head</a></code></th>
<td>Container for document metadata</td>
<td>none</td>
- <td><code><a href=#the-html-element-0>html</a></code></td>
+ <td><code><a href=#the-html-element>html</a></code></td>
<td><a href=#metadata-content title="Metadata content">metadata content</a>*</td>
<td><a href=#global-attributes title="global attributes">globals</a></td>
<td><code><a href=#htmlheadelement>HTMLHeadElement</a></code></td>
@@ -91018,11 +91012,11 @@
<td>empty</td>
<td><a href=#global-attributes title="global attributes">globals</a></td>
<td><code><a href=#htmlhrelement>HTMLHRElement</a></code></td>
- <tr><th><code><a href=#the-html-element-0>html</a></code></th>
+ <tr><th><code><a href=#the-html-element>html</a></code></th>
<td>Root element</td>
<td>none</td>
<td>none*</td>
- <td><code><a href=#the-head-element-0>head</a></code>*;
+ <td><code><a href=#the-head-element>head</a></code>*;
<code><a href=#the-body-element-0>body</a></code>*</td>
<td><a href=#global-attributes title="global attributes">globals</a>;
<code title=attr-html-manifest><a href=#attr-html-manifest>manifest</a></code></td>
@@ -91172,7 +91166,7 @@
<tr><th><code><a href=#the-li-element>li</a></code></th>
<td>List item</td>
<td>none</td>
- <td><code><a href=#the-ol-element>ol</a></code>; <code><a href=#the-ul-element>ul</a></code>; <code><a href=#menus>menu</a></code></td>
+ <td><code><a href=#the-ol-element>ol</a></code>; <code><a href=#the-ul-element>ul</a></code>; <code><a href=#the-menu-element>menu</a></code></td>
<td><a href=#flow-content title="Flow content">flow</a></td>
<td><a href=#global-attributes title="global attributes">globals</a>;
<code title=attr-li-value><a href=#attr-li-value>value</a></code>*</td>
@@ -91182,7 +91176,7 @@
<td><a href=#metadata-content title="Metadata content">metadata</a>;
<a href=#flow-content title="Flow content">flow</a>*;
<a href=#phrasing-content title="Phrasing content">phrasing</a>*</td>
- <td><code><a href=#the-head-element-0>head</a></code>;
+ <td><code><a href=#the-head-element>head</a></code>;
<code><a href=#the-noscript-element>noscript</a></code>*;
<a href=#phrasing-content title="phrasing content">phrasing</a>*</td>
<td>empty</td>
@@ -91212,7 +91206,7 @@
<td><a href=#phrasing-content title="Phrasing content">phrasing</a></td>
<td><a href=#global-attributes title="global attributes">globals</a></td>
<td><code><a href=#htmlelement>HTMLElement</a></code></td>
- <tr><th><code><a href=#menus>menu</a></code></th>
+ <tr><th><code><a href=#the-menu-element>menu</a></code></th>
<td>Menu of commands</td>
<td><a href=#flow-content title="Flow content">flow</a>;
<a href=#interactive-content title="Interactive content">interactive</a>*</td>
@@ -91223,12 +91217,12 @@
<code title=attr-menu-type><a href=#attr-menu-type>type</a></code>;
<code title=attr-menu-label><a href=#attr-menu-label>label</a></code></td>
<td><code><a href=#htmlmenuelement>HTMLMenuElement</a></code></td>
- <tr><th><code><a href=#meta>meta</a></code></th>
+ <tr><th><code><a href=#the-meta-element>meta</a></code></th>
<td>Text metadata</td>
<td><a href=#metadata-content title="Metadata content">metadata</a>;
<a href=#flow-content title="Flow content">flow</a>*;
<a href=#phrasing-content title="Phrasing content">phrasing</a>*</td>
- <td><code><a href=#the-head-element-0>head</a></code>;
+ <td><code><a href=#the-head-element>head</a></code>;
<code><a href=#the-noscript-element>noscript</a></code>*;
<a href=#phrasing-content title="phrasing content">phrasing</a>*</td>
<td>empty</td>
@@ -91269,7 +91263,7 @@
<td><a href=#metadata-content title="Metadata content">metadata</a>;
<a href=#flow-content title="Flow content">flow</a>;
<a href=#phrasing-content title="Phrasing content">phrasing</a></td>
- <td><code><a href=#the-head-element-0>head</a></code>*;
+ <td><code><a href=#the-head-element>head</a></code>*;
<a href=#phrasing-content title="Phrasing content">phrasing</a>*</td>
<td>varies*</td>
<td><a href=#global-attributes title="global attributes">globals</a></td>
@@ -91428,12 +91422,12 @@
<td><a href=#phrasing-content title="Phrasing content">phrasing</a></td>
<td><a href=#global-attributes title="global attributes">globals</a></td>
<td><code><a href=#htmlelement>HTMLElement</a></code></td>
- <tr><th><code><a href=#script>script</a></code></th>
+ <tr><th><code><a href=#the-script-element>script</a></code></th>
<td>Embedded script</td>
<td><a href=#metadata-content title="Metadata content">metadata</a>;
<a href=#flow-content title="Flow content">flow</a>;
<a href=#phrasing-content title="Phrasing content">phrasing</a></td>
- <td><code><a href=#the-head-element-0>head</a></code>;
+ <td><code><a href=#the-head-element>head</a></code>;
<a href=#phrasing-content title="Phrasing content">phrasing</a></td>
<td>script, data, or script documentation*</td>
<td><a href=#global-attributes title="global attributes">globals</a>;
@@ -91482,10 +91476,10 @@
<td><a href=#global-attributes title="global attributes">globals</a></td>
<td><code><a href=#htmlelement>HTMLElement</a></code></td>
<tr><th><code><a href=#the-source-element>source</a></code></th>
- <td>Media source for <code><a href=#video>video</a></code> or <code><a href=#audio>audio</a></code></td>
+ <td>Media source for <code><a href=#the-video-element>video</a></code> or <code><a href=#the-audio-element>audio</a></code></td>
<td>none</td>
- <td><code><a href=#video>video</a></code>;
- <code><a href=#audio>audio</a></code></td>
+ <td><code><a href=#the-video-element>video</a></code>;
+ <code><a href=#the-audio-element>audio</a></code></td>
<td>empty</td>
<td><a href=#global-attributes title="global attributes">globals</a>;
<code title=attr-source-src><a href=#attr-source-src>src</a></code>;
@@ -91512,7 +91506,7 @@
<td>Embedded styling information</td>
<td><a href=#metadata-content title="Metadata content">metadata</a>;
<a href=#flow-content title="Flow content">flow</a></td>
- <td><code><a href=#the-head-element-0>head</a></code>;
+ <td><code><a href=#the-head-element>head</a></code>;
<code><a href=#the-noscript-element>noscript</a></code>*;
<a href=#flow-content title="flow content">flow</a>*</td>
<td>varies*</td>
@@ -91634,10 +91628,10 @@
<code title=attr-time-datetime><a href=#attr-time-datetime>datetime</a></code>;
<code title=attr-time-pubdate><a href=#attr-time-pubdate>pubdate</a></code></td>
<td><code><a href=#htmltimeelement>HTMLTimeElement</a></code></td>
- <tr><th><code><a href=#the-title-element-0>title</a></code></th>
+ <tr><th><code><a href=#the-title-element>title</a></code></th>
<td>Document title</td>
<td><a href=#metadata-content title="Metadata content">metadata</a></td>
- <td><code><a href=#the-head-element-0>head</a></code></td>
+ <td><code><a href=#the-head-element>head</a></code></td>
<td><a href=#text-content title="text content">text</a></td>
<td><a href=#global-attributes title="global attributes">globals</a></td>
<td><code><a href=#htmltitleelement>HTMLTitleElement</a></code></td>
@@ -91655,8 +91649,8 @@
<tr><th><code><a href=#the-track-element>track</a></code></th>
<td>Timed text track</td>
<td>none</td>
- <td><code><a href=#audio>audio</a></code>;
- <code><a href=#video>video</a></code></td>
+ <td><code><a href=#the-audio-element>audio</a></code>;
+ <code><a href=#the-video-element>video</a></code></td>
<td>empty</td>
<td><a href=#global-attributes title="global attributes">globals</a>;
<code title=attr-track-default><a href=#attr-track-default>default</a></code>;
@@ -91688,7 +91682,7 @@
<td><a href=#phrasing-content title="Phrasing content">phrasing</a></td>
<td><a href=#global-attributes title="global attributes">globals</a></td>
<td><code><a href=#htmlelement>HTMLElement</a></code></td>
- <tr><th><code><a href=#video>video</a></code></th>
+ <tr><th><code><a href=#the-video-element>video</a></code></th>
<td>Video player</td>
<td><a href=#flow-content title="Flow content">flow</a>;
<a href=#phrasing-content title="Phrasing content">phrasing</a>;
@@ -91734,13 +91728,13 @@
<tbody><tr><td> <a href=#metadata-content>Metadata content</a>
<td>
<code><a href=#the-base-element>base</a></code>;
- <code><a href=#the-command>command</a></code>;
+ <code><a href=#the-command-element>command</a></code>;
<code><a href=#the-link-element>link</a></code>;
- <code><a href=#meta>meta</a></code>;
+ <code><a href=#the-meta-element>meta</a></code>;
<code><a href=#the-noscript-element>noscript</a></code>;
- <code><a href=#script>script</a></code>;
+ <code><a href=#the-script-element>script</a></code>;
<code><a href=#the-style-element>style</a></code>;
- <code><a href=#the-title-element-0>title</a></code>
+ <code><a href=#the-title-element>title</a></code>
<td>
—
@@ -91751,7 +91745,7 @@
<code><a href=#the-address-element>address</a></code>;
<code><a href=#the-article-element>article</a></code>;
<code><a href=#the-aside-element>aside</a></code>;
- <code><a href=#audio>audio</a></code>;
+ <code><a href=#the-audio-element>audio</a></code>;
<code><a href=#the-b-element>b</a></code>;
<code><a href=#the-bdi-element>bdi</a></code>;
<code><a href=#the-bdo-element>bdo</a></code>;
@@ -91761,7 +91755,7 @@
<code><a href=#the-canvas-element>canvas</a></code>;
<code><a href=#the-cite-element>cite</a></code>;
<code><a href=#the-code-element>code</a></code>;
- <code><a href=#the-command>command</a></code>;
+ <code><a href=#the-command-element>command</a></code>;
<code><a href=#the-datalist-element>datalist</a></code>;
<code><a href=#the-del-element>del</a></code>;
<code><a href=#the-details-element>details</a></code>;
@@ -91794,7 +91788,7 @@
<code><a href=#the-map-element>map</a></code>;
<code><a href=#the-mark-element>mark</a></code>;
<code><a href=#math>math</a></code>;
- <code><a href=#menus>menu</a></code>;
+ <code><a href=#the-menu-element>menu</a></code>;
<code><a href=#the-meter-element>meter</a></code>;
<code><a href=#the-nav-element>nav</a></code>;
<code><a href=#the-noscript-element>noscript</a></code>;
@@ -91808,7 +91802,7 @@
<code><a href=#the-ruby-element>ruby</a></code>;
<code><a href=#the-s-element>s</a></code>;
<code><a href=#the-samp-element>samp</a></code>;
- <code><a href=#script>script</a></code>;
+ <code><a href=#the-script-element>script</a></code>;
<code><a href=#the-section-element>section</a></code>;
<code><a href=#the-select-element>select</a></code>;
<code><a href=#the-small-element>small</a></code>;
@@ -91823,14 +91817,14 @@
<code><a href=#the-u-element>u</a></code>;
<code><a href=#the-ul-element>ul</a></code>;
<code><a href=#the-var-element>var</a></code>;
- <code><a href=#video>video</a></code>;
+ <code><a href=#the-video-element>video</a></code>;
<code><a href=#the-wbr-element>wbr</a></code>;
<a href=#text-content title="text content">Text</a>
<td>
<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);
<!--MD-->
<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);
- <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);
+ <code><a href=#the-meta-element>meta</a></code> (if the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present);
<!--MD-->
<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)
@@ -91858,7 +91852,7 @@
<tr><td> <a href=#phrasing-content>Phrasing content</a>
<td>
<code><a href=#the-abbr-element>abbr</a></code>;
- <code><a href=#audio>audio</a></code>;
+ <code><a href=#the-audio-element>audio</a></code>;
<code><a href=#the-b-element>b</a></code>;
<code><a href=#the-bdi-element>bdi</a></code>;
<code><a href=#the-bdo-element>bdo</a></code>;
@@ -91867,7 +91861,7 @@
<code><a href=#the-canvas-element>canvas</a></code>;
<code><a href=#the-cite-element>cite</a></code>;
<code><a href=#the-code-element>code</a></code>;
- <code><a href=#the-command>command</a></code>;
+ <code><a href=#the-command-element>command</a></code>;
<code><a href=#the-datalist-element>datalist</a></code>;
<code><a href=#the-dfn-element>dfn</a></code>;
<code><a href=#the-em-element>em</a></code>;
@@ -91890,7 +91884,7 @@
<code><a href=#the-ruby-element>ruby</a></code>;
<code><a href=#the-s-element>s</a></code>;
<code><a href=#the-samp-element>samp</a></code>;
- <code><a href=#script>script</a></code>;
+ <code><a href=#the-script-element>script</a></code>;
<code><a href=#the-select-element>select</a></code>;
<code><a href=#the-small-element>small</a></code>;
<code><a href=#the-span-element>span</a></code>;
@@ -91902,7 +91896,7 @@
<code><a href=#the-time-element>time</a></code>;
<code><a href=#the-u-element>u</a></code>;
<code><a href=#the-var-element>var</a></code>;
- <code><a href=#video>video</a></code>;
+ <code><a href=#the-video-element>video</a></code>;
<code><a href=#the-wbr-element>wbr</a></code>;
<a href=#text-content title="text content">Text</a>
<td>
@@ -91915,13 +91909,13 @@
<!--MD-->
<code><a href=#the-map-element>map</a></code> (if it contains only <a href=#phrasing-content>phrasing content</a>)<!--
--><!--MD--><!--
- -->; <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)<!--
+ -->; <code><a href=#the-meta-element>meta</a></code> (if the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present)<!--
--><!--MD--><!--
-->
<tr><td> <a href=#embedded-content>Embedded content</a>
<td>
- <code><a href=#audio>audio</a></code>
+ <code><a href=#the-audio-element>audio</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>
@@ -91929,7 +91923,7 @@
<code><a href=#math>math</a></code>
<code><a href=#the-object-element>object</a></code>
<code><a href=#svg>svg</a></code>
- <code><a href=#video>video</a></code>
+ <code><a href=#the-video-element>video</a></code>
<td>
—
@@ -91945,12 +91939,12 @@
<code><a href=#the-select-element>select</a></code>;
<code><a href=#the-textarea-element>textarea</a></code>;
<td>
- <code><a href=#audio>audio</a></code> (if the <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present);
+ <code><a href=#the-audio-element>audio</a></code> (if the <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present);
<code><a href=#the-img-element>img</a></code> (if the <code title=attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attribute is present);
<code><a href=#the-input-element>input</a></code> (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);
- <code><a href=#menus>menu</a></code> (if the <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state title="toolbar state">toolbar</a> state);
+ <code><a href=#the-menu-element>menu</a></code> (if the <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state title="toolbar state">toolbar</a> state);
<code><a href=#the-object-element>object</a></code> (if the <code title=attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attribute is present)<!-- see also comment in <object> section -->;
- <code><a href=#video>video</a></code> (if the <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present)
+ <code><a href=#the-video-element>video</a></code> (if the <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present)
<tr><td> <a href=#sectioning-root title="sectioning root">Sectioning roots</a>
<td>
@@ -93166,7 +93160,7 @@
<tr><td> <code><a href=#the-aside-element>aside</a></code>
<td> <code><a href=#htmlelement>HTMLElement</a></code>
- <tr><td> <code><a href=#audio>audio</a></code>
+ <tr><td> <code><a href=#the-audio-element>audio</a></code>
<td> <code><a href=#htmlaudioelement>HTMLAudioElement</a></code> : <code><a href=#htmlmediaelement>HTMLMediaElement</a></code> : <code><a href=#htmlelement>HTMLElement</a></code>
<tr><td> <code><a href=#the-b-element>b</a></code>
@@ -93211,7 +93205,7 @@
<tr><td> <code><a href=#the-colgroup-element>colgroup</a></code>
<td> <code><a href=#htmltablecolelement>HTMLTableColElement</a></code> : <code><a href=#htmlelement>HTMLElement</a></code>
- <tr><td> <code><a href=#the-command>command</a></code>
+ <tr><td> <code><a href=#the-command-element>command</a></code>
<td> <code><a href=#htmlcommandelement>HTMLCommandElement</a></code> : <code><a href=#htmlelement>HTMLElement</a></code>
<tr><td> <code><a href=#the-datalist-element>datalist</a></code>
@@ -93256,7 +93250,7 @@
<tr><td> <code><a href=#the-form-element>form</a></code>
<td> <code><a href=#htmlformelement>HTMLFormElement</a></code> : <code><a href=#htmlelement>HTMLElement</a></code>
- <tr><td> <code><a href=#the-head-element-0>head</a></code>
+ <tr><td> <code><a href=#the-head-element>head</a></code>
<td> <code><a href=#htmlheadelement>HTMLHeadElement</a></code> : <code><a href=#htmlelement>HTMLElement</a></code>
<tr><td> <code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h1</a></code>
@@ -93286,7 +93280,7 @@
<tr><td> <code><a href=#the-hr-element>hr</a></code>
<td> <code><a href=#htmlhrelement>HTMLHRElement</a></code> : <code><a href=#htmlelement>HTMLElement</a></code>
- <tr><td> <code><a href=#the-html-element-0>html</a></code>
+ <tr><td> <code><a href=#the-html-element>html</a></code>
<td> <code><a href=#htmlhtmlelement>HTMLHtmlElement</a></code> : <code><a href=#htmlelement>HTMLElement</a></code>
<tr><td> <code><a href=#the-i-element>i</a></code>
@@ -93436,7 +93430,7 @@
<tr><td> <code><a href=#the-time-element>time</a></code>
<td> <code><a href=#htmltimeelement>HTMLTimeElement</a></code> : <code><a href=#htmlelement>HTMLElement</a></code>
- <tr><td> <code><a href=#the-title-element-0>title</a></code>
+ <tr><td> <code><a href=#the-title-element>title</a></code>
<td> <code><a href=#htmltitleelement>HTMLTitleElement</a></code> : <code><a href=#htmlelement>HTMLElement</a></code>
<tr><td> <code><a href=#the-tr-element>tr</a></code>
@@ -93454,7 +93448,7 @@
<tr><td> <code><a href=#the-var-element>var</a></code>
<td> <code><a href=#htmlelement>HTMLElement</a></code>
- <tr><td> <code><a href=#video>video</a></code>
+ <tr><td> <code><a href=#the-video-element>video</a></code>
<td> <code><a href=#htmlvideoelement>HTMLVideoElement</a></code> : <code><a href=#htmlmediaelement>HTMLMediaElement</a></code> : <code><a href=#htmlelement>HTMLElement</a></code>
<tr><td> <code><a href=#the-wbr-element>wbr</a></code>
@@ -93568,7 +93562,7 @@
<tr><td> <code title=event-show>show</code>
<td> <code><a href=#event>Event</a></code>
- <td> Fired at a <code><a href=#menus>menu</a></code> element when it is shown as a context menu
+ <td> Fired at a <code><a href=#the-menu-element>menu</a></code> element when it is shown as a context menu
<tr><td> <code title=event-submit>submit</code>
<td> <code><a href=#event>Event</a></code>
Modified: source
===================================================================
--- source 2011-05-03 01:10:20 UTC (rev 6049)
+++ source 2011-05-03 19:18:56 UTC (rev 6050)
@@ -13864,7 +13864,7 @@
<h3>The root element</h3>
- <h4>The <dfn><code>html</code></dfn> element</h4>
+ <h4 id="the-html-element">The <dfn><code>html</code></dfn> element</h4>
<dl class="element">
<dt>Categories</dt>
@@ -13936,7 +13936,7 @@
<h3>Document metadata</h3>
- <h4>The <dfn><code>head</code></dfn> element</h4>
+ <h4 id="the-head-element">The <dfn><code>head</code></dfn> element</h4>
<dl class="element">
<dt>Categories</dt>
@@ -13996,7 +13996,7 @@
- <h4>The <dfn><code>title</code></dfn> element</h4>
+ <h4 id="the-title-element">The <dfn><code>title</code></dfn> element</h4>
<dl class="element">
<dt>Categories</dt>
@@ -14643,7 +14643,7 @@
- <h4 id="meta">The <dfn><code>meta</code></dfn> element</h4>
+ <h4 id="the-meta-element">The <dfn id="meta"><code>meta</code></dfn> element</h4>
<dl class="element">
<dt>Categories</dt>
@@ -16175,7 +16175,7 @@
</div>
- <h4 id="script">The <dfn><code>script</code></dfn> element</h4>
+ <h4 id="the-script-element">The <dfn id="script"><code>script</code></dfn> element</h4>
<dl class="element">
<dt>Categories</dt>
@@ -18299,10 +18299,12 @@
- <h4>The <dfn><code>h1</code></dfn>, <dfn><code>h2</code></dfn>,
- <dfn><code>h3</code></dfn>, <dfn><code>h4</code></dfn>,
- <dfn><code>h5</code></dfn>, and <dfn><code>h6</code></dfn>
- elements</h4>
+ <h4>The <dfn id="the-h1-element"><code>h1</code></dfn>, <dfn
+ id="the-h2-element"><code>h2</code></dfn>, <dfn
+ id="the-h3-element"><code>h3</code></dfn>, <dfn
+ id="the-h4-element"><code>h4</code></dfn>, <dfn
+ id="the-h5-element"><code>h5</code></dfn>, and <dfn
+ id="the-h6-element"><code>h6</code></dfn> elements</h4>
<dl class="element">
<dt>Categories</dt>
@@ -22105,7 +22107,7 @@
</div>
- <h4>The <dfn><code>sub</code></dfn> and <dfn><code>sup</code></dfn> elements</h4>
+ <h4>The <dfn id="the-sub-element"><code>sub</code></dfn> and <dfn id="the-sup-element"><code>sup</code></dfn> elements</h4>
<dl class="element">
<dt>Categories</dt>
@@ -27254,7 +27256,7 @@
</div>
- <h4 id="video">The <dfn><code>video</code></dfn> element</h4>
+ <h4 id="the-video-element">The <dfn id="video"><code>video</code></dfn> element</h4>
<dl class="element">
<dt>Categories</dt>
@@ -27627,7 +27629,7 @@
- <h4 id="audio">The <dfn><code>audio</code></dfn> element</h4>
+ <h4 id="the-audio-element">The <dfn id="audio"><code>audio</code></dfn> element</h4>
<dl class="element">
<dt>Categories</dt>
@@ -58128,7 +58130,7 @@
- <h4 id="the-command">The <dfn><code>command</code></dfn> element</h4>
+ <h4 id="the-command-element">The <dfn id="the-command"><code>command</code></dfn> element</h4>
<dl class="element">
<dt>Categories</dt>
@@ -58392,7 +58394,7 @@
- <h4 id="menus">The <dfn><code>menu</code></dfn> element</h4>
+ <h4 id="the-menu-element">The <dfn id="menus"><code>menu</code></dfn> element</h4>
<dl class="element">
<dt>Categories</dt>
More information about the Commit-Watchers
mailing list