[html5] r6058 - [e] (0) make more ids consistent Fixing http://www.w3.org/Bugs/Public/show_bug.c [...]
whatwg at whatwg.org
whatwg at whatwg.org
Tue May 3 15:04:54 PDT 2011
Author: ianh
Date: 2011-05-03 15:04:53 -0700 (Tue, 03 May 2011)
New Revision: 6058
Modified:
complete.html
index
source
Log:
[e] (0) make more ids consistent
Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=9593
Modified: complete.html
===================================================================
--- complete.html 2011-05-03 20:24:49 UTC (rev 6057)
+++ complete.html 2011-05-03 22:04:53 UTC (rev 6058)
@@ -487,7 +487,7 @@
<li><a href=#the-noscript-element><span class=secno>4.3.2 </span>The <code>noscript</code> element</a></ol></li>
<li><a href=#sections><span class=secno>4.4 </span>Sections</a>
<ol>
- <li><a href=#the-body-element-0><span class=secno>4.4.1 </span>The <code>body</code> element</a></li>
+ <li><a href=#the-body-element><span class=secno>4.4.1 </span>The <code>body</code> element</a></li>
<li><a href=#the-section-element><span class=secno>4.4.2 </span>The <code>section</code> element</a></li>
<li><a href=#the-nav-element><span class=secno>4.4.3 </span>The <code>nav</code> element</a></li>
<li><a href=#the-article-element><span class=secno>4.4.4 </span>The <code>article</code> element</a></li>
@@ -1895,10 +1895,10 @@
<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>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
+ <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>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 cl
ass=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>
+ and <code><a href=#the-body-element>body</a></code>, as well as a text node between them.</p>
<p>There are many more text nodes in the DOM tree than one would
initially expect, because the source contains a number of spaces
@@ -1907,12 +1907,12 @@
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>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>
+ the whitespace after the <code><a href=#the-body-element>body</a></code> end tag ends up placed at
+ the end of the <code><a href=#the-body-element>body</a></code>.</p>
<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
+ page". Similarly, the <code><a href=#the-body-element>body</a></code> element contains an
<code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h1</a></code> element, a <code><a href=#the-p-element>p</a></code> element, and a
comment.</p>
@@ -9078,14 +9078,14 @@
<hr><dl class=domintro><dt><var title="">document</var> . <code title=dom-document-body><a href=#dom-document-body>body</a></code> [ = <var title="">value</var> ]</dt>
<dd>
- <p>Returns <a href=#the-body-element>the body element</a>.</p>
- <p>Can be set, to replace <a href=#the-body-element>the body element</a>.</p>
- <p>If the new value is not a <code><a href=#the-body-element-0>body</a></code> or <code><a href=#frameset>frameset</a></code> element, this will throw a <code><a href=#hierarchy_request_err>HIERARCHY_REQUEST_ERR</a></code> exception.</p>
+ <p>Returns <a href=#the-body-element-0>the body element</a>.</p>
+ <p>Can be set, to replace <a href=#the-body-element-0>the body element</a>.</p>
+ <p>If the new value is not a <code><a href=#the-body-element>body</a></code> or <code><a href=#frameset>frameset</a></code> element, this will throw a <code><a href=#hierarchy_request_err>HIERARCHY_REQUEST_ERR</a></code> exception.</p>
</dd>
- </dl><p><dfn id=the-body-element>The body element</dfn> of a document is the first child of
+ </dl><p><dfn id=the-body-element-0>The body element</dfn> of a document is the first child of
<a href=#the-html-element-0>the <code>html</code> element</a> that is either a
- <code><a href=#the-body-element-0>body</a></code> element or a <code><a href=#frameset>frameset</a></code> element. If
+ <code><a href=#the-body-element>body</a></code> element or a <code><a href=#frameset>frameset</a></code> element. If
there is no such element, it is null. <span class=impl>If the body
element is null, then when the specification requires that events be
fired at "the body element", they must instead be fired at the
@@ -9094,8 +9094,8 @@
<div class=impl>
<p>The <dfn id=dom-document-body title=dom-document-body><code>body</code></dfn>
- attribute, on getting, must return <a href=#the-body-element>the body element</a> of
- the document (either a <code><a href=#the-body-element-0>body</a></code> element, a
+ attribute, on getting, must return <a href=#the-body-element-0>the body element</a> of
+ the document (either a <code><a href=#the-body-element>body</a></code> element, a
<code><a href=#frameset>frameset</a></code> element, or null). On setting, the following
algorithm must be run:</p>
@@ -9106,22 +9106,22 @@
search for ::setBody
http://trac.webkit.org/projects/webkit/browser/trunk/WebCore/dom/Document.cpp
search for ::body
- --><li>If the new value is not a <code><a href=#the-body-element-0>body</a></code> or
+ --><li>If the new value is not a <code><a href=#the-body-element>body</a></code> or
<code><a href=#frameset>frameset</a></code> element, then raise a
<code><a href=#hierarchy_request_err>HIERARCHY_REQUEST_ERR</a></code> exception and abort these
steps.</li>
- <li>Otherwise, if the new value is the same as <a href=#the-body-element>the body
+ <li>Otherwise, if the new value is the same as <a href=#the-body-element-0>the body
element</a>, do nothing. Abort these steps.</li>
- <li>Otherwise, if <a href=#the-body-element>the body element</a> is not null, then
+ <li>Otherwise, if <a href=#the-body-element-0>the body element</a> is not null, then
replace that element with the new value in the DOM, as if the root
element's <code title="">replaceChild()</code> method had been
- called with the new value and <a href=#the-body-element title="the body element">the
+ called with the new value and <a href=#the-body-element-0 title="the body element">the
incumbent body element</a> as its two arguments respectively,
then abort these steps.</li>
- <li>Otherwise, <a href=#the-body-element>the body element</a> is null. Append
+ <li>Otherwise, <a href=#the-body-element-0>the body element</a> is null. Append
the new value to the root element.</li>
</ol></div>
@@ -9509,7 +9509,7 @@
argument (which could be the empty string). Append it to the
<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
+ <li><p>Create a <code><a href=#the-body-element>body</a></code> element, and append it to the
<code><a href=#the-html-element>html</a></code> element created in the earlier step.</p>
<li><p>Return <var title="">doc</var>.</li>
@@ -9981,7 +9981,7 @@
<li><code title=handler-onvolumechange><a href=#handler-onvolumechange>onvolumechange</a></code></li>
<li><code title=handler-onwaiting><a href=#handler-onwaiting>onwaiting</a></code></li>
</ul><p class=note>The attributes marked with an asterisk have a
- different meaning when specified on <code><a href=#the-body-element-0>body</a></code> elements as
+ different meaning when specified on <code><a href=#the-body-element>body</a></code> elements as
those elements expose <a href=#event-handlers>event handlers</a> of the
<code><a href=#window>Window</a></code> object with the same names.</p>
@@ -12075,7 +12075,7 @@
<td>No role
<td>If specified, role must be <code title=attr-aria-role-application>application</code>
- <tr><td><a href=#the-body-element>The body element</a>
+ <tr><td><a href=#the-body-element-0>The body element</a>
<td><code title=attr-aria-role-document>document</code> role
<td>Role must be either <code title=attr-aria-role-document>document</code> or <code title=attr-aria-role-application>application</code>
@@ -12944,7 +12944,7 @@
<p>Let <var title="">parent</var> be <var title="">target</var>'s
parent node, unless that is a <code><a href=#documentfragment>DocumentFragment</a></code> node,
in which case let <var title="">parent</var> be an arbitrary
- <code><a href=#the-body-element-0>body</a></code> element.</p>
+ <code><a href=#the-body-element>body</a></code> element.</p>
</li>
@@ -13173,7 +13173,7 @@
<dd>As the root element of a document.</dd>
<dd>Wherever a subdocument fragment is allowed in a compound document.</dd>
<dt>Content model:</dt>
- <dd>A <code><a href=#the-head-element>head</a></code> element followed by a <code><a href=#the-body-element-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>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>
@@ -16443,7 +16443,7 @@
<h3 id=sections><span class=secno>4.4 </span>Sections</h3>
- <h4 id=the-body-element-0><span class=secno>4.4.1 </span>The <dfn><code>body</code></dfn> element</h4>
+ <h4 id=the-body-element><span class=secno>4.4.1 </span>The <dfn><code>body</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#sectioning-root>Sectioning root</a>.</dd>
@@ -16498,49 +16498,49 @@
attribute <a href=#function>Function</a> <a href=#handler-window-onunload title=handler-window-onunload>onunload</a>;
};</pre>
</dd>
- </dl><p>The <code><a href=#the-body-element-0>body</a></code> element <a href=#represents>represents</a> the main
+ </dl><p>The <code><a href=#the-body-element>body</a></code> element <a href=#represents>represents</a> the main
content of the document.</p>
- <p>In conforming documents, there is only one <code><a href=#the-body-element-0>body</a></code>
+ <p>In conforming documents, there is only one <code><a href=#the-body-element>body</a></code>
element. The <code title=dom-document-body><a href=#dom-document-body>document.body</a></code>
IDL attribute provides scripts with easy access to a document's
- <code><a href=#the-body-element-0>body</a></code> element.</p>
+ <code><a href=#the-body-element>body</a></code> element.</p>
<div class=impl>
<p class=note>Some DOM operations (for example, parts of the
- <a href=#dnd>drag and drop</a> model) are defined in terms of "<a href=#the-body-element>the
+ <a href=#dnd>drag and drop</a> model) are defined in terms of "<a href=#the-body-element-0>the
body element</a>". This refers to a particular element in the
DOM, as per the definition of the term, and not any arbitrary
- <code><a href=#the-body-element-0>body</a></code> element.</p>
+ <code><a href=#the-body-element>body</a></code> element.</p>
</div>
- <p>The <code><a href=#the-body-element-0>body</a></code> element exposes as <a href=#event-handler-content-attributes>event handler
+ <p>The <code><a href=#the-body-element>body</a></code> element exposes as <a href=#event-handler-content-attributes>event handler
content attributes</a> a number of the <a href=#event-handlers>event
handlers</a> of the <code><a href=#window>Window</a></code> object. It also mirrors
their <a href=#event-handler-idl-attributes>event handler IDL attributes</a>.</p>
<p>The <code title=handler-window-onblur><a href=#handler-window-onblur>onblur</a></code>, <code title=handler-window-onerror><a href=#handler-window-onerror>onerror</a></code>, <code title=handler-window-onfocus><a href=#handler-window-onfocus>onfocus</a></code>, <code title=handler-window-onload><a href=#handler-window-onload>onload</a></code>, and <code title=handler-window-onscroll><a href=#handler-window-onscroll>onscroll</a></code> <a href=#event-handlers>event
handlers</a> of the <code><a href=#window>Window</a></code> object, exposed on the
- <code><a href=#the-body-element-0>body</a></code> element, shadow the generic <a href=#event-handlers>event
+ <code><a href=#the-body-element>body</a></code> element, shadow the generic <a href=#event-handlers>event
handlers</a> with the same names normally supported by <a href=#html-elements>HTML
elements</a>.</p>
- <p class=example>Thus, for example, a bubbling <code title=event-error>error</code> event fired on a child of <a href=#the-body-element>the
+ <p class=example>Thus, for example, a bubbling <code title=event-error>error</code> event fired on a child of <a href=#the-body-element-0>the
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>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
+ attribute</a> on the <code><a href=#the-body-element>body</a></code> element. This is because
+ the event would bubble from the target, to the <code><a href=#the-body-element>body</a></code>, to
the <code><a href=#the-html-element>html</a></code>, to the <code><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
- listener attached to the <code><a href=#the-body-element-0>body</a></code> using <code title="">addEventListener()</code>, however, would fire when the
- event bubbled through the <code><a href=#the-body-element-0>body</a></code> and not when it reaches
+ handler</a> on the <code><a href=#the-body-element>body</a></code> is watching the
+ <code><a href=#window>Window</a></code> not the <code><a href=#the-body-element>body</a></code>. A regular event
+ listener attached to the <code><a href=#the-body-element>body</a></code> using <code title="">addEventListener()</code>, however, would fire when the
+ event bubbled through the <code><a href=#the-body-element>body</a></code> and not when it reaches
the <code><a href=#window>Window</a></code> object.</p>
<div class=example>
@@ -17378,7 +17378,7 @@
section.</p>
<p>When the nearest ancestor <a href=#sectioning-content>sectioning content</a> or
- <a href=#sectioning-root>sectioning root</a> element is <a href=#the-body-element>the body
+ <a href=#sectioning-root>sectioning root</a> element is <a href=#the-body-element-0>the body
element</a>, then it applies to the whole page.</p>
<!--HGROUP-->
@@ -17467,7 +17467,7 @@
<dd>Uses <code><a href=#htmlelement>HTMLElement</a></code>.</dd>
</dl><p>The <code><a href=#the-address-element>address</a></code> element <a href=#represents>represents</a> the
contact information for its nearest <code><a href=#the-article-element>article</a></code> or
- <code><a href=#the-body-element-0>body</a></code> element ancestor. If that is <a href=#the-body-element>the body
+ <code><a href=#the-body-element>body</a></code> element ancestor. If that is <a href=#the-body-element-0>the body
element</a>, then the contact information applies to the document
as a whole.</p>
@@ -17506,34 +17506,34 @@
applicable entry from the following list:</p>
<dl class=switch><dt>If <var title="">node</var> is an <code><a href=#the-article-element>article</a></code> element</dt>
- <dt>If <var title="">node</var> is a <code><a href=#the-body-element-0>body</a></code> element</dt>
+ <dt>If <var title="">node</var> is a <code><a href=#the-body-element>body</a></code> element</dt>
<dd>
<p>The contact information consists of all the
<code><a href=#the-address-element>address</a></code> elements that have <var title="">node</var>
- as an ancestor and do not have another <code><a href=#the-body-element-0>body</a></code> or
+ as an ancestor and do not have another <code><a href=#the-body-element>body</a></code> or
<code><a href=#the-article-element>article</a></code> element ancestor that is a descendant of <var title="">node</var>.</p>
</dd>
<dt>If <var title="">node</var> has an ancestor element that is an <code><a href=#the-article-element>article</a></code> element</dt>
- <dt>If <var title="">node</var> has an ancestor element that is a <code><a href=#the-body-element-0>body</a></code> element</dt>
+ <dt>If <var title="">node</var> has an ancestor element that is a <code><a href=#the-body-element>body</a></code> element</dt>
<dd>
<p>The contact information of <var title="">node</var> is the same
as the contact information of the nearest <code><a href=#the-article-element>article</a></code> or
- <code><a href=#the-body-element-0>body</a></code> element ancestor, whichever is nearest.</p>
+ <code><a href=#the-body-element>body</a></code> element ancestor, whichever is nearest.</p>
</dd>
- <dt>If <var title="">node</var>'s <code><a href=#document>Document</a></code> has <a href=#the-body-element title="the body element">a body element</a></dt>
+ <dt>If <var title="">node</var>'s <code><a href=#document>Document</a></code> has <a href=#the-body-element-0 title="the body element">a body element</a></dt>
<dd>
<p>The contact information of <var title="">node</var> is the same
- as the contact information of <a href=#the-body-element>the body element</a> of the
+ as the contact information of <a href=#the-body-element-0>the body element</a> of the
<code><a href=#document>Document</a></code>.</p>
</dd>
@@ -17592,7 +17592,7 @@
<!-- when updating this also update the category index -->
<ul class="brief category-list"><li><code><a href=#the-blockquote-element>blockquote</a></code></li>
- <li><code><a href=#the-body-element-0>body</a></code></li>
+ <li><code><a href=#the-body-element>body</a></code></li>
<li><code><a href=#the-details-element>details</a></code></li>
<li><code><a href=#the-fieldset-element>fieldset</a></code></li>
<li><code><a href=#the-figure-element>figure</a></code></li>
@@ -17623,7 +17623,7 @@
</body></pre>
<p>...the structure would be:</p>
<ol><li>
- Foo (heading of explicit <code><a href=#the-body-element-0>body</a></code> section, containing the "Grunt" paragraph)
+ Foo (heading of explicit <code><a href=#the-body-element>body</a></code> section, containing the "Grunt" paragraph)
<ol><li>
Bar (heading starting implied section, containing a block quote and the "Baz" paragraph)
</li>
@@ -17753,10 +17753,10 @@
</body></pre>
<p>...results in the following outline being created for the
- <code><a href=#the-body-element-0>body</a></code> node (and thus the entire document):</p>
+ <code><a href=#the-body-element>body</a></code> node (and thus the entire document):</p>
<ol class=brief><li>
- <p>Section created for <code><a href=#the-body-element-0>body</a></code> node.</p>
+ <p>Section created for <code><a href=#the-body-element>body</a></code> node.</p>
<p>Associated with heading "A".</p>
<p>Also associated with paragraph "B".</p>
<p>Nested sections:</p>
@@ -17973,7 +17973,7 @@
<li><p>Associate all nodes with the heading of the <a href=#concept-section title=concept-section>section</a> with which they are
associated, if any.</li>
- <li><p>If <var title="">current outlinee</var> is <a href=#the-body-element>the body
+ <li><p>If <var title="">current outlinee</var> is <a href=#the-body-element-0>the body
element</a>, then the outline created for that element is the
<a href=#outline>outline</a> of the entire document.</li>
@@ -17990,7 +17990,7 @@
<p class=note>Selecting the first <a href=#concept-section title=concept-section>section</a> of the document therefore
always takes the user to the top of the document, regardless of
- where the first heading in the <code><a href=#the-body-element-0>body</a></code> is to be found.</p>
+ where the first heading in the <code><a href=#the-body-element>body</a></code> is to be found.</p>
<p>The <dfn id=outline-depth>outline depth</dfn> of a <a href=#heading-content>heading content</a>
element associated with a <a href=#concept-section title=concept-section>section</a> <var title="">section</var>
@@ -18021,7 +18021,7 @@
</body></pre>
<p>Although it contains no headings, this snippet has three
- sections: a document (the <code><a href=#the-body-element-0>body</a></code>) with two subsections
+ sections: a document (the <code><a href=#the-body-element>body</a></code>) with two subsections
(a <code><a href=#the-nav-element>nav</a></code> and an <code><a href=#the-aside-element>aside</a></code>). A user agent could
present the outline as follows:</p>
@@ -54034,7 +54034,7 @@
<p>The simplest solution is to not mark up the main content at all,
and just leave it as implicit. Another way to think of this is that
- the <code><a href=#the-body-element-0>body</a></code> elements marks up the main content of the
+ the <code><a href=#the-body-element>body</a></code> elements marks up the main content of the
page, and the bits that aren't main content are excluded through the
use of more appropriate elements like <code><a href=#the-aside-element>aside</a></code> and
<code><a href=#the-nav-element>nav</a></code>.</p>
@@ -54043,7 +54043,7 @@
<p>Here is a short Web page marked up along this minimalistic
school of thought. The main content is highlighted. Notice how all
- the <em>other</em> content in the <code><a href=#the-body-element-0>body</a></code> is marked up
+ the <em>other</em> content in the <code><a href=#the-body-element>body</a></code> is marked up
with elements to indicate that it's not part of the main content,
in this case <code><a href=#the-header-element>header</a></code>, <code><a href=#the-nav-element>nav</a></code>, and
<code><a href=#the-footer-element>footer</a></code>.</p>
@@ -59173,7 +59173,7 @@
<li><p>Let <var title="">heading</var> be the first element of
<a href=#heading-content>heading content</a> whose nearest ancestor element that is
a <a href=#sectioning-root>sectioning root</a> or that is <a href=#sectioning-content>sectioning
- content</a> is <a href=#the-body-element>the body element</a>, if any, or null if
+ content</a> is <a href=#the-body-element-0>the body element</a>, if any, or null if
there is none.</li>
<li>
@@ -59729,7 +59729,7 @@
<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>html</a></code> node, which itself has a single child
- <code><a href=#the-body-element-0>body</a></code> node.</p>
+ <code><a href=#the-body-element>body</a></code> node.</p>
<p class=note>If the <a href=#browsing-context>browsing context</a> is created
specifically to be immediately navigated, then that initial
@@ -62954,9 +62954,9 @@
context</a>, the user agent should <a href=#create-a-document-object>create a
<code>Document</code> object</a>, mark it as being an <a href=#html-documents title="HTML documents">HTML document</a>, append an
<code><a href=#the-html-element>html</a></code> element to the <code><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-head-element>head</a></code> element and a <code><a href=#the-body-element>body</a></code> element to the
<code><a href=#the-html-element>html</a></code> element, append an <code><a href=#the-img-element>img</a></code> to the
- <code><a href=#the-body-element-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>
+ <code><a href=#the-body-element>body</a></code> element, and set the <code title=attr-img-src><a href=#attr-img-src>src</a></code> attribute of the <code><a href=#the-img-element>img</a></code>
element to the address of the image.</p>
<!-- next three paragraphs are similar to the navigate-text section,
@@ -62987,9 +62987,9 @@
should <a href=#create-a-document-object>create a <code>Document</code> object</a>, mark it
as being an <a href=#html-documents title="HTML documents">HTML document</a>,
append an <code><a href=#the-html-element>html</a></code> element to the <code><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
+ append a <code><a href=#the-head-element>head</a></code> element and a <code><a href=#the-body-element>body</a></code> element
to the <code><a href=#the-html-element>html</a></code> element, append an <code><a href=#the-embed-element>embed</a></code> to
- the <code><a href=#the-body-element-0>body</a></code> element, and set the <code title=attr-embed-src><a href=#attr-embed-src>src</a></code> attribute of the
+ the <code><a href=#the-body-element>body</a></code> element, and set the <code title=attr-embed-src><a href=#attr-embed-src>src</a></code> attribute of the
<code><a href=#the-embed-element>embed</a></code> element to the address of the resource.</p>
<!-- next three paragraphs are similar to the navigate-text section,
@@ -66654,7 +66654,7 @@
<p class=note>This can happen in particular for <a href=#event-handler-idl-attributes title="event
handler IDL attributes">event handler IDL attribute</a> on
- <code><a href=#the-body-element-0>body</a></code> elements that do not have corresponding
+ <code><a href=#the-body-element>body</a></code> elements that do not have corresponding
<code><a href=#window>Window</a></code> objects.</p>
<p class=note>Certain event handler IDL attributes have additional
@@ -66974,7 +66974,7 @@
</table><hr><p>The following are the <a href=#event-handlers>event handlers</a> (and their
corresponding <a href=#event-handler-event-type title="event handler event type">event handler
event types</a>) that must be supported by all <a href=#html-elements>HTML
- elements</a> other than <code><a href=#the-body-element-0>body</a></code>, as both content
+ elements</a> other than <code><a href=#the-body-element>body</a></code>, as both content
attributes and IDL attributes, and on <code><a href=#document>Document</a></code> objects,
as IDL attributes:</p>
@@ -66989,7 +66989,7 @@
event types</a>) that must be supported by <code><a href=#window>Window</a></code>
objects, as IDL attributes on the <code><a href=#window>Window</a></code> object, and
with corresponding content attributes and IDL attributes exposed on
- the <code><a href=#the-body-element-0>body</a></code> and <code><a href=#frameset>frameset</a></code> elements:</p>
+ the <code><a href=#the-body-element>body</a></code> and <code><a href=#frameset>frameset</a></code> elements:</p>
<table><thead><tr><th><a href=#event-handlers title="event handlers">Event handler</a> <th><a href=#event-handler-event-type>Event handler event type</a>
<tbody><tr><td><dfn id=handler-window-onafterprint title=handler-window-onafterprint><code>onafterprint</code></dfn> <td> <code title=event-afterprint>afterprint</code>
@@ -68690,7 +68690,7 @@
<p>When an element is <i>focused</i>, key events received by the
document must be targeted at that element. There may be no element
focused; when no element is focused, key events received by the
- document must be targeted at <a href=#the-body-element>the body element</a>.</p>
+ document must be targeted at <a href=#the-body-element-0>the body element</a>.</p>
<p>User agents may track focus for each <a href=#browsing-context>browsing
context</a> or <code><a href=#document>Document</a></code> individually, or may support
@@ -68931,7 +68931,7 @@
<a href=#focusable>focusable</a> element, or stops being focused without
another element being explicitly focused in its stead, the user
agent should synchronously run the <a href=#focusing-steps>focusing steps</a> for
- <a href=#the-body-element>the body element</a>, if there is one; if there is not,
+ <a href=#the-body-element-0>the body element</a>, if there is one; if there is not,
then the user agent should synchronously run the <a href=#unfocusing-steps>unfocusing
steps</a> for the affected element only.</p>
@@ -68981,7 +68981,7 @@
<p>The <dfn id=dom-document-activeelement title=dom-document-activeElement><code>activeElement</code></dfn>
attribute on <code><a href=#htmldocument>HTMLDocument</a></code> objects must return the
element in the document that is focused. If no element in the
- <code><a href=#document>Document</a></code> is focused, this must return <a href=#the-body-element>the body
+ <code><a href=#document>Document</a></code> is focused, this must return <a href=#the-body-element-0>the body
element</a>.</p>
<p>The <dfn id=dom-document-hasfocus title=dom-document-hasFocus><code>hasFocus()</code></dfn> method
@@ -69070,7 +69070,7 @@
<li><p>Unmark the element as <i><a href=#locked-for-focus>locked for focus</a></i>.</li>
</ol><p>The <dfn id=dom-blur title=dom-blur><code>blur()</code></dfn> method, when
- invoked, should run the <a href=#focusing-steps>focusing steps</a> for <a href=#the-body-element>the
+ invoked, should run the <a href=#focusing-steps>focusing steps</a> for <a href=#the-body-element-0>the
body element</a>, if there is one; if there is not, then it
should run the <a href=#unfocusing-steps>unfocusing steps</a> for the element on
which the method was called instead. User agents may selectively or
@@ -71449,7 +71449,7 @@
<dt>If the <a href=#current-target-element>current target element</a> is
- <a href=#the-body-element>the body element</a></dt>
+ <a href=#the-body-element-0>the body element</a></dt>
<dd><p>Leave the <a href=#current-target-element>current target element</a>
unchanged.</dd>
@@ -71459,14 +71459,14 @@
<dd>
- <p><a href=#fire-a-dnd-event>Fire a DND event</a> named <code title=event-dragenter><a href=#event-dragenter>dragenter</a></code> at <a href=#the-body-element>the body
+ <p><a href=#fire-a-dnd-event>Fire a DND event</a> named <code title=event-dragenter><a href=#event-dragenter>dragenter</a></code> at <a href=#the-body-element-0>the body
element</a>, and set the <a href=#current-target-element>current target
- element</a> to <a href=#the-body-element>the body element</a>, regardless
+ element</a> to <a href=#the-body-element-0>the body element</a>, regardless
of whether that event was canceled or not.</p>
- <p class=note>If <a href=#the-body-element>the body element</a> is null,
+ <p class=note>If <a href=#the-body-element-0>the body element</a> is null,
then the event will be fired at the <code><a href=#document>Document</a></code>
- object (as required by the definition of <a href=#the-body-element>the body
+ object (as required by the definition of <a href=#the-body-element-0>the body
element</a>), but the <a href=#current-target-element>current target element</a>
would be set to null, not the <code><a href=#document>Document</a></code>
object.</dd>
@@ -71748,7 +71748,7 @@
<td>"<code title="">none</code>"</td>
<td>Continue the drag-and-drop operation</td>
<tr><td><dfn id=event-dragenter title=event-dragenter><code>dragenter</code></dfn></td>
- <td><a href=#immediate-user-selection>Immediate user selection</a> or <a href=#the-body-element>the body element</a></td>
+ <td><a href=#immediate-user-selection>Immediate user selection</a> or <a href=#the-body-element-0>the body element</a></td>
<!-- <td>✓ Bubbles</td> -->
<td>✓ Cancelable</td>
<td><a href=#concept-dnd-p title=concept-dnd-p>Protected mode</a>
@@ -72794,7 +72794,7 @@
that <a href=#contenteditable-delete>the selection be
deleted</a>.</li>
<li><p>Invoke the <a href=#html-fragment-parsing-algorithm>HTML fragment parsing algorithm</a>
- with an arbitrary orphan <code><a href=#the-body-element-0>body</a></code> element owned by the
+ with an arbitrary orphan <code><a href=#the-body-element>body</a></code> element owned by the
same <code><a href=#document>Document</a></code> as the <i title="">context</i> element
and with the <var title="">value</var> argument as <i title="">input</i>.</li>
<li><p>Insert the nodes returned by the previous step into the
@@ -79696,7 +79696,7 @@
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>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
+ of the <code><a href=#the-body-element>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,
@@ -80200,18 +80200,18 @@
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>
+ <p>A <code><a href=#the-body-element>body</a></code> element's <a href=#syntax-start-tag title=syntax-start-tag>start tag</a> may be omitted if the
+ element is empty, or if the first thing inside the <code><a href=#the-body-element>body</a></code>
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=#the-script-element>script</a></code> or
+ inside the <code><a href=#the-body-element>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
the <body> --></p>
<!-- </body> -->
- <p>A <code><a href=#the-body-element-0>body</a></code> element's <a href=#syntax-end-tag title=syntax-end-tag>end
- tag</a> may be omitted if the <code><a href=#the-body-element-0>body</a></code> element is not
+ <p>A <code><a href=#the-body-element>body</a></code> element's <a href=#syntax-end-tag title=syntax-end-tag>end
+ tag</a> may be omitted if the <code><a href=#the-body-element>body</a></code> element is not
immediately followed by a <a href=#syntax-comments title=syntax-comments>comment</a>.</p>
<!-- </li> -->
@@ -81544,7 +81544,7 @@
parsing is only used for innerHTML/outerHTML/insertAdjacentHTML(),
where we know scripting is enabled. -->
- <li>If <var title="">node</var> is a <code><a href=#the-body-element-0>body</a></code> element,
+ <li>If <var title="">node</var> is a <code><a href=#the-body-element>body</a></code> element,
then switch the <a href=#insertion-mode>insertion mode</a> to "<a href=#parsing-main-inbody title="insertion mode: in body">in body</a>" and abort these
steps.</li>
@@ -81614,7 +81614,7 @@
parsing rules: HTML's <code><a href=#the-address-element>address</a></code>, <code><a href=#the-applet-element>applet</a></code>,
<code><a href=#the-area-element>area</a></code>, <code><a href=#the-article-element>article</a></code>, <code><a href=#the-aside-element>aside</a></code>,
<code><a href=#the-base-element>base</a></code>, <code><a href=#basefont>basefont</a></code>, <code><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-blockquote-element>blockquote</a></code>, <code><a href=#the-body-element>body</a></code>, <code><a href=#the-br-element>br</a></code>,
<code><a href=#the-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-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>,
@@ -85142,13 +85142,13 @@
<p><a href=#parse-error>Parse error</a>.</p>
<p>If the second element on the <a href=#stack-of-open-elements>stack of open
- elements</a> is not a <code><a href=#the-body-element-0>body</a></code> element, or, if the
+ elements</a> is not a <code><a href=#the-body-element>body</a></code> element, or, if the
<a href=#stack-of-open-elements>stack of open elements</a> has only one node on it,
then ignore the token. (<a href=#fragment-case>fragment case</a>)</p>
<p>Otherwise, set the <a href=#frameset-ok-flag>frameset-ok flag</a> to "not ok";
then, for each attribute on the token, check to see if the
- attribute is already present on the <code><a href=#the-body-element-0>body</a></code> element (the
+ attribute is already present on the <code><a href=#the-body-element>body</a></code> element (the
second element) on the <a href=#stack-of-open-elements>stack of open elements</a>, and if
it is not, add the attribute and its corresponding value to that
element.</p>
@@ -85161,7 +85161,7 @@
<p><a href=#parse-error>Parse error</a>.</p>
<p>If the second element on the <a href=#stack-of-open-elements>stack of open
- elements</a> is not a <code><a href=#the-body-element-0>body</a></code> element, or, if the
+ elements</a> is not a <code><a href=#the-body-element>body</a></code> element, or, if the
<a href=#stack-of-open-elements>stack of open elements</a> has only one node on it,
then ignore the token. (<a href=#fragment-case>fragment case</a>)</p>
@@ -85193,7 +85193,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>html</a></code> element, then
+ <code><a href=#the-body-element>body</a></code> element, or the <code><a href=#the-html-element>html</a></code> element, then
this is a <a href=#parse-error>parse error</a>.</p> <!-- (some of those are
fragment cases) -->
@@ -85219,7 +85219,7 @@
<code><a href=#the-rt-element>rt</a></code> element, a <code><a href=#the-tbody-element>tbody</a></code> element, a
<code><a href=#the-td-element>td</a></code> element, a <code><a href=#the-tfoot-element>tfoot</a></code> element, a
<code><a href=#the-th-element>th</a></code> element, a <code><a href=#the-thead-element>thead</a></code> element, a
- <code><a href=#the-tr-element>tr</a></code> element, the <code><a href=#the-body-element-0>body</a></code> element, or the
+ <code><a href=#the-tr-element>tr</a></code> element, the <code><a href=#the-body-element>body</a></code> element, or the
<code><a href=#the-html-element>html</a></code> element, then this is a <a href=#parse-error>parse
error</a>.</p> <!-- (some of those are fragment cases, e.g. for
<tbody> you'd have hit the first paragraph since the <body>
@@ -88038,8 +88038,8 @@
<p>The parsing of this markup is straightforward up to the "3". At
this point, the DOM looks like this:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>,
+ <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t3><code>#text</code>: <span title="">1</span><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">2</span><li class=t1><code><a href=#the-i-element>i</a></code><ul><li class=t3><code>#text</code>: <span title="">3</span></ul></ul></ul></ul></ul></ul><p>Here, the <a href=#stack-of-open-elements>stack of open elements</a> has five elements
+ on it: <code><a href=#the-html-element>html</a></code>, <code><a href=#the-body-element>body</a></code>, <code><a href=#the-p-element>p</a></code>,
<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>
@@ -88049,7 +88049,7 @@
element</var> is the <code><a href=#the-b-element>b</a></code> element, and there is no
<var title="">furthest block</var>. Thus, the <a href=#stack-of-open-elements>stack of open
elements</a> ends up with just three elements: <code><a href=#the-html-element>html</a></code>,
- <code><a href=#the-body-element-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
+ <code><a href=#the-body-element>body</a></code>, and <code><a href=#the-p-element>p</a></code>, while the <a href=#list-of-active-formatting-elements>list of
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>
@@ -88060,7 +88060,7 @@
received, and the "5" text node is inserted, the DOM looks as
follows:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>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>
@@ -88070,12 +88070,12 @@
<p>Up to the "2" the parsing here is straightforward:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">1</span><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t3><code>#text</code>: <span title="">2</span></ul></ul></ul></ul></ul><p>The interesting part is when the end tag token with the tag name
"b" is parsed.</p>
<p>Before that token is seen, the <a href=#stack-of-open-elements>stack of open
elements</a> has four elements on it: <code><a href=#the-html-element>html</a></code>,
- <code><a href=#the-body-element-0>body</a></code>, <code><a href=#the-b-element>b</a></code>, and <code><a href=#the-p-element>p</a></code>. The
+ <code><a href=#the-body-element>body</a></code>, <code><a href=#the-b-element>b</a></code>, and <code><a href=#the-p-element>p</a></code>. The
<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>
@@ -88084,7 +88084,7 @@
<var title="">furthest block</var>, namely the <code><a href=#the-p-element>p</a></code> element. Thus,
this time the adoption agency algorithm isn't skipped over.</p>
- <p>The <var title="">common ancestor</var> is the <code><a href=#the-body-element-0>body</a></code>
+ <p>The <var title="">common ancestor</var> is the <code><a href=#the-body-element>body</a></code>
element. A conceptual "bookmark" marks the position of the
<code><a href=#the-b-element>b</a></code> in the <a href=#list-of-active-formatting-elements>list of active formatting
elements</a>, but since that list has only one element in it,
@@ -88098,18 +88098,18 @@
<p>The <var title="">last node</var> gets appended (moved) to the
<var title="">common ancestor</var>, so that the DOM looks like:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">1</span></ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t3><code>#text</code>: <span title="">2</span></ul></ul></ul></ul><p>A new <code><a href=#the-b-element>b</a></code> element is created, and the children of the
<code><a href=#the-p-element>p</a></code> element are moved to it:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">1</span></ul><li class=t1><code><a href=#the-p-element>p</a></code></ul></ul></ul><ul class=domTree><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">2</span></ul></ul><p>Finally, the new <code><a href=#the-b-element>b</a></code> element is appended to the
<code><a href=#the-p-element>p</a></code> element, so that the DOM looks like:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">1</span></ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">2</span></ul></ul></ul></ul></ul><p>The <code><a href=#the-b-element>b</a></code> element is removed from the <a href=#list-of-active-formatting-elements>list of
active formatting elements</a> and the <a href=#stack-of-open-elements>stack of open
elements</a>, so that when the "3" is parsed, it is appended to
the <code><a href=#the-p-element>p</a></code> element:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>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>
@@ -88124,11 +88124,11 @@
examining the DOM tree as it stands just after the
<code><a href=#the-table-element>table</a></code> element's start tag has been seen:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>body</a></code><ul><li class=t1><code><a href=#the-table-element>table</a></code></ul></ul></ul><p>...and then immediately after the <code><a href=#the-b-element>b</a></code> element start
tag has been seen:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>,
+ <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><li class=t1><code><a href=#the-table-element>table</a></code></ul></ul></ul><p>At this point, the <a href=#stack-of-open-elements>stack of open elements</a> has on it
+ the elements <code><a href=#the-html-element>html</a></code>, <code><a href=#the-body-element>body</a></code>,
<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
@@ -88144,8 +88144,8 @@
row</a>" insertion modes, after which the DOM looks as
follows:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>,
+ <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><li class=t1><code><a href=#the-table-element>table</a></code><ul><li class=t1><code><a href=#the-tbody-element>tbody</a></code><ul><li class=t1><code><a href=#the-tr-element>tr</a></code></ul></ul></ul></ul></ul><p>Here, the <a href=#stack-of-open-elements>stack of open elements</a> has on it the
+ elements <code><a href=#the-html-element>html</a></code>, <code><a href=#the-body-element>body</a></code>, <code><a href=#the-table-element>table</a></code>,
<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
@@ -88156,13 +88156,13 @@
of active formatting elements</a> (it also switches to the "<a href=#parsing-main-intd title="insertion mode: in cell">in cell</a>" <a href=#insertion-mode>insertion
mode</a>).</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><li class=t1><code><a href=#the-table-element>table</a></code><ul><li class=t1><code><a href=#the-tbody-element>tbody</a></code><ul><li class=t1><code><a href=#the-tr-element>tr</a></code><ul><li class=t1><code><a href=#the-td-element>td</a></code></ul></ul></ul></ul></ul></ul><p>The marker means that when the "aaa" character tokens are seen,
no <code><a href=#the-b-element>b</a></code> element is created to hold the resulting text
node:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><li class=t1><code><a href=#the-table-element>table</a></code><ul><li class=t1><code><a href=#the-tbody-element>tbody</a></code><ul><li class=t1><code><a href=#the-tr-element>tr</a></code><ul><li class=t1><code><a href=#the-td-element>td</a></code><ul><li class=t3><code>#text</code>: <span title="">aaa</span></ul></ul></ul></ul></ul></ul></ul><p>The end tags are handled in a straight-forward manner; after
handling them, the <a href=#stack-of-open-elements>stack of open elements</a> has on it the
- elements <code><a href=#the-html-element>html</a></code>, <code><a href=#the-body-element-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>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
@@ -88187,8 +88187,8 @@
parent">foster parented</a>, and then the "bbb" text node is
appended to it:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>,
+ <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">bbb</span></ul><li class=t1><code><a href=#the-table-element>table</a></code><ul><li class=t1><code><a href=#the-tbody-element>tbody</a></code><ul><li class=t1><code><a href=#the-tr-element>tr</a></code><ul><li class=t1><code><a href=#the-td-element>td</a></code><ul><li class=t3><code>#text</code>: <span title="">aaa</span></ul></ul></ul></ul></ul></ul></ul><p>The <a href=#stack-of-open-elements>stack of open elements</a> has on it the elements
+ <code><a href=#the-html-element>html</a></code>, <code><a href=#the-body-element>body</a></code>, <code><a href=#the-table-element>table</a></code>,
<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;
@@ -88208,7 +88208,7 @@
result in yet another <code><a href=#the-b-element>b</a></code> element being created, this
time after the table:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>
+ <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">bbb</span></ul><li class=t1><code><a href=#the-table-element>table</a></code><ul><li class=t1><code><a href=#the-tbody-element>tbody</a></code><ul><li class=t1><code><a href=#the-tr-element>tr</a></code><ul><li class=t1><code><a href=#the-td-element>td</a></code><ul><li class=t3><code>#text</code>: <span title="">aaa</span></ul></ul></ul></ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">ccc</span></ul></ul></ul></ul><h5 id=scripts-that-modify-the-page-as-it-is-being-parsed><span class=secno>13.2.8.4 </span>Scripts that modify the page as it is being pars
ed</h5>
<p><i>This section is non-normative.</i></p>
@@ -88233,11 +88233,11 @@
<p>Up to the first "script" end tag, before the script is parsed,
the result is relatively straightforward:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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="">
+ <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-div-element>div</a></code> <span class=t2 title=""><code class="attribute name">id</code>="<code class="attribute value"><a href=#the-a-element>a</a></code>"</span><ul><li class=t3><code>#text</code>: <span title="">
</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>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
+ <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code></ul></ul><p>They are, at this point, in the <code><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>
@@ -88262,7 +88262,7 @@
<code><a href=#the-div-element>div</a></code> element is popped off the stack, and so the next
<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>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>
+ <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-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>
@@ -88298,7 +88298,7 @@
<p>The resulting DOM tree is as follows:</p>
- <ul class=domTree><li class=t10>DOCTYPE: <code><a href=#the-html-element>html</a></code><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><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
+ <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>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&
#9166;</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
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
@@ -89325,9 +89325,9 @@
<var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> h1 { margin-top: 1.67em; margin-bottom: 1.67em; }
<var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> h1 { margin-top: 2.33em; margin-bottom: 2.33em; }</pre>
- <hr><p>For each property in the table below, given a <code><a href=#the-body-element-0>body</a></code>
+ <hr><p>For each property in the table below, given a <code><a href=#the-body-element>body</a></code>
element, the first attribute that exists <a href=#maps-to-the-pixel-length-property>maps to the pixel
- length property</a> on the <code><a href=#the-body-element-0>body</a></code> element. If none of
+ length property</a> on the <code><a href=#the-body-element>body</a></code> element. If none of
the attributes for a property are found, or if the value of the
attribute that was found cannot be parsed successfully, then a
default value of 8px is expected to be used for that property
@@ -89336,27 +89336,27 @@
<table><thead><tr><th>Property
<th>Source
<tbody><tr><td rowspan=3>'margin-top'
- <td><code><a href=#the-body-element-0>body</a></code> element's <code title=attr-body-marginheight><a href=#attr-body-marginheight>marginheight</a></code> attribute
- <tr><td>The <code><a href=#the-body-element-0>body</a></code> element's <a href=#container-frame-element>container frame element</a>'s <code title=attr-iframe-marginheight><a href=#attr-iframe-marginheight>marginheight</a></code> attribute
- <tr><td><code><a href=#the-body-element-0>body</a></code> element's <code title=attr-body-topmargin>topmargin</code> attribute
+ <td><code><a href=#the-body-element>body</a></code> element's <code title=attr-body-marginheight><a href=#attr-body-marginheight>marginheight</a></code> attribute
+ <tr><td>The <code><a href=#the-body-element>body</a></code> element's <a href=#container-frame-element>container frame element</a>'s <code title=attr-iframe-marginheight><a href=#attr-iframe-marginheight>marginheight</a></code> attribute
+ <tr><td><code><a href=#the-body-element>body</a></code> element's <code title=attr-body-topmargin>topmargin</code> attribute
<tbody><tr><td rowspan=3>'margin-right'
- <td><code><a href=#the-body-element-0>body</a></code> element's <code title=attr-body-marginwidth><a href=#attr-body-marginwidth>marginwidth</a></code> attribute
- <tr><td>The <code><a href=#the-body-element-0>body</a></code> element's <a href=#container-frame-element>container frame element</a>'s <code title=attr-iframe-marginwidth><a href=#attr-iframe-marginwidth>marginwidth</a></code> attribute
- <tr><td><code><a href=#the-body-element-0>body</a></code> element's <code title=attr-body-rightmargin>rightmargin</code> attribute
+ <td><code><a href=#the-body-element>body</a></code> element's <code title=attr-body-marginwidth><a href=#attr-body-marginwidth>marginwidth</a></code> attribute
+ <tr><td>The <code><a href=#the-body-element>body</a></code> element's <a href=#container-frame-element>container frame element</a>'s <code title=attr-iframe-marginwidth><a href=#attr-iframe-marginwidth>marginwidth</a></code> attribute
+ <tr><td><code><a href=#the-body-element>body</a></code> element's <code title=attr-body-rightmargin>rightmargin</code> attribute
<tbody><tr><td rowspan=3>'margin-bottom'
- <td><code><a href=#the-body-element-0>body</a></code> element's <code title=attr-body-marginheight><a href=#attr-body-marginheight>marginheight</a></code> attribute
- <tr><td>The <code><a href=#the-body-element-0>body</a></code> element's <a href=#container-frame-element>container frame element</a>'s <code title=attr-iframe-marginheight><a href=#attr-iframe-marginheight>marginheight</a></code> attribute
- <tr><td><code><a href=#the-body-element-0>body</a></code> element's <code title=attr-body-bottommargin>bottommargin</code> attribute
+ <td><code><a href=#the-body-element>body</a></code> element's <code title=attr-body-marginheight><a href=#attr-body-marginheight>marginheight</a></code> attribute
+ <tr><td>The <code><a href=#the-body-element>body</a></code> element's <a href=#container-frame-element>container frame element</a>'s <code title=attr-iframe-marginheight><a href=#attr-iframe-marginheight>marginheight</a></code> attribute
+ <tr><td><code><a href=#the-body-element>body</a></code> element's <code title=attr-body-bottommargin>bottommargin</code> attribute
<tbody><tr><td rowspan=3>'margin-left'
- <td><code><a href=#the-body-element-0>body</a></code> element's <code title=attr-body-marginwidth><a href=#attr-body-marginwidth>marginwidth</a></code> attribute
- <tr><td>The <code><a href=#the-body-element-0>body</a></code> element's <a href=#container-frame-element>container frame element</a>'s <code title=attr-iframe-marginwidth><a href=#attr-iframe-marginwidth>marginwidth</a></code> attribute
- <tr><td><code><a href=#the-body-element-0>body</a></code> element's <code title=attr-body-leftmargin>leftmargin</code> attribute
- </table><p>If the <code><a href=#the-body-element-0>body</a></code> element's <code><a href=#document>Document</a></code>'s
+ <td><code><a href=#the-body-element>body</a></code> element's <code title=attr-body-marginwidth><a href=#attr-body-marginwidth>marginwidth</a></code> attribute
+ <tr><td>The <code><a href=#the-body-element>body</a></code> element's <a href=#container-frame-element>container frame element</a>'s <code title=attr-iframe-marginwidth><a href=#attr-iframe-marginwidth>marginwidth</a></code> attribute
+ <tr><td><code><a href=#the-body-element>body</a></code> element's <code title=attr-body-leftmargin>leftmargin</code> attribute
+ </table><p>If the <code><a href=#the-body-element>body</a></code> element's <code><a href=#document>Document</a></code>'s
<a href=#browsing-context>browsing context</a> is a <a href=#nested-browsing-context>nested browsing
context</a>, and the <a href=#browsing-context-container>browsing context container</a> of
that <a href=#nested-browsing-context>nested browsing context</a> is a <code><a href=#frame>frame</a></code> or
<code><a href=#the-iframe-element>iframe</a></code> element, then the <dfn id=container-frame-element>container frame
- element</dfn> of the <code><a href=#the-body-element-0>body</a></code> element is that
+ element</dfn> of the <code><a href=#the-body-element>body</a></code> element is that
<code><a href=#frame>frame</a></code> or <code><a href=#the-iframe-element>iframe</a></code> element. Otherwise, there
is no <a href=#container-frame-element>container frame element</a>.</p>
@@ -89452,7 +89452,7 @@
<p>When a <code><a href=#document>Document</a></code> is in <a href=#quirks-mode>quirks mode</a>,
margins on <a href=#html-elements>HTML elements</a> at the top or bottom of
- <code><a href=#the-body-element-0>body</a></code>, <code><a href=#the-td-element>td</a></code>, or <code><a href=#the-th-element>th</a></code> elements are
+ <code><a href=#the-body-element>body</a></code>, <code><a href=#the-td-element>td</a></code>, or <code><a href=#the-th-element>th</a></code> elements are
expected to be collapsed to zero.</p>
</div>
@@ -89653,7 +89653,7 @@
<var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> h1 { font-size: 0.83em; }
<var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> h1 { font-size: 0.67em; }</pre>
- <hr><p>When a <code><a href=#the-body-element-0>body</a></code>, <code><a href=#the-table-element>table</a></code>, <code><a href=#the-thead-element>thead</a></code>,
+ <hr><p>When a <code><a href=#the-body-element>body</a></code>, <code><a href=#the-table-element>table</a></code>, <code><a href=#the-thead-element>thead</a></code>,
<code><a href=#the-tbody-element>tbody</a></code>, <code><a href=#the-tfoot-element>tfoot</a></code>, <code><a href=#the-tr-element>tr</a></code>,
<code><a href=#the-td-element>td</a></code>, or <code><a href=#the-th-element>th</a></code> element has a <code title=attr-background><a href=#attr-background>background</a></code> attribute set to a
non-empty value, the new value is expected to be <a href=#resolve-a-url title="resolve a url">resolved</a> relative to the element, and
@@ -89662,7 +89662,7 @@
hint</a> setting the element's 'background-image' property to the
resulting <a href=#absolute-url>absolute URL</a>.</p>
- <p>When a <code><a href=#the-body-element-0>body</a></code>, <code><a href=#the-table-element>table</a></code>, <code><a href=#the-thead-element>thead</a></code>,
+ <p>When a <code><a href=#the-body-element>body</a></code>, <code><a href=#the-table-element>table</a></code>, <code><a href=#the-thead-element>thead</a></code>,
<code><a href=#the-tbody-element>tbody</a></code>, <code><a href=#the-tfoot-element>tfoot</a></code>, <code><a href=#the-tr-element>tr</a></code>,
<code><a href=#the-td-element>td</a></code>, or <code><a href=#the-th-element>th</a></code> element has a <code title="">bgcolor</code> attribute set, the new value is expected to
be parsed using the <a href=#rules-for-parsing-a-legacy-color-value>rules for parsing a legacy color
@@ -89671,13 +89671,13 @@
hints">presentational hint</a> setting the element's
'background-color' property to the resulting color.</p>
- <p>When a <code><a href=#the-body-element-0>body</a></code> element has a <code title=attr-body-text><a href=#attr-body-text>text</a></code> attribute, its value is expected
+ <p>When a <code><a href=#the-body-element>body</a></code> element has a <code title=attr-body-text><a href=#attr-body-text>text</a></code> attribute, its value is expected
to be parsed using the <a href=#rules-for-parsing-a-legacy-color-value>rules for parsing a legacy color
value</a>, and if that does not return an error, the user
agent is expected to treat the attribute as a <a href=#presentational-hints title="presentational hints">presentational hint</a> setting the
element's 'color' property to the resulting color.</p>
- <p>When a <code><a href=#the-body-element-0>body</a></code> element has a <code title=attr-body-link><a href=#attr-body-link>link</a></code> attribute, its value is expected
+ <p>When a <code><a href=#the-body-element>body</a></code> element has a <code title=attr-body-link><a href=#attr-body-link>link</a></code> attribute, its value is expected
to be parsed using the <a href=#rules-for-parsing-a-legacy-color-value>rules for parsing a legacy color
value</a>, and if that does not return an error, the user agent
is expected to treat the attribute as a <a href=#presentational-hints title="presentational
@@ -89685,14 +89685,14 @@
any element in the <code><a href=#document>Document</a></code> matching the ':link'
pseudo-class to the resulting color.</p>
- <p>When a <code><a href=#the-body-element-0>body</a></code> element has a <code title=attr-body-vlink><a href=#attr-body-vlink>vlink</a></code> attribute, its value is
+ <p>When a <code><a href=#the-body-element>body</a></code> element has a <code title=attr-body-vlink><a href=#attr-body-vlink>vlink</a></code> attribute, its value is
expected to be parsed using the <a href=#rules-for-parsing-a-legacy-color-value>rules for parsing a legacy
color value</a>, and if that does not return an error, the user
agent is expected to treat the attribute as a <a href=#presentational-hints title="presentational hints">presentational hint</a> setting the
'color' property of any element in the <code><a href=#document>Document</a></code>
matching the ':visited' pseudo-class to the resulting color.</p>
- <p>When a <code><a href=#the-body-element-0>body</a></code> element has a <code title=attr-body-alink><a href=#attr-body-alink>alink</a></code> attribute, its value is
+ <p>When a <code><a href=#the-body-element>body</a></code> element has a <code title=attr-body-alink><a href=#attr-body-alink>alink</a></code> attribute, its value is
expected to be parsed using the <a href=#rules-for-parsing-a-legacy-color-value>rules for parsing a legacy
color value</a>, and if that does not return an error, the user
agent is expected to treat the attribute as a <a href=#presentational-hints title="presentational hints">presentational hint</a> setting the
@@ -92696,17 +92696,17 @@
<dt><dfn id=attr-dataformatas title=attr-dataformatas><code>dataformatas</code></dfn> on <code><a href=#the-button-element>button</a></code>, <code><a href=#the-div-element>div</a></code>, <code><a href=#the-input-element>input</a></code>, <code><a href=#the-label-element>label</a></code>, <code><a href=#the-legend-element>legend</a></code>, <code><a href=#the-marquee-element>marquee</a></code>, <code><a href=#the-object-element>object</a></code>, <code><a href=#the-option-element>option</a></code>, <code><a href=#the-select-element>select</a></code>, <code><a href=#the-span-element>span</a></code>, and <code><a href=#the-table-element>table</a></code> elements</dt>
<dd><p>Use script and a mechanism such as <code>XMLHttpRequest</code> to populate the page dynamically. <a href=#refsXHR>[XHR]</a></dd>
- <dt><dfn id=attr-body-alink title=attr-body-alink><code>alink</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
- <dt><dfn id=attr-body-bgcolor title=attr-body-bgcolor><code>bgcolor</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
- <dt><dfn id=attr-body-link title=attr-body-link><code>link</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
- <dt><dfn id=attr-body-marginbottom title=attr-body-marginbottom><code>marginbottom</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
- <dt><dfn id=attr-body-marginheight title=attr-body-marginheight><code>marginheight</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
- <dt><dfn id=attr-body-marginleft title=attr-body-marginleft><code>marginleft</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
- <dt><dfn id=attr-body-marginright title=attr-body-marginright><code>marginright</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
- <dt><dfn id=attr-body-margintop title=attr-body-margintop><code>margintop</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
- <dt><dfn id=attr-body-marginwidth title=attr-body-marginwidth><code>marginwidth</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
- <dt><dfn id=attr-body-text title=attr-body-text><code>text</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
- <dt><dfn id=attr-body-vlink title=attr-body-vlink><code>vlink</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-alink title=attr-body-alink><code>alink</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-bgcolor title=attr-body-bgcolor><code>bgcolor</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-link title=attr-body-link><code>link</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-marginbottom title=attr-body-marginbottom><code>marginbottom</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-marginheight title=attr-body-marginheight><code>marginheight</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-marginleft title=attr-body-marginleft><code>marginleft</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-marginright title=attr-body-marginright><code>marginright</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-margintop title=attr-body-margintop><code>margintop</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-marginwidth title=attr-body-marginwidth><code>marginwidth</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-text title=attr-body-text><code>text</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-vlink title=attr-body-vlink><code>vlink</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
<dt><dfn id=attr-br-clear title=attr-br-clear><code>clear</code></dfn> on <code><a href=#the-br-element>br</a></code> elements</dt>
<dt><dfn id=attr-caption-align title=attr-caption-align><code>align</code></dfn> on <code><a href=#the-caption-element>caption</a></code> elements</dt>
<dt><dfn id=attr-col-align title=attr-col-align><code>align</code></dfn> on <code><a href=#the-col-element>col</a></code> elements</dt>
@@ -92776,7 +92776,7 @@
<dt><dfn id=attr-tr-valign title=attr-tr-valign><code>valign</code></dfn> on <code><a href=#the-tr-element>tr</a></code> elements</dt>
<dt><dfn id=attr-ul-compact title=attr-ul-compact><code>compact</code></dfn> on <code><a href=#the-ul-element>ul</a></code> elements</dt>
<dt><dfn id=attr-ul-type title=attr-ul-type><code>type</code></dfn> on <code><a href=#the-ul-element>ul</a></code> elements</dt>
- <dt><dfn id=attr-background title=attr-background><code>background</code></dfn> on <code><a href=#the-body-element-0>body</a></code>, <code><a href=#the-table-element>table</a></code>, <code><a href=#the-thead-element>thead</a></code>, <code><a href=#the-tbody-element>tbody</a></code>, <code><a href=#the-tfoot-element>tfoot</a></code>, <code><a href=#the-tr-element>tr</a></code>, <code><a href=#the-td-element>td</a></code>, and <code><a href=#the-th-element>th</a></code> elements</dt>
+ <dt><dfn id=attr-background title=attr-background><code>background</code></dfn> on <code><a href=#the-body-element>body</a></code>, <code><a href=#the-table-element>table</a></code>, <code><a href=#the-thead-element>thead</a></code>, <code><a href=#the-tbody-element>tbody</a></code>, <code><a href=#the-tfoot-element>tfoot</a></code>, <code><a href=#the-tr-element>tr</a></code>, <code><a href=#the-td-element>td</a></code>, and <code><a href=#the-th-element>th</a></code> elements</dt>
<dd><p>Use CSS instead.</dd>
</dl><hr><p>The <code title=attr-table-border><a href=#attr-table-border>border</a></code> attribute on
@@ -93049,7 +93049,7 @@
<h4 id=frames><span class=secno>16.3.3 </span>Frames</h4>
- <p>The <dfn id=frameset><code>frameset</code></dfn> element acts as <a href=#the-body-element>the
+ <p>The <dfn id=frameset><code>frameset</code></dfn> element acts as <a href=#the-body-element-0>the
body element</a> in documents that use frames.</p>
<p>The <code><a href=#frameset>frameset</a></code> element must implement the
@@ -93280,34 +93280,34 @@
};</pre>
<p>The <dfn id=dom-body-text title=dom-body-text><code>text</code></dfn> IDL
- attribute of the <code><a href=#the-body-element-0>body</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-body-element>body</a></code> element must <a href=#reflect>reflect</a>
the element's <code title=attr-body-text><a href=#attr-body-text>text</a></code> content
attribute.</p>
<p>The <dfn id=dom-body-bgcolor title=dom-body-bgColor><code>bgColor</code></dfn> IDL
- attribute of the <code><a href=#the-body-element-0>body</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-body-element>body</a></code> element must <a href=#reflect>reflect</a>
the element's <code title=attr-body-bgcolor><a href=#attr-body-bgcolor>bgcolor</a></code> content
attribute.</p>
<p>The <dfn id=dom-body-background title=dom-body-background><code>background</code></dfn> IDL
- attribute of the <code><a href=#the-body-element-0>body</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-body-element>body</a></code> element must <a href=#reflect>reflect</a>
the element's <code title=attr-background><a href=#attr-background>background</a></code>
content attribute. (The <code title=attr-background><a href=#attr-background>background</a></code> content is <em>not</em>
defined to contain a <a href=#url>URL</a>, despite rules regarding its
handling in the rendering section above.)</p>
<p>The <dfn id=dom-body-link title=dom-body-link><code>link</code></dfn> IDL
- attribute of the <code><a href=#the-body-element-0>body</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-body-element>body</a></code> element must <a href=#reflect>reflect</a>
the element's <code title=attr-body-link><a href=#attr-body-link>link</a></code> content
attribute.</p>
<p>The <dfn id=dom-body-alink title=dom-body-aLink><code>aLink</code></dfn> IDL
- attribute of the <code><a href=#the-body-element-0>body</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-body-element>body</a></code> element must <a href=#reflect>reflect</a>
the element's <code title=attr-body-alink><a href=#attr-body-alink>alink</a></code> content
attribute.</p>
<p>The <dfn id=dom-body-vlink title=dom-body-vLink><code>vLink</code></dfn> IDL
- attribute of the <code><a href=#the-body-element-0>body</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-body-element>body</a></code> element must <a href=#reflect>reflect</a>
the element's <code title=attr-body-vlink><a href=#attr-body-vlink>vlink</a></code> content
attribute.</p>
@@ -93873,11 +93873,11 @@
<p>The attributes of the <code><a href=#document>Document</a></code> object listed in the
first column of the following table must <a href=#reflect>reflect</a> the
- content attribute on <a href=#the-body-element>the body element</a> with the name
+ content attribute on <a href=#the-body-element-0>the body element</a> with the name
given in the corresponding cell in the second column on the same
- row, if <a href=#the-body-element>the body element</a> is a <code><a href=#the-body-element-0>body</a></code> element
+ row, if <a href=#the-body-element-0>the body element</a> is a <code><a href=#the-body-element>body</a></code> element
(as opposed to a <code><a href=#frameset>frameset</a></code> element). When there is no
- <a href=#the-body-element title="the body element">body element</a> or if it is a
+ <a href=#the-body-element-0 title="the body element">body element</a> or if it is a
<code><a href=#frameset>frameset</a></code> element, the attributes must instead return
the empty string on getting and do nothing on setting.</p>
@@ -94780,7 +94780,7 @@
<td><a href=#global-attributes title="global attributes">globals</a>;
<code title=attr-blockquote-cite><a href=#attr-blockquote-cite>cite</a></code></td>
<td><code><a href=#htmlquoteelement>HTMLQuoteElement</a></code></td>
- <tr><th><code><a href=#the-body-element-0>body</a></code></th>
+ <tr><th><code><a href=#the-body-element>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>html</a></code></td>
@@ -95098,7 +95098,7 @@
<td>none</td>
<td>none*</td>
<td><code><a href=#the-head-element>head</a></code>*;
- <code><a href=#the-body-element-0>body</a></code>*</td>
+ <code><a href=#the-body-element>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>
<td><code><a href=#htmlhtmlelement>HTMLHtmlElement</a></code></td>
@@ -96034,7 +96034,7 @@
<tr><td> <a href=#sectioning-root title="sectioning root">Sectioning roots</a>
<td>
<code><a href=#the-blockquote-element>blockquote</a></code>;
- <code><a href=#the-body-element-0>body</a></code>;
+ <code><a href=#the-body-element>body</a></code>;
<code><a href=#the-details-element>details</a></code>;
<code><a href=#the-fieldset-element>fieldset</a></code>;
<code><a href=#the-figure-element>figure</a></code>;
@@ -96583,7 +96583,7 @@
"<code title=attr-media-preload-auto><a href=#attr-media-preload-auto>auto</a></code>"
<tr><th> <code title="">pubdate</code>
<td> <code title=attr-time-pubdate><a href=#attr-time-pubdate>time</a></code>
- <td> Whether the element's value represents a publication time for the nearest <code><a href=#the-article-element>article</a></code> or <code><a href=#the-body-element-0>body</a></code>
+ <td> Whether the element's value represents a publication time for the nearest <code><a href=#the-article-element>article</a></code> or <code><a href=#the-body-element>body</a></code>
<td> <a href=#boolean-attribute>Boolean attribute</a>
<tr><th> <code title="">radiogroup</code>
<td> <code title=attr-command-radiogroup><a href=#attr-command-radiogroup>command</a></code>
@@ -97265,7 +97265,7 @@
<tr><td> <code><a href=#the-blockquote-element>blockquote</a></code>
<td> <code><a href=#htmlquoteelement>HTMLQuoteElement</a></code> : <code><a href=#htmlelement>HTMLElement</a></code>
- <tr><td> <code><a href=#the-body-element-0>body</a></code>
+ <tr><td> <code><a href=#the-body-element>body</a></code>
<td> <code><a href=#htmlbodyelement>HTMLBodyElement</a></code> : <code><a href=#htmlelement>HTMLElement</a></code>
<tr><td> <code><a href=#the-br-element>br</a></code>
Modified: index
===================================================================
--- index 2011-05-03 20:24:49 UTC (rev 6057)
+++ index 2011-05-03 22:04:53 UTC (rev 6058)
@@ -495,7 +495,7 @@
<li><a href=#the-noscript-element><span class=secno>4.3.2 </span>The <code>noscript</code> element</a></ol></li>
<li><a href=#sections><span class=secno>4.4 </span>Sections</a>
<ol>
- <li><a href=#the-body-element-0><span class=secno>4.4.1 </span>The <code>body</code> element</a></li>
+ <li><a href=#the-body-element><span class=secno>4.4.1 </span>The <code>body</code> element</a></li>
<li><a href=#the-section-element><span class=secno>4.4.2 </span>The <code>section</code> element</a></li>
<li><a href=#the-nav-element><span class=secno>4.4.3 </span>The <code>nav</code> element</a></li>
<li><a href=#the-article-element><span class=secno>4.4.4 </span>The <code>article</code> element</a></li>
@@ -1921,10 +1921,10 @@
<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>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
+ <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>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 cl
ass=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>
+ and <code><a href=#the-body-element>body</a></code>, as well as a text node between them.</p>
<p>There are many more text nodes in the DOM tree than one would
initially expect, because the source contains a number of spaces
@@ -1933,12 +1933,12 @@
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>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>
+ the whitespace after the <code><a href=#the-body-element>body</a></code> end tag ends up placed at
+ the end of the <code><a href=#the-body-element>body</a></code>.</p>
<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
+ page". Similarly, the <code><a href=#the-body-element>body</a></code> element contains an
<code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h1</a></code> element, a <code><a href=#the-p-element>p</a></code> element, and a
comment.</p>
@@ -9104,14 +9104,14 @@
<hr><dl class=domintro><dt><var title="">document</var> . <code title=dom-document-body><a href=#dom-document-body>body</a></code> [ = <var title="">value</var> ]</dt>
<dd>
- <p>Returns <a href=#the-body-element>the body element</a>.</p>
- <p>Can be set, to replace <a href=#the-body-element>the body element</a>.</p>
- <p>If the new value is not a <code><a href=#the-body-element-0>body</a></code> or <code><a href=#frameset>frameset</a></code> element, this will throw a <code><a href=#hierarchy_request_err>HIERARCHY_REQUEST_ERR</a></code> exception.</p>
+ <p>Returns <a href=#the-body-element-0>the body element</a>.</p>
+ <p>Can be set, to replace <a href=#the-body-element-0>the body element</a>.</p>
+ <p>If the new value is not a <code><a href=#the-body-element>body</a></code> or <code><a href=#frameset>frameset</a></code> element, this will throw a <code><a href=#hierarchy_request_err>HIERARCHY_REQUEST_ERR</a></code> exception.</p>
</dd>
- </dl><p><dfn id=the-body-element>The body element</dfn> of a document is the first child of
+ </dl><p><dfn id=the-body-element-0>The body element</dfn> of a document is the first child of
<a href=#the-html-element-0>the <code>html</code> element</a> that is either a
- <code><a href=#the-body-element-0>body</a></code> element or a <code><a href=#frameset>frameset</a></code> element. If
+ <code><a href=#the-body-element>body</a></code> element or a <code><a href=#frameset>frameset</a></code> element. If
there is no such element, it is null. <span class=impl>If the body
element is null, then when the specification requires that events be
fired at "the body element", they must instead be fired at the
@@ -9120,8 +9120,8 @@
<div class=impl>
<p>The <dfn id=dom-document-body title=dom-document-body><code>body</code></dfn>
- attribute, on getting, must return <a href=#the-body-element>the body element</a> of
- the document (either a <code><a href=#the-body-element-0>body</a></code> element, a
+ attribute, on getting, must return <a href=#the-body-element-0>the body element</a> of
+ the document (either a <code><a href=#the-body-element>body</a></code> element, a
<code><a href=#frameset>frameset</a></code> element, or null). On setting, the following
algorithm must be run:</p>
@@ -9132,22 +9132,22 @@
search for ::setBody
http://trac.webkit.org/projects/webkit/browser/trunk/WebCore/dom/Document.cpp
search for ::body
- --><li>If the new value is not a <code><a href=#the-body-element-0>body</a></code> or
+ --><li>If the new value is not a <code><a href=#the-body-element>body</a></code> or
<code><a href=#frameset>frameset</a></code> element, then raise a
<code><a href=#hierarchy_request_err>HIERARCHY_REQUEST_ERR</a></code> exception and abort these
steps.</li>
- <li>Otherwise, if the new value is the same as <a href=#the-body-element>the body
+ <li>Otherwise, if the new value is the same as <a href=#the-body-element-0>the body
element</a>, do nothing. Abort these steps.</li>
- <li>Otherwise, if <a href=#the-body-element>the body element</a> is not null, then
+ <li>Otherwise, if <a href=#the-body-element-0>the body element</a> is not null, then
replace that element with the new value in the DOM, as if the root
element's <code title="">replaceChild()</code> method had been
- called with the new value and <a href=#the-body-element title="the body element">the
+ called with the new value and <a href=#the-body-element-0 title="the body element">the
incumbent body element</a> as its two arguments respectively,
then abort these steps.</li>
- <li>Otherwise, <a href=#the-body-element>the body element</a> is null. Append
+ <li>Otherwise, <a href=#the-body-element-0>the body element</a> is null. Append
the new value to the root element.</li>
</ol></div>
@@ -9535,7 +9535,7 @@
argument (which could be the empty string). Append it to the
<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
+ <li><p>Create a <code><a href=#the-body-element>body</a></code> element, and append it to the
<code><a href=#the-html-element>html</a></code> element created in the earlier step.</p>
<li><p>Return <var title="">doc</var>.</li>
@@ -10007,7 +10007,7 @@
<li><code title=handler-onvolumechange><a href=#handler-onvolumechange>onvolumechange</a></code></li>
<li><code title=handler-onwaiting><a href=#handler-onwaiting>onwaiting</a></code></li>
</ul><p class=note>The attributes marked with an asterisk have a
- different meaning when specified on <code><a href=#the-body-element-0>body</a></code> elements as
+ different meaning when specified on <code><a href=#the-body-element>body</a></code> elements as
those elements expose <a href=#event-handlers>event handlers</a> of the
<code><a href=#window>Window</a></code> object with the same names.</p>
@@ -12101,7 +12101,7 @@
<td>No role
<td>If specified, role must be <code title=attr-aria-role-application>application</code>
- <tr><td><a href=#the-body-element>The body element</a>
+ <tr><td><a href=#the-body-element-0>The body element</a>
<td><code title=attr-aria-role-document>document</code> role
<td>Role must be either <code title=attr-aria-role-document>document</code> or <code title=attr-aria-role-application>application</code>
@@ -12970,7 +12970,7 @@
<p>Let <var title="">parent</var> be <var title="">target</var>'s
parent node, unless that is a <code><a href=#documentfragment>DocumentFragment</a></code> node,
in which case let <var title="">parent</var> be an arbitrary
- <code><a href=#the-body-element-0>body</a></code> element.</p>
+ <code><a href=#the-body-element>body</a></code> element.</p>
</li>
@@ -13199,7 +13199,7 @@
<dd>As the root element of a document.</dd>
<dd>Wherever a subdocument fragment is allowed in a compound document.</dd>
<dt>Content model:</dt>
- <dd>A <code><a href=#the-head-element>head</a></code> element followed by a <code><a href=#the-body-element-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>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>
@@ -16469,7 +16469,7 @@
<h3 id=sections><span class=secno>4.4 </span>Sections</h3>
- <h4 id=the-body-element-0><span class=secno>4.4.1 </span>The <dfn><code>body</code></dfn> element</h4>
+ <h4 id=the-body-element><span class=secno>4.4.1 </span>The <dfn><code>body</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
<dd><a href=#sectioning-root>Sectioning root</a>.</dd>
@@ -16524,49 +16524,49 @@
attribute <a href=#function>Function</a> <a href=#handler-window-onunload title=handler-window-onunload>onunload</a>;
};</pre>
</dd>
- </dl><p>The <code><a href=#the-body-element-0>body</a></code> element <a href=#represents>represents</a> the main
+ </dl><p>The <code><a href=#the-body-element>body</a></code> element <a href=#represents>represents</a> the main
content of the document.</p>
- <p>In conforming documents, there is only one <code><a href=#the-body-element-0>body</a></code>
+ <p>In conforming documents, there is only one <code><a href=#the-body-element>body</a></code>
element. The <code title=dom-document-body><a href=#dom-document-body>document.body</a></code>
IDL attribute provides scripts with easy access to a document's
- <code><a href=#the-body-element-0>body</a></code> element.</p>
+ <code><a href=#the-body-element>body</a></code> element.</p>
<div class=impl>
<p class=note>Some DOM operations (for example, parts of the
- <a href=#dnd>drag and drop</a> model) are defined in terms of "<a href=#the-body-element>the
+ <a href=#dnd>drag and drop</a> model) are defined in terms of "<a href=#the-body-element-0>the
body element</a>". This refers to a particular element in the
DOM, as per the definition of the term, and not any arbitrary
- <code><a href=#the-body-element-0>body</a></code> element.</p>
+ <code><a href=#the-body-element>body</a></code> element.</p>
</div>
- <p>The <code><a href=#the-body-element-0>body</a></code> element exposes as <a href=#event-handler-content-attributes>event handler
+ <p>The <code><a href=#the-body-element>body</a></code> element exposes as <a href=#event-handler-content-attributes>event handler
content attributes</a> a number of the <a href=#event-handlers>event
handlers</a> of the <code><a href=#window>Window</a></code> object. It also mirrors
their <a href=#event-handler-idl-attributes>event handler IDL attributes</a>.</p>
<p>The <code title=handler-window-onblur><a href=#handler-window-onblur>onblur</a></code>, <code title=handler-window-onerror><a href=#handler-window-onerror>onerror</a></code>, <code title=handler-window-onfocus><a href=#handler-window-onfocus>onfocus</a></code>, <code title=handler-window-onload><a href=#handler-window-onload>onload</a></code>, and <code title=handler-window-onscroll><a href=#handler-window-onscroll>onscroll</a></code> <a href=#event-handlers>event
handlers</a> of the <code><a href=#window>Window</a></code> object, exposed on the
- <code><a href=#the-body-element-0>body</a></code> element, shadow the generic <a href=#event-handlers>event
+ <code><a href=#the-body-element>body</a></code> element, shadow the generic <a href=#event-handlers>event
handlers</a> with the same names normally supported by <a href=#html-elements>HTML
elements</a>.</p>
- <p class=example>Thus, for example, a bubbling <code title=event-error>error</code> event fired on a child of <a href=#the-body-element>the
+ <p class=example>Thus, for example, a bubbling <code title=event-error>error</code> event fired on a child of <a href=#the-body-element-0>the
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>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
+ attribute</a> on the <code><a href=#the-body-element>body</a></code> element. This is because
+ the event would bubble from the target, to the <code><a href=#the-body-element>body</a></code>, to
the <code><a href=#the-html-element>html</a></code>, to the <code><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
- listener attached to the <code><a href=#the-body-element-0>body</a></code> using <code title="">addEventListener()</code>, however, would fire when the
- event bubbled through the <code><a href=#the-body-element-0>body</a></code> and not when it reaches
+ handler</a> on the <code><a href=#the-body-element>body</a></code> is watching the
+ <code><a href=#window>Window</a></code> not the <code><a href=#the-body-element>body</a></code>. A regular event
+ listener attached to the <code><a href=#the-body-element>body</a></code> using <code title="">addEventListener()</code>, however, would fire when the
+ event bubbled through the <code><a href=#the-body-element>body</a></code> and not when it reaches
the <code><a href=#window>Window</a></code> object.</p>
<div class=example>
@@ -17404,7 +17404,7 @@
section.</p>
<p>When the nearest ancestor <a href=#sectioning-content>sectioning content</a> or
- <a href=#sectioning-root>sectioning root</a> element is <a href=#the-body-element>the body
+ <a href=#sectioning-root>sectioning root</a> element is <a href=#the-body-element-0>the body
element</a>, then it applies to the whole page.</p>
<!--HGROUP-->
@@ -17493,7 +17493,7 @@
<dd>Uses <code><a href=#htmlelement>HTMLElement</a></code>.</dd>
</dl><p>The <code><a href=#the-address-element>address</a></code> element <a href=#represents>represents</a> the
contact information for its nearest <code><a href=#the-article-element>article</a></code> or
- <code><a href=#the-body-element-0>body</a></code> element ancestor. If that is <a href=#the-body-element>the body
+ <code><a href=#the-body-element>body</a></code> element ancestor. If that is <a href=#the-body-element-0>the body
element</a>, then the contact information applies to the document
as a whole.</p>
@@ -17532,34 +17532,34 @@
applicable entry from the following list:</p>
<dl class=switch><dt>If <var title="">node</var> is an <code><a href=#the-article-element>article</a></code> element</dt>
- <dt>If <var title="">node</var> is a <code><a href=#the-body-element-0>body</a></code> element</dt>
+ <dt>If <var title="">node</var> is a <code><a href=#the-body-element>body</a></code> element</dt>
<dd>
<p>The contact information consists of all the
<code><a href=#the-address-element>address</a></code> elements that have <var title="">node</var>
- as an ancestor and do not have another <code><a href=#the-body-element-0>body</a></code> or
+ as an ancestor and do not have another <code><a href=#the-body-element>body</a></code> or
<code><a href=#the-article-element>article</a></code> element ancestor that is a descendant of <var title="">node</var>.</p>
</dd>
<dt>If <var title="">node</var> has an ancestor element that is an <code><a href=#the-article-element>article</a></code> element</dt>
- <dt>If <var title="">node</var> has an ancestor element that is a <code><a href=#the-body-element-0>body</a></code> element</dt>
+ <dt>If <var title="">node</var> has an ancestor element that is a <code><a href=#the-body-element>body</a></code> element</dt>
<dd>
<p>The contact information of <var title="">node</var> is the same
as the contact information of the nearest <code><a href=#the-article-element>article</a></code> or
- <code><a href=#the-body-element-0>body</a></code> element ancestor, whichever is nearest.</p>
+ <code><a href=#the-body-element>body</a></code> element ancestor, whichever is nearest.</p>
</dd>
- <dt>If <var title="">node</var>'s <code><a href=#document>Document</a></code> has <a href=#the-body-element title="the body element">a body element</a></dt>
+ <dt>If <var title="">node</var>'s <code><a href=#document>Document</a></code> has <a href=#the-body-element-0 title="the body element">a body element</a></dt>
<dd>
<p>The contact information of <var title="">node</var> is the same
- as the contact information of <a href=#the-body-element>the body element</a> of the
+ as the contact information of <a href=#the-body-element-0>the body element</a> of the
<code><a href=#document>Document</a></code>.</p>
</dd>
@@ -17618,7 +17618,7 @@
<!-- when updating this also update the category index -->
<ul class="brief category-list"><li><code><a href=#the-blockquote-element>blockquote</a></code></li>
- <li><code><a href=#the-body-element-0>body</a></code></li>
+ <li><code><a href=#the-body-element>body</a></code></li>
<li><code><a href=#the-details-element>details</a></code></li>
<li><code><a href=#the-fieldset-element>fieldset</a></code></li>
<li><code><a href=#the-figure-element>figure</a></code></li>
@@ -17649,7 +17649,7 @@
</body></pre>
<p>...the structure would be:</p>
<ol><li>
- Foo (heading of explicit <code><a href=#the-body-element-0>body</a></code> section, containing the "Grunt" paragraph)
+ Foo (heading of explicit <code><a href=#the-body-element>body</a></code> section, containing the "Grunt" paragraph)
<ol><li>
Bar (heading starting implied section, containing a block quote and the "Baz" paragraph)
</li>
@@ -17779,10 +17779,10 @@
</body></pre>
<p>...results in the following outline being created for the
- <code><a href=#the-body-element-0>body</a></code> node (and thus the entire document):</p>
+ <code><a href=#the-body-element>body</a></code> node (and thus the entire document):</p>
<ol class=brief><li>
- <p>Section created for <code><a href=#the-body-element-0>body</a></code> node.</p>
+ <p>Section created for <code><a href=#the-body-element>body</a></code> node.</p>
<p>Associated with heading "A".</p>
<p>Also associated with paragraph "B".</p>
<p>Nested sections:</p>
@@ -17999,7 +17999,7 @@
<li><p>Associate all nodes with the heading of the <a href=#concept-section title=concept-section>section</a> with which they are
associated, if any.</li>
- <li><p>If <var title="">current outlinee</var> is <a href=#the-body-element>the body
+ <li><p>If <var title="">current outlinee</var> is <a href=#the-body-element-0>the body
element</a>, then the outline created for that element is the
<a href=#outline>outline</a> of the entire document.</li>
@@ -18016,7 +18016,7 @@
<p class=note>Selecting the first <a href=#concept-section title=concept-section>section</a> of the document therefore
always takes the user to the top of the document, regardless of
- where the first heading in the <code><a href=#the-body-element-0>body</a></code> is to be found.</p>
+ where the first heading in the <code><a href=#the-body-element>body</a></code> is to be found.</p>
<p>The <dfn id=outline-depth>outline depth</dfn> of a <a href=#heading-content>heading content</a>
element associated with a <a href=#concept-section title=concept-section>section</a> <var title="">section</var>
@@ -18047,7 +18047,7 @@
</body></pre>
<p>Although it contains no headings, this snippet has three
- sections: a document (the <code><a href=#the-body-element-0>body</a></code>) with two subsections
+ sections: a document (the <code><a href=#the-body-element>body</a></code>) with two subsections
(a <code><a href=#the-nav-element>nav</a></code> and an <code><a href=#the-aside-element>aside</a></code>). A user agent could
present the outline as follows:</p>
@@ -54063,7 +54063,7 @@
<p>The simplest solution is to not mark up the main content at all,
and just leave it as implicit. Another way to think of this is that
- the <code><a href=#the-body-element-0>body</a></code> elements marks up the main content of the
+ the <code><a href=#the-body-element>body</a></code> elements marks up the main content of the
page, and the bits that aren't main content are excluded through the
use of more appropriate elements like <code><a href=#the-aside-element>aside</a></code> and
<code><a href=#the-nav-element>nav</a></code>.</p>
@@ -54072,7 +54072,7 @@
<p>Here is a short Web page marked up along this minimalistic
school of thought. The main content is highlighted. Notice how all
- the <em>other</em> content in the <code><a href=#the-body-element-0>body</a></code> is marked up
+ the <em>other</em> content in the <code><a href=#the-body-element>body</a></code> is marked up
with elements to indicate that it's not part of the main content,
in this case <code><a href=#the-header-element>header</a></code>, <code><a href=#the-nav-element>nav</a></code>, and
<code><a href=#the-footer-element>footer</a></code>.</p>
@@ -59202,7 +59202,7 @@
<li><p>Let <var title="">heading</var> be the first element of
<a href=#heading-content>heading content</a> whose nearest ancestor element that is
a <a href=#sectioning-root>sectioning root</a> or that is <a href=#sectioning-content>sectioning
- content</a> is <a href=#the-body-element>the body element</a>, if any, or null if
+ content</a> is <a href=#the-body-element-0>the body element</a>, if any, or null if
there is none.</li>
<li>
@@ -59758,7 +59758,7 @@
<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>html</a></code> node, which itself has a single child
- <code><a href=#the-body-element-0>body</a></code> node.</p>
+ <code><a href=#the-body-element>body</a></code> node.</p>
<p class=note>If the <a href=#browsing-context>browsing context</a> is created
specifically to be immediately navigated, then that initial
@@ -62983,9 +62983,9 @@
context</a>, the user agent should <a href=#create-a-document-object>create a
<code>Document</code> object</a>, mark it as being an <a href=#html-documents title="HTML documents">HTML document</a>, append an
<code><a href=#the-html-element>html</a></code> element to the <code><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-head-element>head</a></code> element and a <code><a href=#the-body-element>body</a></code> element to the
<code><a href=#the-html-element>html</a></code> element, append an <code><a href=#the-img-element>img</a></code> to the
- <code><a href=#the-body-element-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>
+ <code><a href=#the-body-element>body</a></code> element, and set the <code title=attr-img-src><a href=#attr-img-src>src</a></code> attribute of the <code><a href=#the-img-element>img</a></code>
element to the address of the image.</p>
<!-- next three paragraphs are similar to the navigate-text section,
@@ -63016,9 +63016,9 @@
should <a href=#create-a-document-object>create a <code>Document</code> object</a>, mark it
as being an <a href=#html-documents title="HTML documents">HTML document</a>,
append an <code><a href=#the-html-element>html</a></code> element to the <code><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
+ append a <code><a href=#the-head-element>head</a></code> element and a <code><a href=#the-body-element>body</a></code> element
to the <code><a href=#the-html-element>html</a></code> element, append an <code><a href=#the-embed-element>embed</a></code> to
- the <code><a href=#the-body-element-0>body</a></code> element, and set the <code title=attr-embed-src><a href=#attr-embed-src>src</a></code> attribute of the
+ the <code><a href=#the-body-element>body</a></code> element, and set the <code title=attr-embed-src><a href=#attr-embed-src>src</a></code> attribute of the
<code><a href=#the-embed-element>embed</a></code> element to the address of the resource.</p>
<!-- next three paragraphs are similar to the navigate-text section,
@@ -66703,7 +66703,7 @@
<p class=note>This can happen in particular for <a href=#event-handler-idl-attributes title="event
handler IDL attributes">event handler IDL attribute</a> on
- <code><a href=#the-body-element-0>body</a></code> elements that do not have corresponding
+ <code><a href=#the-body-element>body</a></code> elements that do not have corresponding
<code><a href=#window>Window</a></code> objects.</p>
<p class=note>Certain event handler IDL attributes have additional
@@ -67023,7 +67023,7 @@
</table><hr><p>The following are the <a href=#event-handlers>event handlers</a> (and their
corresponding <a href=#event-handler-event-type title="event handler event type">event handler
event types</a>) that must be supported by all <a href=#html-elements>HTML
- elements</a> other than <code><a href=#the-body-element-0>body</a></code>, as both content
+ elements</a> other than <code><a href=#the-body-element>body</a></code>, as both content
attributes and IDL attributes, and on <code><a href=#document>Document</a></code> objects,
as IDL attributes:</p>
@@ -67038,7 +67038,7 @@
event types</a>) that must be supported by <code><a href=#window>Window</a></code>
objects, as IDL attributes on the <code><a href=#window>Window</a></code> object, and
with corresponding content attributes and IDL attributes exposed on
- the <code><a href=#the-body-element-0>body</a></code> and <code><a href=#frameset>frameset</a></code> elements:</p>
+ the <code><a href=#the-body-element>body</a></code> and <code><a href=#frameset>frameset</a></code> elements:</p>
<table><thead><tr><th><a href=#event-handlers title="event handlers">Event handler</a> <th><a href=#event-handler-event-type>Event handler event type</a>
<tbody><tr><td><dfn id=handler-window-onafterprint title=handler-window-onafterprint><code>onafterprint</code></dfn> <td> <code title=event-afterprint>afterprint</code>
@@ -68745,7 +68745,7 @@
<p>When an element is <i>focused</i>, key events received by the
document must be targeted at that element. There may be no element
focused; when no element is focused, key events received by the
- document must be targeted at <a href=#the-body-element>the body element</a>.</p>
+ document must be targeted at <a href=#the-body-element-0>the body element</a>.</p>
<p>User agents may track focus for each <a href=#browsing-context>browsing
context</a> or <code><a href=#document>Document</a></code> individually, or may support
@@ -68986,7 +68986,7 @@
<a href=#focusable>focusable</a> element, or stops being focused without
another element being explicitly focused in its stead, the user
agent should synchronously run the <a href=#focusing-steps>focusing steps</a> for
- <a href=#the-body-element>the body element</a>, if there is one; if there is not,
+ <a href=#the-body-element-0>the body element</a>, if there is one; if there is not,
then the user agent should synchronously run the <a href=#unfocusing-steps>unfocusing
steps</a> for the affected element only.</p>
@@ -69036,7 +69036,7 @@
<p>The <dfn id=dom-document-activeelement title=dom-document-activeElement><code>activeElement</code></dfn>
attribute on <code><a href=#htmldocument>HTMLDocument</a></code> objects must return the
element in the document that is focused. If no element in the
- <code><a href=#document>Document</a></code> is focused, this must return <a href=#the-body-element>the body
+ <code><a href=#document>Document</a></code> is focused, this must return <a href=#the-body-element-0>the body
element</a>.</p>
<p>The <dfn id=dom-document-hasfocus title=dom-document-hasFocus><code>hasFocus()</code></dfn> method
@@ -69125,7 +69125,7 @@
<li><p>Unmark the element as <i><a href=#locked-for-focus>locked for focus</a></i>.</li>
</ol><p>The <dfn id=dom-blur title=dom-blur><code>blur()</code></dfn> method, when
- invoked, should run the <a href=#focusing-steps>focusing steps</a> for <a href=#the-body-element>the
+ invoked, should run the <a href=#focusing-steps>focusing steps</a> for <a href=#the-body-element-0>the
body element</a>, if there is one; if there is not, then it
should run the <a href=#unfocusing-steps>unfocusing steps</a> for the element on
which the method was called instead. User agents may selectively or
@@ -71504,7 +71504,7 @@
<dt>If the <a href=#current-target-element>current target element</a> is
- <a href=#the-body-element>the body element</a></dt>
+ <a href=#the-body-element-0>the body element</a></dt>
<dd><p>Leave the <a href=#current-target-element>current target element</a>
unchanged.</dd>
@@ -71514,14 +71514,14 @@
<dd>
- <p><a href=#fire-a-dnd-event>Fire a DND event</a> named <code title=event-dragenter><a href=#event-dragenter>dragenter</a></code> at <a href=#the-body-element>the body
+ <p><a href=#fire-a-dnd-event>Fire a DND event</a> named <code title=event-dragenter><a href=#event-dragenter>dragenter</a></code> at <a href=#the-body-element-0>the body
element</a>, and set the <a href=#current-target-element>current target
- element</a> to <a href=#the-body-element>the body element</a>, regardless
+ element</a> to <a href=#the-body-element-0>the body element</a>, regardless
of whether that event was canceled or not.</p>
- <p class=note>If <a href=#the-body-element>the body element</a> is null,
+ <p class=note>If <a href=#the-body-element-0>the body element</a> is null,
then the event will be fired at the <code><a href=#document>Document</a></code>
- object (as required by the definition of <a href=#the-body-element>the body
+ object (as required by the definition of <a href=#the-body-element-0>the body
element</a>), but the <a href=#current-target-element>current target element</a>
would be set to null, not the <code><a href=#document>Document</a></code>
object.</dd>
@@ -71803,7 +71803,7 @@
<td>"<code title="">none</code>"</td>
<td>Continue the drag-and-drop operation</td>
<tr><td><dfn id=event-dragenter title=event-dragenter><code>dragenter</code></dfn></td>
- <td><a href=#immediate-user-selection>Immediate user selection</a> or <a href=#the-body-element>the body element</a></td>
+ <td><a href=#immediate-user-selection>Immediate user selection</a> or <a href=#the-body-element-0>the body element</a></td>
<!-- <td>✓ Bubbles</td> -->
<td>✓ Cancelable</td>
<td><a href=#concept-dnd-p title=concept-dnd-p>Protected mode</a>
@@ -72849,7 +72849,7 @@
that <a href=#contenteditable-delete>the selection be
deleted</a>.</li>
<li><p>Invoke the <a href=#html-fragment-parsing-algorithm>HTML fragment parsing algorithm</a>
- with an arbitrary orphan <code><a href=#the-body-element-0>body</a></code> element owned by the
+ with an arbitrary orphan <code><a href=#the-body-element>body</a></code> element owned by the
same <code><a href=#document>Document</a></code> as the <i title="">context</i> element
and with the <var title="">value</var> argument as <i title="">input</i>.</li>
<li><p>Insert the nodes returned by the previous step into the
@@ -75678,7 +75678,7 @@
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>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
+ of the <code><a href=#the-body-element>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,
@@ -76182,18 +76182,18 @@
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>
+ <p>A <code><a href=#the-body-element>body</a></code> element's <a href=#syntax-start-tag title=syntax-start-tag>start tag</a> may be omitted if the
+ element is empty, or if the first thing inside the <code><a href=#the-body-element>body</a></code>
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=#the-script-element>script</a></code> or
+ inside the <code><a href=#the-body-element>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
the <body> --></p>
<!-- </body> -->
- <p>A <code><a href=#the-body-element-0>body</a></code> element's <a href=#syntax-end-tag title=syntax-end-tag>end
- tag</a> may be omitted if the <code><a href=#the-body-element-0>body</a></code> element is not
+ <p>A <code><a href=#the-body-element>body</a></code> element's <a href=#syntax-end-tag title=syntax-end-tag>end
+ tag</a> may be omitted if the <code><a href=#the-body-element>body</a></code> element is not
immediately followed by a <a href=#syntax-comments title=syntax-comments>comment</a>.</p>
<!-- </li> -->
@@ -77526,7 +77526,7 @@
parsing is only used for innerHTML/outerHTML/insertAdjacentHTML(),
where we know scripting is enabled. -->
- <li>If <var title="">node</var> is a <code><a href=#the-body-element-0>body</a></code> element,
+ <li>If <var title="">node</var> is a <code><a href=#the-body-element>body</a></code> element,
then switch the <a href=#insertion-mode>insertion mode</a> to "<a href=#parsing-main-inbody title="insertion mode: in body">in body</a>" and abort these
steps.</li>
@@ -77596,7 +77596,7 @@
parsing rules: HTML's <code><a href=#the-address-element>address</a></code>, <code><a href=#the-applet-element>applet</a></code>,
<code><a href=#the-area-element>area</a></code>, <code><a href=#the-article-element>article</a></code>, <code><a href=#the-aside-element>aside</a></code>,
<code><a href=#the-base-element>base</a></code>, <code><a href=#basefont>basefont</a></code>, <code><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-blockquote-element>blockquote</a></code>, <code><a href=#the-body-element>body</a></code>, <code><a href=#the-br-element>br</a></code>,
<code><a href=#the-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-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>,
@@ -81124,13 +81124,13 @@
<p><a href=#parse-error>Parse error</a>.</p>
<p>If the second element on the <a href=#stack-of-open-elements>stack of open
- elements</a> is not a <code><a href=#the-body-element-0>body</a></code> element, or, if the
+ elements</a> is not a <code><a href=#the-body-element>body</a></code> element, or, if the
<a href=#stack-of-open-elements>stack of open elements</a> has only one node on it,
then ignore the token. (<a href=#fragment-case>fragment case</a>)</p>
<p>Otherwise, set the <a href=#frameset-ok-flag>frameset-ok flag</a> to "not ok";
then, for each attribute on the token, check to see if the
- attribute is already present on the <code><a href=#the-body-element-0>body</a></code> element (the
+ attribute is already present on the <code><a href=#the-body-element>body</a></code> element (the
second element) on the <a href=#stack-of-open-elements>stack of open elements</a>, and if
it is not, add the attribute and its corresponding value to that
element.</p>
@@ -81143,7 +81143,7 @@
<p><a href=#parse-error>Parse error</a>.</p>
<p>If the second element on the <a href=#stack-of-open-elements>stack of open
- elements</a> is not a <code><a href=#the-body-element-0>body</a></code> element, or, if the
+ elements</a> is not a <code><a href=#the-body-element>body</a></code> element, or, if the
<a href=#stack-of-open-elements>stack of open elements</a> has only one node on it,
then ignore the token. (<a href=#fragment-case>fragment case</a>)</p>
@@ -81175,7 +81175,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>html</a></code> element, then
+ <code><a href=#the-body-element>body</a></code> element, or the <code><a href=#the-html-element>html</a></code> element, then
this is a <a href=#parse-error>parse error</a>.</p> <!-- (some of those are
fragment cases) -->
@@ -81201,7 +81201,7 @@
<code><a href=#the-rt-element>rt</a></code> element, a <code><a href=#the-tbody-element>tbody</a></code> element, a
<code><a href=#the-td-element>td</a></code> element, a <code><a href=#the-tfoot-element>tfoot</a></code> element, a
<code><a href=#the-th-element>th</a></code> element, a <code><a href=#the-thead-element>thead</a></code> element, a
- <code><a href=#the-tr-element>tr</a></code> element, the <code><a href=#the-body-element-0>body</a></code> element, or the
+ <code><a href=#the-tr-element>tr</a></code> element, the <code><a href=#the-body-element>body</a></code> element, or the
<code><a href=#the-html-element>html</a></code> element, then this is a <a href=#parse-error>parse
error</a>.</p> <!-- (some of those are fragment cases, e.g. for
<tbody> you'd have hit the first paragraph since the <body>
@@ -84020,8 +84020,8 @@
<p>The parsing of this markup is straightforward up to the "3". At
this point, the DOM looks like this:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>,
+ <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t3><code>#text</code>: <span title="">1</span><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">2</span><li class=t1><code><a href=#the-i-element>i</a></code><ul><li class=t3><code>#text</code>: <span title="">3</span></ul></ul></ul></ul></ul></ul><p>Here, the <a href=#stack-of-open-elements>stack of open elements</a> has five elements
+ on it: <code><a href=#the-html-element>html</a></code>, <code><a href=#the-body-element>body</a></code>, <code><a href=#the-p-element>p</a></code>,
<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>
@@ -84031,7 +84031,7 @@
element</var> is the <code><a href=#the-b-element>b</a></code> element, and there is no
<var title="">furthest block</var>. Thus, the <a href=#stack-of-open-elements>stack of open
elements</a> ends up with just three elements: <code><a href=#the-html-element>html</a></code>,
- <code><a href=#the-body-element-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
+ <code><a href=#the-body-element>body</a></code>, and <code><a href=#the-p-element>p</a></code>, while the <a href=#list-of-active-formatting-elements>list of
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>
@@ -84042,7 +84042,7 @@
received, and the "5" text node is inserted, the DOM looks as
follows:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>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>
@@ -84052,12 +84052,12 @@
<p>Up to the "2" the parsing here is straightforward:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">1</span><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t3><code>#text</code>: <span title="">2</span></ul></ul></ul></ul></ul><p>The interesting part is when the end tag token with the tag name
"b" is parsed.</p>
<p>Before that token is seen, the <a href=#stack-of-open-elements>stack of open
elements</a> has four elements on it: <code><a href=#the-html-element>html</a></code>,
- <code><a href=#the-body-element-0>body</a></code>, <code><a href=#the-b-element>b</a></code>, and <code><a href=#the-p-element>p</a></code>. The
+ <code><a href=#the-body-element>body</a></code>, <code><a href=#the-b-element>b</a></code>, and <code><a href=#the-p-element>p</a></code>. The
<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>
@@ -84066,7 +84066,7 @@
<var title="">furthest block</var>, namely the <code><a href=#the-p-element>p</a></code> element. Thus,
this time the adoption agency algorithm isn't skipped over.</p>
- <p>The <var title="">common ancestor</var> is the <code><a href=#the-body-element-0>body</a></code>
+ <p>The <var title="">common ancestor</var> is the <code><a href=#the-body-element>body</a></code>
element. A conceptual "bookmark" marks the position of the
<code><a href=#the-b-element>b</a></code> in the <a href=#list-of-active-formatting-elements>list of active formatting
elements</a>, but since that list has only one element in it,
@@ -84080,18 +84080,18 @@
<p>The <var title="">last node</var> gets appended (moved) to the
<var title="">common ancestor</var>, so that the DOM looks like:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">1</span></ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t3><code>#text</code>: <span title="">2</span></ul></ul></ul></ul><p>A new <code><a href=#the-b-element>b</a></code> element is created, and the children of the
<code><a href=#the-p-element>p</a></code> element are moved to it:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">1</span></ul><li class=t1><code><a href=#the-p-element>p</a></code></ul></ul></ul><ul class=domTree><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">2</span></ul></ul><p>Finally, the new <code><a href=#the-b-element>b</a></code> element is appended to the
<code><a href=#the-p-element>p</a></code> element, so that the DOM looks like:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">1</span></ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">2</span></ul></ul></ul></ul></ul><p>The <code><a href=#the-b-element>b</a></code> element is removed from the <a href=#list-of-active-formatting-elements>list of
active formatting elements</a> and the <a href=#stack-of-open-elements>stack of open
elements</a>, so that when the "3" is parsed, it is appended to
the <code><a href=#the-p-element>p</a></code> element:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>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>
@@ -84106,11 +84106,11 @@
examining the DOM tree as it stands just after the
<code><a href=#the-table-element>table</a></code> element's start tag has been seen:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>body</a></code><ul><li class=t1><code><a href=#the-table-element>table</a></code></ul></ul></ul><p>...and then immediately after the <code><a href=#the-b-element>b</a></code> element start
tag has been seen:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>,
+ <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><li class=t1><code><a href=#the-table-element>table</a></code></ul></ul></ul><p>At this point, the <a href=#stack-of-open-elements>stack of open elements</a> has on it
+ the elements <code><a href=#the-html-element>html</a></code>, <code><a href=#the-body-element>body</a></code>,
<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
@@ -84126,8 +84126,8 @@
row</a>" insertion modes, after which the DOM looks as
follows:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>,
+ <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><li class=t1><code><a href=#the-table-element>table</a></code><ul><li class=t1><code><a href=#the-tbody-element>tbody</a></code><ul><li class=t1><code><a href=#the-tr-element>tr</a></code></ul></ul></ul></ul></ul><p>Here, the <a href=#stack-of-open-elements>stack of open elements</a> has on it the
+ elements <code><a href=#the-html-element>html</a></code>, <code><a href=#the-body-element>body</a></code>, <code><a href=#the-table-element>table</a></code>,
<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
@@ -84138,13 +84138,13 @@
of active formatting elements</a> (it also switches to the "<a href=#parsing-main-intd title="insertion mode: in cell">in cell</a>" <a href=#insertion-mode>insertion
mode</a>).</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><li class=t1><code><a href=#the-table-element>table</a></code><ul><li class=t1><code><a href=#the-tbody-element>tbody</a></code><ul><li class=t1><code><a href=#the-tr-element>tr</a></code><ul><li class=t1><code><a href=#the-td-element>td</a></code></ul></ul></ul></ul></ul></ul><p>The marker means that when the "aaa" character tokens are seen,
no <code><a href=#the-b-element>b</a></code> element is created to hold the resulting text
node:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><li class=t1><code><a href=#the-table-element>table</a></code><ul><li class=t1><code><a href=#the-tbody-element>tbody</a></code><ul><li class=t1><code><a href=#the-tr-element>tr</a></code><ul><li class=t1><code><a href=#the-td-element>td</a></code><ul><li class=t3><code>#text</code>: <span title="">aaa</span></ul></ul></ul></ul></ul></ul></ul><p>The end tags are handled in a straight-forward manner; after
handling them, the <a href=#stack-of-open-elements>stack of open elements</a> has on it the
- elements <code><a href=#the-html-element>html</a></code>, <code><a href=#the-body-element-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>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
@@ -84169,8 +84169,8 @@
parent">foster parented</a>, and then the "bbb" text node is
appended to it:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>,
+ <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">bbb</span></ul><li class=t1><code><a href=#the-table-element>table</a></code><ul><li class=t1><code><a href=#the-tbody-element>tbody</a></code><ul><li class=t1><code><a href=#the-tr-element>tr</a></code><ul><li class=t1><code><a href=#the-td-element>td</a></code><ul><li class=t3><code>#text</code>: <span title="">aaa</span></ul></ul></ul></ul></ul></ul></ul><p>The <a href=#stack-of-open-elements>stack of open elements</a> has on it the elements
+ <code><a href=#the-html-element>html</a></code>, <code><a href=#the-body-element>body</a></code>, <code><a href=#the-table-element>table</a></code>,
<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;
@@ -84190,7 +84190,7 @@
result in yet another <code><a href=#the-b-element>b</a></code> element being created, this
time after the table:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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>
+ <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-b-element>b</a></code><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">bbb</span></ul><li class=t1><code><a href=#the-table-element>table</a></code><ul><li class=t1><code><a href=#the-tbody-element>tbody</a></code><ul><li class=t1><code><a href=#the-tr-element>tr</a></code><ul><li class=t1><code><a href=#the-td-element>td</a></code><ul><li class=t3><code>#text</code>: <span title="">aaa</span></ul></ul></ul></ul><li class=t1><code><a href=#the-b-element>b</a></code><ul><li class=t3><code>#text</code>: <span title="">ccc</span></ul></ul></ul></ul><h5 id=scripts-that-modify-the-page-as-it-is-being-parsed><span class=secno>11.2.8.4 </span>Scripts that modify the page as it is being pars
ed</h5>
<p><i>This section is non-normative.</i></p>
@@ -84215,11 +84215,11 @@
<p>Up to the first "script" end tag, before the script is parsed,
the result is relatively straightforward:</p>
- <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element-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="">
+ <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-div-element>div</a></code> <span class=t2 title=""><code class="attribute name">id</code>="<code class="attribute value"><a href=#the-a-element>a</a></code>"</span><ul><li class=t3><code>#text</code>: <span title="">
</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>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
+ <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code></ul></ul><p>They are, at this point, in the <code><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>
@@ -84244,7 +84244,7 @@
<code><a href=#the-div-element>div</a></code> element is popped off the stack, and so the next
<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>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>
+ <ul class=domTree><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><li class=t1><code><a href=#the-body-element>body</a></code><ul><li class=t1><code><a href=#the-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>
@@ -84280,7 +84280,7 @@
<p>The resulting DOM tree is as follows:</p>
- <ul class=domTree><li class=t10>DOCTYPE: <code><a href=#the-html-element>html</a></code><li class=t1><code><a href=#the-html-element>html</a></code><ul><li class=t1><code><a href=#the-head-element>head</a></code><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
+ <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>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&
#9166;</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
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
@@ -85307,9 +85307,9 @@
<var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> h1 { margin-top: 1.67em; margin-bottom: 1.67em; }
<var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> h1 { margin-top: 2.33em; margin-bottom: 2.33em; }</pre>
- <hr><p>For each property in the table below, given a <code><a href=#the-body-element-0>body</a></code>
+ <hr><p>For each property in the table below, given a <code><a href=#the-body-element>body</a></code>
element, the first attribute that exists <a href=#maps-to-the-pixel-length-property>maps to the pixel
- length property</a> on the <code><a href=#the-body-element-0>body</a></code> element. If none of
+ length property</a> on the <code><a href=#the-body-element>body</a></code> element. If none of
the attributes for a property are found, or if the value of the
attribute that was found cannot be parsed successfully, then a
default value of 8px is expected to be used for that property
@@ -85318,27 +85318,27 @@
<table><thead><tr><th>Property
<th>Source
<tbody><tr><td rowspan=3>'margin-top'
- <td><code><a href=#the-body-element-0>body</a></code> element's <code title=attr-body-marginheight><a href=#attr-body-marginheight>marginheight</a></code> attribute
- <tr><td>The <code><a href=#the-body-element-0>body</a></code> element's <a href=#container-frame-element>container frame element</a>'s <code title=attr-iframe-marginheight><a href=#attr-iframe-marginheight>marginheight</a></code> attribute
- <tr><td><code><a href=#the-body-element-0>body</a></code> element's <code title=attr-body-topmargin>topmargin</code> attribute
+ <td><code><a href=#the-body-element>body</a></code> element's <code title=attr-body-marginheight><a href=#attr-body-marginheight>marginheight</a></code> attribute
+ <tr><td>The <code><a href=#the-body-element>body</a></code> element's <a href=#container-frame-element>container frame element</a>'s <code title=attr-iframe-marginheight><a href=#attr-iframe-marginheight>marginheight</a></code> attribute
+ <tr><td><code><a href=#the-body-element>body</a></code> element's <code title=attr-body-topmargin>topmargin</code> attribute
<tbody><tr><td rowspan=3>'margin-right'
- <td><code><a href=#the-body-element-0>body</a></code> element's <code title=attr-body-marginwidth><a href=#attr-body-marginwidth>marginwidth</a></code> attribute
- <tr><td>The <code><a href=#the-body-element-0>body</a></code> element's <a href=#container-frame-element>container frame element</a>'s <code title=attr-iframe-marginwidth><a href=#attr-iframe-marginwidth>marginwidth</a></code> attribute
- <tr><td><code><a href=#the-body-element-0>body</a></code> element's <code title=attr-body-rightmargin>rightmargin</code> attribute
+ <td><code><a href=#the-body-element>body</a></code> element's <code title=attr-body-marginwidth><a href=#attr-body-marginwidth>marginwidth</a></code> attribute
+ <tr><td>The <code><a href=#the-body-element>body</a></code> element's <a href=#container-frame-element>container frame element</a>'s <code title=attr-iframe-marginwidth><a href=#attr-iframe-marginwidth>marginwidth</a></code> attribute
+ <tr><td><code><a href=#the-body-element>body</a></code> element's <code title=attr-body-rightmargin>rightmargin</code> attribute
<tbody><tr><td rowspan=3>'margin-bottom'
- <td><code><a href=#the-body-element-0>body</a></code> element's <code title=attr-body-marginheight><a href=#attr-body-marginheight>marginheight</a></code> attribute
- <tr><td>The <code><a href=#the-body-element-0>body</a></code> element's <a href=#container-frame-element>container frame element</a>'s <code title=attr-iframe-marginheight><a href=#attr-iframe-marginheight>marginheight</a></code> attribute
- <tr><td><code><a href=#the-body-element-0>body</a></code> element's <code title=attr-body-bottommargin>bottommargin</code> attribute
+ <td><code><a href=#the-body-element>body</a></code> element's <code title=attr-body-marginheight><a href=#attr-body-marginheight>marginheight</a></code> attribute
+ <tr><td>The <code><a href=#the-body-element>body</a></code> element's <a href=#container-frame-element>container frame element</a>'s <code title=attr-iframe-marginheight><a href=#attr-iframe-marginheight>marginheight</a></code> attribute
+ <tr><td><code><a href=#the-body-element>body</a></code> element's <code title=attr-body-bottommargin>bottommargin</code> attribute
<tbody><tr><td rowspan=3>'margin-left'
- <td><code><a href=#the-body-element-0>body</a></code> element's <code title=attr-body-marginwidth><a href=#attr-body-marginwidth>marginwidth</a></code> attribute
- <tr><td>The <code><a href=#the-body-element-0>body</a></code> element's <a href=#container-frame-element>container frame element</a>'s <code title=attr-iframe-marginwidth><a href=#attr-iframe-marginwidth>marginwidth</a></code> attribute
- <tr><td><code><a href=#the-body-element-0>body</a></code> element's <code title=attr-body-leftmargin>leftmargin</code> attribute
- </table><p>If the <code><a href=#the-body-element-0>body</a></code> element's <code><a href=#document>Document</a></code>'s
+ <td><code><a href=#the-body-element>body</a></code> element's <code title=attr-body-marginwidth><a href=#attr-body-marginwidth>marginwidth</a></code> attribute
+ <tr><td>The <code><a href=#the-body-element>body</a></code> element's <a href=#container-frame-element>container frame element</a>'s <code title=attr-iframe-marginwidth><a href=#attr-iframe-marginwidth>marginwidth</a></code> attribute
+ <tr><td><code><a href=#the-body-element>body</a></code> element's <code title=attr-body-leftmargin>leftmargin</code> attribute
+ </table><p>If the <code><a href=#the-body-element>body</a></code> element's <code><a href=#document>Document</a></code>'s
<a href=#browsing-context>browsing context</a> is a <a href=#nested-browsing-context>nested browsing
context</a>, and the <a href=#browsing-context-container>browsing context container</a> of
that <a href=#nested-browsing-context>nested browsing context</a> is a <code><a href=#frame>frame</a></code> or
<code><a href=#the-iframe-element>iframe</a></code> element, then the <dfn id=container-frame-element>container frame
- element</dfn> of the <code><a href=#the-body-element-0>body</a></code> element is that
+ element</dfn> of the <code><a href=#the-body-element>body</a></code> element is that
<code><a href=#frame>frame</a></code> or <code><a href=#the-iframe-element>iframe</a></code> element. Otherwise, there
is no <a href=#container-frame-element>container frame element</a>.</p>
@@ -85434,7 +85434,7 @@
<p>When a <code><a href=#document>Document</a></code> is in <a href=#quirks-mode>quirks mode</a>,
margins on <a href=#html-elements>HTML elements</a> at the top or bottom of
- <code><a href=#the-body-element-0>body</a></code>, <code><a href=#the-td-element>td</a></code>, or <code><a href=#the-th-element>th</a></code> elements are
+ <code><a href=#the-body-element>body</a></code>, <code><a href=#the-td-element>td</a></code>, or <code><a href=#the-th-element>th</a></code> elements are
expected to be collapsed to zero.</p>
</div>
@@ -85635,7 +85635,7 @@
<var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> h1 { font-size: 0.83em; }
<var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> h1 { font-size: 0.67em; }</pre>
- <hr><p>When a <code><a href=#the-body-element-0>body</a></code>, <code><a href=#the-table-element>table</a></code>, <code><a href=#the-thead-element>thead</a></code>,
+ <hr><p>When a <code><a href=#the-body-element>body</a></code>, <code><a href=#the-table-element>table</a></code>, <code><a href=#the-thead-element>thead</a></code>,
<code><a href=#the-tbody-element>tbody</a></code>, <code><a href=#the-tfoot-element>tfoot</a></code>, <code><a href=#the-tr-element>tr</a></code>,
<code><a href=#the-td-element>td</a></code>, or <code><a href=#the-th-element>th</a></code> element has a <code title=attr-background><a href=#attr-background>background</a></code> attribute set to a
non-empty value, the new value is expected to be <a href=#resolve-a-url title="resolve a url">resolved</a> relative to the element, and
@@ -85644,7 +85644,7 @@
hint</a> setting the element's 'background-image' property to the
resulting <a href=#absolute-url>absolute URL</a>.</p>
- <p>When a <code><a href=#the-body-element-0>body</a></code>, <code><a href=#the-table-element>table</a></code>, <code><a href=#the-thead-element>thead</a></code>,
+ <p>When a <code><a href=#the-body-element>body</a></code>, <code><a href=#the-table-element>table</a></code>, <code><a href=#the-thead-element>thead</a></code>,
<code><a href=#the-tbody-element>tbody</a></code>, <code><a href=#the-tfoot-element>tfoot</a></code>, <code><a href=#the-tr-element>tr</a></code>,
<code><a href=#the-td-element>td</a></code>, or <code><a href=#the-th-element>th</a></code> element has a <code title="">bgcolor</code> attribute set, the new value is expected to
be parsed using the <a href=#rules-for-parsing-a-legacy-color-value>rules for parsing a legacy color
@@ -85653,13 +85653,13 @@
hints">presentational hint</a> setting the element's
'background-color' property to the resulting color.</p>
- <p>When a <code><a href=#the-body-element-0>body</a></code> element has a <code title=attr-body-text><a href=#attr-body-text>text</a></code> attribute, its value is expected
+ <p>When a <code><a href=#the-body-element>body</a></code> element has a <code title=attr-body-text><a href=#attr-body-text>text</a></code> attribute, its value is expected
to be parsed using the <a href=#rules-for-parsing-a-legacy-color-value>rules for parsing a legacy color
value</a>, and if that does not return an error, the user
agent is expected to treat the attribute as a <a href=#presentational-hints title="presentational hints">presentational hint</a> setting the
element's 'color' property to the resulting color.</p>
- <p>When a <code><a href=#the-body-element-0>body</a></code> element has a <code title=attr-body-link><a href=#attr-body-link>link</a></code> attribute, its value is expected
+ <p>When a <code><a href=#the-body-element>body</a></code> element has a <code title=attr-body-link><a href=#attr-body-link>link</a></code> attribute, its value is expected
to be parsed using the <a href=#rules-for-parsing-a-legacy-color-value>rules for parsing a legacy color
value</a>, and if that does not return an error, the user agent
is expected to treat the attribute as a <a href=#presentational-hints title="presentational
@@ -85667,14 +85667,14 @@
any element in the <code><a href=#document>Document</a></code> matching the ':link'
pseudo-class to the resulting color.</p>
- <p>When a <code><a href=#the-body-element-0>body</a></code> element has a <code title=attr-body-vlink><a href=#attr-body-vlink>vlink</a></code> attribute, its value is
+ <p>When a <code><a href=#the-body-element>body</a></code> element has a <code title=attr-body-vlink><a href=#attr-body-vlink>vlink</a></code> attribute, its value is
expected to be parsed using the <a href=#rules-for-parsing-a-legacy-color-value>rules for parsing a legacy
color value</a>, and if that does not return an error, the user
agent is expected to treat the attribute as a <a href=#presentational-hints title="presentational hints">presentational hint</a> setting the
'color' property of any element in the <code><a href=#document>Document</a></code>
matching the ':visited' pseudo-class to the resulting color.</p>
- <p>When a <code><a href=#the-body-element-0>body</a></code> element has a <code title=attr-body-alink><a href=#attr-body-alink>alink</a></code> attribute, its value is
+ <p>When a <code><a href=#the-body-element>body</a></code> element has a <code title=attr-body-alink><a href=#attr-body-alink>alink</a></code> attribute, its value is
expected to be parsed using the <a href=#rules-for-parsing-a-legacy-color-value>rules for parsing a legacy
color value</a>, and if that does not return an error, the user
agent is expected to treat the attribute as a <a href=#presentational-hints title="presentational hints">presentational hint</a> setting the
@@ -88678,17 +88678,17 @@
<dt><dfn id=attr-dataformatas title=attr-dataformatas><code>dataformatas</code></dfn> on <code><a href=#the-button-element>button</a></code>, <code><a href=#the-div-element>div</a></code>, <code><a href=#the-input-element>input</a></code>, <code><a href=#the-label-element>label</a></code>, <code><a href=#the-legend-element>legend</a></code>, <code><a href=#the-marquee-element>marquee</a></code>, <code><a href=#the-object-element>object</a></code>, <code><a href=#the-option-element>option</a></code>, <code><a href=#the-select-element>select</a></code>, <code><a href=#the-span-element>span</a></code>, and <code><a href=#the-table-element>table</a></code> elements</dt>
<dd><p>Use script and a mechanism such as <code>XMLHttpRequest</code> to populate the page dynamically. <a href=#refsXHR>[XHR]</a></dd>
- <dt><dfn id=attr-body-alink title=attr-body-alink><code>alink</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
- <dt><dfn id=attr-body-bgcolor title=attr-body-bgcolor><code>bgcolor</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
- <dt><dfn id=attr-body-link title=attr-body-link><code>link</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
- <dt><dfn id=attr-body-marginbottom title=attr-body-marginbottom><code>marginbottom</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
- <dt><dfn id=attr-body-marginheight title=attr-body-marginheight><code>marginheight</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
- <dt><dfn id=attr-body-marginleft title=attr-body-marginleft><code>marginleft</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
- <dt><dfn id=attr-body-marginright title=attr-body-marginright><code>marginright</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
- <dt><dfn id=attr-body-margintop title=attr-body-margintop><code>margintop</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
- <dt><dfn id=attr-body-marginwidth title=attr-body-marginwidth><code>marginwidth</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
- <dt><dfn id=attr-body-text title=attr-body-text><code>text</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
- <dt><dfn id=attr-body-vlink title=attr-body-vlink><code>vlink</code></dfn> on <code><a href=#the-body-element-0>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-alink title=attr-body-alink><code>alink</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-bgcolor title=attr-body-bgcolor><code>bgcolor</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-link title=attr-body-link><code>link</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-marginbottom title=attr-body-marginbottom><code>marginbottom</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-marginheight title=attr-body-marginheight><code>marginheight</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-marginleft title=attr-body-marginleft><code>marginleft</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-marginright title=attr-body-marginright><code>marginright</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-margintop title=attr-body-margintop><code>margintop</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-marginwidth title=attr-body-marginwidth><code>marginwidth</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-text title=attr-body-text><code>text</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
+ <dt><dfn id=attr-body-vlink title=attr-body-vlink><code>vlink</code></dfn> on <code><a href=#the-body-element>body</a></code> elements</dt>
<dt><dfn id=attr-br-clear title=attr-br-clear><code>clear</code></dfn> on <code><a href=#the-br-element>br</a></code> elements</dt>
<dt><dfn id=attr-caption-align title=attr-caption-align><code>align</code></dfn> on <code><a href=#the-caption-element>caption</a></code> elements</dt>
<dt><dfn id=attr-col-align title=attr-col-align><code>align</code></dfn> on <code><a href=#the-col-element>col</a></code> elements</dt>
@@ -88758,7 +88758,7 @@
<dt><dfn id=attr-tr-valign title=attr-tr-valign><code>valign</code></dfn> on <code><a href=#the-tr-element>tr</a></code> elements</dt>
<dt><dfn id=attr-ul-compact title=attr-ul-compact><code>compact</code></dfn> on <code><a href=#the-ul-element>ul</a></code> elements</dt>
<dt><dfn id=attr-ul-type title=attr-ul-type><code>type</code></dfn> on <code><a href=#the-ul-element>ul</a></code> elements</dt>
- <dt><dfn id=attr-background title=attr-background><code>background</code></dfn> on <code><a href=#the-body-element-0>body</a></code>, <code><a href=#the-table-element>table</a></code>, <code><a href=#the-thead-element>thead</a></code>, <code><a href=#the-tbody-element>tbody</a></code>, <code><a href=#the-tfoot-element>tfoot</a></code>, <code><a href=#the-tr-element>tr</a></code>, <code><a href=#the-td-element>td</a></code>, and <code><a href=#the-th-element>th</a></code> elements</dt>
+ <dt><dfn id=attr-background title=attr-background><code>background</code></dfn> on <code><a href=#the-body-element>body</a></code>, <code><a href=#the-table-element>table</a></code>, <code><a href=#the-thead-element>thead</a></code>, <code><a href=#the-tbody-element>tbody</a></code>, <code><a href=#the-tfoot-element>tfoot</a></code>, <code><a href=#the-tr-element>tr</a></code>, <code><a href=#the-td-element>td</a></code>, and <code><a href=#the-th-element>th</a></code> elements</dt>
<dd><p>Use CSS instead.</dd>
</dl><hr><p>The <code title=attr-table-border><a href=#attr-table-border>border</a></code> attribute on
@@ -89031,7 +89031,7 @@
<h4 id=frames><span class=secno>14.3.3 </span>Frames</h4>
- <p>The <dfn id=frameset><code>frameset</code></dfn> element acts as <a href=#the-body-element>the
+ <p>The <dfn id=frameset><code>frameset</code></dfn> element acts as <a href=#the-body-element-0>the
body element</a> in documents that use frames.</p>
<p>The <code><a href=#frameset>frameset</a></code> element must implement the
@@ -89262,34 +89262,34 @@
};</pre>
<p>The <dfn id=dom-body-text title=dom-body-text><code>text</code></dfn> IDL
- attribute of the <code><a href=#the-body-element-0>body</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-body-element>body</a></code> element must <a href=#reflect>reflect</a>
the element's <code title=attr-body-text><a href=#attr-body-text>text</a></code> content
attribute.</p>
<p>The <dfn id=dom-body-bgcolor title=dom-body-bgColor><code>bgColor</code></dfn> IDL
- attribute of the <code><a href=#the-body-element-0>body</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-body-element>body</a></code> element must <a href=#reflect>reflect</a>
the element's <code title=attr-body-bgcolor><a href=#attr-body-bgcolor>bgcolor</a></code> content
attribute.</p>
<p>The <dfn id=dom-body-background title=dom-body-background><code>background</code></dfn> IDL
- attribute of the <code><a href=#the-body-element-0>body</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-body-element>body</a></code> element must <a href=#reflect>reflect</a>
the element's <code title=attr-background><a href=#attr-background>background</a></code>
content attribute. (The <code title=attr-background><a href=#attr-background>background</a></code> content is <em>not</em>
defined to contain a <a href=#url>URL</a>, despite rules regarding its
handling in the rendering section above.)</p>
<p>The <dfn id=dom-body-link title=dom-body-link><code>link</code></dfn> IDL
- attribute of the <code><a href=#the-body-element-0>body</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-body-element>body</a></code> element must <a href=#reflect>reflect</a>
the element's <code title=attr-body-link><a href=#attr-body-link>link</a></code> content
attribute.</p>
<p>The <dfn id=dom-body-alink title=dom-body-aLink><code>aLink</code></dfn> IDL
- attribute of the <code><a href=#the-body-element-0>body</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-body-element>body</a></code> element must <a href=#reflect>reflect</a>
the element's <code title=attr-body-alink><a href=#attr-body-alink>alink</a></code> content
attribute.</p>
<p>The <dfn id=dom-body-vlink title=dom-body-vLink><code>vLink</code></dfn> IDL
- attribute of the <code><a href=#the-body-element-0>body</a></code> element must <a href=#reflect>reflect</a>
+ attribute of the <code><a href=#the-body-element>body</a></code> element must <a href=#reflect>reflect</a>
the element's <code title=attr-body-vlink><a href=#attr-body-vlink>vlink</a></code> content
attribute.</p>
@@ -89855,11 +89855,11 @@
<p>The attributes of the <code><a href=#document>Document</a></code> object listed in the
first column of the following table must <a href=#reflect>reflect</a> the
- content attribute on <a href=#the-body-element>the body element</a> with the name
+ content attribute on <a href=#the-body-element-0>the body element</a> with the name
given in the corresponding cell in the second column on the same
- row, if <a href=#the-body-element>the body element</a> is a <code><a href=#the-body-element-0>body</a></code> element
+ row, if <a href=#the-body-element-0>the body element</a> is a <code><a href=#the-body-element>body</a></code> element
(as opposed to a <code><a href=#frameset>frameset</a></code> element). When there is no
- <a href=#the-body-element title="the body element">body element</a> or if it is a
+ <a href=#the-body-element-0 title="the body element">body element</a> or if it is a
<code><a href=#frameset>frameset</a></code> element, the attributes must instead return
the empty string on getting and do nothing on setting.</p>
@@ -90762,7 +90762,7 @@
<td><a href=#global-attributes title="global attributes">globals</a>;
<code title=attr-blockquote-cite><a href=#attr-blockquote-cite>cite</a></code></td>
<td><code><a href=#htmlquoteelement>HTMLQuoteElement</a></code></td>
- <tr><th><code><a href=#the-body-element-0>body</a></code></th>
+ <tr><th><code><a href=#the-body-element>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>html</a></code></td>
@@ -91080,7 +91080,7 @@
<td>none</td>
<td>none*</td>
<td><code><a href=#the-head-element>head</a></code>*;
- <code><a href=#the-body-element-0>body</a></code>*</td>
+ <code><a href=#the-body-element>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>
<td><code><a href=#htmlhtmlelement>HTMLHtmlElement</a></code></td>
@@ -92016,7 +92016,7 @@
<tr><td> <a href=#sectioning-root title="sectioning root">Sectioning roots</a>
<td>
<code><a href=#the-blockquote-element>blockquote</a></code>;
- <code><a href=#the-body-element-0>body</a></code>;
+ <code><a href=#the-body-element>body</a></code>;
<code><a href=#the-details-element>details</a></code>;
<code><a href=#the-fieldset-element>fieldset</a></code>;
<code><a href=#the-figure-element>figure</a></code>;
@@ -92565,7 +92565,7 @@
"<code title=attr-media-preload-auto><a href=#attr-media-preload-auto>auto</a></code>"
<tr><th> <code title="">pubdate</code>
<td> <code title=attr-time-pubdate><a href=#attr-time-pubdate>time</a></code>
- <td> Whether the element's value represents a publication time for the nearest <code><a href=#the-article-element>article</a></code> or <code><a href=#the-body-element-0>body</a></code>
+ <td> Whether the element's value represents a publication time for the nearest <code><a href=#the-article-element>article</a></code> or <code><a href=#the-body-element>body</a></code>
<td> <a href=#boolean-attribute>Boolean attribute</a>
<tr><th> <code title="">radiogroup</code>
<td> <code title=attr-command-radiogroup><a href=#attr-command-radiogroup>command</a></code>
@@ -93247,7 +93247,7 @@
<tr><td> <code><a href=#the-blockquote-element>blockquote</a></code>
<td> <code><a href=#htmlquoteelement>HTMLQuoteElement</a></code> : <code><a href=#htmlelement>HTMLElement</a></code>
- <tr><td> <code><a href=#the-body-element-0>body</a></code>
+ <tr><td> <code><a href=#the-body-element>body</a></code>
<td> <code><a href=#htmlbodyelement>HTMLBodyElement</a></code> : <code><a href=#htmlelement>HTMLElement</a></code>
<tr><td> <code><a href=#the-br-element>br</a></code>
Modified: source
===================================================================
--- source 2011-05-03 20:24:49 UTC (rev 6057)
+++ source 2011-05-03 22:04:53 UTC (rev 6058)
@@ -17648,7 +17648,7 @@
<h3>Sections</h3>
- <h4>The <dfn><code>body</code></dfn> element</h4>
+ <h4 id="the-body-element">The <dfn><code>body</code></dfn> element</h4>
<dl class="element">
<dt>Categories</dt>
More information about the Commit-Watchers
mailing list