W3C home > Mailing lists > Public > public-html-commits@w3.org > January 2010

html5/spec-author-view Overview.html,1.611,1.612 acknowledgements.html,1.558,1.559 association-of-controls-and-forms.html,1.11,1.12 browsers.html,1.564,1.565 commands.html,1.9,1.10 common-input-element-attributes.html,1.14,1.15 comms.html,1.560,1.561 content-models.html,1.12,1.13 dnd.html,1.11,1.12 dom.html,1.560,1.561 editing.html,1.561,1.562 elements.html,1.15,1.16 embedded-content-0.html,1.549,1.550 embedded-content-1.html,1.12,1.13 forms.html,1.558,1.559 history.html,1.560,1.561 iana.html,1.15,1.16 index.html,1.557,1.558 interactive-elements.html,1.558,1.559 introduction.html,1.555,1.556 microdata.html,1.560,1.561 named-character-references.html,1.559,1.560 offline.html,1.557,1.558 references.html,1.559,1.560 sections.html,1.12,1.13 spec.html,1.616,1.617 states-of-the-type-attribute.html,1.10,1.11 text-level-semantics.html,1.559,1.560 the-iframe-element.html,1.12,1.13 urls.html,1.13,1.14

From: Michael Smith via cvs-syncmail <cvsmail@w3.org>
Date: Wed, 06 Jan 2010 16:12:50 +0000
To: Message-Id: <E1NSYV9-0003A7-ES@lionel-hutz.w3.org>
Update of /sources/public/html5/spec-author-view
In directory hutz:/tmp/cvs-serv12081

Modified Files:
	Overview.html acknowledgements.html 
	association-of-controls-and-forms.html browsers.html 
	commands.html common-input-element-attributes.html comms.html 
	content-models.html dnd.html dom.html editing.html 
	elements.html embedded-content-0.html embedded-content-1.html 
	forms.html history.html iana.html index.html 
	interactive-elements.html introduction.html microdata.html 
	named-character-references.html offline.html references.html 
	sections.html spec.html states-of-the-type-attribute.html 
	text-level-semantics.html the-iframe-element.html urls.html 
Log Message:
add another blockquote example and mention that the conversation examples are later. (whatwg r4530)

[updated by splitter]


Index: text-level-semantics.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/text-level-semantics.html,v
retrieving revision 1.559
retrieving revision 1.560
diff -u -d -r1.559 -r1.560
--- text-level-semantics.html	6 Jan 2010 05:48:30 -0000	1.559
+++ text-level-semantics.html	6 Jan 2010 16:12:48 -0000	1.560
@@ -714,1204 +714,4 @@
    <dd>Where <a href="content-models.html#phrasing-content">phrasing content</a> is expected.</dd>
    <dt>Content model:</dt>
    <dd><a href="content-models.html#phrasing-content">Phrasing content</a>, but there must be no <code><a href="#the-dfn-element">dfn</a></code> element descendants.</dd>
-   <dt>Content attributes:</dt>
-   <dd><a href="elements.html#global-attributes">Global attributes</a></dd>
-   <dd>Also, the <code title="attr-dfn-title"><a href="#attr-dfn-title">title</a></code> attribute has special semantics on this element.</dd>
-   <dt>DOM interface:</dt>
-   <dd>Uses <code><a href="elements.html#htmlelement">HTMLElement</a></code>.</dd>
-  </dl><p>The <code><a href="#the-dfn-element">dfn</a></code> element <a href="#represents">represents</a> the defining
-  instance of a term. The <a href="content-models.html#paragraph" title="paragraph">paragraph</a>,
-  <a href="grouping-content.html#the-dl-element" title="dl">description list group</a>, or <a href="content-models.html#sectioning-content" title="sectioning content">section</a> that is the nearest
[...1176 lines suppressed...]
-    </td></tr><tr><td><code><a href="#the-meter-element">meter</a></code>
-     </td><td>Gauge
-     </td><td><pre class="example">Disk space remaining: <strong>&lt;meter value=0.75&gt;75%&lt;meter&gt;</strong></pre>
-
-    </td></tr><tr><td><code><a href="#the-ruby-element">ruby</a></code>, <code><a href="#the-rt-element">rt</a></code>, <code><a href="#the-rp-element">rp</a></code>
-     </td><td>Ruby annotations
-     </td><td><pre class="example"><strong>&lt;ruby&gt; OJ &lt;rp&gt;(&lt;rt&gt;Orange Juice&lt;rp&gt;)&lt;/ruby&gt;</strong></pre>
-
-    </td></tr><tr><td><code><a href="#the-bdo-element">bdo</a></code>
-     </td><td>Text directionality formatting
-     </td><td><pre class="example">The proposal is to write English, but in reverse order. "Juice" would become "<strong>&lt;bdo dir=rtl&gt;Juice&lt;/bdo&gt;</strong>"</pre>
-
-    </td></tr><tr><td><code><a href="#the-span-element">span</a></code>
-     </td><td>Other
-     </td><td><pre class="example">In French we call it <strong>&lt;span lang="fr"&gt;sirop de sureau&lt;/span&gt;</strong>.</pre>
-
-  </td></tr></tbody></table></body></html>
\ No newline at end of file
+   <dt>Content a
\ No newline at end of file

Index: the-iframe-element.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/the-iframe-element.html,v
retrieving revision 1.12
retrieving revision 1.13
diff -u -d -r1.12 -r1.13
--- the-iframe-element.html	6 Jan 2010 15:49:35 -0000	1.12
+++ the-iframe-element.html	6 Jan 2010 16:12:48 -0000	1.13
@@ -1,646 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
-<!DOCTYPE html>
-<!-- when publishing, change bits marked ZZZ --><html lang="en-US-x-Hixie" class="split chapter"><head><title>4.8.3 The iframe element &#8212; HTML5 (Author Edition)</title><script src="link-fixup.js"></script><link href="whatwg.css" rel="stylesheet"><style type="text/css">
-   pre { margin-left: 2em; white-space: pre-wrap; }
-   h2 { margin: 3em 0 1em 0; }
-   h3 { margin: 2.5em 0 1em 0; }
-   h4 { margin: 2.5em 0 0.75em 0; }
-   h5, h6 { margin: 2.5em 0 1em; }
-   h1 + h2, h1 + h2 + h2 { margin: 0.75em 0 0.75em; }
-   h2 + h3, h3 + h4, h4 + h5, h5 + h6 { margin-top: 0.5em; }
-   p { margin: 1em 0; }
-   hr:not(.top) { display: block; background: none; border: none; padding: 0; margin: 2em 0; height: auto; }
-   dl, dd { margin-top: 0; margin-bottom: 0; }
-   dt { margin-top: 0.75em; margin-bottom: 0.25em; clear: left; }
-   dt + dt { margin-top: 0; }
-   dd dt { margin-top: 0.25em; margin-bottom: 0; }
-   dd p { margin-top: 0; }
-   dd dl + p { margin-top: 1em; }
-   dd table + p { margin-top: 1em; }
-   p + * > li, dd li { margin: 1em 0; }
-   dt, dfn { font-weight: bold; font-style: normal; }
-   dt dfn { font-style: italic; }
-   pre, code { font-size: inherit; font-family: monospace; font-variant: normal; }
-   pre strong { color: black; font: inherit; font-weight: bold; background: yellow; }
-   pre em { font-weight: bolder; font-style: normal; }
-   @media screen { code { color: orangered; } code :link, code :visited { color: inherit; } }
-   var sub { vertical-align: bottom; font-size: smaller; position: relative; top: 0.1em; }
-   table { border-collapse: collapse; border-style: hidden hidden none hidden; }
-   table thead { border-bottom: solid; }
-   table tbody th:first-child { border-left: solid; }
-   table tbody th { text-align: left; }
-   table td, table th { border-left: solid; border-right: solid; border-bottom: solid thin; vertical-align: top; padding: 0.2em; }
-   blockquote { margin: 0 0 0 2em; border: 0; padding: 0; font-style: italic; }
-
-   .bad, .bad *:not(.XXX) { color: gray; border-color: gray; background: transparent; }
-   .matrix, .matrix td { border: none; text-align: right; }
-   .matrix { margin-left: 2em; }
-   .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
-   .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
-   .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
-
-   .toc dfn, h1 dfn, h2 dfn, h3 dfn, h4 dfn, h5 dfn, h6 dfn { font: inherit; }
-   img.extra { float: right; }
-   pre.idl { border: solid thin; background: #EEEEEE; color: black; padding: 0.5em 1em; }
-   pre.idl :link, pre.idl :visited { color: inherit; background: transparent; }
-   pre.css { border: solid thin; background: #FFFFEE; color: black; padding: 0.5em 1em; }
-   pre.css:first-line { color: #AAAA50; }
-   dl.domintro { color: green; margin: 2em 0 2em 2em; padding: 0.5em 1em; border: none; background: #EEFFEE; }
-   hr + dl.domintro, div.impl + dl.domintro { margin-top: 2.5em; margin-bottom: 1.5em; }
-   dl.domintro dt, dl.domintro dt * { color: black; text-decoration: none; }
-   dl.domintro dd { margin: 0.5em 0 1em 2em; padding: 0; }
-   dl.domintro dd p { margin: 0.5em 0; }
-   dl.switch { padding-left: 2em; }
-   dl.switch > dt { text-indent: -1.5em; }
-   dl.switch > dt:before { content: '\21AA'; padding: 0 0.5em 0 0; display: inline-block; width: 1em; text-align: right; line-height: 0.5em; }
-   dl.triple { padding: 0 0 0 1em; }
-   dl.triple dt, dl.triple dd { margin: 0; display: inline }
-   dl.triple dt:after { content: ':'; }
-   dl.triple dd:after { content: '\A'; white-space: pre; }
-   .diff-old { text-decoration: line-through; color: silver; background: transparent; }
-   .diff-chg, .diff-new { text-decoration: underline; color: green; background: transparent; }
-   a .diff-new { border-bottom: 1px blue solid; }
-
-   h2 { page-break-before: always; }
-   h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
-   h1 + h2, hr + h2.no-toc { page-break-before: auto; }
-
-   p > span:not([title=""]):not([class="XXX"]):not([class="impl"]), li > span:not([title=""]):not([class="XXX"]):not([class="impl"]) { border-bottom: solid #9999CC; }
-
-   div.head { margin: 0 0 1em; padding: 1em 0 0 0; }
-   div.head p { margin: 0; }
-   div.head h1 { margin: 0; }
-   div.head .logo { float: right; margin: 0 1em; }
-   div.head .logo img { border: none } /* remove border from top image */
-   div.head dl { margin: 1em 0; }
-   div.head p.copyright, div.head p.alt { font-size: x-small; font-style: oblique; margin: 0; }
-
-   body > .toc > li { margin-top: 1em; margin-bottom: 1em; }
-   body > .toc.brief > li { margin-top: 0.35em; margin-bottom: 0.35em; }
-   body > .toc > li > * { margin-bottom: 0.5em; }
-   body > .toc > li > * > li > * { margin-bottom: 0.25em; }
-   .toc, .toc li { list-style: none; }
-
-   .brief { margin-top: 1em; margin-bottom: 1em; line-height: 1.1; }
-   .brief li { margin: 0; padding: 0; }
-   .brief li p { margin: 0; padding: 0; }
-
-   .category-list { margin-top: -0.75em; margin-bottom: 1em; line-height: 1.5; }
-   .category-list::before { content: '\21D2\A0'; font-size: 1.2em; font-weight: 900; }
-   .category-list li { display: inline; }
-   .category-list li:not(:last-child)::after { content: ', '; }
-   .category-list li > span, .category-list li > a { text-transform: lowercase; }
-   .category-list li * { text-transform: none; } /* don't affect <code> nested in <a> */
-
-   .XXX { color: #E50000; background: white; border: solid red; padding: 0.5em; margin: 1em 0; }
-   .XXX > :first-child { margin-top: 0; }
-   p .XXX { line-height: 3em; }
-   .annotation { border: solid thin black; background: #0C479D; color: white; position: relative; margin: 8px 0 20px 0; }
-   .annotation:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 6px -6px -6px 6px; background: #333333; z-index: -1; content: ''; }
-   .annotation :link, .annotation :visited { color: inherit; }
-   .annotation :link:hover, .annotation :visited:hover { background: transparent; }
-   .annotation span { border: none ! important; }
-   .note { color: green; background: transparent; font-family: sans-serif; }
-   .warning { color: red; background: transparent; }
-   .note, .warning { font-weight: bolder; font-style: italic; }
-   p.note, div.note { padding: 0.5em 2em; }
-   span.note { padding: 0 2em; }
-   .note p:first-child, .warning p:first-child { margin-top: 0; }
-   .note p:last-child, .warning p:last-child { margin-bottom: 0; }
-   .warning:before { font-style: normal; }
-   p.note:before { content: 'Note: '; }
-   p.warning:before { content: '\26A0 Warning! '; }
-
-   .bookkeeping:before { display: block; content: 'Bookkeeping details'; font-weight: bolder; font-style: italic; }
-   .bookkeeping { font-size: 0.8em; margin: 2em 0; }
-   .bookkeeping p { margin: 0.5em 2em; display: list-item; list-style: square; }
-
-   h4 { position: relative; z-index: 3; }
-   h4 + .element, h4 + div + .element { margin-top: -2.5em; padding-top: 2em; }
-   .element {
-     background: #EEEEFF;
-     color: black;
-     margin: 0 0 1em 0.15em;
-     padding: 0 1em 0.25em 0.75em;
-     border-left: solid #9999FF 0.25em;
-     position: relative;
-     z-index: 1;
-   }
-   .element:before {
-     position: absolute;
-     z-index: 2;
-     top: 0;
-     left: -1.15em;
-     height: 2em;
-     width: 0.9em;
-     background: #EEEEFF;
-     content: ' ';
-     border-style: none none solid solid;
-     border-color: #9999FF;
-     border-width: 0.25em;
-   }
-
-   .example { display: block; color: #222222; background: #FCFCFC; border-left: double; margin-left: 2em; padding-left: 1em; }
-   td > .example:only-child { margin: 0 0 0 0.1em; }
-
-   .tall-and-narrow {
-     font-size: 0.6em;
-     column-width: 25em;
-     column-gap: 1em;
-     -moz-column-width: 25em;
-     -moz-column-gap: 1em;
-     -webkit-column-width: 25em;
-     -webkit-column-gap: 1em;
-   }
-
-   ul.domTree, ul.domTree ul { padding: 0 0 0 1em; margin: 0; }
-   ul.domTree li { padding: 0; margin: 0; list-style: none; position: relative; }
-   ul.domTree li li { list-style: none; }
-   ul.domTree li:first-child::before { position: absolute; top: 0; height: 0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
-   ul.domTree li:not(:last-child)::after { position: absolute; top: 0; bottom: -0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
-   ul.domTree span { font-style: italic; font-family: serif; }
-   ul.domTree .t1 code { color: purple; font-weight: bold; }
-   ul.domTree .t2 { font-style: normal; font-family: monospace; }
-   ul.domTree .t2 .name { color: black; font-weight: bold; }
-   ul.domTree .t2 .value { color: blue; font-weight: normal; }
-   ul.domTree .t3 code, .domTree .t4 code, .domTree .t5 code { color: gray; }
-   ul.domTree .t7 code, .domTree .t8 code { color: green; }
-   ul.domTree .t10 code { color: teal; }
-
-   #configUI { position: absolute; z-index: 20; top: 10em; right: 1em; width: 11em; font-size: small; }
-   #configUI p { margin: 0.5em 0; padding: 0.3em; background: #EEEEEE; color: black; border: inset thin; }
-   #configUI p label { display: block; }
-   #configUI #updateUI, #configUI .loginUI { text-align: center; }
-   #configUI input[type=button] { display: block; margin: auto; }
-  </style><style type="text/css">
-
-   .applies thead th > * { display: block; }
-   .applies thead code { display: block; }
-   .applies tbody th { whitespace: nowrap; }
-   .applies td { text-align: center; }
-   .applies .yes { background: yellow; }
-
-   .matrix, .matrix td { border: none; text-align: right; }
-   .matrix { margin-left: 2em; }
-
-   .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
-   .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
-   .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
-
-   #table-example-1 { border: solid thin; border-collapse: collapse; margin-left: 3em; }
-   #table-example-1 * { font-family: "Essays1743", serif; line-height: 1.01em; }
-   #table-example-1 caption { padding-bottom: 0.5em; }
-   #table-example-1 thead, #table-example-1 tbody { border: none; }
-   #table-example-1 th, #table-example-1 td { border: solid thin; }
-   #table-example-1 th { font-weight: normal; }
-   #table-example-1 td { border-style: none solid; vertical-align: top; }
-   #table-example-1 th { padding: 0.5em; vertical-align: middle; text-align: center; }
-   #table-example-1 tbody tr:first-child td { padding-top: 0.5em; }
-   #table-example-1 tbody tr:last-child td { padding-bottom: 1.5em; }
-   #table-example-1 tbody td:first-child { padding-left: 2.5em; padding-right: 0; width: 9em; }
-   #table-example-1 tbody td:first-child::after { content: leader(". "); }
-   #table-example-1 tbody td { padding-left: 2em; padding-right: 2em; }
-   #table-example-1 tbody td:first-child + td { width: 10em; }
-   #table-example-1 tbody td:first-child + td ~ td { width: 2.5em; }
-   #table-example-1 tbody td:first-child + td + td + td ~ td { width: 1.25em; }
-
-   .apple-table-examples { border: none; border-collapse: separate; border-spacing: 1.5em 0em; width: 40em; margin-left: 3em; }
-   .apple-table-examples * { font-family: "Times", serif; }
-   .apple-table-examples td, .apple-table-examples th { border: none; white-space: nowrap; padding-top: 0; padding-bottom: 0; }
-   .apple-table-examples tbody th:first-child { border-left: none; width: 100%; }
-   .apple-table-examples thead th:first-child ~ th { font-size: smaller; font-weight: bolder; border-bottom: solid 2px; text-align: center; }
-   .apple-table-examples tbody th::after, .apple-table-examples tfoot th::after { content: leader(". ") }
-   .apple-table-examples tbody th, .apple-table-examples tfoot th { font: inherit; text-align: left; }
-   .apple-table-examples td { text-align: right; vertical-align: top; }
-   .apple-table-examples.e1 tbody tr:last-child td { border-bottom: solid 1px; }
-   .apple-table-examples.e1 tbody + tbody tr:last-child td { border-bottom: double 3px; }
-   .apple-table-examples.e2 th[scope=row] { padding-left: 1em; }
-   .apple-table-examples sup { line-height: 0; }
-
-  </style><link href="data:text/css," rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" rel="alternate stylesheet" title="Highlight implementation requirements"><link href="data:text/css," id="complete" rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" id="author" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" id="highlight" rel="alternate stylesheet" title="Highlight implementation requirements"><script>
-   function getCookie(name) {
-     var params = location.search.substr(1).split("&");
-     for (var index = 0; index < params.length; index++) {
-       if (params[index] == name)
-         return "1";
-       var data = params[index].split("=");
-       if (data[0] == name)
-         return unescape(data[1]);
-     }
-     var cookies = document.cookie.split("; ");
-     for (var index = 0; index < cookies.length; index++) {
-       var data = cookies[index].split("=");
-       if (data[0] == name)
-         return unescape(data[1]);
-     }
-     return null;
-   }
-   function load(script) {
-     var e = document.createElement('script');
-     e.setAttribute('src', 'http://www.whatwg.org/specs/web-apps/current-work/' + script + '?' + encodeURIComponent(location) + '&' + encodeURIComponent(document.referrer));
-     document.body.appendChild(e);
-   }
-   function init() {
-     if (location.search == '?slow-browser')
-       return;
-     var configUI = document.createElement('div');
-     configUI.id = 'configUI';
-     document.body.appendChild(configUI);
-     // load('reviewer.js'); // would need cross-site XHR
-     if (document.getElementById('head'))
-       load('toc.js');
-     
-     // load('updater.js'); // would need cross-site XHR
-     load('dfn.js');
-     // load('status.js'); // would need cross-site XHR
-     if (getCookie('profile') == '1')
-       document.getElementsByTagName('h2')[0].textContent += '; load: ' + (new Date() - loadTimer) + 'ms';
-     fixBrokenLink();
-   }
-  </script><link href="http://www.w3.org/StyleSheets/TR/W3C-ED" rel="stylesheet" type="text/css"><link href="embedded-content-1.html" title="4.8 Embedded content" rel="prev">
-  <link href="Overview.html#contents" title="Table of contents" rel="index">
-  <link href="video.html" title="4.8.7 The video element" rel="next">
-  </head><body onload="fixBrokenLink(); init()"><div class="head" id="head">
-   <p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
-   <h1>HTML5 (Author Edition)</h1>
-   </div><div>
-   <a href="embedded-content-1.html">&#8592; 4.8 Embedded content</a> &#8211;
-   <a href="Overview.html#contents">Table of contents</a> &#8211;
-   <a href="video.html">4.8.7 The video element &#8594;</a>
-  <ol class="toc"><li><ol><li><ol><li><a href="the-iframe-element.html#the-iframe-element"><span class="secno">4.8.3 </span>The <code>iframe</code> element</a></li><li><a href="the-iframe-element.html#the-embed-element"><span class="secno">4.8.4 </span>The <code>embed</code> element</a></li><li><a href="the-iframe-element.html#the-object-element"><span class="secno">4.8.5 </span>The <code>object</code> element</a></li><li><a href="the-iframe-element.html#the-param-element"><span class="secno">4.8.6 </span>The <code>param</code> element</a></li></ol></li></ol></li></ol></div>
-
-  <h4 id="the-iframe-element"><span class="secno">4.8.3 </span>The <dfn><code>iframe</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="element"><dt>Categories</dt>
-   <dd><a href="content-models.html#flow-content">Flow content</a>.</dd>
-   <dd><a href="content-models.html#phrasing-content">Phrasing content</a>.</dd>
-   <dd><a href="content-models.html#embedded-content">Embedded content</a>.</dd>
-   <dd><a href="content-models.html#interactive-content">Interactive content</a>.</dd>
-   <dt>Contexts in which this element may be used:</dt>
-   <dd>Where <a href="content-models.html#embedded-content">embedded content</a> is expected.</dd>
-   <dt>Content model:</dt>
-   <dd>Text that conforms to the requirements given in the prose.</dd>
-   <dt>Content attributes:</dt>
-   <dd><a href="elements.html#global-attributes">Global attributes</a></dd>
-   <dd><code title="attr-iframe-src"><a href="#attr-iframe-src">src</a></code></dd>
-   <dd><code title="attr-iframe-name"><a href="#attr-iframe-name">name</a></code></dd>
-   <dd><code title="attr-iframe-sandbox"><a href="#attr-iframe-sandbox">sandbox</a></code></dd>
-   <dd><code title="attr-iframe-seamless"><a href="#attr-iframe-seamless">seamless</a></code></dd>
-   <dd><code title="attr-dim-width"><a href="the-map-element.html#attr-dim-width">width</a></code></dd>
-   <dd><code title="attr-dim-height"><a href="the-map-element.html#attr-dim-height">height</a></code></dd>
-   <dt>DOM interface:</dt>
-   <dd>
-<pre class="idl">interface <dfn id="htmliframeelement">HTMLIFrameElement</dfn> : <a href="elements.html#htmlelement">HTMLElement</a> {
-           attribute DOMString <a href="#dom-iframe-src" title="dom-iframe-src">src</a>;
-           attribute DOMString <a href="#dom-iframe-name" title="dom-iframe-name">name</a>;
-           attribute DOMString <a href="#dom-iframe-sandbox" title="dom-iframe-sandbox">sandbox</a>;
-           attribute boolean <a href="#dom-iframe-seamless" title="dom-iframe-seamless">seamless</a>;
-           attribute DOMString <a href="#dom-dim-width" title="dom-dim-width">width</a>;
-           attribute DOMString <a href="#dom-dim-height" title="dom-dim-height">height</a>;
-  readonly attribute Document <a href="#dom-iframe-contentdocument" title="dom-iframe-contentDocument">contentDocument</a>;
-  readonly attribute <a href="#windowproxy">WindowProxy</a> <a href="#dom-iframe-contentwindow" title="dom-iframe-contentWindow">contentWindow</a>;
-};</pre>
-   </dd>
-  </dl><!-- v2 doc="" idea (awaiting implementation experience with seamless="" first):
-
-       http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2008-May/014874.html
-
-       doc="" would take a string which would then be interpreted as
-       the source document markup of an HTML document, much like the
-       above; it would override src="" if it was present, allowing
-       src="" to be used for legacy UAs:
-
-          <iframe seamless sandbox="allow-scripts allow-forms" doc="
-            <!DOCTYPE HTML>
-            <title></title>
-            Welcome to my blog!
-            </sandbox>
-            <a href='#' onclick='alert(document.cookie)'>Click here</a>
-          "></iframe>
-
-       (There are things we can do to make this better, e.g. make the
-       <!DOCTYPE HMTL> and <title></title> bits implicit, maybe
-       introducing type="" to say whether it's HTML or XML instead of
-       only supporting HTML, maybe saying that if src="" and doc=""
-       are both specified they must have identical data, etc.)
-
-  --><p>The <code><a href="#the-iframe-element">iframe</a></code> element <a href="#represents">represents</a> a
-  <a href="browsers.html#nested-browsing-context">nested browsing context</a>.</p><p>The <dfn id="attr-iframe-src" title="attr-iframe-src"><code>src</code></dfn> attribute
-  gives the address of a page that the <a href="browsers.html#nested-browsing-context">nested browsing
-  context</a> is to contain. The attribute, if present, must be a
-  <a href="urls.html#valid-url">valid URL</a>. </p><p>The <dfn id="attr-iframe-name" title="attr-iframe-name"><code>name</code></dfn>
-  attribute, if present, must be a <a href="browsers.html#valid-browsing-context-name">valid browsing context
-  name</a>. The given value is used to name the <a href="browsers.html#nested-browsing-context">nested
-  browsing context</a>. </p><hr><p>The <dfn id="attr-iframe-sandbox" title="attr-iframe-sandbox"><code>sandbox</code></dfn>
-  attribute, when specified, enables a set of extra restrictions on
-  any content hosted by the <code><a href="#the-iframe-element">iframe</a></code>. Its value must be an
-  <a href="common-microsyntaxes.html#unordered-set-of-unique-space-separated-tokens">unordered set of unique space-separated tokens</a>. The
-  allowed values are <code title="attr-iframe-sandbox-allow-same-origin"><a href="#attr-iframe-sandbox-allow-same-origin">allow-same-origin</a></code>,
-  <code title="attr-iframe-sandbox-allow-forms"><a href="#attr-iframe-sandbox-allow-forms">allow-forms</a></code>,
-  and <code title="attr-iframe-sandbox-allow-scripts"><a href="#attr-iframe-sandbox-allow-scripts">allow-scripts</a></code>. When
-  the attribute is set, the content is treated as being from a unique
-  <a href="#origin">origin</a>, forms and scripts are disabled, links are
-  prevented from targeting other <a href="browsers.html#browsing-context" title="browsing
-  context">browsing contexts</a>, and plugins are disabled. The
-  <code title="attr-iframe-sandbox-allow-same-origin"><a href="#attr-iframe-sandbox-allow-same-origin">allow-same-origin</a></code>
-  token allows the content to be treated as being from the same origin
-  instead of forcing it into a unique origin, and the <code title="attr-iframe-sandbox-allow-forms"><a href="#attr-iframe-sandbox-allow-forms">allow-forms</a></code> and <code title="attr-iframe-sandbox-allow-scripts"><a href="#attr-iframe-sandbox-allow-scripts">allow-scripts</a></code>
-  tokens re-enable forms and scripts respectively (though scripts are
-  still prevented from creating popups).</p><div class="example">
-
-   <p>In this example, some completely-unknown, potentially hostile,
-   user-provided HTML content is embedded in a page. Because it is
-   sandboxed, it is treated by the user agent as being from a unique
-   origin, despite the content being served from the same site. Thus
-   it is affected by all the normal cross-site restrictions. In
-   addition, the embedded page has scripting disabled, plugins
-   disabled, forms disabled, and it cannot navigate any frames or
-   windows other than itself (or any frames or windows it itself
-   embeds).</p>
-
-   <pre>&lt;p&gt;We're not scared of you! Here is your content, unedited:&lt;/p&gt;
-&lt;iframe sandbox src="getusercontent.cgi?id=12193"&gt;&lt;/iframe&gt;</pre>
-
-   <p>Note that cookies are still sent to the server in the <code title="">getusercontent.cgi</code> request, though they are not
-   visible in the <code title="dom-document-cookie"><a href="#dom-document-cookie">document.cookie</a></code> IDL
-   attribute.</p>
-
-  </div><div class="example">
-
-   <p>In this example, a gadget from another site is embedded. The
-   gadget has scripting and forms enabled, and the origin sandbox
-   restrictions are lifted, allowing the gadget to communicate with
-   its originating server. The sandbox is still useful, however, as it
-   disables plugins and popups, thus reducing the risk of the user
-   being exposed to malware and other annoyances.</p>
-
-   <pre>&lt;iframe sandbox="allow-same-origin allow-forms allow-scripts"
-        src="http://maps.example.com/embedded.html"&gt;&lt;/iframe&gt;</pre>
-
-  </div><hr><!-- v2: Might be interesting to have a value on seamless that
-  allowed event propagation of some sort, maybe based on the WICD
-  work: http://www.w3.org/TR/WICD/ --><p>The <dfn id="attr-iframe-seamless" title="attr-iframe-seamless"><code>seamless</code></dfn>
-  attribute is a <a href="common-microsyntaxes.html#boolean-attribute">boolean attribute</a>. When specified, it
-  indicates that the <code><a href="#the-iframe-element">iframe</a></code> element's <a href="browsers.html#browsing-context">browsing
-  context</a> is to be rendered in a manner that makes it appear to
-  be part of the containing document (seamlessly included in the
-  parent document). </p><p class="note">The attribute can be set or removed dynamically,
-  with the rendering updating in tandem.</p><div class="example">
-
-   <p>In this example, the site's navigation is embedded using a
-   client-side include using an <code><a href="#the-iframe-element">iframe</a></code>. Any links in the
-   <code><a href="#the-iframe-element">iframe</a></code> will, in new user agents, be automatically
-   opened in the <code><a href="#the-iframe-element">iframe</a></code>'s parent browsing context; for
-   legacy user agents, the site could also include a <code><a href="semantics.html#the-base-element">base</a></code>
-   element with a <code title="attr-base-target"><a href="semantics.html#attr-base-target">target</a></code>
-   attribute with the value <code title="">_parent</code>. Similarly,
-   in new user agents the styles of the parent page will be
-   automatically applied to the contents of the frame, but to support
-   legacy user agents authors might wish to include the styles
-   explicitly.</p>
-
-   <pre>&lt;nav&gt;&lt;iframe seamless src="nav.include.html"&gt;&lt;/iframe&gt;&lt;/nav&gt;</pre>
-
-  </div><hr><p>The <code><a href="#the-iframe-element">iframe</a></code> element supports <a href="the-map-element.html#dimension-attributes">dimension
-  attributes</a> for cases where the embedded content has specific
-  dimensions (e.g. ad units have well-defined dimensions).</p><p>An <code><a href="#the-iframe-element">iframe</a></code> element never has <a href="content-models.html#fallback-content">fallback
-  content</a>, as it will always create a nested <a href="browsers.html#browsing-context">browsing
-  context</a>, regardless of whether the specified initial contents
-  are successfully used.</p><p>Descendants of <code><a href="#the-iframe-element">iframe</a></code> elements represent
-  nothing. (In legacy user agents that do not support
-  <code><a href="#the-iframe-element">iframe</a></code> elements, the contents would be parsed as markup
-  that could act as fallback content.)</p><p>When used in <a href="dom.html#html-documents">HTML documents</a>, the allowed content
-  model of <code><a href="#the-iframe-element">iframe</a></code> elements is text, except that invoking
-  the <a href="#html-fragment-parsing-algorithm">HTML fragment parsing algorithm</a> with the
-  <code><a href="#the-iframe-element">iframe</a></code> element as the <var title="">context</var>
-  element and the text contents as the <var title="">input</var> must
-  result in a list of nodes that are all <a href="content-models.html#phrasing-content">phrasing
-  content</a>, with no <a href="#parse-error" title="parse error">parse
-  errors</a> having occurred, with no <code><a href="scripting-1.html#script">script</a></code> elements
-  being anywhere in the list or as descendants of elements in the
-  list, and with all the elements in the list (including their
-  descendants) being themselves conforming.</p><p>The <code><a href="#the-iframe-element">iframe</a></code> element must be empty in <a href="dom.html#xml-documents">XML
-  documents</a>.</p><p class="note">The <a href="#html-parser">HTML parser</a> treats markup inside
-  <code><a href="#the-iframe-element">iframe</a></code> elements as text.</p><div class="example">
-
-   <p>Here is an example of a page using an <code><a href="#the-iframe-element">iframe</a></code> to
-   include advertising from an advertising broker:</p>
-
-   <pre>&lt;iframe src="http://ads.example.com/?customerid=923513721&amp;amp;format=banner"
-        width="468" height="60"&gt;&lt;/iframe&gt;</pre>
-
-  </div><h4 id="the-embed-element"><span class="secno">4.8.4 </span>The <dfn><code>embed</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- (v2?)
- we have all kinds of quirks we should define if they come up during
- testing, as e.g. shown in:
- http://mxr.mozilla.org/mozilla-central/source/layout/generic/nsObjectFrame.cpp
- http://trac.webkit.org/browser/trunk/WebCore/html/HTMLEmbedElement.cpp
- http://trac.webkit.org/browser/trunk/WebCore/rendering/RenderPartObject.cpp (updateWidget)
- e.g. - 240x200 default
-      - the attributes/params are sent in a name/value pair list as follows (for Gecko):
-         + attributes of the element, in source order
-         + a synthesised 'src' attribute, if there was no 'src' but
-           there was a 'data', with the value of the 'data' attribute
-         + PARAM/null
-         + the params, in source order
-        (WebKit does something different still)
-      - the HIDDEN attribute (might be moot now)
---><dl class="element"><dt>Categories</dt>
-   <dd><a href="content-models.html#flow-content">Flow content</a>.</dd>
-   <dd><a href="content-models.html#phrasing-content">Phrasing content</a>.</dd>
-   <dd><a href="content-models.html#embedded-content">Embedded content</a>.</dd>
-   <dd><a href="content-models.html#interactive-content">Interactive content</a>.</dd>
-   <dt>Contexts in which this element may be used:</dt>
-   <dd>Where <a href="content-models.html#embedded-content">embedded content</a> is expected.</dd>
-   <dt>Content model:</dt>
-   <dd>Empty.</dd>
-   <dt>Content attributes:</dt>
-   <dd><a href="elements.html#global-attributes">Global attributes</a></dd>
-   <dd><code title="attr-embed-src"><a href="#attr-embed-src">src</a></code></dd>
-   <dd><code title="attr-embed-type"><a href="#attr-embed-type">type</a></code></dd>
-   <dd><code title="attr-dim-width"><a href="the-map-element.html#attr-dim-width">width</a></code></dd>
-   <dd><code title="attr-dim-height"><a href="the-map-element.html#attr-dim-height">height</a></code></dd>
-   <dd>Any other attribute that has no namespace (see prose).</dd>
-   <dt>DOM interface:</dt>
-   <dd>
-<pre class="idl">interface <dfn id="htmlembedelement">HTMLEmbedElement</dfn> : <a href="elements.html#htmlelement">HTMLElement</a> {
-           attribute DOMString <a href="#dom-embed-src" title="dom-embed-src">src</a>;
-           attribute DOMString <a href="#dom-embed-type" title="dom-embed-type">type</a>;
-           attribute DOMString <a href="#dom-dim-width" title="dom-dim-width">width</a>;
-           attribute DOMString <a href="#dom-dim-height" title="dom-dim-height">height</a>;
-};</pre>
-    
-   </dd>
-  </dl><p>The <code><a href="#the-embed-element">embed</a></code> element <a href="#represents">represents</a> an
-  integration point for an external (typically non-HTML) application
-  or interactive content.</p><p>The <dfn id="attr-embed-src" title="attr-embed-src"><code>src</code></dfn> attribute
-  gives the address of the resource being embedded. The attribute, if
-  present, must contain a <a href="urls.html#valid-url">valid URL</a>.</p><p>The <dfn id="attr-embed-type" title="attr-embed-type"><code>type</code></dfn>
-  attribute, if present, gives the <a href="infrastructure.html#mime-type">MIME type</a> of the plugin to
-  instantiate. The value must be a <a href="infrastructure.html#valid-mime-type">valid MIME type</a>,
-  optionally with parameters. If both the <code title="attr-embed-type"><a href="#attr-embed-type">type</a></code> attribute and the <code title="attr-embed-src"><a href="#attr-embed-src">src</a></code> attribute are present, then the
-  <code title="attr-embed-type"><a href="#attr-embed-type">type</a></code> attribute must specify the
-  same type as the <a href="#content-type" title="Content-Type">explicit Content-Type
-  metadata</a> of the resource given by the <code title="attr-embed-src"><a href="#attr-embed-src">src</a></code> attribute.</p><p>Any namespace-less attribute other than <code title="attr-embed-name"><a href="obsolete.html#attr-embed-name">name</a></code> and <code title="attr-embed-align"><a href="obsolete.html#attr-embed-align">align</a></code> <!-- when editing, see also
-  note below --> may be specified on the <code><a href="#the-embed-element">embed</a></code> element,
-  so long as its name is <a href="infrastructure.html#xml-compatible">XML-compatible</a> and contains no
-  characters in the range U+0041 to U+005A (LATIN CAPITAL LETTER A to
-  LATIN CAPITAL LETTER Z). These attributes are then passed as
-  parameters to the <a href="infrastructure.html#plugin">plugin</a>.</p><p class="note">All attributes in <a href="dom.html#html-documents">HTML documents</a> get
-  lowercased automatically, so the restriction on uppercase letters
-  doesn't affect such documents.</p><p class="note">The two exceptions are to exclude legacy attributes
-  that have side-effects beyond just sending parameters to the
-  <a href="infrastructure.html#plugin">plugin</a>.</p><p>The <code><a href="#the-embed-element">embed</a></code> element supports <a href="the-map-element.html#dimension-attributes">dimension
-  attributes</a>.</p><div class="example">
-
-   <p>Here's a way to embed a resource that requires a proprietary
-   plug-in, like Flash:</p>
-
-   <pre>&lt;embed src="catgame.swf"&gt;</pre>
-
-   <p>If the user does not have the plug-in (for example if the
-   plug-in vendor doesn't support the user's platform), then the user
-   will be unable to use the resource.</p>
-
-   <p>To pass the plugin a parameter "quality" with the value "high",
-   an attribute can be specified:</p>
-
-   <pre>&lt;embed src="catgame.swf" quality="high"&gt;</pre>
-
-   <p>This would be equivalent to the following, when using an
-   <code><a href="#the-object-element">object</a></code> element instead:</p>
-
-   <pre>&lt;object data="catgame.swf"&gt;
- &lt;param name="quality" value="high"&gt;
-&lt;/object&gt;</pre>
-
-  </div><h4 id="the-object-element"><span class="secno">4.8.5 </span>The <dfn><code>object</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="element"><dt>Categories</dt>
-   <dd><a href="content-models.html#flow-content">Flow content</a>.</dd>
-   <dd><a href="content-models.html#phrasing-content">Phrasing content</a>.</dd>
-   <dd><a href="content-models.html#embedded-content">Embedded content</a>.</dd>
-   <dd>If the element has a <code title="attr-hyperlink-usemap"><a href="the-map-element.html#attr-hyperlink-usemap">usemap</a></code> attribute: <a href="content-models.html#interactive-content">Interactive content</a>.</dd> <!-- also when showing a plugin or a nested browsing context, but checking that statically is hard...) -->
-   <dd><a href="forms.html#category-listed" title="category-listed">Listed</a>,  <a href="forms.html#category-submit" title="category-submit">submittable</a>, <a href="forms.html#form-associated-element">form-associated element</a>.</dd>
-   <dt>Contexts in which this element may be used:</dt>
-   <dd>Where <a href="content-models.html#embedded-content">embedded content</a> is expected.</dd>
-   <dt>Content model:</dt>
-   <dd>Zero or more <code><a href="#the-param-element">param</a></code> elements, then, <a href="content-models.html#transparent">transparent</a>.</dd>
-   <dt>Content attributes:</dt>
-   <dd><a href="elements.html#global-attributes">Global attributes</a></dd>
-   <dd><code title="attr-object-data"><a href="#attr-object-data">data</a></code></dd>
-   <dd><code title="attr-object-type"><a href="#attr-object-type">type</a></code></dd>
-   <dd><code title="attr-object-name"><a href="#attr-object-name">name</a></code></dd>
-   <dd><code title="attr-hyperlink-usemap"><a href="the-map-element.html#attr-hyperlink-usemap">usemap</a></code></dd>
-   <dd><code title="attr-fae-form"><a href="association-of-controls-and-forms.html#attr-fae-form">form</a></code></dd>
-   <dd><code title="attr-dim-width"><a href="the-map-element.html#attr-dim-width">width</a></code></dd>
-   <dd><code title="attr-dim-height"><a href="the-map-element.html#attr-dim-height">height</a></code></dd>
-   <dt>DOM interface:</dt>
-   <dd>
-<pre class="idl">interface <dfn id="htmlobjectelement">HTMLObjectElement</dfn> : <a href="elements.html#htmlelement">HTMLElement</a> {
-           attribute DOMString <a href="#dom-object-data" title="dom-object-data">data</a>;
-           attribute DOMString <a href="#dom-object-type" title="dom-object-type">type</a>;
-           attribute DOMString <a href="#dom-object-name" title="dom-object-name">name</a>;
-           attribute DOMString <a href="#dom-object-usemap" title="dom-object-useMap">useMap</a>;
-  readonly attribute <a href="forms.html#htmlformelement">HTMLFormElement</a> <a href="#dom-fae-form" title="dom-fae-form">form</a>;
-           attribute DOMString <a href="#dom-dim-width" title="dom-dim-width">width</a>;
-           attribute DOMString <a href="#dom-dim-height" title="dom-dim-height">height</a>;
-  readonly attribute Document <a href="#dom-object-contentdocument" title="dom-object-contentDocument">contentDocument</a>;
-  readonly attribute <a href="#windowproxy">WindowProxy</a> <a href="#dom-object-contentwindow" title="dom-object-contentWindow">contentWindow</a>;
-
-  readonly attribute boolean <a href="#dom-cva-willvalidate" title="dom-cva-willValidate">willValidate</a>;
-  readonly attribute <a href="#validitystate">ValidityState</a> <a href="#dom-cva-validity" title="dom-cva-validity">validity</a>;
-  readonly attribute DOMString <a href="#dom-cva-validationmessage" title="dom-cva-validationMessage">validationMessage</a>;
-  boolean <a href="#dom-cva-checkvalidatity" title="dom-cva-checkValidatity">checkValidity</a>();
-  void <a href="#dom-cva-setcustomvalidity" title="dom-cva-setCustomValidity">setCustomValidity</a>(in DOMString error);
-};</pre>
-    
-   </dd>
-  </dl><p>The <code><a href="#the-object-element">object</a></code> element can represent an external
-  resource, which, depending on the type of the resource, will either
-  be treated as an image, as a <a href="browsers.html#nested-browsing-context">nested browsing context</a>,
-  or as an external resource to be processed by a
-  <a href="infrastructure.html#plugin">plugin</a>.</p><p>The <dfn id="attr-object-data" title="attr-object-data"><code>data</code></dfn>
-  attribute, if present, specifies the address of the resource. If
-  present, the attribute must be a <a href="urls.html#valid-url">valid URL</a>.</p><p>The <dfn id="attr-object-type" title="attr-object-type"><code>type</code></dfn>
-  attribute, if present, specifies the type of the resource. If
-  present, the attribute must be a <a href="infrastructure.html#valid-mime-type">valid MIME type</a>,
-  optionally with parameters.</p><p>At least one of either the <code title="attr-object-data"><a href="#attr-object-data">data</a></code> attribute or the <code title="attr-object-type"><a href="#attr-object-type">type</a></code> attribute must be present.</p><p>The <dfn id="attr-object-name" title="attr-object-name"><code>name</code></dfn>
-  attribute, if present, must be a <a href="browsers.html#valid-browsing-context-name">valid browsing context
-  name</a>. The given value is used to name the <a href="browsers.html#nested-browsing-context">nested
-  browsing context</a>, if applicable.</p><p>The <code title="attr-hyperlink-usemap"><a href="the-map-element.html#attr-hyperlink-usemap">usemap</a></code> attribute,
-  if present while the <code><a href="#the-object-element">object</a></code> element represents an
-  image, can indicate that the object has an associated <a href="the-map-element.html#image-map">image
-  map</a>. </p><p>The <code title="attr-fae-form"><a href="association-of-controls-and-forms.html#attr-fae-form">form</a></code> attribute is used to
-  explicitly associate the <code><a href="#the-object-element">object</a></code> element with its
-  <a href="association-of-controls-and-forms.html#form-owner">form owner</a>.</p><p>The <code><a href="#the-object-element">object</a></code> element supports <a href="the-map-element.html#dimension-attributes">dimension
-  attributes</a>.</p><div class="example">
-
-   <p>In the following example, a Java applet is embedded in a page
-   using the <code><a href="#the-object-element">object</a></code> element. (Generally speaking, it is
-   better to avoid using applets like these and instead use native
-   JavaScript and HTML to provide the functionality, since that way
-   the application will work on all Web browsers without requiring a
-   third-party plugin. Many devices, especially embedded devices, do
-   not support third-party technologies like Java.)</p>
-
-   <pre>&lt;figure&gt;
- &lt;dd&gt;
-  &lt;object type="application/x-java-applet"&gt;
-   &lt;param name="code" value="MyJavaClass"&gt;
-   &lt;p&gt;You do not have Java available, or it is disabled.&lt;/p&gt;
-  &lt;/object&gt;
- &lt;/dd&gt;
- &lt;dt&gt;My Java Clock&lt;/dt&gt;
-&lt;/figure&gt;</pre>
-
-  </div><div class="example">
-
-   <p>In this example, an HTML page is embedded in another using the
-   <code><a href="#the-object-element">object</a></code> element.</p>
-
-   <pre>&lt;figure&gt;
- &lt;dd&gt;&lt;object data="clock.html"&gt;&lt;/object&gt;
- &lt;dt&gt;My HTML Clock
-&lt;/figure&gt;</pre>
-
-  </div><h4 id="the-param-element"><span class="secno">4.8.6 </span>The <dfn><code>param</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="element"><dt>Categories</dt>
-   <dd>None.</dd>
-   <dt>Contexts in which this element may be used:</dt>
-   <dd>As a child of an <code><a href="#the-object-element">object</a></code> element, before any <a href="content-models.html#flow-content">flow content</a>.</dd>
-   <dt>Content model:</dt>
-   <dd>Empty.</dd>
-   <dt>Content attributes:</dt>
-   <dd><a href="elements.html#global-attributes">Global attributes</a></dd>
-   <dd><code title="attr-param-name"><a href="#attr-param-name">name</a></code></dd>
-   <dd><code title="attr-param-value"><a href="#attr-param-value">value</a></code></dd>
-   <dt>DOM interface:</dt>
-   <dd>
-<pre class="idl">interface <dfn id="htmlparamelement">HTMLParamElement</dfn> : <a href="elements.html#htmlelement">HTMLElement</a> {
-           attribute DOMString <a href="#dom-param-name" title="dom-param-name">name</a>;
-           attribute DOMString <a href="#dom-param-value" title="dom-param-value">value</a>;
-};</pre>
-   </dd>
-  </dl><p>The <code><a href="#the-param-element">param</a></code> element defines parameters for plugins
-  invoked by <code><a href="#the-object-element">object</a></code> elements. It does not <a href="#represents" title="represents">represent</a> anything on its own.</p><p>The <dfn id="attr-param-name" title="attr-param-name"><code>name</code></dfn>
-  attribute gives the name of the parameter.</p><p>The <dfn id="attr-param-value" title="attr-param-value"><code>value</code></dfn>
-  attribute gives the value of the parameter.</p><p>Both attributes must be present. They may have any value.</p><div class="example">
-
-   <p>The following example shows how the <code><a href="#the-param-element">param</a></code> element
-   can be used to pass a parameter to a plugin, in this case the Flash
-   plugin.</p>
-
-   <pre>&lt;!DOCTYPE HTML&gt;
-&lt;html lang="en"&gt;
- &lt;head&gt;
-  &lt;title&gt;Flash test page&lt;/title&gt;
- &lt;/head&gt;
- &lt;body&gt;
-  &lt;p&gt;
-   &lt;object type="application/x-shockwave-flash"&gt;
-    <strong>&lt;param name=movie value="http://www.macromedia.com/shockwave/download/triggerpages_mmcom/flash.swf"&gt;</strong>
-    This page requires the use of a proprietary technology. Since you
-    have not installed the software product required to view this
-    page, you should try visiting another site that instead uses open
-    vendor-neutral technologies.
-   &lt;/object&gt; 
-  &lt;/p&gt;
- &lt;/body&gt;
-&lt;/html&gt;</pre>
-
-  </div></body></html>
\ No newline at end of file

Index: microdata.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/microdata.html,v
retrieving revision 1.560
retrieving revision 1.561
diff -u -d -r1.560 -r1.561
--- microdata.html	6 Jan 2010 15:49:34 -0000	1.560
+++ microdata.html	6 Jan 2010 16:12:47 -0000	1.561
@@ -702,307 +702,4 @@
   we have somewhere to put future extensions, e.g. if we ever support
   short type names --><p>The <dfn id="item-type">item type</dfn> of an <a href="#concept-item" title="concept-item">item</a> is the value of its element's <code title="attr-itemtype"><a href="#attr-itemtype">itemtype</a></code> attribute, if it has one and
   its value is not the empty string. If the <code title="attr-itemtype"><a href="#attr-itemtype">itemtype</a></code> attribute is missing or its
-  value is the empty string, the <a href="#concept-item" title="concept-item">item</a> is said to have no <a href="#item-type">item
-  type</a>.</p><p>The <a href="#item-type">item type</a> must be a type defined in an <a href="#other-applicable-specifications" title="other applicable specifications">applicable
-  specification</a>.</p><p>The <code title="attr-itemtype"><a href="#attr-itemtype">itemtype</a></code> attribute must
-  not be specified on elements that do not have an <code title="attr-itemscope"><a href="#attr-itemscope">itemscope</a></code> attribute specified.</p><hr><p>Elements with an <code title="attr-itemscope"><a href="#attr-itemscope">itemscope</a></code>
-  attribute and an <code title="attr-itemtype"><a href="#attr-itemtype">itemtype</a></code>
-  attribute that references a vocabulary that is defined to
-  <dfn id="support-global-identifiers-for-items">support global identifiers for items</dfn> may also have an
-  <dfn id="attr-itemid" title="attr-itemid"><code>itemid</code></dfn> attribute
-  specified, to give a global identifier for the <a href="#concept-item" title="concept-item">item</a>, so that it can be related to other
-  <a href="#concept-item" title="concept-item">items</a> on pages elsewhere on the
-  Web.</p><p>The <code title="attr-itemid"><a href="#attr-itemid">itemid</a></code> attribute, if
-  specified, must have a value that is a <a href="urls.html#valid-url">valid URL</a>.</p><p>The <dfn id="global-identifier">global identifier</dfn> of an <a href="#concept-item" title="concept-item">item</a> is the value of its element's <code title="attr-itemid"><a href="#attr-itemid">itemid</a></code> attribute, if it has one, <a href="#resolve-a-url" title="resolve a url">resolved</a> relative to the element on
-  which the attribute is specified. If the <code title="attr-itemid"><a href="#attr-itemid">itemid</a></code> attribute is missing or if
-  resolving it fails, it is said to have no <a href="#global-identifier">global
-  identifier</a>.</p><p>The <code title="attr-itemid"><a href="#attr-itemid">itemid</a></code> attribute must not be
-  specified on elements that do not have both an <code title="attr-itemscope"><a href="#attr-itemscope">itemscope</a></code> attribute and an <code title="attr-itemtype"><a href="#attr-itemtype">itemtype</a></code> attribute specified, and must
-  not be specified on elements with an <code title="attr-itemscope"><a href="#attr-itemscope">itemscope</a></code> attribute whose <code title="attr-itemtype"><a href="#attr-itemtype">itemtype</a></code> attribute specifies a
-  vocabulary that does not <a href="#support-global-identifiers-for-items">support global identifiers for
-  items</a>, as defined by that vocabulary's specification.</p><hr><p>Elements with an <code title="attr-itemscope"><a href="#attr-itemscope">itemscope</a></code>
-  attribute may have an <dfn id="attr-itemref" title="attr-itemref"><code>itemref</code></dfn> attribute specified,
-  to give a list of additional elements to crawl to find the
-  name-value pairs of the <a href="#concept-item" title="concept-item">item</a>.</p><p>The <code title="attr-itemref"><a href="#attr-itemref">itemref</a></code> attribute, if
-  specified, must have a value that is an <a href="common-microsyntaxes.html#unordered-set-of-unique-space-separated-tokens">unordered set of
-  unique space-separated tokens</a> consisting of <a href="elements.html#concept-id" title="concept-ID">IDs</a> of elements in the same document; for
-  each one, the element's nearest ancestor element with an <code title="attr-itemscope"><a href="#attr-itemscope">itemscope</a></code> attribute specified, if any,
-  must not be the element with the referencing <code title="attr-itemref"><a href="#attr-itemref">itemref</a></code> attribute specified.</p><p>The <code title="attr-itemref"><a href="#attr-itemref">itemref</a></code> attribute must not
-  be specified on elements that do not have an <code title="attr-itemscope"><a href="#attr-itemscope">itemscope</a></code> attribute specified.</p><h4 id="names:-the-itemprop-attribute"><span class="secno">5.2.3 </span>Names: the <dfn title="attr-itemprop"><code>itemprop</code></dfn> attribute</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>Every <a href="infrastructure.html#html-elements" title="HTML elements">HTML element</a> may have an
-  <code title="attr-itemprop"><a href="#names:-the-itemprop-attribute">itemprop</a></code> attribute specified, if
-  doing so <a href="#the-properties-of-an-item" title="the properties of an item">adds a
-  property</a> to one or more <a href="#concept-item" title="concept-item">items</a> (as defined below).</p><p>The <code title="attr-itemprop"><a href="#names:-the-itemprop-attribute">itemprop</a></code> attribute, if
-  specified, must have a value that is an <a href="common-microsyntaxes.html#unordered-set-of-unique-space-separated-tokens">unordered set of
-  unique space-separated tokens</a> representing the names of the
-  name-value pairs that it adds. The attribute's value must have at
-  least one token.</p><p>Each token must be either:</p><ul><li>A <a href="urls.html#valid-url">valid URL</a> that is an <a href="urls.html#absolute-url">absolute URL</a>
-   for which the string "<code title="">http://www.w3.org/1999/xhtml/microdata#</code>" is not a
-   <a href="infrastructure.html#prefix-match">prefix match</a>, or</li>
-
-   <li>If the item is a <a href="#typed-item">typed item</a>: a <dfn id="defined-property-name">defined
-   property name</dfn> allowed in this situation according to the
-   specification that defines the <a href="#relevant-type">relevant type</a> for the
-   item, or</li>
-
-   <li>If the item is not a <a href="#typed-item">typed item</a>: a string that
-   contains no U+002E FULL STOP characters (.) and no U+003A COLON
-   characters (:).</li>
-
-  </ul><p>When an element with an <code title="concept-itemprop">itemprop</code> attribute <a href="#the-properties-of-an-item" title="the
-  properties of an item">adds a property</a> to multiple <a href="#concept-item" title="concept-item">items</a>, the requirement above regarding
-  the tokens applies for each <a href="#concept-item" title="concept-item">item</a>
-  individually.</p><!--
-
-   e.g.:
-
-     <div itemscope itemtype="http://example.com/a"> <ref refid="x"> </div>
-     <div itemscope itemtype="http://example.com/b"> <ref refid="x"> </div>
-     <meta id="x" itemprop="z" content="">
-
-     "z" had better be valid for both http://example.com/a and http://example.com/b
-
-  --><p>The <dfn id="property-names">property names</dfn> of an element are the tokens that
-  the element's <code title="attr-itemprop"><a href="#names:-the-itemprop-attribute">itemprop</a></code> attribute
-  is found to contain when its value is <a href="#split-a-string-on-spaces" title="split a string on
-  spaces">split on spaces</a>, with the order preserved but with
-  duplicates removed (leaving only the first occurrence of each
-  name).</p><p>Within an <a href="#concept-item" title="concept-item">item</a>, the properties
-  are unordered with respect to each other, except for properties with
-  the same name, which are ordered in the order they are given by the
-  algorithm that defines <a href="#the-properties-of-an-item">the properties of an item</a>.</p><div class="example">
-
-   <p>In the following example, the "a" property has the values "1"
-   and "2", <em>in that order</em>, but whether the "a" property comes
-   before the "b" property or not is not important:</p>
-
-   <pre>&lt;div itemscope&gt;
- &lt;p itemprop="a"&gt;1&lt;/p&gt;
- &lt;p itemprop="a"&gt;2&lt;/p&gt;
- &lt;p itemprop="b"&gt;test&lt;/p&gt;
-&lt;/div&gt;</pre>
-
-   <p>Thus, the following is equivalent:</p>
-
-   <pre>&lt;div itemscope&gt;
- &lt;p itemprop="b"&gt;test&lt;/p&gt;
- &lt;p itemprop="a"&gt;1&lt;/p&gt;
- &lt;p itemprop="a"&gt;2&lt;/p&gt;
-&lt;/div&gt;</pre>
-
-   <p>As is the following:</p>
-
-   <pre>&lt;div itemscope&gt;
- &lt;p itemprop="a"&gt;1&lt;/p&gt;
- &lt;p itemprop="b"&gt;test&lt;/p&gt;
- &lt;p itemprop="a"&gt;2&lt;/p&gt;
-&lt;/div&gt;</pre>
-
-   <p>And the following:</p>
-
-   <pre>&lt;div itemscope itemref="x"&gt;
- &lt;p itemprop="b"&gt;test&lt;/p&gt;
- &lt;p itemprop="a"&gt;2&lt;/p&gt;
-&lt;/div&gt;
-&lt;div id="x"&gt;
- &lt;p itemprop="a"&gt;1&lt;/p&gt;
-&lt;/div&gt;
-</pre>
-
-  </div><h4 id="values"><span class="secno">5.2.4 </span>Values</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="concept-property-value" title="concept-property-value">property value</dfn> of a
-  name-value pair added by an element with an <code title="attr-itemprop"><a href="#names:-the-itemprop-attribute">itemprop</a></code> attribute depends on the
-  element, as follows:</p><dl><dt>If the element also has an <code title="attr-itemscope"><a href="#attr-itemscope">itemscope</a></code> attribute</dt>
-
-   <dd><p>The value is the <a href="#concept-item" title="concept-item">item</a>
-   created by the element.</p></dd>
-
-
-   <dt>If the element is a <code><a href="semantics.html#meta">meta</a></code> element</dt>
-
-   <dd><p>The value is the value of the element's <code title="attr-content">content</code> attribute, if any, or the empty
-   string if there is no such attribute.</p></dd>
-
-
-   <dt>If the element is an <code><a href="video.html#audio">audio</a></code>, <code><a href="the-iframe-element.html#the-embed-element">embed</a></code>,
-   <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code>, <code><a href="embedded-content-1.html#the-img-element">img</a></code>, <code><a href="video.html#the-source-element">source</a></code>, or
-   <code><a href="video.html#video">video</a></code> element</dt>
-
-   <dd><p>The value is the <a href="urls.html#absolute-url">absolute URL</a> that results from
-   <a href="#resolve-a-url" title="resolve a url">resolving</a> the value of the
-   element's <code title="">src</code> attribute relative to the
-   element at the time the attribute is set, or the empty string if
-   there is no such attribute or if <a href="#resolve-a-url" title="resolve a
-   url">resolving</a> it results in an error.</p></dd>
-
-
-   <dt>If the element is an <code><a href="text-level-semantics.html#the-a-element">a</a></code>, <code><a href="the-map-element.html#the-area-element">area</a></code>, or
-   <code><a href="semantics.html#the-link-element">link</a></code> element</dt>
-
-   <dd><p>The value is the <a href="urls.html#absolute-url">absolute URL</a> that results from
-   <a href="#resolve-a-url" title="resolve a url">resolving</a> the value of the
-   element's <code title="">href</code> attribute relative to the
-   element at the time the attribute is set, or the empty string if
-   there is no such attribute or if <a href="#resolve-a-url" title="resolve a
-   url">resolving</a> it results in an error.</p></dd>
-
-
-   <dt>If the element is an <code><a href="the-iframe-element.html#the-object-element">object</a></code> element</dt>
-
-   <dd><p>The value is the <a href="urls.html#absolute-url">absolute URL</a> that results from
-   <a href="#resolve-a-url" title="resolve a url">resolving</a> the value of the
-   element's <code title="">data</code> attribute relative to the
-   element at the time the attribute is set, or the empty string if
-   there is no such attribute or if <a href="#resolve-a-url" title="resolve a
-   url">resolving</a> it results in an error.</p></dd>
-
-
-   <dt>If the element is a <code><a href="text-level-semantics.html#the-time-element">time</a></code> element with a <code title="attr-datetime">datetime</code> attribute</dt>
-
-   <dd><p>The value is the value of the element's <code title="attr-datetime">datetime</code> attribute.</p></dd>
-
-
-   <dt>Otherwise</dt>
-
-   <dd><p>The value is the element's
-   <code>textContent</code>.</p></dd>
-
-  </dl><p>The <dfn id="url-property-elements">URL property elements</dfn> are the <code><a href="text-level-semantics.html#the-a-element">a</a></code>,
-  <code><a href="the-map-element.html#the-area-element">area</a></code>, <code><a href="video.html#audio">audio</a></code>, <code><a href="the-iframe-element.html#the-embed-element">embed</a></code>,
-  <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code>, <code><a href="embedded-content-1.html#the-img-element">img</a></code>, <code><a href="semantics.html#the-link-element">link</a></code>,
-  <code><a href="the-iframe-element.html#the-object-element">object</a></code>, <code><a href="video.html#the-source-element">source</a></code>, and <code><a href="video.html#video">video</a></code>
-  elements.</p><p>If a property's <a href="#concept-property-value" title="concept-property-value">value</a>
-  is an <a href="urls.html#absolute-url">absolute URL</a>, the property must be specified
-  using a <a href="#url-property-elements" title="URL property elements">URL property
-  element</a>.</p><h4 id="associating-names-with-items"><span class="secno">5.2.5 </span>Associating names with items</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>To find <dfn id="the-properties-of-an-item">the properties of an item</dfn>, the user agent must
-  run the following steps:</p><ol><li><p>Let <var title="">root</var> be the element with the <code title="attr-itemscope"><a href="#attr-itemscope">itemscope</a></code> attribute.</p></li>
-
-   <li><p>Let <var title="">pending</var> be a stack of elements
-   initially containing the child elements of <var title="">root</var>, if any. This list will be the one that holds
-   the elements that still need to be crawled.</p></li>
-
-   <li><p>Let <var title="">properties</var> be an empty list of
-   elements. This list will be the result of the algorithm: a list of
-   elements with properties that apply to <var title="">root</var>.</p></li>
-
-   <li><p>If <var title="">root</var> has an <code title="attr-itemref"><a href="#attr-itemref">itemref</a></code> attribute, <a href="#split-a-string-on-spaces" title="split a
-   string on spaces">split the value of that <code title="attr-itemref">itemref</code> attribute on spaces</a>. For
-   each resulting token, <var title="">ID</var>, if there is an
-   element in the document with the <a href="elements.html#concept-id" title="concept-ID">ID</a>
-   <var title="">ID</var>, then push the first such element onto <var title="">pending</var>.</p></li>
-
-   <li>
-
-    <p>For each element <var title="">candidate</var> in <var title="">pending</var>, run the following substeps:</p>
-
-    <ol><li><p>Let <var title="">scope</var> be <var title="">candidate</var>'s nearest ancestor element with an <code title="attr-itemscope"><a href="#attr-itemscope">itemscope</a></code> attribute specified, if
-     any, or null otherwise.</p></li>
-
-     <li><p>If one of the other elements in <var title="">pending</var>
-     is also <var title="">candidate</var>, then remove <var title="">candidate</var> from <var title="">pending</var>
-     (i.e. remove duplicates).</p></li>
-
-     <li><p>Otherwise, if one of the other elements in <var title="">pending</var> is an ancestor element of <var title="">candidate</var>, and that element is <var title="">scope</var>, then remove <var title="">candidate</var>
-     from <var title="">pending</var>.</p></li>
-
-     <li><p>Otherwise, if one of the other elements in <var title="">pending</var> is an ancestor element of <var title="">candidate</var>, and either <var title="">scope</var> is
-     null or that element also has <var title="">scope</var> as its
-     nearest ancestor element with an <code title="attr-itemscope"><a href="#attr-itemscope">itemscope</a></code> attribute specified, then
-     remove <var title="">candidate</var> from <var title="">pending</var>.</p></li>
-
-    </ol></li>
-
-   <li><p>Sort <var title="">pending</var> in <a href="infrastructure.html#tree-order">tree
-   order</a>.</p></li>
-
-   <li><p><i>Loop</i>: Pop the top element from <var title="">pending</var> and let <var title="">current</var> be that
-   element.</p></li>
-
-   <li><p>If <var title="">current</var> has an <code title="attr-itemprop"><a href="#names:-the-itemprop-attribute">itemprop</a></code> attribute, then append <var title="">current</var> to <var title="">properties</var>.</p></li>
-
-   <li><p>If <var title="">current</var> does not have an <code title="attr-itemscope"><a href="#attr-itemscope">itemscope</a></code> attribute, and <var title="">current</var> is an element with child elements, then:
-   push all the child elements of <var title="">current</var> onto
-   <var title="">pending</var>, in <a href="infrastructure.html#tree-order">tree order</a> (so the first
-   child of <var title="">current</var> will be the next element to be
-   popped from <var title="">pending</var>).</p></li>
-
-   <li><p><i>End of loop</i>: If <var title="">pending</var> is not
-   empty, return to the step marked <i>loop</i>.</p></li>
-
-   <li><p>Return <var title="">properties</var>. That is the list of
-   <a href="#the-properties-of-an-item" title="the properties of an item">properties of the
-   item</a> <var title="">root</var>. By definition, this list is
-   in <a href="infrastructure.html#tree-order">tree order</a>.</p></li>
-
-  </ol><p>A document must not contain any elements that have an <code title="attr-itemprop"><a href="#names:-the-itemprop-attribute">itemprop</a></code> attribute that would not be
-  found to be a property of any of the <a href="#concept-item" title="concept-item">items</a> in that document were their <a href="#the-properties-of-an-item" title="the properties of an item">properties</a> all to be
-  determined.</p><p>An <a href="#concept-item" title="concept-item">item</a> is a <dfn id="top-level-microdata-items" title="top-level microdata items">top-level microdata item</dfn> if
-  its element does not have an <code title="attr-itemprop"><a href="#names:-the-itemprop-attribute">itemprop</a></code> attribute.</p><h4 id="examples-1"><span class="secno">5.2.6 </span>Examples</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>Here is an example of some HTML using Microdata to express RDF
-  statements:</p><pre>&lt;dl itemscope
-    itemtype="http://purl.org/vocab/frbr/core#Work"
-    itemid="http://purl.oreilly.com/works/45U8QJGZSQKDH8N"&gt;
- &lt;dt&gt;Title&lt;/dt&gt;
- &lt;dd&gt;&lt;cite itemprop="http://purl.org/dc/terms/title"&gt;Just a Geek&lt;/cite&gt;&lt;/dd&gt;
- &lt;dt&gt;By&lt;/dt&gt;
- &lt;dd&gt;&lt;span itemprop="http://purl.org/dc/terms/creator"&gt;Wil Wheaton&lt;/span&gt;&lt;/dd&gt;
- &lt;dt&gt;Format&lt;/dt&gt;
- &lt;dd itemprop="http://purl.org/vocab/frbr/core#realization"
-     itemscope
-     itemtype="http://purl.org/vocab/frbr/core#Expression"
-     itemid="http://purl.oreilly.com/products/9780596007683.BOOK"&gt;
-  &lt;link itemprop="http://purl.org/dc/terms/type" href="http://purl.oreilly.com/product-types/BOOK"&gt;
-  Print
- &lt;/dd&gt;
- &lt;dd itemprop="http://purl.org/vocab/frbr/core#realization"
-     itemscope
-     itemtype="http://purl.org/vocab/frbr/core#Expression"
-     itemid="http://purl.oreilly.com/products/9780596802189.EBOOK"&gt;
-  &lt;link itemprop="http://purl.org/dc/terms/type" href="http://purl.oreilly.com/product-types/EBOOK"&gt;
-  Ebook
- &lt;/dd&gt;
-&lt;/dl&gt;</pre><p>This is equivalent to the following Turtle:</p><pre>@prefix dc: &lt;http://purl.org/dc/terms/&gt; .
-@prefix frbr: &lt;http://purl.org/vocab/frbr/core#&gt; .
-
-&lt;http://purl.oreilly.com/works/45U8QJGZSQKDH8N&gt; a frbr:Work ;
-     dc:creator "Wil Wheaton"@en ;
-     dc:title "Just a Geek"@en ;
-     frbr:realization &lt;http://purl.oreilly.com/products/9780596007683.BOOK&gt;,
-         &lt;http://purl.oreilly.com/products/9780596802189.EBOOK&gt; . 
-
-&lt;http://purl.oreilly.com/products/9780596007683.BOOK&gt; a frbr:Expression ;
-     dc:type &lt;http://purl.oreilly.com/product-types/BOOK&gt; . 
-
-&lt;http://purl.oreilly.com/products/9780596802189.EBOOK&gt; a frbr:Expression ;
-     dc:type &lt;http://purl.oreilly.com/product-types/EBOOK&gt; .</pre><h3 id="microdata-dom-api"><span class="secno">5.3 </span>Microdata DOM API</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="domintro"><dt><var title="">document</var> . <code title="dom-document-getItems"><a href="#dom-document-getitems">getItems</a></code>( [ <var title="">types</var> ] )</dt>
-
-   <dd>
-
-    <p>Returns a <code>NodeList</code> of the elements in the <code>Document</code> that create <a href="#concept-item" title="concept-item">items</a>, that are not part of other <a href="#concept-item" title="concept-item">items</a>, and that are of one of the types given in the argument, if any are listed.</p>
-
-    <p>The <var title="">types</var> argument is interpreted as a space-separated list of types.</p>
-
-   </dd>
-
-   <dt><var title="">element</var> . <code title="dom-properties"><a href="#dom-properties">properties</a></code></dt>
-
-   <dd>
-
-    <p>If the element has an <code title="attr-itemscope"><a href="#attr-itemscope">itemscope</a></code> attribute, returns an
-    <code><a href="urls.html#htmlpropertiescollection">HTMLPropertiesCollection</a></code> object with all the element's
-    properties. Otherwise, an empty
-    <code><a href="urls.html#htmlpropertiescollection">HTMLPropertiesCollection</a></code> object.</p>
-
-   </dd>
-
-   <dt><var title="">element</var> . <code title="dom-itemValue"><a href="#dom-itemvalue">itemValue</a></code> [ = <var title="">value</var> ]</dt>
-
-   <dd>
-
-    <p>Returns the element's <a href="#concept-property-value" title="concept-property-value">value</a>.</p>
-
-    <p>Can be set, to change the element's <a href="#concept-property-value" title="concept-property-value">value</a>. Setting the <a href="#concept-property-value" title="concept-property-value">value</a> when the element has
-    no <code title="attr-itemprop"><a href="#names:-the-itemprop-attribute">itemprop</a></code> attribute or when
-    the element's value is an <a href="#concept-item" title="concept-item">item</a>
-    throws an <code><a href="urls.html#invalid_access_err">INVALID_ACCESS_ERR</a></code> exception.</p>
-
-   </dd>
-
-  </dl></body></html>
\ No newline at end of file
+  value is the empty string, the <a href="#concept-item" title="concept-item">
\ No newline at end of file

Index: Overview.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/Overview.html,v
retrieving revision 1.611
retrieving revision 1.612
diff -u -d -r1.611 -r1.612
--- Overview.html	6 Jan 2010 15:49:33 -0000	1.611
+++ Overview.html	6 Jan 2010 16:12:46 -0000	1.612
@@ -525,334 +525,4 @@
      <li><a href="grouping-content.html#the-dd-element"><span class="secno">4.5.11 </span>The <code>dd</code> element</a></li>
      <li><a href="grouping-content.html#the-div-element"><span class="secno">4.5.12 </span>The <code>div</code> element</a></li></ol></li>
    <li><a href="text-level-semantics.html#text-level-semantics"><span class="secno">4.6 </span>Text-level semantics</a>
-    <ol><li><a href="text-level-semantics.html#the-a-element"><span class="secno">4.6.1 </span>The <code>a</code> element</a></li>
-     <li><a href="text-level-semantics.html#the-em-element"><span class="secno">4.6.2 </span>The <code>em</code> element</a></li>
-     <li><a href="text-level-semantics.html#the-strong-element"><span class="secno">4.6.3 </span>The <code>strong</code> element</a></li>
-     <li><a href="text-level-semantics.html#the-small-element"><span class="secno">4.6.4 </span>The <code>small</code> element</a></li>
-     <li><a href="text-level-semantics.html#the-cite-element"><span class="secno">4.6.5 </span>The <code>cite</code> element</a></li>
-     <li><a href="text-level-semantics.html#the-q-element"><span class="secno">4.6.6 </span>The <code>q</code> element</a></li>
-     <li><a href="text-level-semantics.html#the-dfn-element"><span class="secno">4.6.7 </span>The <code>dfn</code> element</a></li>
-     <li><a href="text-level-semantics.html#the-abbr-element"><span class="secno">4.6.8 </span>The <code>abbr</code> element</a></li>
-     <li><a href="text-level-semantics.html#the-time-element"><span class="secno">4.6.9 </span>The <code>time</code> element</a></li>
-     <li><a href="text-level-semantics.html#the-code-element"><span class="secno">4.6.10 </span>The <code>code</code> element</a></li>
-     <li><a href="text-level-semantics.html#the-var-element"><span class="secno">4.6.11 </span>The <code>var</code> element</a></li>
-     <li><a href="text-level-semantics.html#the-samp-element"><span class="secno">4.6.12 </span>The <code>samp</code> element</a></li>
-     <li><a href="text-level-semantics.html#the-kbd-element"><span class="secno">4.6.13 </span>The <code>kbd</code> element</a></li>
-     <li><a href="text-level-semantics.html#the-sub-and-sup-elements"><span class="secno">4.6.14 </span>The <code>sub</code> and <code>sup</code> elements</a></li>
-     <li><a href="text-level-semantics.html#the-i-element"><span class="secno">4.6.15 </span>The <code>i</code> element</a></li>
-     <li><a href="text-level-semantics.html#the-b-element"><span class="secno">4.6.16 </span>The <code>b</code> element</a></li>
-     <li><a href="text-level-semantics.html#the-mark-element"><span class="secno">4.6.17 </span>The <code>mark</code> element</a></li>
-     <li><a href="text-level-semantics.html#the-progress-element"><span class="secno">4.6.18 </span>The <code>progress</code> element</a></li>
-     <li><a href="text-level-semantics.html#the-meter-element"><span class="secno">4.6.19 </span>The <code>meter</code> element</a></li>
-     <li><a href="text-level-semantics.html#the-ruby-element"><span class="secno">4.6.20 </span>The <code>ruby</code> element</a></li>
-     <li><a href="text-level-semantics.html#the-rt-element"><span class="secno">4.6.21 </span>The <code>rt</code> element</a></li>
-     <li><a href="text-level-semantics.html#the-rp-element"><span class="secno">4.6.22 </span>The <code>rp</code> element</a></li>
-     <li><a href="text-level-semantics.html#the-bdo-element"><span class="secno">4.6.23 </span>The <code>bdo</code> element</a></li>
-     <li><a href="text-level-semantics.html#the-span-element"><span class="secno">4.6.24 </span>The <code>span</code> element</a></li>
-     <li><a href="text-level-semantics.html#usage-summary"><span class="secno">4.6.25 </span>Usage summary</a></li></ol></li>
-   <li><a href="edits.html#edits"><span class="secno">4.7 </span>Edits</a>
-    <ol><li><a href="edits.html#the-ins-element"><span class="secno">4.7.1 </span>The <code>ins</code> element</a></li>
-     <li><a href="edits.html#the-del-element"><span class="secno">4.7.2 </span>The <code>del</code> element</a></li>
-     <li><a href="edits.html#attributes-common-to-ins-and-del-elements"><span class="secno">4.7.3 </span>Attributes common to <code>ins</code> and <code>del</code> elements</a></li>
-     <li><a href="edits.html#edits-and-paragraphs"><span class="secno">4.7.4 </span>Edits and paragraphs</a></li>
-     <li><a href="edits.html#edits-and-lists"><span class="secno">4.7.5 </span>Edits and lists</a></li></ol></li>
-   <li><a href="embedded-content-1.html#embedded-content-1"><span class="secno">4.8 </span>Embedded content</a>
-    <ol><li><a href="embedded-content-1.html#the-figure-element"><span class="secno">4.8.1 </span>The <code>figure</code> element</a></li>
-     <li><a href="embedded-content-1.html#the-img-element"><span class="secno">4.8.2 </span>The <code>img</code> element</a>
-      <ol><li><a href="embedded-content-1.html#alt"><span class="secno">4.8.2.1 </span>Requirements for providing text to act as an alternative for images</a>
-        <ol><li><a href="embedded-content-1.html#a-link-or-button-containing-nothing-but-the-image"><span class="secno">4.8.2.1.1 </span>A link or button containing nothing but the image</a></li>
-         <li><a href="embedded-content-1.html#a-phrase-or-paragraph-with-an-alternative-graphical-representation:-charts-diagrams-graphs-maps-illustrations"><span class="secno">4.8.2.1.2 </span>A phrase or paragraph with an alternative graphical representation: charts, diagrams, graphs, maps, illustrations</a></li>
-         <li><a href="embedded-content-1.html#a-short-phrase-or-label-with-an-alternative-graphical-representation:-icons-logos"><span class="secno">4.8.2.1.3 </span>A short phrase or label with an alternative graphical representation: icons, logos</a></li>
-         <li><a href="embedded-content-1.html#text-that-has-been-rendered-to-a-graphic-for-typographical-effect"><span class="secno">4.8.2.1.4 </span>Text that has been rendered to a graphic for typographical effect</a></li>
-         <li><a href="embedded-content-1.html#a-graphical-representation-of-some-of-the-surrounding-text"><span class="secno">4.8.2.1.5 </span>A graphical representation of some of the surrounding text</a></li>
-         <li><a href="embedded-content-1.html#a-purely-decorative-image-that-doesn-t-add-any-information"><span class="secno">4.8.2.1.6 </span>A purely decorative image that doesn't add any information</a></li>
-         <li><a href="embedded-content-1.html#a-group-of-images-that-form-a-single-larger-picture-with-no-links"><span class="secno">4.8.2.1.7 </span>A group of images that form a single larger picture with no links</a></li>
-         <li><a href="embedded-content-1.html#a-group-of-images-that-form-a-single-larger-picture-with-links"><span class="secno">4.8.2.1.8 </span>A group of images that form a single larger picture with links</a></li>
-         <li><a href="embedded-content-1.html#a-key-part-of-the-content"><span class="secno">4.8.2.1.9 </span>A key part of the content</a></li>
-         <li><a href="embedded-content-1.html#an-image-not-intended-for-the-user"><span class="secno">4.8.2.1.10 </span>An image not intended for the user</a></li>
-         <li><a href="embedded-content-1.html#an-image-in-an-e-mail-or-private-document-intended-for-a-specific-person-who-is-known-to-be-able-to-view-images"><span class="secno">4.8.2.1.11 </span>An image in an e-mail or private document intended for a specific person who is known to be able to view images</a></li>
-         <li><a href="embedded-content-1.html#general-guidelines"><span class="secno">4.8.2.1.12 </span>General guidelines</a></li></ol></li></ol></li>
-     <li><a href="the-iframe-element.html#the-iframe-element"><span class="secno">4.8.3 </span>The <code>iframe</code> element</a></li>
-     <li><a href="the-iframe-element.html#the-embed-element"><span class="secno">4.8.4 </span>The <code>embed</code> element</a></li>
-     <li><a href="the-iframe-element.html#the-object-element"><span class="secno">4.8.5 </span>The <code>object</code> element</a></li>
-     <li><a href="the-iframe-element.html#the-param-element"><span class="secno">4.8.6 </span>The <code>param</code> element</a></li>
-     <li><a href="video.html#video"><span class="secno">4.8.7 </span>The <code>video</code> element</a></li>
-     <li><a href="video.html#audio"><span class="secno">4.8.8 </span>The <code>audio</code> element</a></li>
-     <li><a href="video.html#the-source-element"><span class="secno">4.8.9 </span>The <code>source</code> element</a></li>
-     <li><a href="video.html#media-elements"><span class="secno">4.8.10 </span>Media elements</a>
-      <ol><li><a href="video.html#error-codes"><span class="secno">4.8.10.1 </span>Error codes</a></li>
-       <li><a href="video.html#location-of-the-media-resource"><span class="secno">4.8.10.2 </span>Location of the media resource</a></li>
-       <li><a href="video.html#mime-types"><span class="secno">4.8.10.3 </span>MIME types</a></li>
-       <li><a href="video.html#network-states"><span class="secno">4.8.10.4 </span>Network states</a></li>
-       <li><a href="video.html#loading-the-media-resource"><span class="secno">4.8.10.5 </span>Loading the media resource</a></li>
-       <li><a href="video.html#offsets-into-the-media-resource"><span class="secno">4.8.10.6 </span>Offsets into the media resource</a></li>
-       <li><a href="video.html#the-ready-states"><span class="secno">4.8.10.7 </span>The ready states</a></li>
-       <li><a href="video.html#playing-the-media-resource"><span class="secno">4.8.10.8 </span>Playing the media resource</a></li>
-       <li><a href="video.html#seeking"><span class="secno">4.8.10.9 </span>Seeking</a></li>
-       <li><a href="video.html#user-interface"><span class="secno">4.8.10.10 </span>User interface</a></li>
-       <li><a href="video.html#time-ranges"><span class="secno">4.8.10.11 </span>Time ranges</a></li>
-       <li><a href="video.html#mediaevents"><span class="secno">4.8.10.12 </span>Event summary</a></li></ol></li>
-     <li><a href="the-canvas-element.html#the-canvas-element"><span class="secno">4.8.11 </span>The <code>canvas</code> element</a>
-      <ol><li><a href="the-canvas-element.html#the-2d-context"><span class="secno">4.8.11.1 </span>The 2D context</a>
-        <ol><li><a href="the-canvas-element.html#the-canvas-state"><span class="secno">4.8.11.1.1 </span>The canvas state</a></li>
-         <li><a href="the-canvas-element.html#transformations"><span class="secno">4.8.11.1.2 </span>Transformations</a></li>
-         <li><a href="the-canvas-element.html#compositing"><span class="secno">4.8.11.1.3 </span>Compositing</a></li>
-         <li><a href="the-canvas-element.html#colors-and-styles"><span class="secno">4.8.11.1.4 </span>Colors and styles</a></li>
-         <li><a href="the-canvas-element.html#line-styles"><span class="secno">4.8.11.1.5 </span>Line styles</a></li>
-         <li><a href="the-canvas-element.html#shadows"><span class="secno">4.8.11.1.6 </span>Shadows</a></li>
-         <li><a href="the-canvas-element.html#simple-shapes-rectangles"><span class="secno">4.8.11.1.7 </span>Simple shapes (rectangles)</a></li>
-         <li><a href="the-canvas-element.html#complex-shapes-paths"><span class="secno">4.8.11.1.8 </span>Complex shapes (paths)</a></li>
-         <li><a href="the-canvas-element.html#focus-management-0"><span class="secno">4.8.11.1.9 </span>Focus management</a></li>
-         <li><a href="the-canvas-element.html#text"><span class="secno">4.8.11.1.10 </span>Text</a></li>
-         <li><a href="the-canvas-element.html#images"><span class="secno">4.8.11.1.11 </span>Images</a></li>
-         <li><a href="the-canvas-element.html#pixel-manipulation"><span class="secno">4.8.11.1.12 </span>Pixel manipulation</a></li>
-         <li><a href="the-canvas-element.html#examples"><span class="secno">4.8.11.1.13 </span>Examples</a></li></ol></li></ol></li>
-     <li><a href="the-map-element.html#the-map-element"><span class="secno">4.8.12 </span>The <code>map</code> element</a></li>
-     <li><a href="the-map-element.html#the-area-element"><span class="secno">4.8.13 </span>The <code>area</code> element</a></li>
-     <li><a href="the-map-element.html#image-maps"><span class="secno">4.8.14 </span>Image maps</a></li>
-     <li><a href="the-map-element.html#mathml"><span class="secno">4.8.15 </span>MathML</a></li>
-     <li><a href="the-map-element.html#svg-0"><span class="secno">4.8.16 </span>SVG</a></li>
-     <li><a href="the-map-element.html#dimension-attributes"><span class="secno">4.8.17 </span>Dimension attributes</a></li></ol></li>
-   <li><a href="tabular-data.html#tabular-data"><span class="secno">4.9 </span>Tabular data</a>
-    <ol><li><a href="tabular-data.html#the-table-element"><span class="secno">4.9.1 </span>The <code>table</code> element</a></li>
-     <li><a href="tabular-data.html#the-caption-element"><span class="secno">4.9.2 </span>The <code>caption</code> element</a></li>
-     <li><a href="tabular-data.html#the-colgroup-element"><span class="secno">4.9.3 </span>The <code>colgroup</code> element</a></li>
-     <li><a href="tabular-data.html#the-col-element"><span class="secno">4.9.4 </span>The <code>col</code> element</a></li>
-     <li><a href="tabular-data.html#the-tbody-element"><span class="secno">4.9.5 </span>The <code>tbody</code> element</a></li>
-     <li><a href="tabular-data.html#the-thead-element"><span class="secno">4.9.6 </span>The <code>thead</code> element</a></li>
-     <li><a href="tabular-data.html#the-tfoot-element"><span class="secno">4.9.7 </span>The <code>tfoot</code> element</a></li>
-     <li><a href="tabular-data.html#the-tr-element"><span class="secno">4.9.8 </span>The <code>tr</code> element</a></li>
-     <li><a href="tabular-data.html#the-td-element"><span class="secno">4.9.9 </span>The <code>td</code> element</a></li>
-     <li><a href="tabular-data.html#the-th-element"><span class="secno">4.9.10 </span>The <code>th</code> element</a></li>
-     <li><a href="tabular-data.html#attributes-common-to-td-and-th-elements"><span class="secno">4.9.11 </span>Attributes common to <code>td</code> and <code>th</code> elements</a></li>
-     <li><a href="tabular-data.html#examples-0"><span class="secno">4.9.12 </span>Examples</a></li></ol></li>
-   <li><a href="forms.html#forms"><span class="secno">4.10 </span>Forms</a>
-    <ol><li><a href="forms.html#the-form-element"><span class="secno">4.10.1 </span>The <code>form</code> element</a></li>
-     <li><a href="forms.html#the-fieldset-element"><span class="secno">4.10.2 </span>The <code>fieldset</code> element</a></li>
-     <li><a href="forms.html#the-legend-element"><span class="secno">4.10.3 </span>The <code>legend</code> element</a></li>
-     <li><a href="forms.html#the-label-element"><span class="secno">4.10.4 </span>The <code>label</code> element</a></li>
-     <li><a href="the-input-element.html#the-input-element"><span class="secno">4.10.5 </span>The <code>input</code> element</a>
-      <ol><li><a href="states-of-the-type-attribute.html#states-of-the-type-attribute"><span class="secno">4.10.5.1 </span>States of the <code title="attr-input-type">type</code> attribute</a>
-        <ol><li><a href="states-of-the-type-attribute.html#hidden-state"><span class="secno">4.10.5.1.1 </span>Hidden state</a></li>
-         <li><a href="states-of-the-type-attribute.html#text-state-and-search-state"><span class="secno">4.10.5.1.2 </span>Text state and Search state</a></li>
-         <li><a href="states-of-the-type-attribute.html#telephone-state"><span class="secno">4.10.5.1.3 </span>Telephone state</a></li>
-         <li><a href="states-of-the-type-attribute.html#url-state"><span class="secno">4.10.5.1.4 </span>URL state</a></li>
-         <li><a href="states-of-the-type-attribute.html#e-mail-state"><span class="secno">4.10.5.1.5 </span>E-mail state</a></li>
-         <li><a href="states-of-the-type-attribute.html#password-state"><span class="secno">4.10.5.1.6 </span>Password state</a></li>
-         <li><a href="states-of-the-type-attribute.html#date-and-time-state"><span class="secno">4.10.5.1.7 </span>Date and Time state</a></li>
-         <li><a href="states-of-the-type-attribute.html#date-state"><span class="secno">4.10.5.1.8 </span>Date state</a></li>
-         <li><a href="states-of-the-type-attribute.html#month-state"><span class="secno">4.10.5.1.9 </span>Month state</a></li>
-         <li><a href="states-of-the-type-attribute.html#week-state"><span class="secno">4.10.5.1.10 </span>Week state</a></li>
-         <li><a href="states-of-the-type-attribute.html#time-state"><span class="secno">4.10.5.1.11 </span>Time state</a></li>
-         <li><a href="states-of-the-type-attribute.html#local-date-and-time-state"><span class="secno">4.10.5.1.12 </span>Local Date and Time state</a></li>
-         <li><a href="number-state.html#number-state"><span class="secno">4.10.5.1.13 </span>Number state</a></li>
-         <li><a href="number-state.html#range-state"><span class="secno">4.10.5.1.14 </span>Range state</a></li>
-         <li><a href="number-state.html#color-state"><span class="secno">4.10.5.1.15 </span>Color state</a></li>
-         <li><a href="number-state.html#checkbox-state"><span class="secno">4.10.5.1.16 </span>Checkbox state</a></li>
-         <li><a href="number-state.html#radio-button-state"><span class="secno">4.10.5.1.17 </span>Radio Button state</a></li>
-         <li><a href="number-state.html#file-upload-state"><span class="secno">4.10.5.1.18 </span>File Upload state</a></li>
-         <li><a href="number-state.html#submit-button-state"><span class="secno">4.10.5.1.19 </span>Submit Button state</a></li>
-         <li><a href="number-state.html#image-button-state"><span class="secno">4.10.5.1.20 </span>Image Button state</a></li>
-         <li><a href="number-state.html#reset-button-state"><span class="secno">4.10.5.1.21 </span>Reset Button state</a></li>
-         <li><a href="number-state.html#button-state"><span class="secno">4.10.5.1.22 </span>Button state</a></li></ol></li>
-       <li><a href="common-input-element-attributes.html#common-input-element-attributes"><span class="secno">4.10.5.2 </span>Common <code>input</code> element attributes</a>
-        <ol><li><a href="common-input-element-attributes.html#the-autocomplete-attribute"><span class="secno">4.10.5.2.1 </span>The <code title="attr-input-autocomplete">autocomplete</code> attribute</a></li>
-         <li><a href="common-input-element-attributes.html#the-list-attribute"><span class="secno">4.10.5.2.2 </span>The <code title="attr-input-list">list</code> attribute</a></li>
-         <li><a href="common-input-element-attributes.html#the-readonly-attribute"><span class="secno">4.10.5.2.3 </span>The <code title="attr-input-readonly">readonly</code> attribute</a></li>
-         <li><a href="common-input-element-attributes.html#the-size-attribute"><span class="secno">4.10.5.2.4 </span>The <code title="attr-input-size">size</code> attribute</a></li>
-         <li><a href="common-input-element-attributes.html#the-required-attribute"><span class="secno">4.10.5.2.5 </span>The <code title="attr-input-required">required</code> attribute</a></li>
-         <li><a href="common-input-element-attributes.html#the-multiple-attribute"><span class="secno">4.10.5.2.6 </span>The <code title="attr-input-multiple">multiple</code> attribute</a></li>
-         <li><a href="common-input-element-attributes.html#the-maxlength-attribute"><span class="secno">4.10.5.2.7 </span>The <code title="attr-input-maxlength">maxlength</code> attribute</a></li>
-         <li><a href="common-input-element-attributes.html#the-pattern-attribute"><span class="secno">4.10.5.2.8 </span>The <code title="attr-input-pattern">pattern</code> attribute</a></li>
-         <li><a href="common-input-element-attributes.html#the-min-and-max-attributes"><span class="secno">4.10.5.2.9 </span>The <code title="attr-input-min">min</code> and <code title="attr-input-max">max</code> attributes</a></li>
-         <li><a href="common-input-element-attributes.html#the-step-attribute"><span class="secno">4.10.5.2.10 </span>The <code title="attr-input-step">step</code> attribute</a></li>
-         <li><a href="common-input-element-attributes.html#the-placeholder-attribute"><span class="secno">4.10.5.2.11 </span>The <code title="attr-input-placeholder">placeholder</code> attribute</a></li></ol></li>
-       <li><a href="common-input-element-attributes.html#common-input-element-apis"><span class="secno">4.10.5.3 </span>Common <code>input</code> element APIs</a></li></ol></li>
-     <li><a href="the-button-element.html#the-button-element"><span class="secno">4.10.6 </span>The <code>button</code> element</a></li>
-     <li><a href="the-button-element.html#the-select-element"><span class="secno">4.10.7 </span>The <code>select</code> element</a></li>
-     <li><a href="the-button-element.html#the-datalist-element"><span class="secno">4.10.8 </span>The <code>datalist</code> element</a></li>
-     <li><a href="the-button-element.html#the-optgroup-element"><span class="secno">4.10.9 </span>The <code>optgroup</code> element</a></li>
-     <li><a href="the-button-element.html#the-option-element"><span class="secno">4.10.10 </span>The <code>option</code> element</a></li>
-     <li><a href="the-button-element.html#the-textarea-element"><span class="secno">4.10.11 </span>The <code>textarea</code> element</a></li>
-     <li><a href="the-button-element.html#the-keygen-element"><span class="secno">4.10.12 </span>The <code>keygen</code> element</a></li>
-     <li><a href="the-button-element.html#the-output-element"><span class="secno">4.10.13 </span>The <code>output</code> element</a></li>
-     <li><a href="association-of-controls-and-forms.html#association-of-controls-and-forms"><span class="secno">4.10.14 </span>Association of controls and forms</a></li>
-     <li><a href="association-of-controls-and-forms.html#attributes-common-to-form-controls"><span class="secno">4.10.15 </span>Attributes common to form controls</a>
-      <ol><li><a href="association-of-controls-and-forms.html#naming-form-controls"><span class="secno">4.10.15.1 </span>Naming form controls</a></li>
-       <li><a href="association-of-controls-and-forms.html#enabling-and-disabling-form-controls"><span class="secno">4.10.15.2 </span>Enabling and disabling form controls</a></li>
-       <li><a href="association-of-controls-and-forms.html#autofocusing-a-form-control"><span class="secno">4.10.15.3 </span>Autofocusing a form control</a></li>
-       <li><a href="association-of-controls-and-forms.html#limiting-user-input-length"><span class="secno">4.10.15.4 </span>Limiting user input length</a></li>
-       <li><a href="association-of-controls-and-forms.html#form-submission-0"><span class="secno">4.10.15.5 </span>Form submission</a></li></ol></li>
-     <li><a href="association-of-controls-and-forms.html#constraints"><span class="secno">4.10.16 </span>Constraints</a>
-      <ol><li><a href="association-of-controls-and-forms.html#definitions"><span class="secno">4.10.16.1 </span>Definitions</a></li>
-       <li><a href="association-of-controls-and-forms.html#the-constraint-validation-api"><span class="secno">4.10.16.2 </span>The constraint validation API</a></li></ol></li>
-     <li><a href="association-of-controls-and-forms.html#form-submission"><span class="secno">4.10.17 </span>Form submission</a></li></ol></li>
-   <li><a href="interactive-elements.html#interactive-elements"><span class="secno">4.11 </span>Interactive elements</a>
-    <ol><li><a href="interactive-elements.html#the-details-element"><span class="secno">4.11.1 </span>The <code>details</code> element</a></li>
-     <li><a href="interactive-elements.html#the-command"><span class="secno">4.11.2 </span>The <code>command</code> element</a></li>
-     <li><a href="interactive-elements.html#menus"><span class="secno">4.11.3 </span>The <code>menu</code> element</a>
-      <ol><li><a href="interactive-elements.html#menus-intro"><span class="secno">4.11.3.1 </span>Introduction</a></li>
-       <li><a href="interactive-elements.html#context-menus"><span class="secno">4.11.3.2 </span>Context menus</a></li></ol></li>
-     <li><a href="commands.html#commands"><span class="secno">4.11.4 </span>Commands</a></li></ol></li>
-   <li><a href="commands.html#common-idioms-without-dedicated-elements"><span class="secno">4.12 </span>Common idioms without dedicated elements</a>
-    <ol><li><a href="commands.html#tag-clouds"><span class="secno">4.12.1 </span>Tag clouds</a></li>
-     <li><a href="commands.html#conversations"><span class="secno">4.12.2 </span>Conversations</a></li>
-     <li><a href="commands.html#footnotes"><span class="secno">4.12.3 </span>Footnotes</a></li></ol></li></ol></li>
- <li><a href="microdata.html#microdata"><span class="secno">5 </span>Microdata</a>
-  <ol><li><a href="microdata.html#introduction-1"><span class="secno">5.1 </span>Introduction</a>
-    <ol><li><a href="microdata.html#overview"><span class="secno">5.1.1 </span>Overview</a></li>
-     <li><a href="microdata.html#the-basic-syntax"><span class="secno">5.1.2 </span>The basic syntax</a></li>
-     <li><a href="microdata.html#typed-items"><span class="secno">5.1.3 </span>Typed items</a></li>
-     <li><a href="microdata.html#global-identifiers-for-items"><span class="secno">5.1.4 </span>Global identifiers for items</a></li>
-     <li><a href="microdata.html#selecting-names-when-defining-vocabularies"><span class="secno">5.1.5 </span>Selecting names when defining vocabularies</a></li>
-     <li><a href="microdata.html#using-the-microdata-dom-api"><span class="secno">5.1.6 </span>Using the microdata DOM API</a></li></ol></li>
-   <li><a href="microdata.html#encoding-microdata"><span class="secno">5.2 </span>Encoding microdata</a>
-    <ol><li><a href="microdata.html#the-microdata-model"><span class="secno">5.2.1 </span>The microdata model</a></li>
-     <li><a href="microdata.html#items"><span class="secno">5.2.2 </span>Items</a></li>
-     <li><a href="microdata.html#names:-the-itemprop-attribute"><span class="secno">5.2.3 </span>Names: the <code>itemprop</code> attribute</a></li>
-     <li><a href="microdata.html#values"><span class="secno">5.2.4 </span>Values</a></li>
-     <li><a href="microdata.html#associating-names-with-items"><span class="secno">5.2.5 </span>Associating names with items</a></li>
-     <li><a href="microdata.html#examples-1"><span class="secno">5.2.6 </span>Examples</a></li></ol></li>
-   <li><a href="microdata.html#microdata-dom-api"><span class="secno">5.3 </span>Microdata DOM API</a></li></ol></li>
- <li><a href="browsers.html#browsers"><span class="secno">6 </span>Web browsers</a>
-  <ol><li><a href="browsers.html#windows"><span class="secno">6.1 </span>Browsing contexts</a>
-    <ol><li><a href="browsers.html#nested-browsing-contexts"><span class="secno">6.1.1 </span>Nested browsing contexts</a>
-      <ol><li><a href="browsers.html#navigating-nested-browsing-contexts-in-the-dom"><span class="secno">6.1.1.1 </span>Navigating nested browsing contexts in the DOM</a></li></ol></li>
-     <li><a href="browsers.html#auxiliary-browsing-contexts"><span class="secno">6.1.2 </span>Auxiliary browsing contexts</a>
-      <ol><li><a href="browsers.html#navigating-auxiliary-browsing-contexts-in-the-dom"><span class="secno">6.1.2.1 </span>Navigating auxiliary browsing contexts in the DOM</a></li></ol></li>
-     <li><a href="browsers.html#secondary-browsing-contexts"><span class="secno">6.1.3 </span>Secondary browsing contexts</a></li>
-     <li><a href="browsers.html#browsing-context-names"><span class="secno">6.1.4 </span>Browsing context names</a></li></ol></li>
-   <li><a href="browsers.html#the-window-object"><span class="secno">6.2 </span>The <code>Window</code> object</a>
-    <ol><li><a href="browsers.html#apis-for-creating-and-navigating-browsing-contexts-by-name"><span class="secno">6.2.1 </span>APIs for creating and navigating browsing contexts by name</a></li>
-     <li><a href="browsers.html#accessing-other-browsing-contexts"><span class="secno">6.2.2 </span>Accessing other browsing contexts</a></li>
-     <li><a href="browsers.html#named-access-on-the-window-object"><span class="secno">6.2.3 </span>Named access on the <code>Window</code> object</a></li>
-     <li><a href="browsers.html#browser-interface-elements"><span class="secno">6.2.4 </span>Browser interface elements</a></li>
-     <li><a href="browsers.html#relaxing-the-same-origin-restriction"><span class="secno">6.2.5 </span>Relaxing the same-origin restriction</a></li></ol></li>
-   <li><a href="browsers.html#scripting"><span class="secno">6.3 </span>Scripting</a>
-    <ol><li><a href="browsers.html#introduction-2"><span class="secno">6.3.1 </span>Introduction</a></li>
-     <li><a href="browsers.html#events"><span class="secno">6.3.2 </span>Events</a></li></ol></li>
-   <li><a href="timers.html#timers"><span class="secno">6.4 </span>Timers</a></li>
-   <li><a href="timers.html#user-prompts"><span class="secno">6.5 </span>User prompts</a>
-    <ol><li><a href="timers.html#simple-dialogs"><span class="secno">6.5.1 </span>Simple dialogs</a></li>
-     <li><a href="timers.html#printing"><span class="secno">6.5.2 </span>Printing</a></li>
-     <li><a href="timers.html#dialogs-implemented-using-separate-documents"><span class="secno">6.5.3 </span>Dialogs implemented using separate documents</a></li></ol></li>
-   <li><a href="timers.html#system-state-and-capabilities"><span class="secno">6.6 </span>System state and capabilities</a>
-    <ol><li><a href="timers.html#client-identification"><span class="secno">6.6.1 </span>Client identification</a></li>
-     <li><a href="timers.html#custom-handlers"><span class="secno">6.6.2 </span>Custom scheme and content handlers</a></li>
-     <li><a href="timers.html#manually-releasing-the-storage-mutex"><span class="secno">6.6.3 </span>Manually releasing the storage mutex</a></li></ol></li>
-   <li><a href="offline.html#offline"><span class="secno">6.7 </span>Offline Web applications</a>
-    <ol><li><a href="offline.html#introduction-3"><span class="secno">6.7.1 </span>Introduction</a>
-      <ol><li><a href="offline.html#appcacheevents"><span class="secno">6.7.1.1 </span>Event summary</a></li></ol></li>
-     <li><a href="offline.html#manifests"><span class="secno">6.7.2 </span>The cache manifest syntax</a>
-      <ol><li><a href="offline.html#a-sample-manifest"><span class="secno">6.7.2.1 </span>A sample manifest</a></li>
-       <li><a href="offline.html#writing-cache-manifests"><span class="secno">6.7.2.2 </span>Writing cache manifests</a></li></ol></li>
-     <li><a href="offline.html#expiring-application-caches"><span class="secno">6.7.3 </span>Expiring application caches</a></li>
-     <li><a href="offline.html#application-cache-api"><span class="secno">6.7.4 </span>Application cache API</a></li>
-     <li><a href="offline.html#browser-state"><span class="secno">6.7.5 </span>Browser state</a></li></ol></li>
-   <li><a href="history.html#history"><span class="secno">6.8 </span>Session history and navigation</a>
-    <ol><li><a href="history.html#the-session-history-of-browsing-contexts"><span class="secno">6.8.1 </span>The session history of browsing contexts</a></li>
-     <li><a href="history.html#the-history-interface"><span class="secno">6.8.2 </span>The <code>History</code> interface</a></li>
-     <li><a href="history.html#activating-state-object-entries"><span class="secno">6.8.3 </span>Activating state object entries</a></li>
-     <li><a href="history.html#the-location-interface"><span class="secno">6.8.4 </span>The <code>Location</code> interface</a></li></ol></li>
-   <li><a href="history.html#browsing-the-web"><span class="secno">6.9 </span>Browsing the Web</a>
-    <ol><li><a href="history.html#unloading-documents"><span class="secno">6.9.1 </span>Unloading documents</a></li>
-     <li><a href="history.html#aborting-a-document-load"><span class="secno">6.9.2 </span>Aborting a document load</a></li></ol></li>
-   <li><a href="links.html#links"><span class="secno">6.10 </span>Links</a>
-    <ol><li><a href="links.html#hyperlink-elements"><span class="secno">6.10.1 </span>Hyperlink elements</a></li>
-     <li><a href="links.html#linkTypes"><span class="secno">6.10.2 </span>Link types</a>
-      <ol><li><a href="links.html#link-type-alternate"><span class="secno">6.10.2.1 </span>Link type "<code>alternate</code>"</a></li>
-       <li><a href="links.html#link-type-archives"><span class="secno">6.10.2.2 </span>Link type "<code>archives</code>"</a></li>
-       <li><a href="links.html#link-type-author"><span class="secno">6.10.2.3 </span>Link type "<code>author</code>"</a></li>
-       <li><a href="links.html#link-type-bookmark"><span class="secno">6.10.2.4 </span>Link type "<code>bookmark</code>"</a></li>
-       <li><a href="links.html#link-type-external"><span class="secno">6.10.2.5 </span>Link type "<code>external</code>"</a></li>
-       <li><a href="links.html#link-type-help"><span class="secno">6.10.2.6 </span>Link type "<code>help</code>"</a></li>
-       <li><a href="links.html#rel-icon"><span class="secno">6.10.2.7 </span>Link type "<code>icon</code>"</a></li>
-       <li><a href="links.html#link-type-license"><span class="secno">6.10.2.8 </span>Link type "<code>license</code>"</a></li>
-       <li><a href="links.html#link-type-nofollow"><span class="secno">6.10.2.9 </span>Link type "<code>nofollow</code>"</a></li>
-       <li><a href="links.html#link-type-noreferrer"><span class="secno">6.10.2.10 </span>Link type "<code>noreferrer</code>"</a></li>
-       <li><a href="links.html#link-type-pingback"><span class="secno">6.10.2.11 </span>Link type "<code>pingback</code>"</a></li>
-       <li><a href="links.html#link-type-prefetch"><span class="secno">6.10.2.12 </span>Link type "<code>prefetch</code>"</a></li>
-       <li><a href="links.html#link-type-search"><span class="secno">6.10.2.13 </span>Link type "<code>search</code>"</a></li>
-       <li><a href="links.html#link-type-stylesheet"><span class="secno">6.10.2.14 </span>Link type "<code>stylesheet</code>"</a></li>
-       <li><a href="links.html#link-type-sidebar"><span class="secno">6.10.2.15 </span>Link type "<code>sidebar</code>"</a></li>
-       <li><a href="links.html#link-type-tag"><span class="secno">6.10.2.16 </span>Link type "<code>tag</code>"</a></li>
-       <li><a href="links.html#hierarchical-link-types"><span class="secno">6.10.2.17 </span>Hierarchical link types</a>
-        <ol><li><a href="links.html#link-type-index"><span class="secno">6.10.2.17.1 </span>Link type "<code>index</code>"</a></li>
-         <li><a href="links.html#link-type-up"><span class="secno">6.10.2.17.2 </span>Link type "<code>up</code>"</a></li></ol></li>
-       <li><a href="links.html#sequential-link-types"><span class="secno">6.10.2.18 </span>Sequential link types</a>
-        <ol><li><a href="links.html#link-type-first"><span class="secno">6.10.2.18.1 </span>Link type "<code>first</code>"</a></li>
-         <li><a href="links.html#link-type-last"><span class="secno">6.10.2.18.2 </span>Link type "<code>last</code>"</a></li>
-         <li><a href="links.html#link-type-next"><span class="secno">6.10.2.18.3 </span>Link type "<code>next</code>"</a></li>
-         <li><a href="links.html#link-type-prev"><span class="secno">6.10.2.18.4 </span>Link type "<code>prev</code>"</a></li></ol></li>
-       <li><a href="links.html#other-link-types"><span class="secno">6.10.2.19 </span>Other link types</a></li></ol></li></ol></li></ol></li>
- <li><a href="editing.html#editing"><span class="secno">7 </span>User Interaction</a>
-  <ol><li><a href="editing.html#the-hidden-attribute"><span class="secno">7.1 </span>The <code>hidden</code> attribute</a></li>
-   <li><a href="editing.html#activation"><span class="secno">7.2 </span>Activation</a></li>
-   <li><a href="editing.html#scrolling-elements-into-view"><span class="secno">7.3 </span>Scrolling elements into view</a></li>
-   <li><a href="editing.html#focus"><span class="secno">7.4 </span>Focus</a>
-    <ol><li><a href="editing.html#sequential-focus-navigation"><span class="secno">7.4.1 </span>Sequential focus navigation</a></li>
-     <li><a href="editing.html#document-level-focus-apis"><span class="secno">7.4.2 </span>Document-level focus APIs</a></li>
-     <li><a href="editing.html#element-level-focus-apis"><span class="secno">7.4.3 </span>Element-level focus APIs</a></li></ol></li>
-   <li><a href="editing.html#the-accesskey-attribute"><span class="secno">7.5 </span>The <code>accesskey</code> attribute</a></li>
-   <li><a href="editing.html#selection"><span class="secno">7.6 </span>The text selection APIs</a>
-    <ol><li><a href="editing.html#documentSelection"><span class="secno">7.6.1 </span>APIs for the browsing context selection</a></li>
-     <li><a href="editing.html#textFieldSelection"><span class="secno">7.6.2 </span>APIs for the text field selections</a></li></ol></li>
-   <li><a href="editing.html#contenteditable"><span class="secno">7.7 </span>The <code title="attr-contenteditable">contenteditable</code> attribute</a>
-    <ol><li><a href="editing.html#making-entire-documents-editable"><span class="secno">7.7.1 </span>Making entire documents editable</a></li></ol></li>
-   <li><a href="editing.html#spelling-and-grammar-checking"><span class="secno">7.8 </span>Spelling and grammar checking</a></li>
-   <li><a href="dnd.html#dnd"><span class="secno">7.9 </span>Drag and drop</a>
-    <ol><li><a href="dnd.html#introduction-4"><span class="secno">7.9.1 </span>Introduction</a></li>
-     <li><a href="dnd.html#the-dragevent-and-datatransfer-interfaces"><span class="secno">7.9.2 </span>The <code>DragEvent</code> and <code>DataTransfer</code> interfaces</a></li>
-     <li><a href="dnd.html#dndevents"><span class="secno">7.9.3 </span>Events fired during a drag-and-drop action</a></li>
-     <li><a href="dnd.html#the-draggable-attribute"><span class="secno">7.9.4 </span>The <code>draggable</code> attribute</a></li>
-     <li><a href="dnd.html#copy-and-paste"><span class="secno">7.9.5 </span>Copy and paste</a></li></ol></li>
-   <li><a href="dnd.html#undo"><span class="secno">7.10 </span>Undo history</a>
-    <ol><li><a href="dnd.html#the-undomanager-interface"><span class="secno">7.10.1 </span>The <code>UndoManager</code> interface</a></li>
-     <li><a href="dnd.html#the-undomanagerevent-interface-and-the-undo-and-redo-events"><span class="secno">7.10.2 </span>The <code>UndoManagerEvent</code> interface and the <code title="event-undo">undo</code> and <code title="event-redo">redo</code> events</a></li></ol></li>
-   <li><a href="dnd.html#editing-apis"><span class="secno">7.11 </span>Editing APIs</a></li></ol></li>
- <li><a href="comms.html#comms"><span class="secno">8 </span>Communication</a>
-  <ol><li><a href="comms.html#event-definitions"><span class="secno">8.1 </span>Event definitions</a></li>
-   <li><a href="comms.html#crossDocumentMessages"><span class="secno">8.2 </span>Cross-document messaging</a>
-    <ol><li><a href="comms.html#introduction-5"><span class="secno">8.2.1 </span>Introduction</a></li>
-     <li><a href="comms.html#security-4"><span class="secno">8.2.2 </span>Security</a></li>
-     <li><a href="comms.html#posting-messages"><span class="secno">8.2.3 </span>Posting messages</a></li></ol></li>
-   <li><a href="comms.html#channel-messaging"><span class="secno">8.3 </span>Channel messaging</a>
-    <ol><li><a href="comms.html#introduction-6"><span class="secno">8.3.1 </span>Introduction</a></li>
-     <li><a href="comms.html#message-channels"><span class="secno">8.3.2 </span>Message channels</a></li>
-     <li><a href="comms.html#message-ports"><span class="secno">8.3.3 </span>Message ports</a>
-      <ol><li><a href="comms.html#ports-and-garbage-collection"><span class="secno">8.3.3.1 </span>Ports and garbage collection</a></li></ol></li></ol></li></ol></li>
- <li><a href="syntax.html#syntax"><span class="secno">9 </span>The HTML syntax</a>
-  <ol><li><a href="syntax.html#writing"><span class="secno">9.1 </span>Writing HTML documents</a>
-    <ol><li><a href="syntax.html#the-doctype"><span class="secno">9.1.1 </span>The DOCTYPE</a></li>
-     <li><a href="syntax.html#elements-0"><span class="secno">9.1.2 </span>Elements</a>
-      <ol><li><a href="syntax.html#start-tags"><span class="secno">9.1.2.1 </span>Start tags</a></li>
-       <li><a href="syntax.html#end-tags"><span class="secno">9.1.2.2 </span>End tags</a></li>
-       <li><a href="syntax.html#attributes"><span class="secno">9.1.2.3 </span>Attributes</a></li>
-       <li><a href="syntax.html#optional-tags"><span class="secno">9.1.2.4 </span>Optional tags</a></li>
-       <li><a href="syntax.html#element-restrictions"><span class="secno">9.1.2.5 </span>Restrictions on content models</a></li>
-       <li><a href="syntax.html#cdata-rcdata-restrictions"><span class="secno">9.1.2.6 </span>Restrictions on the contents of raw text and RCDATA elements</a></li></ol></li>
-     <li><a href="syntax.html#text-0"><span class="secno">9.1.3 </span>Text</a>
-      <ol><li><a href="syntax.html#newlines"><span class="secno">9.1.3.1 </span>Newlines</a></li></ol></li>
-     <li><a href="syntax.html#character-references"><span class="secno">9.1.4 </span>Character references</a></li>
-     <li><a href="syntax.html#cdata-sections"><span class="secno">9.1.5 </span>CDATA sections</a></li>
-     <li><a href="syntax.html#comments"><span class="secno">9.1.6 </span>Comments</a></li></ol></li>
-   <li><a href="named-character-references.html#named-character-references"><span class="secno">9.2 </span>Named character references</a></li></ol></li>
- <li><a href="the-xhtml-syntax.html#the-xhtml-syntax"><span class="secno">10 </span>The XHTML syntax</a></li>
- <li><a href="obsolete.html#obsolete"><span class="secno">11 </span>Obsolete features</a>
-  <ol><li><a href="obsolete.html#obsolete-but-conforming-features"><span class="secno">11.1 </span>Obsolete but conforming features</a></li>
-   <li><a href="obsolete.html#non-conforming-features"><span class="secno">11.2 </span>Non-conforming features</a></li></ol></li>
- <li><a href="iana.html#iana"><span class="secno">12 </span>IANA considerations</a>
-  <ol><li><a href="iana.html#text-html"><span class="secno">12.1 </span><code>text/html</code></a></li>
-   <li><a href="iana.html#application-xhtml-xml"><span class="secno">12.2 </span><code>application/xhtml+xml</code></a></li>
-   <li><a href="iana.html#text-cache-manifest"><span class="secno">12.3 </span><code>text/cache-manifest</code></a></li>
-   <li><a href="iana.html#text-ping"><span class="secno">12.4 </span><code>text/ping</code></a></li>
-   <li><a href="iana.html#application-microdata-json"><span class="secno">12.5 </span><code>application/microdata+json</code></a></li>
-   <li><a href="iana.html#ping-from"><span class="secno">12.6 </span><code>Ping-From</code></a></li>
-   <li><a href="iana.html#ping-to"><span class="secno">12.7 </span><code>Ping-To</code></a></li></ol></li>
- <li><a class="no-num" href="index.html#index">Index</a>
-  <ol><li><a class="no-num" href="index.html#elements-1">Elements</a></li>
-   <li><a class="no-num" href="index.html#attributes-0">Attributes</a></li>
-   <li><a class="no-num" href="index.html#interfaces">Interfaces</a></li>
-   <li><a class="no-num" href="index.html#events-0">Events</a></li></ol></li>
- <li><a class="no-num" href="references.html#references">References</a></li>
- <li><a class="no-num" href="acknowledgements.html#acknowledgements">Acknowledgements</a></li></ol><!--end-toc--></body></html>
\ No newline at end of file
+    <ol><li><a href="text-level-semantics.html#the-a-element"><span class="secno">4.6.1 </span>The <code>a</c
\ No newline at end of file

Index: embedded-content-0.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/embedded-content-0.html,v
retrieving revision 1.549
retrieving revision 1.550
diff -u -d -r1.549 -r1.550
--- embedded-content-0.html	3 Jan 2010 15:08:14 -0000	1.549
+++ embedded-content-0.html	6 Jan 2010 16:12:47 -0000	1.550
@@ -1,216 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
-<!DOCTYPE html>
-<!-- when publishing, change bits marked ZZZ --><html lang="en-US-x-Hixie"><head><title>3.2.5.1.6 Embedded content &#8212; HTML 5</title><script src="link-fixup.js"></script><link href="whatwg.css" rel="stylesheet"/><style type="text/css">
-   pre { margin-left: 2em; white-space: pre-wrap; }
-   h2 { margin: 3em 0 1em 0; }
-   h3 { margin: 2.5em 0 1em 0; }
-   h4 { margin: 2.5em 0 0.75em 0; }
-   h5, h6 { margin: 2.5em 0 1em; }
-   h1 + h2, h1 + h2 + h2 { margin: 0.75em 0 0.75em; }
-   h2 + h3, h3 + h4, h4 + h5, h5 + h6 { margin-top: 0.5em; }
-   p { margin: 1em 0; }
-   hr:not(.top) { display: block; background: none; border: none; padding: 0; margin: 2em 0; height: auto; }
-   dl, dd { margin-top: 0; margin-bottom: 0; }
-   dt { margin-top: 0.75em; margin-bottom: 0.25em; clear: left; }
-   dt + dt { margin-top: 0; }
-   dd dt { margin-top: 0.25em; margin-bottom: 0; }
-   dd p { margin-top: 0; }
-   dd dl + p { margin-top: 1em; }
-   dd table + p { margin-top: 1em; }
-   p + * > li, dd li { margin: 1em 0; }
-   dt, dfn { font-weight: bold; font-style: normal; }
-   dt dfn { font-style: italic; }
-   pre, code { font-size: inherit; font-family: monospace; font-variant: normal; }
-   pre strong { color: black; font: inherit; font-weight: bold; background: yellow; }
-   pre em { font-weight: bolder; font-style: normal; }
-   @media screen { code { color: orangered; } code :link, code :visited { color: inherit; } }
-   var sub { vertical-align: bottom; font-size: smaller; position: relative; top: 0.1em; }
-   table { border-collapse: collapse; border-style: hidden hidden none hidden; }
-   table thead { border-bottom: solid; }
-   table tbody th:first-child { border-left: solid; }
-   table tbody th { text-align: left; }
-   table td, table th { border-left: solid; border-right: solid; border-bottom: solid thin; vertical-align: top; padding: 0.2em; }
-   blockquote { margin: 0 0 0 2em; border: 0; padding: 0; font-style: italic; }
-
-   .bad, .bad *:not(.XXX) { color: gray; border-color: gray; background: transparent; }
-   .matrix, .matrix td { border: none; text-align: right; }
-   .matrix { margin-left: 2em; }
-   .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
-   .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
-   .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
-
-   .toc dfn, h1 dfn, h2 dfn, h3 dfn, h4 dfn, h5 dfn, h6 dfn { font: inherit; }
-   img.extra { float: right; }
-   pre.idl { border: solid thin; background: #EEEEEE; color: black; padding: 0.5em 1em; }
-   pre.idl :link, pre.idl :visited { color: inherit; background: transparent; }
-   pre.css { border: solid thin; background: #FFFFEE; color: black; padding: 0.5em 1em; }
-   pre.css:first-line { color: #AAAA50; }
-   dl.domintro { color: green; margin: 2em 0 2em 2em; padding: 0.5em 1em; border: none; background: #EEFFEE; }
-   hr + dl.domintro, div.impl + dl.domintro { margin-top: 2.5em; margin-bottom: 1.5em; }
-   dl.domintro dt, dl.domintro dt * { color: black; text-decoration: none; }
-   dl.domintro dd { margin: 0.5em 0 1em 2em; padding: 0; }
-   dl.domintro dd p { margin: 0.5em 0; }
-   dl.switch { padding-left: 2em; }
-   dl.switch > dt { text-indent: -1.5em; }
-   dl.switch > dt:before { content: '\21AA'; padding: 0 0.5em 0 0; display: inline-block; width: 1em; text-align: right; line-height: 0.5em; }
-   dl.triple { padding: 0 0 0 1em; }
-   dl.triple dt, dl.triple dd { margin: 0; display: inline }
-   dl.triple dt:after { content: ':'; }
-   dl.triple dd:after { content: '\A'; white-space: pre; }
-   .diff-old { text-decoration: line-through; color: silver; background: transparent; }
-   .diff-chg, .diff-new { text-decoration: underline; color: green; background: transparent; }
-   a .diff-new { border-bottom: 1px blue solid; }
-
-   h2 { page-break-before: always; }
-   h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
-   h1 + h2, hr + h2.no-toc { page-break-before: auto; }
-
-   p > span:not([title=""]):not([class="XXX"]):not([class="impl"]), li > span:not([title=""]):not([class="XXX"]):not([class="impl"]) { border-bottom: solid #9999CC; }
-
-   div.head { margin: 0 0 1em; padding: 1em 0 0 0; }
-   div.head p { margin: 0; }
-   div.head h1 { margin: 0; }
-   div.head .logo { float: right; margin: 0 1em; }
-   div.head .logo img { border: none } /* remove border from top image */
-   div.head dl { margin: 1em 0; }
-   div.head p.copyright, div.head p.alt { font-size: x-small; font-style: oblique; margin: 0; }
-
-   body > .toc > li { margin-top: 1em; margin-bottom: 1em; }
-   body > .toc.brief > li { margin-top: 0.35em; margin-bottom: 0.35em; }
-   body > .toc > li > * { margin-bottom: 0.5em; }
-   body > .toc > li > * > li > * { margin-bottom: 0.25em; }
-   .toc, .toc li { list-style: none; }
-
-   .brief { margin-top: 1em; margin-bottom: 1em; line-height: 1.1; }
-   .brief li { margin: 0; padding: 0; }
-   .brief li p { margin: 0; padding: 0; }
-
-   .category-list { margin-top: -0.75em; margin-bottom: 1em; line-height: 1.5; }
-   .category-list::before { content: '\21D2\A0'; font-size: 1.2em; font-weight: 900; }
-   .category-list li { display: inline; }
-   .category-list li:not(:last-child)::after { content: ', '; }
-   .category-list li > span, .category-list li > a { text-transform: lowercase; }
-   .category-list li * { text-transform: none; } /* don't affect <code> nested in <a> */
-
-   .XXX { color: #E50000; background: white; border: solid red; padding: 0.5em; margin: 1em 0; }
-   .XXX > :first-child { margin-top: 0; }
-   p .XXX { line-height: 3em; }
-   .annotation { border: solid thin black; background: #0C479D; color: white; position: relative; margin: 8px 0 20px 0; }
-   .annotation:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 6px -6px -6px 6px; background: #333333; z-index: -1; content: ''; }
-   .annotation :link, .annotation :visited { color: inherit; }
-   .annotation :link:hover, .annotation :visited:hover { background: transparent; }
-   .annotation span { border: none ! important; }
-   .note { color: green; background: transparent; font-family: sans-serif; }
-   .warning { color: red; background: transparent; }
-   .note, .warning { font-weight: bolder; font-style: italic; }
-   p.note, div.note { padding: 0.5em 2em; }
-   span.note { padding: 0 2em; }
-   .note p:first-child, .warning p:first-child { margin-top: 0; }
-   .note p:last-child, .warning p:last-child { margin-bottom: 0; }
-   .warning:before { font-style: normal; }
-   p.note:before { content: 'Note: '; }
-   p.warning:before { content: '\26A0 Warning! '; }
-
-   .bookkeeping:before { display: block; content: 'Bookkeeping details'; font-weight: bolder; font-style: italic; }
-   .bookkeeping { font-size: 0.8em; margin: 2em 0; }
-   .bookkeeping p { margin: 0.5em 2em; display: list-item; list-style: square; }
-
-   h4 { position: relative; z-index: 3; }
-   h4 + .element, h4 + div + .element { margin-top: -2.5em; padding-top: 2em; }
-   .element {
-     background: #EEEEFF;
-     color: black;
-     margin: 0 0 1em 0.15em;
-     padding: 0 1em 0.25em 0.75em;
-     border-left: solid #9999FF 0.25em;
-     position: relative;
-     z-index: 1;
-   }
-   .element:before {
-     position: absolute;
-     z-index: 2;
-     top: 0;
-     left: -1.15em;
-     height: 2em;
-     width: 0.9em;
-     background: #EEEEFF;
-     content: ' ';
-     border-style: none none solid solid;
-     border-color: #9999FF;
-     border-width: 0.25em;
-   }
-
-   .example { display: block; color: #222222; background: #FCFCFC; border-left: double; margin-left: 2em; padding-left: 1em; }
-   td > .example:only-child { margin: 0 0 0 0.1em; }
-
-   .tall-and-narrow {
-     font-size: 0.6em;
-     column-width: 25em;
-     column-gap: 1em;
-     -moz-column-width: 25em;
-     -moz-column-gap: 1em;
-     -webkit-column-width: 25em;
-     -webkit-column-gap: 1em;
-   }
-
-   ul.domTree, ul.domTree ul { padding: 0 0 0 1em; margin: 0; }
-   ul.domTree li { padding: 0; margin: 0; list-style: none; position: relative; }
-   ul.domTree li li { list-style: none; }
-   ul.domTree li:first-child::before { position: absolute; top: 0; height: 0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
-   ul.domTree li:not(:last-child)::after { position: absolute; top: 0; bottom: -0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
-   ul.domTree span { font-style: italic; font-family: serif; }
-   ul.domTree .t1 code { color: purple; font-weight: bold; }
-   ul.domTree .t2 { font-style: normal; font-family: monospace; }
-   ul.domTree .t2 .name { color: black; font-weight: bold; }
-   ul.domTree .t2 .value { color: blue; font-weight: normal; }
-   ul.domTree .t3 code, .domTree .t4 code, .domTree .t5 code { color: gray; }
-   ul.domTree .t7 code, .domTree .t8 code { color: green; }
-   ul.domTree .t10 code { color: teal; }
-
-   #configUI { position: absolute; z-index: 20; top: 10em; right: 1em; width: 11em; font-size: small; }
-   #configUI p { margin: 0.5em 0; padding: 0.3em; background: #EEEEEE; color: black; border: inset thin; }
-   #configUI p label { display: block; }
-   #configUI #updateUI, #configUI .loginUI { text-align: center; }
-   #configUI input[type=button] { display: block; margin: auto; }
-  </style><style type="text/css">
-
-   .applies thead th > * { display: block; }
-   .applies thead code { display: block; }
-   .applies tbody th { whitespace: nowrap; }
-   .applies td { text-align: center; }
-   .applies .yes { background: yellow; }
-
-   .matrix, .matrix td { border: none; text-align: right; }
-   .matrix { margin-left: 2em; }
-
-   .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
-   .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
-   .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
-
-   #table-example-1 { border: solid thin; border-collapse: collapse; margin-left: 3em; }
-   #table-example-1 * { font-family: "Essays1743", serif; line-height: 1.01em; }
-   #table-example-1 caption { padding-bottom: 0.5em; }
-   #table-example-1 thead, #table-example-1 tbody { border: none; }
-   #table-example-1 th, #table-example-1 td { border: solid thin; }
-   #table-example-1 th { font-weight: normal; }
-   #table-example-1 td { border-style: none solid; vertical-align: top; }
-   #table-example-1 th { padding: 0.5em; vertical-align: middle; text-align: center; }
-   #table-example-1 tbody tr:first-child td { padding-top: 0.5em; }
-   #table-example-1 tbody tr:last-child td { padding-bottom: 1.5em; }
-   #table-example-1 tbody td:first-child { padding-left: 2.5em; padding-right: 0; width: 9em; }
-   #table-example-1 tbody td:first-child::after { content: leader(". "); }
-   #table-example-1 tbody td { padding-left: 2em; padding-right: 2em; }
-   #table-example-1 tbody td:first-child + td { width: 10em; }
-   #table-example-1 tbody td:first-child + td ~ td { width: 2.5em; }
-   #table-example-1 tbody td:first-child + td + td + td ~ td { width: 1.25em; }
-
-   .apple-table-examples { border: none; border-collapse: separate; border-spacing: 1.5em 0em; width: 40em; margin-left: 3em; }
-   .apple-table-examples * { font-family: "Times", serif; }
-   .apple-table-examples td, .apple-table-examples th { border: none; white-space: nowrap; padding-top: 0; padding-bottom: 0; }
-   .apple-table-examples tbody th:first-child { border-left: none; width: 100%; }
-   .apple-table-examples thead th:first-child ~ th { font-size: smaller; font-weight: bolder; border-bottom: solid 2px; text-align: center; }
-   .apple-table-examples tbody th::after, .apple-table-examples tfoot th::after { content: leader(". ") }
-   .apple-table-examples tbody th, .apple-table-examples tfoot th { font: inherit; text-align: left; }
-   .apple-table-examples td { text-align: right; vertical-align: top; }
-   .apple-table-examples.e1 tbody tr:last-child td { border-bottom: solid 1px; }
-   .apple-table-examples.e1 tbody + tbody tr:last
\ No newline at end of file

Index: history.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/history.html,v
retrieving revision 1.560
retrieving revision 1.561
diff -u -d -r1.560 -r1.561
--- history.html	6 Jan 2010 15:49:34 -0000	1.560
+++ history.html	6 Jan 2010 16:12:47 -0000	1.561
@@ -62,530 +62,4 @@
    a .diff-new { border-bottom: 1px blue solid; }
 
    h2 { page-break-before: always; }
-   h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
-   h1 + h2, hr + h2.no-toc { page-break-before: auto; }
-
-   p > span:not([title=""]):not([class="XXX"]):not([class="impl"]), li > span:not([title=""]):not([class="XXX"]):not([class="impl"]) { border-bottom: solid #9999CC; }
-
-   div.head { margin: 0 0 1em; padding: 1em 0 0 0; }
-   div.head p { margin: 0; }
-   div.head h1 { margin: 0; }
-   div.head .logo { float: right; margin: 0 1em; }
-   div.head .logo img { border: none } /* remove border from top image */
-   div.head dl { margin: 1em 0; }
-   div.head p.copyright, div.head p.alt { font-size: x-small; font-style: oblique; margin: 0; }
-
-   body > .toc > li { margin-top: 1em; margin-bottom: 1em; }
-   body > .toc.brief > li { margin-top: 0.35em; margin-bottom: 0.35em; }
-   body > .toc > li > * { margin-bottom: 0.5em; }
-   body > .toc > li > * > li > * { margin-bottom: 0.25em; }
-   .toc, .toc li { list-style: none; }
-
-   .brief { margin-top: 1em; margin-bottom: 1em; line-height: 1.1; }
-   .brief li { margin: 0; padding: 0; }
-   .brief li p { margin: 0; padding: 0; }
-
-   .category-list { margin-top: -0.75em; margin-bottom: 1em; line-height: 1.5; }
-   .category-list::before { content: '\21D2\A0'; font-size: 1.2em; font-weight: 900; }
-   .category-list li { display: inline; }
-   .category-list li:not(:last-child)::after { content: ', '; }
-   .category-list li > span, .category-list li > a { text-transform: lowercase; }
-   .category-list li * { text-transform: none; } /* don't affect <code> nested in <a> */
-
-   .XXX { color: #E50000; background: white; border: solid red; padding: 0.5em; margin: 1em 0; }
-   .XXX > :first-child { margin-top: 0; }
-   p .XXX { line-height: 3em; }
-   .annotation { border: solid thin black; background: #0C479D; color: white; position: relative; margin: 8px 0 20px 0; }
-   .annotation:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 6px -6px -6px 6px; background: #333333; z-index: -1; content: ''; }
-   .annotation :link, .annotation :visited { color: inherit; }
-   .annotation :link:hover, .annotation :visited:hover { background: transparent; }
-   .annotation span { border: none ! important; }
-   .note { color: green; background: transparent; font-family: sans-serif; }
-   .warning { color: red; background: transparent; }
-   .note, .warning { font-weight: bolder; font-style: italic; }
-   p.note, div.note { padding: 0.5em 2em; }
-   span.note { padding: 0 2em; }
-   .note p:first-child, .warning p:first-child { margin-top: 0; }
-   .note p:last-child, .warning p:last-child { margin-bottom: 0; }
-   .warning:before { font-style: normal; }
-   p.note:before { content: 'Note: '; }
-   p.warning:before { content: '\26A0 Warning! '; }
-
-   .bookkeeping:before { display: block; content: 'Bookkeeping details'; font-weight: bolder; font-style: italic; }
-   .bookkeeping { font-size: 0.8em; margin: 2em 0; }
-   .bookkeeping p { margin: 0.5em 2em; display: list-item; list-style: square; }
-
-   h4 { position: relative; z-index: 3; }
-   h4 + .element, h4 + div + .element { margin-top: -2.5em; padding-top: 2em; }
-   .element {
-     background: #EEEEFF;
-     color: black;
-     margin: 0 0 1em 0.15em;
-     padding: 0 1em 0.25em 0.75em;
-     border-left: solid #9999FF 0.25em;
-     position: relative;
-     z-index: 1;
-   }
-   .element:before {
-     position: absolute;
-     z-index: 2;
-     top: 0;
-     left: -1.15em;
-     height: 2em;
-     width: 0.9em;
-     background: #EEEEFF;
-     content: ' ';
-     border-style: none none solid solid;
-     border-color: #9999FF;
-     border-width: 0.25em;
-   }
-
-   .example { display: block; color: #222222; background: #FCFCFC; border-left: double; margin-left: 2em; padding-left: 1em; }
-   td > .example:only-child { margin: 0 0 0 0.1em; }
-
-   .tall-and-narrow {
-     font-size: 0.6em;
-     column-width: 25em;
-     column-gap: 1em;
-     -moz-column-width: 25em;
-     -moz-column-gap: 1em;
-     -webkit-column-width: 25em;
-     -webkit-column-gap: 1em;
-   }
-
-   ul.domTree, ul.domTree ul { padding: 0 0 0 1em; margin: 0; }
-   ul.domTree li { padding: 0; margin: 0; list-style: none; position: relative; }
-   ul.domTree li li { list-style: none; }
-   ul.domTree li:first-child::before { position: absolute; top: 0; height: 0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
-   ul.domTree li:not(:last-child)::after { position: absolute; top: 0; bottom: -0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
-   ul.domTree span { font-style: italic; font-family: serif; }
-   ul.domTree .t1 code { color: purple; font-weight: bold; }
-   ul.domTree .t2 { font-style: normal; font-family: monospace; }
-   ul.domTree .t2 .name { color: black; font-weight: bold; }
-   ul.domTree .t2 .value { color: blue; font-weight: normal; }
-   ul.domTree .t3 code, .domTree .t4 code, .domTree .t5 code { color: gray; }
-   ul.domTree .t7 code, .domTree .t8 code { color: green; }
-   ul.domTree .t10 code { color: teal; }
-
-   #configUI { position: absolute; z-index: 20; top: 10em; right: 1em; width: 11em; font-size: small; }
-   #configUI p { margin: 0.5em 0; padding: 0.3em; background: #EEEEEE; color: black; border: inset thin; }
-   #configUI p label { display: block; }
-   #configUI #updateUI, #configUI .loginUI { text-align: center; }
-   #configUI input[type=button] { display: block; margin: auto; }
-  </style><style type="text/css">
-
-   .applies thead th > * { display: block; }
-   .applies thead code { display: block; }
-   .applies tbody th { whitespace: nowrap; }
-   .applies td { text-align: center; }
-   .applies .yes { background: yellow; }
-
-   .matrix, .matrix td { border: none; text-align: right; }
-   .matrix { margin-left: 2em; }
-
-   .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
-   .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
-   .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
-
-   #table-example-1 { border: solid thin; border-collapse: collapse; margin-left: 3em; }
-   #table-example-1 * { font-family: "Essays1743", serif; line-height: 1.01em; }
-   #table-example-1 caption { padding-bottom: 0.5em; }
-   #table-example-1 thead, #table-example-1 tbody { border: none; }
-   #table-example-1 th, #table-example-1 td { border: solid thin; }
-   #table-example-1 th { font-weight: normal; }
-   #table-example-1 td { border-style: none solid; vertical-align: top; }
-   #table-example-1 th { padding: 0.5em; vertical-align: middle; text-align: center; }
-   #table-example-1 tbody tr:first-child td { padding-top: 0.5em; }
-   #table-example-1 tbody tr:last-child td { padding-bottom: 1.5em; }
-   #table-example-1 tbody td:first-child { padding-left: 2.5em; padding-right: 0; width: 9em; }
-   #table-example-1 tbody td:first-child::after { content: leader(". "); }
-   #table-example-1 tbody td { padding-left: 2em; padding-right: 2em; }
-   #table-example-1 tbody td:first-child + td { width: 10em; }
-   #table-example-1 tbody td:first-child + td ~ td { width: 2.5em; }
-   #table-example-1 tbody td:first-child + td + td + td ~ td { width: 1.25em; }
-
-   .apple-table-examples { border: none; border-collapse: separate; border-spacing: 1.5em 0em; width: 40em; margin-left: 3em; }
-   .apple-table-examples * { font-family: "Times", serif; }
-   .apple-table-examples td, .apple-table-examples th { border: none; white-space: nowrap; padding-top: 0; padding-bottom: 0; }
-   .apple-table-examples tbody th:first-child { border-left: none; width: 100%; }
-   .apple-table-examples thead th:first-child ~ th { font-size: smaller; font-weight: bolder; border-bottom: solid 2px; text-align: center; }
-   .apple-table-examples tbody th::after, .apple-table-examples tfoot th::after { content: leader(". ") }
-   .apple-table-examples tbody th, .apple-table-examples tfoot th { font: inherit; text-align: left; }
-   .apple-table-examples td { text-align: right; vertical-align: top; }
-   .apple-table-examples.e1 tbody tr:last-child td { border-bottom: solid 1px; }
-   .apple-table-examples.e1 tbody + tbody tr:last-child td { border-bottom: double 3px; }
-   .apple-table-examples.e2 th[scope=row] { padding-left: 1em; }
-   .apple-table-examples sup { line-height: 0; }
-
-  </style><link href="data:text/css," rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" rel="alternate stylesheet" title="Highlight implementation requirements"><link href="data:text/css," id="complete" rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" id="author" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" id="highlight" rel="alternate stylesheet" title="Highlight implementation requirements"><script>
-   function getCookie(name) {
-     var params = location.search.substr(1).split("&");
-     for (var index = 0; index < params.length; index++) {
-       if (params[index] == name)
-         return "1";
-       var data = params[index].split("=");
-       if (data[0] == name)
-         return unescape(data[1]);
-     }
-     var cookies = document.cookie.split("; ");
-     for (var index = 0; index < cookies.length; index++) {
-       var data = cookies[index].split("=");
-       if (data[0] == name)
-         return unescape(data[1]);
-     }
-     return null;
-   }
-   function load(script) {
-     var e = document.createElement('script');
-     e.setAttribute('src', 'http://www.whatwg.org/specs/web-apps/current-work/' + script + '?' + encodeURIComponent(location) + '&' + encodeURIComponent(document.referrer));
-     document.body.appendChild(e);
-   }
-   function init() {
-     if (location.search == '?slow-browser')
-       return;
-     var configUI = document.createElement('div');
-     configUI.id = 'configUI';
-     document.body.appendChild(configUI);
-     // load('reviewer.js'); // would need cross-site XHR
-     if (document.getElementById('head'))
-       load('toc.js');
-     
-     // load('updater.js'); // would need cross-site XHR
-     load('dfn.js');
-     // load('status.js'); // would need cross-site XHR
-     if (getCookie('profile') == '1')
-       document.getElementsByTagName('h2')[0].textContent += '; load: ' + (new Date() - loadTimer) + 'ms';
-     fixBrokenLink();
-   }
-  </script><link href="http://www.w3.org/StyleSheets/TR/W3C-ED" rel="stylesheet" type="text/css"><link href="offline.html" title="6.7 Offline Web applications" rel="prev">
-  <link href="Overview.html#contents" title="Table of contents" rel="index">
-  <link href="links.html" title="6.10 Links" rel="next">
-  </head><body onload="fixBrokenLink(); init()"><div class="head" id="head">
-   <p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
-   <h1>HTML5 (Author Edition)</h1>
-   </div><div>
-   <a href="offline.html">&#8592; 6.7 Offline Web applications</a> &#8211;
-   <a href="Overview.html#contents">Table of contents</a> &#8211;
-   <a href="links.html">6.10 Links &#8594;</a>
-  <ol class="toc"><li><ol><li><a href="history.html#history"><span class="secno">6.8 </span>Session history and navigation</a>
-    <ol><li><a href="history.html#the-session-history-of-browsing-contexts"><span class="secno">6.8.1 </span>The session history of browsing contexts</a></li><li><a href="history.html#the-history-interface"><span class="secno">6.8.2 </span>The <code>History</code> interface</a></li><li><a href="history.html#activating-state-object-entries"><span class="secno">6.8.3 </span>Activating state object entries</a></li><li><a href="history.html#the-location-interface"><span class="secno">6.8.4 </span>The <code>Location</code> interface</a></li></ol></li><li><a href="history.html#browsing-the-web"><span class="secno">6.9 </span>Browsing the Web</a>
-    <ol><li><a href="history.html#unloading-documents"><span class="secno">6.9.1 </span>Unloading documents</a></li><li><a href="history.html#aborting-a-document-load"><span class="secno">6.9.2 </span>Aborting a document load</a></li></ol></li></ol></li></ol></div>
-
-  <h3 id="history"><span class="secno">6.8 </span>Session history and navigation</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><h4 id="the-session-history-of-browsing-contexts"><span class="secno">6.8.1 </span>The session history of browsing contexts</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The sequence of <code>Document</code>s in a <a href="browsers.html#browsing-context">browsing
-  context</a> is its <dfn id="session-history">session history</dfn>.</p><p><code><a href="#history-0">History</a></code> objects provide a representation of the
-  pages in the session history of <a href="browsers.html#browsing-context" title="browsing
-  context">browsing contexts</a>. Each <a href="browsers.html#browsing-context">browsing
-  context</a>, including <a href="browsers.html#nested-browsing-context">nested browsing context</a>, has
-  a distinct session history.</p><p>Each <code>Document</code> object in a <a href="browsers.html#browsing-context">browsing
-  context</a>'s <a href="#session-history">session history</a> is associated with a
-  unique instance of the <code><a href="#history-0">History</a></code> object, although they
-  all must model the same underlying <a href="#session-history">session history</a>.</p><p><code><a href="#history-0">History</a></code> objects represent their <a href="browsers.html#browsing-context">browsing
-  context</a>'s session history as a flat list of <a href="#session-history-entry" title="session history entry">session history entries</a>. Each
-  <dfn id="session-history-entry">session history entry</dfn> consists of either a
-  <a href="urls.html#url">URL</a> or a <a href="#state-object">state object</a>, or both.</p><p class="note">Titles associated with <a href="#session-history-entry" title="session history
-  entry">session history entries</a> need not have any relation
-  with the current <code><a href="semantics.html#the-title-element-0">title</a></code> of the
-  <code>Document</code>. The title of a <a href="#session-history-entry">session history
-  entry</a> is intended to explain the state of the document at
-  that point, so that the user can navigate the document's
-  history.</p><p>URLs without associated <a href="#state-object" title="state object">state
-  objects</a> are added to the session history as the user (or
-  script) navigates from page to page.</p><p>A <dfn id="state-object">state object</dfn> is an object representing a user
-  interface state.</p><p>Pages can <a href="#dom-history-pushstate" title="dom-history-pushState">add</a> <a href="#state-object" title="state object">state objects</a> between their entry in the
-  session history and the next ("forward") entry. These are then <a href="#event-popstate" title="event-popstate">returned to the script</a> when the user
-  (or script) goes back in the history, thus enabling authors to use
-  the "navigation" metaphor even in one-page applications.</p><p>At any point, one of the entries in the session history is the
-  <dfn id="current-entry">current entry</dfn>. This is the entry representing the
-  <a href="browsers.html#active-document">active document</a> of the <a href="browsers.html#browsing-context">browsing
-  context</a>. The <a href="#current-entry">current entry</a> is usually an entry
-  for the <a href="#dom-location-href" title="dom-location-href">location</a> of the
-  <code>Document</code>. However, it can also be one of the entries
-  for <a href="#state-object" title="state object">state objects</a> added to the
-  history by that document.</p><p>Entries that consist of <a href="#state-object" title="state object">state
-  objects</a> share the same <code>Document</code> as the entry for
-  the page that was active when they were added.</p><p>Contiguous entries that differ just by fragment identifier also
-  share the same <code>Document</code>.</p><p class="note">All entries that share the same
-  <code>Document</code> (and that are therefore merely different
-  states of one particular document) are contiguous by definition.</p><h4 id="the-history-interface"><span class="secno">6.8.2 </span>The <code><a href="#history-0">History</a></code> interface</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><pre class="idl">interface <dfn id="history-0">History</dfn> {
-  readonly attribute long <a href="#dom-history-length" title="dom-history-length">length</a>;
-  void <a href="#dom-history-go" title="dom-history-go">go</a>(in optional long delta);
-  void <a href="#dom-history-back" title="dom-history-back">back</a>();
-  void <a href="#dom-history-forward" title="dom-history-forward">forward</a>();
-  void <a href="#dom-history-pushstate" title="dom-history-pushState">pushState</a>(in any data, in DOMString title, in optional DOMString url);
-  void <a href="#dom-history-replacestate" title="dom-history-replaceState">replaceState</a>(in any data, in DOMString title, in optional DOMString url);
-};</pre><dl class="domintro"><dt><var title="">window</var> . <code title="dom-history"><a href="#dom-history">history</a></code> . <code title="dom-history-length"><a href="#dom-history-length">length</a></code></dt>
-
-   <dd>
-
-    <p>Returns the number of entries in the <a href="#joint-session-history">joint session history</a>.</p>
-
-   </dd>
-
-   <dt><var title="">window</var> . <code title="dom-history"><a href="#dom-history">history</a></code> . <code title="dom-history-go"><a href="#dom-history-go">go</a></code>( [ <var title="">delta</var> ] )</dt>
-
-   <dd>
-
-    <p>Goes back or forward the specified number of steps in the <a href="#joint-session-history">joint session history</a>.</p>
-
-    <p>A zero delta will reload the current page.</p>
-
-    <p>If the delta is out of range, does nothing.</p>
-
-   </dd>
-
-   <dt><var title="">window</var> . <code title="dom-history"><a href="#dom-history">history</a></code> . <code title="dom-history-back"><a href="#dom-history-back">back</a></code>()</dt>
-
-   <dd>
-
-    <p>Goes back one step in the <a href="#joint-session-history">joint session history</a>.</p>
-
-    <p>If there is no previous page, does nothing.</p>
-
-   </dd>
-
-   <dt><var title="">window</var> . <code title="dom-history"><a href="#dom-history">history</a></code> . <code title="dom-history-forward"><a href="#dom-history-forward">forward</a></code>()</dt>
-
-   <dd>
-
-    <p>Goes forward one step in the <a href="#joint-session-history">joint session history</a>.</p>
-
-    <p>If there is no next page, does nothing.</p>
-
-   </dd>
-
-   <dt><var title="">window</var> . <code title="dom-history"><a href="#dom-history">history</a></code> . <code title="dom-history-pushState"><a href="#dom-history-pushstate">pushState</a></code>(<var title="">data</var>, <var title="">title</var> [, <var title="">url</var> ] )</dt>
-
-   <dd>
-
-    <p>Pushes the given data onto the session history, with the given title, and, if provided, the given URL.</p>
-
-   </dd>
-
-   <dt><var title="">window</var> . <code title="dom-history"><a href="#dom-history">history</a></code> . <code title="dom-history-replaceState"><a href="#dom-history-replacestate">replaceState</a></code>(<var title="">data</var>, <var title="">title</var> [, <var title="">url</var> ] )</dt>
-
-   <dd>
-
-    <p>Updates the current entry in the session histor to have the given data, title, and, if provided, URL.</p>
-
-   </dd>
-
-  </dl><p>The <dfn id="joint-session-history">joint session history</dfn> of a <code><a href="#history-0">History</a></code>
-  object is the union of all the <a href="#session-history" title="session history">session
-  histories</a> of all <a href="browsers.html#browsing-context" title="browsing context">browsing
-  contexts</a> of all the <a href="browsers.html#fully-active">fully active</a>
-  <code>Document</code> objects that share the <code><a href="#history-0">History</a></code>
-  object's <a href="browsers.html#top-level-browsing-context">top-level browsing context</a>, with all the
-  entries that are <a href="#current-entry" title="current entry">current entries</a>
-  in their respective <a href="#session-history" title="session history">session
-  histories</a> removed except for the <a href="#current-entry-of-the-joint-session-history">current entry of the
-  joint session history</a>.</p><p>The <dfn id="current-entry-of-the-joint-session-history">current entry of the joint session history</dfn> is the
-  entry that was the most recently became a <a href="#current-entry">current entry</a>
-  in its <a href="#session-history">session history</a>.</p><p>Entries in the <a href="#joint-session-history">joint session history</a> are ordered
-  chronologically by the time they were added to their respective
-  <a href="#session-history" title="session history">session histories</a>. (Since all
-  these <a href="browsers.html#browsing-context" title="browsing context">browsing contexts</a> by
-  definition share an <a href="#event-loop">event loop</a>, there is always a
-  well-defined sequential order in which their <a href="#session-history" title="session
-  history">session histories</a> had their entries added.) Each
-  entry has an index; the earliest entry has index 0, and the
-  subsequent entries are numbered with consecutively increasing
-  integers (1, 2, 3, etc).</p><div class="example">
-
-   <p>Consider a game where the user can navigate along a line, such
-   that the user is always at some coordinate, and such that the user
-   can bookmark the page corresponding to a particular coordinate, to
-   return to it later.</p>
-
-   <p>A static page implementing the x=5 position in such a game could
-   look like the following:</p>
-
-   <pre>&lt;!DOCTYPE HTML&gt;
-&lt;!-- this is http://example.com/line?x=5 --&gt;
-&lt;title&gt;Line Game - 5&lt;/title&gt;
-&lt;p&gt;You are at coordinate 5 on the line.&lt;/p&gt;
-&lt;p&gt;
- &lt;a href="?x=6"&gt;Advance to 6&lt;/a&gt; or
- &lt;a href="?x=4"&gt;retreat to 4&lt;/a&gt;?
-&lt;/p&gt;</pre>
-
-   <p>The problem with such a system is that each time the user
-   clicks, the whole page has to be reloaded. Here instead is another
-   way of doing it, using script:</p>
-
-   <pre>&lt;!DOCTYPE HTML&gt;
-&lt;!-- this starts off as http://example.com/line?x=5 --&gt;
-&lt;title&gt;Line Game - 5&lt;/title&gt;
-&lt;p&gt;You are at coordinate &lt;span id="coord"&gt;5&lt;/span&gt; on the line.&lt;/p&gt;
-&lt;p&gt;
- &lt;a href="?x=6" onclick="go(1)"&gt;Advance to 6&lt;/a&gt; or
- &lt;a href="?x=4" onclick="go(-1)"&gt;retreat to 4&lt;/a&gt;?
-&lt;/p&gt;
-&lt;script&gt;
- var currentPage = 5; // prefilled by server
- function go(d) {
-   history.pushState(currentPage, 'Line Game - ' + currentPage, '?x=' + currentPage);
-   setupPage(currentPage + d);
- }
- onpopstate = function(event) {
-   setupPage(event.state);
- }
- function setupPage(page) {
-   currentPage = page;
-   document.title = 'Line Game - ' + currentPage;
-   document.getElementById('coord').textContent = currentPage;
-   document.links[0].href = '?x=' + (currentPage+1);
-   document.links[0].textContent = 'Advance to ' + (currentPage+1);
-   document.links[1].href = '?x=' + (currentPage-1);
-   document.links[1].textContent = 'retreat to ' + (currentPage-1);
- }
-&lt;/script&gt;</pre>
-
-   <p>In systems without script, this still works like the previous
-   example. However, users that <em>do</em> have script support can
-   now navigate much faster, since there is no network access for the
-   same experience. Furthermore, contrary to the experience the user
-   would have with just a na&#239;ve script-based approach,
-   bookmarking and navigating the session history still work.</p>
-
-   <p>In the example above, the <var title="">data</var> argument to
-   the <code title="dom-history-pushState"><a href="#dom-history-pushstate">pushState()</a></code> method
-   is the same information as would be sent to the server, but in a
-   more convenient form, so that the script doesn't have to parse the
-   URL each time the user navigates.</p>
-
-  </div><div class="example">
-
-   <p>Applications might not use the same title for a <a href="#session-history-entry">session
-   history entry</a> as the value of the document's
-   <code><a href="semantics.html#the-title-element-0">title</a></code> element at that time. For example, here is a
-   simple page that shows a block in the <code><a href="semantics.html#the-title-element-0">title</a></code> element.
-   Clearly, when navigating backwards to a previous state the user
-   does not go back in time, and therefore it would be inappropriate
-   to put the time in the session history title.</p>
-
-   <pre>&lt;!DOCTYPE HTML&gt; 
-&lt;TITLE&gt;Line&lt;/TITLE&gt;
-&lt;SCRIPT&gt;
- setInterval(function () { document.title = 'Line - ' + new Date(); }, 1000);
- var i = 1;
- function inc() {
-   set(i+1);
-   history.pushState(i, 'Line - ' + i);
- }
- function set(newI) {
-   i = newI;
-   document.forms.F.I.value = newI;
- }
-&lt;/SCRIPT&gt;
-&lt;BODY ONPOPSTATE="recover(event.state)"&gt;
-&lt;FORM NAME=F&gt;
-State: &lt;OUTPUT NAME=I&gt;1&lt;/OUTPUT&gt; &lt;INPUT VALUE="Increment" TYPE=BUTTON ONCLICK="inc()"&gt;
-&lt;/FORM&gt;</pre>
-
-  </div><h4 id="activating-state-object-entries"><span class="secno">6.8.3 </span><dfn title="activate the state object">Activating state object entries</dfn></h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><pre class="idl">interface <dfn id="popstateevent">PopStateEvent</dfn> : Event {
-  readonly attribute any <a href="#dom-popstateevent-state" title="dom-PopStateEvent-state">state</a>;
-  void <a href="#dom-popstateevent-initpopstateevent" title="dom-PopStateEvent-initPopStateEvent">initPopStateEvent</a>(in DOMString typeArg, in boolean canBubbleArg, in boolean cancelableArg, in any stateArg);
-};</pre><dl class="domintro"><dt><var title="">event</var> . <code title="dom-PopStateEvent-state"><a href="#dom-popstateevent-state">state</a></code></dt>
-
-   <dd>
-
-    <p>Returns the information that was provided to <code title="dom-history-pushState"><a href="#dom-history-pushstate">pushState()</a></code> or <code title="dom-history-replaceState"><a href="#dom-history-replacestate">replaceState()</a></code>.</p>
-
-   </dd>
-
-  </dl><h4 id="the-location-interface"><span class="secno">6.8.4 </span>The <code><a href="#location">Location</a></code> interface</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>Each <code>Document</code> object in a <a href="browsers.html#browsing-context">browsing
-  context</a>'s session history is associated with a unique
-  instance of a <code><a href="#location">Location</a></code> object.</p><dl class="domintro"><dt><var title="">document</var> . <code title="dom-document-location"><a href="#dom-document-location">location</a></code> [ = <var title="">value</var> ]</dt>
-   <dt><var title="">window</var> . <code title="dom-location"><a href="#dom-location">location</a></code> [ = <var title="">value</var> ]</dt>
-
-   <dd>
-
-    <p>Returns a <code><a href="#location">Location</a></code> object with the current page's location.</p>
-
-    <p>Can be set, to navigate to another page.</p>
-
-   </dd>
-
-  </dl><p><code><a href="#location">Location</a></code> objects provide a representation of <a href="dom.html#the-document-s-current-address" title="the document's current address">their document's current
-  address</a>, and allow the <a href="#current-entry">current entry</a> of the
-  <a href="browsers.html#browsing-context">browsing context</a>'s session history to be changed, by
-  adding or replacing entries in the <code title="dom-history"><a href="#dom-history">history</a></code> object.</p><pre class="idl">interface <dfn id="location">Location</dfn> {
-  stringifier readonly attribute DOMString <a href="#dom-location-href" title="dom-location-href">href</a>;
-  void <a href="#dom-location-assign" title="dom-location-assign">assign</a>(in DOMString url);
-  void <a href="#dom-location-replace" title="dom-location-replace">replace</a>(in DOMString url);
-  void <a href="#dom-location-reload" title="dom-location-reload">reload</a>();
-
-  // <a href="urls.html#url-decomposition-idl-attributes">URL decomposition IDL attributes</a> <!-- blame brendan for these "innovative" names -->
-           attribute DOMString <a href="#dom-location-protocol" title="dom-location-protocol">protocol</a>;
-           attribute DOMString <a href="#dom-location-host" title="dom-location-host">host</a>;
-           attribute DOMString <a href="#dom-location-hostname" title="dom-location-hostname">hostname</a>;
-           attribute DOMString <a href="#dom-location-port" title="dom-location-port">port</a>;
-           attribute DOMString <a href="#dom-location-pathname" title="dom-location-pathname">pathname</a>;
-           attribute DOMString <a href="#dom-location-search" title="dom-location-search">search</a>;
-           attribute DOMString <a href="#dom-location-hash" title="dom-location-hash">hash</a>;
-
-  // resolving relative URLs
-  DOMString <a href="#dom-location-resolveurl" title="dom-location-resolveURL">resolveURL</a>(in DOMString url);
-};</pre><dl class="domintro"><dt><var title="">location</var> . <code title="dom-location-href"><a href="#dom-location-href">href</a></code> [ = <var title="">value</var> ]</dt>
-
-   <dd>
-
-    <p>Returns the current page's location.</p>
-
-    <p>Can be set, to navigate to another page.</p>
-
-   </dd>
-
-   <dt><var title="">location</var> . <code title="dom-location-assign"><a href="#dom-location-assign">assign</a></code>(<var title="">url</var>)</dt>
-
-   <dd>
-
-    <p>Navigates to the given page.</p>
-
-   </dd>
-
-   <dt><var title="">location</var> . <code title="dom-location-replace"><a href="#dom-location-replace">replace</a></code>(<var title="">url</var>)</dt>
-
-   <dd>
-
-    <p>Removes the current page from the session history and navigates to the given page.</p>
-
-   </dd>
-
-   <dt><var title="">location</var> . <code title="dom-location-reload"><a href="#dom-location-reload">reload</a></code>()</dt>
-
-   <dd>
-
-    <p>Reloads the current page.</p>
-
-   </dd>
-
-   <dt><var title="">url</var> = <var title="">location</var> . <code title="dom-location-resolveURL"><a href="#dom-location-resolveurl">resolveURL</a></code>(<var title="">url</var>)</dt>
-
-   <dd>
-
-    <p>Resolves the given relative URL to an absolute URL.</p>
-
-   </dd>
-
-  </dl><p>The <code><a href="#location">Location</a></code> interface also has the complement of
-  <a href="urls.html#url-decomposition-idl-attributes">URL decomposition IDL attributes</a>, <dfn id="dom-location-protocol" title="dom-location-protocol"><code>protocol</code></dfn>, <dfn id="dom-location-host" title="dom-location-host"><code>host</code></dfn>, <dfn id="dom-location-port" title="dom-location-port"><code>port</code></dfn>, <dfn id="dom-location-hostname" title="dom-location-hostname"><code>hostname</code></dfn>, <dfn id="dom-location-pathname" title="dom-location-pathname"><code>pathname</code></dfn>, <dfn id="dom-location-search" title="dom-location-search"><code>search</code></dfn>, and <dfn id="dom-location-hash" title="dom-location-hash"><code>hash</code></dfn>. </p><h3 id="browsing-the-web"><span class="secno">6.9 </span>Browsing the Web</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><h4 id="unloading-documents"><span class="secno">6.9.1 </span>Unloading documents</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><pre class="idl">interface <dfn id="beforeunloadevent">BeforeUnloadEvent</dfn> : Event {
-           attribute DOMString <a href="#dom-beforeunloadevent-returnvalue" title="dom-BeforeUnloadEvent-returnValue">returnValue</a>;
-};</pre><dl class="domintro"><dt><var title="">event</var> . <code title="dom-BeforeUnloadEvent-returnValue"><a href="#dom-beforeunloadevent-returnvalue">returnValue</a></code> [ = <var title="">value</var> ]</dt>
-
-   <dd>
-
-    <p>Returns the current return value of the event (the message to show the user).</p>
-
-    <p>Can be set, to update the message.</p>
-
-   </dd>
-
-  </dl><p class="note">There are no <code><a href="#beforeunloadevent">BeforeUnloadEvent</a></code>-specific
-  initialization methods.</p><h4 id="aborting-a-document-load"><span class="secno">6.9.2 </span>Aborting a document load</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>If the user cancels any instance of the <a href="#fetch" title="fetch">fetching algorithm</a> in the context of a
-  <code>Document</code> in a <a href="browsers.html#browsing-context">browsing context</a>, then, if
-  that <code>Document</code> is an <a href="browsers.html#active-document">active document</a>, the
-  user agent must <a href="#queue-a-task">queue a task</a> to <a href="#fire-a-simple-event">fire a simple
-  event</a> named <code title="event-abort">abort</code> at that
-  <code>Document</code>'s <code><a href="browsers.html#window">Window</a></code> object.</p><!-- I'd love to make this more precise, anyone have any suggestions
-  on what it should say? --></body></html>
\ No newline at end of file
+   h1, h2, h3, h4, h
\ No newline at end of file

Index: common-input-element-attributes.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/common-input-element-attributes.html,v
retrieving revision 1.14
retrieving revision 1.15
diff -u -d -r1.14 -r1.15
--- common-input-element-attributes.html	6 Jan 2010 15:49:33 -0000	1.14
+++ common-input-element-attributes.html	6 Jan 2010 16:12:46 -0000	1.15
@@ -1,694 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
-<!DOCTYPE html>
-<!-- when publishing, change bits marked ZZZ --><html lang="en-US-x-Hixie" class="split chapter"><head><title>4.10.5.2 Common input element attributes &#8212; HTML5 (Author Edition)</title><script src="link-fixup.js"></script><link href="whatwg.css" rel="stylesheet"><style type="text/css">
-   pre { margin-left: 2em; white-space: pre-wrap; }
-   h2 { margin: 3em 0 1em 0; }
-   h3 { margin: 2.5em 0 1em 0; }
-   h4 { margin: 2.5em 0 0.75em 0; }
-   h5, h6 { margin: 2.5em 0 1em; }
-   h1 + h2, h1 + h2 + h2 { margin: 0.75em 0 0.75em; }
-   h2 + h3, h3 + h4, h4 + h5, h5 + h6 { margin-top: 0.5em; }
-   p { margin: 1em 0; }
-   hr:not(.top) { display: block; background: none; border: none; padding: 0; margin: 2em 0; height: auto; }
-   dl, dd { margin-top: 0; margin-bottom: 0; }
-   dt { margin-top: 0.75em; margin-bottom: 0.25em; clear: left; }
-   dt + dt { margin-top: 0; }
-   dd dt { margin-top: 0.25em; margin-bottom: 0; }
-   dd p { margin-top: 0; }
-   dd dl + p { margin-top: 1em; }
-   dd table + p { margin-top: 1em; }
-   p + * > li, dd li { margin: 1em 0; }
-   dt, dfn { font-weight: bold; font-style: normal; }
-   dt dfn { font-style: italic; }
-   pre, code { font-size: inherit; font-family: monospace; font-variant: normal; }
-   pre strong { color: black; font: inherit; font-weight: bold; background: yellow; }
-   pre em { font-weight: bolder; font-style: normal; }
-   @media screen { code { color: orangered; } code :link, code :visited { color: inherit; } }
-   var sub { vertical-align: bottom; font-size: smaller; position: relative; top: 0.1em; }
-   table { border-collapse: collapse; border-style: hidden hidden none hidden; }
-   table thead { border-bottom: solid; }
-   table tbody th:first-child { border-left: solid; }
-   table tbody th { text-align: left; }
-   table td, table th { border-left: solid; border-right: solid; border-bottom: solid thin; vertical-align: top; padding: 0.2em; }
-   blockquote { margin: 0 0 0 2em; border: 0; padding: 0; font-style: italic; }
-
-   .bad, .bad *:not(.XXX) { color: gray; border-color: gray; background: transparent; }
-   .matrix, .matrix td { border: none; text-align: right; }
-   .matrix { margin-left: 2em; }
-   .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
-   .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
-   .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
-
-   .toc dfn, h1 dfn, h2 dfn, h3 dfn, h4 dfn, h5 dfn, h6 dfn { font: inherit; }
-   img.extra { float: right; }
-   pre.idl { border: solid thin; background: #EEEEEE; color: black; padding: 0.5em 1em; }
-   pre.idl :link, pre.idl :visited { color: inherit; background: transparent; }
-   pre.css { border: solid thin; background: #FFFFEE; color: black; padding: 0.5em 1em; }
-   pre.css:first-line { color: #AAAA50; }
-   dl.domintro { color: green; margin: 2em 0 2em 2em; padding: 0.5em 1em; border: none; background: #EEFFEE; }
-   hr + dl.domintro, div.impl + dl.domintro { margin-top: 2.5em; margin-bottom: 1.5em; }
-   dl.domintro dt, dl.domintro dt * { color: black; text-decoration: none; }
-   dl.domintro dd { margin: 0.5em 0 1em 2em; padding: 0; }
-   dl.domintro dd p { margin: 0.5em 0; }
-   dl.switch { padding-left: 2em; }
-   dl.switch > dt { text-indent: -1.5em; }
-   dl.switch > dt:before { content: '\21AA'; padding: 0 0.5em 0 0; display: inline-block; width: 1em; text-align: right; line-height: 0.5em; }
-   dl.triple { padding: 0 0 0 1em; }
-   dl.triple dt, dl.triple dd { margin: 0; display: inline }
-   dl.triple dt:after { content: ':'; }
-   dl.triple dd:after { content: '\A'; white-space: pre; }
-   .diff-old { text-decoration: line-through; color: silver; background: transparent; }
-   .diff-chg, .diff-new { text-decoration: underline; color: green; background: transparent; }
-   a .diff-new { border-bottom: 1px blue solid; }
-
-   h2 { page-break-before: always; }
-   h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
-   h1 + h2, hr + h2.no-toc { page-break-before: auto; }
-
-   p > span:not([title=""]):not([class="XXX"]):not([class="impl"]), li > span:not([title=""]):not([class="XXX"]):not([class="impl"]) { border-bottom: solid #9999CC; }
-
-   div.head { margin: 0 0 1em; padding: 1em 0 0 0; }
-   div.head p { margin: 0; }
-   div.head h1 { margin: 0; }
-   div.head .logo { float: right; margin: 0 1em; }
-   div.head .logo img { border: none } /* remove border from top image */
-   div.head dl { margin: 1em 0; }
-   div.head p.copyright, div.head p.alt { font-size: x-small; font-style: oblique; margin: 0; }
-
-   body > .toc > li { margin-top: 1em; margin-bottom: 1em; }
-   body > .toc.brief > li { margin-top: 0.35em; margin-bottom: 0.35em; }
-   body > .toc > li > * { margin-bottom: 0.5em; }
-   body > .toc > li > * > li > * { margin-bottom: 0.25em; }
-   .toc, .toc li { list-style: none; }
-
-   .brief { margin-top: 1em; margin-bottom: 1em; line-height: 1.1; }
-   .brief li { margin: 0; padding: 0; }
-   .brief li p { margin: 0; padding: 0; }
-
-   .category-list { margin-top: -0.75em; margin-bottom: 1em; line-height: 1.5; }
-   .category-list::before { content: '\21D2\A0'; font-size: 1.2em; font-weight: 900; }
-   .category-list li { display: inline; }
-   .category-list li:not(:last-child)::after { content: ', '; }
-   .category-list li > span, .category-list li > a { text-transform: lowercase; }
-   .category-list li * { text-transform: none; } /* don't affect <code> nested in <a> */
-
-   .XXX { color: #E50000; background: white; border: solid red; padding: 0.5em; margin: 1em 0; }
-   .XXX > :first-child { margin-top: 0; }
-   p .XXX { line-height: 3em; }
-   .annotation { border: solid thin black; background: #0C479D; color: white; position: relative; margin: 8px 0 20px 0; }
-   .annotation:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 6px -6px -6px 6px; background: #333333; z-index: -1; content: ''; }
-   .annotation :link, .annotation :visited { color: inherit; }
-   .annotation :link:hover, .annotation :visited:hover { background: transparent; }
-   .annotation span { border: none ! important; }
-   .note { color: green; background: transparent; font-family: sans-serif; }
-   .warning { color: red; background: transparent; }
-   .note, .warning { font-weight: bolder; font-style: italic; }
-   p.note, div.note { padding: 0.5em 2em; }
-   span.note { padding: 0 2em; }
-   .note p:first-child, .warning p:first-child { margin-top: 0; }
-   .note p:last-child, .warning p:last-child { margin-bottom: 0; }
-   .warning:before { font-style: normal; }
-   p.note:before { content: 'Note: '; }
-   p.warning:before { content: '\26A0 Warning! '; }
-
-   .bookkeeping:before { display: block; content: 'Bookkeeping details'; font-weight: bolder; font-style: italic; }
-   .bookkeeping { font-size: 0.8em; margin: 2em 0; }
-   .bookkeeping p { margin: 0.5em 2em; display: list-item; list-style: square; }
-
-   h4 { position: relative; z-index: 3; }
-   h4 + .element, h4 + div + .element { margin-top: -2.5em; padding-top: 2em; }
-   .element {
-     background: #EEEEFF;
-     color: black;
-     margin: 0 0 1em 0.15em;
-     padding: 0 1em 0.25em 0.75em;
-     border-left: solid #9999FF 0.25em;
-     position: relative;
-     z-index: 1;
-   }
-   .element:before {
-     position: absolute;
-     z-index: 2;
-     top: 0;
-     left: -1.15em;
-     height: 2em;
-     width: 0.9em;
-     background: #EEEEFF;
-     content: ' ';
-     border-style: none none solid solid;
-     border-color: #9999FF;
-     border-width: 0.25em;
-   }
-
-   .example { display: block; color: #222222; background: #FCFCFC; border-left: double; margin-left: 2em; padding-left: 1em; }
-   td > .example:only-child { margin: 0 0 0 0.1em; }
-
-   .tall-and-narrow {
-     font-size: 0.6em;
-     column-width: 25em;
-     column-gap: 1em;
-     -moz-column-width: 25em;
-     -moz-column-gap: 1em;
-     -webkit-column-width: 25em;
-     -webkit-column-gap: 1em;
-   }
-
-   ul.domTree, ul.domTree ul { padding: 0 0 0 1em; margin: 0; }
-   ul.domTree li { padding: 0; margin: 0; list-style: none; position: relative; }
-   ul.domTree li li { list-style: none; }
-   ul.domTree li:first-child::before { position: absolute; top: 0; height: 0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
-   ul.domTree li:not(:last-child)::after { position: absolute; top: 0; bottom: -0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
-   ul.domTree span { font-style: italic; font-family: serif; }
-   ul.domTree .t1 code { color: purple; font-weight: bold; }
-   ul.domTree .t2 { font-style: normal; font-family: monospace; }
-   ul.domTree .t2 .name { color: black; font-weight: bold; }
-   ul.domTree .t2 .value { color: blue; font-weight: normal; }
-   ul.domTree .t3 code, .domTree .t4 code, .domTree .t5 code { color: gray; }
-   ul.domTree .t7 code, .domTree .t8 code { color: green; }
-   ul.domTree .t10 code { color: teal; }
-
-   #configUI { position: absolute; z-index: 20; top: 10em; right: 1em; width: 11em; font-size: small; }
-   #configUI p { margin: 0.5em 0; padding: 0.3em; background: #EEEEEE; color: black; border: inset thin; }
-   #configUI p label { display: block; }
-   #configUI #updateUI, #configUI .loginUI { text-align: center; }
-   #configUI input[type=button] { display: block; margin: auto; }
-  </style><style type="text/css">
-
-   .applies thead th > * { display: block; }
-   .applies thead code { display: block; }
-   .applies tbody th { whitespace: nowrap; }
-   .applies td { text-align: center; }
-   .applies .yes { background: yellow; }
-
-   .matrix, .matrix td { border: none; text-align: right; }
-   .matrix { margin-left: 2em; }
-
-   .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
-   .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
-   .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
-
-   #table-example-1 { border: solid thin; border-collapse: collapse; margin-left: 3em; }
-   #table-example-1 * { font-family: "Essays1743", serif; line-height: 1.01em; }
-   #table-example-1 caption { padding-bottom: 0.5em; }
-   #table-example-1 thead, #table-example-1 tbody { border: none; }
-   #table-example-1 th, #table-example-1 td { border: solid thin; }
-   #table-example-1 th { font-weight: normal; }
-   #table-example-1 td { border-style: none solid; vertical-align: top; }
-   #table-example-1 th { padding: 0.5em; vertical-align: middle; text-align: center; }
-   #table-example-1 tbody tr:first-child td { padding-top: 0.5em; }
-   #table-example-1 tbody tr:last-child td { padding-bottom: 1.5em; }
-   #table-example-1 tbody td:first-child { padding-left: 2.5em; padding-right: 0; width: 9em; }
-   #table-example-1 tbody td:first-child::after { content: leader(". "); }
-   #table-example-1 tbody td { padding-left: 2em; padding-right: 2em; }
-   #table-example-1 tbody td:first-child + td { width: 10em; }
-   #table-example-1 tbody td:first-child + td ~ td { width: 2.5em; }
-   #table-example-1 tbody td:first-child + td + td + td ~ td { width: 1.25em; }
-
-   .apple-table-examples { border: none; border-collapse: separate; border-spacing: 1.5em 0em; width: 40em; margin-left: 3em; }
-   .apple-table-examples * { font-family: "Times", serif; }
-   .apple-table-examples td, .apple-table-examples th { border: none; white-space: nowrap; padding-top: 0; padding-bottom: 0; }
-   .apple-table-examples tbody th:first-child { border-left: none; width: 100%; }
-   .apple-table-examples thead th:first-child ~ th { font-size: smaller; font-weight: bolder; border-bottom: solid 2px; text-align: center; }
-   .apple-table-examples tbody th::after, .apple-table-examples tfoot th::after { content: leader(". ") }
-   .apple-table-examples tbody th, .apple-table-examples tfoot th { font: inherit; text-align: left; }
-   .apple-table-examples td { text-align: right; vertical-align: top; }
-   .apple-table-examples.e1 tbody tr:last-child td { border-bottom: solid 1px; }
-   .apple-table-examples.e1 tbody + tbody tr:last-child td { border-bottom: double 3px; }
-   .apple-table-examples.e2 th[scope=row] { padding-left: 1em; }
-   .apple-table-examples sup { line-height: 0; }
-
-  </style><link href="data:text/css," rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" rel="alternate stylesheet" title="Highlight implementation requirements"><link href="data:text/css," id="complete" rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" id="author" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" id="highlight" rel="alternate stylesheet" title="Highlight implementation requirements"><script>
-   function getCookie(name) {
-     var params = location.search.substr(1).split("&");
-     for (var index = 0; index < params.length; index++) {
-       if (params[index] == name)
-         return "1";
-       var data = params[index].split("=");
-       if (data[0] == name)
-         return unescape(data[1]);
-     }
-     var cookies = document.cookie.split("; ");
-     for (var index = 0; index < cookies.length; index++) {
-       var data = cookies[index].split("=");
-       if (data[0] == name)
-         return unescape(data[1]);
-     }
-     return null;
-   }
-   function load(script) {
-     var e = document.createElement('script');
-     e.setAttribute('src', 'http://www.whatwg.org/specs/web-apps/current-work/' + script + '?' + encodeURIComponent(location) + '&' + encodeURIComponent(document.referrer));
-     document.body.appendChild(e);
-   }
-   function init() {
-     if (location.search == '?slow-browser')
-       return;
-     var configUI = document.createElement('div');
-     configUI.id = 'configUI';
-     document.body.appendChild(configUI);
-     // load('reviewer.js'); // would need cross-site XHR
-     if (document.getElementById('head'))
-       load('toc.js');
-     
-     // load('updater.js'); // would need cross-site XHR
-     load('dfn.js');
-     // load('status.js'); // would need cross-site XHR
-     if (getCookie('profile') == '1')
-       document.getElementsByTagName('h2')[0].textContent += '; load: ' + (new Date() - loadTimer) + 'ms';
-     fixBrokenLink();
-   }
-  </script><link href="http://www.w3.org/StyleSheets/TR/W3C-ED" rel="stylesheet" type="text/css"><link href="number-state.html" title="4.10.5.1.13 Number state" rel="prev">
-  <link href="Overview.html#contents" title="Table of contents" rel="index">
-  <link href="the-button-element.html" title="4.10.6 The button element" rel="next">
-  </head><body onload="fixBrokenLink(); init()"><div class="head" id="head">
-   <p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
-   <h1>HTML5 (Author Edition)</h1>
-   </div><div>
-   <a href="number-state.html">&#8592; 4.10.5.1.13 Number state</a> &#8211;
-   <a href="Overview.html#contents">Table of contents</a> &#8211;
-   <a href="the-button-element.html">4.10.6 The button element &#8594;</a>
-  <ol class="toc"><li><ol><li><ol><li><ol><li><a href="common-input-element-attributes.html#common-input-element-attributes"><span class="secno">4.10.5.2 </span>Common <code>input</code> element attributes</a>
-        <ol><li><a href="common-input-element-attributes.html#the-autocomplete-attribute"><span class="secno">4.10.5.2.1 </span>The <code title="attr-input-autocomplete">autocomplete</code> attribute</a></li><li><a href="common-input-element-attributes.html#the-list-attribute"><span class="secno">4.10.5.2.2 </span>The <code title="attr-input-list">list</code> attribute</a></li><li><a href="common-input-element-attributes.html#the-readonly-attribute"><span class="secno">4.10.5.2.3 </span>The <code title="attr-input-readonly">readonly</code> attribute</a></li><li><a href="common-input-element-attributes.html#the-size-attribute"><span class="secno">4.10.5.2.4 </span>The <code title="attr-input-size">size</code> attribute</a></li><li><a href="common-input-element-attributes.html#the-required-attribute"><span class="secno">4.10.5.2.5 </span>The <code title="attr-input-required">required</code> attribute</a></li><li><a href="common-input-element-attributes.html#the-multiple-attribute"><span class="secno">4.10.5.2.6 </span>The <code title="attr-input-multiple">multiple</code> attribute</a></li><li><a href="common-input-element-attributes.html#the-maxlength-attribute"><span class="secno">4.10.5.2.7 </span>The <code title="attr-input-maxlength">maxlength</code> attribute</a></li><li><a href="common-input-element-attributes.html#the-pattern-attribute"><span class="secno">4.10.5.2.8 </span>The <code title="attr-input-pattern">pattern</code> attribute</a></li><li><a href="common-input-element-attributes.html#the-min-and-max-attributes"><span class="secno">4.10.5.2.9 </span>The <code title="attr-input-min">min</code> and <code title="attr-input-max">max</code> attributes</a></li><li><a href="common-input-element-attributes.html#the-step-attribute"><span class="secno">4.10.5.2.10 </span>The <code title="attr-input-step">step</code> attribute</a></li><li><a href="common-input-element-attributes.html#the-placeholder-attribute"><span class="secno">4.10.5.2.11 </span>The <code title="attr-input-placeholder">placeholder</code> attribute</a></li></ol></li><li><a href="common-input-element-attributes.html#common-input-element-apis"><span class="secno">4.10.5.3 </span>Common <code>input</code> element APIs</a></li></ol></li></ol></li></ol></li></ol></div>
-
-  <h5 id="common-input-element-attributes"><span class="secno">4.10.5.2 </span>Common <code><a href="the-input-element.html#the-input-element">input</a></code> element attributes</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><h6 id="the-autocomplete-attribute"><span class="secno">4.10.5.2.1 </span>The <code title="attr-input-autocomplete"><a href="#attr-input-autocomplete">autocomplete</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>User agents sometimes have features for helping users fill forms
-  in, for example prefilling the user's address based on earlier user
-  input.</p><p>The <dfn id="attr-input-autocomplete" title="attr-input-autocomplete"><code>autocomplete</code></dfn>
-  attribute is an <a href="common-microsyntaxes.html#enumerated-attribute">enumerated attribute</a>. The attribute has
-  three states. The <code title="attr-input-autocomplete-on">on</code>
-  keyword maps to the <dfn id="attr-input-autocomplete-on-state" title="attr-input-autocomplete-on-state">on</dfn> state, and the
-  <code title="attr-input-autocomplete-off">off</code> keyword maps to
-  the <dfn id="attr-input-autocomplete-off-state" title="attr-input-autocomplete-off-state">off</dfn>
-  state. The attribute may also be omitted. The <i>missing value
-  default</i> is the <dfn id="attr-input-autocomplete-default-state" title="attr-input-autocomplete-default-state">default</dfn>
-  state.</p><p>The <a href="#attr-input-autocomplete-off-state" title="attr-input-autocomplete-off-state">off</a>
-  state indicates either that the control's input data is particularly
-  sensitive (for example the activation code for a nuclear weapon); or
-  that it is a value that will never be reused (for example a
-  one-time-key for a bank login) and the user will therefore have to
-  explicitly enter the data each time, instead of being able to rely
-  on the UA to prefill the value for him; or that the document
-  provides its own autocomplete mechanism and does not want the user
-  agent to provide autocompletion values.</p><p>Conversely, the <a href="#attr-input-autocomplete-on-state" title="attr-input-autocomplete-on-state">on</a> state indicates
-  that the value is not particularly sensitive and the user can expect
-  to be able to rely on his user agent to remember values he has
-  entered for that control.</p><p>The <a href="#attr-input-autocomplete-default-state" title="attr-input-autocomplete-default-state">default</a> state
-  indicates that the user agent is to use the <code title="attr-form-autocomplete"><a href="forms.html#attr-form-autocomplete">autocomplete</a></code> attribute on the
-  element's <a href="association-of-controls-and-forms.html#form-owner">form owner</a> instead. (By default, the <code title="attr-form-autocomplete"><a href="forms.html#attr-form-autocomplete">autocomplete</a></code> attribute of
-  <code><a href="forms.html#the-form-element">form</a></code> elements is in the <a href="forms.html#attr-form-autocomplete-on-state" title="attr-form-autocomplete-on-state">on</a> state.)</p><div class="example">
-
-   <p>Banks frequently do not want UAs to prefill login
-   information:</p>
-
-   <pre>&lt;p&gt;&lt;label&gt;Account: &lt;input type="text" name="ac" autocomplete="off"&gt;&lt;/label&gt;&lt;/p&gt;
-&lt;p&gt;&lt;label&gt;PIN: &lt;input type="password" name="pin" autocomplete="off"&gt;&lt;/label&gt;&lt;/p&gt;</pre>
-
-  </div><h6 id="the-list-attribute"><span class="secno">4.10.5.2.2 </span>The <code title="attr-input-list"><a href="#attr-input-list">list</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-list" title="attr-input-list"><code>list</code></dfn>
-  attribute is used to identify an element that lists predefined
-  options suggested to the user.</p><p>If present, its value must be the ID of a <code><a href="the-button-element.html#the-datalist-element">datalist</a></code>
-  element in the same document.</p><div class="example">
-
-   <p>This URL field offers some suggestions.</p>
-
-   <pre>&lt;label&gt;Homepage: &lt;input name=hp type=url list=hpurls&gt;&lt;/label&gt;
-&lt;datalist id=hpurls&gt;
- &lt;option value="http://www.google.com/" label="Google"&gt;
- &lt;option value="http://www.reddit.com/" label="Reddit"&gt;
-&lt;/datalist&gt;</pre>
-
-   <p>Other URLs from the user's history might show also; this is up
-   to the user agent.</p>
-
-  </div><div class="example">
-
-   <p>This example demonstrates how to design a form that uses the
-   autocompletion list feature while still degrading usefully in
-   legacy user agents.</p>
-
-   <p>If the autocompletion list is merely an aid, and is not
-   important to the content, then simply using a <code><a href="the-button-element.html#the-datalist-element">datalist</a></code>
-   element with children <code><a href="the-button-element.html#the-option-element">option</a></code> elements is enough. To
-   prevent the values from being rendered in legacy user agents, they
-   should be placed inside the <code title="attr-option-value"><a href="the-button-element.html#attr-option-value">value</a></code> attribute instead of
-   inline.</p>
-
-   <pre>&lt;p&gt;
- &lt;label&gt;
-  Enter a breed:
-  &lt;input type="text" name="breed" list="breeds"&gt;
-  &lt;datalist id="breeds"&gt;
-   &lt;option value="Abyssinian"&gt;
-   &lt;option value="Alpaca"&gt;
-   &lt;!-- ... --&gt;
-  &lt;/datalist&gt;
- &lt;/label&gt;
-&lt;/p&gt;</pre>
-
-   <p>However, if the values need to be shown in legacy UAs, then
-   fallback content can be placed inside the <code><a href="the-button-element.html#the-datalist-element">datalist</a></code>
-   element, as follows:</p>
-
-   <pre>&lt;p&gt;
- &lt;label&gt;
-  Enter a breed:
-  &lt;input type="text" name="breed" list="breeds"&gt;
- &lt;/label&gt;
- &lt;datalist id="breeds"&gt;
-  &lt;label&gt;
-   or select one from the list:
-   &lt;select name="breed"&gt;
-    &lt;option value=""&gt; (none selected)
-    &lt;option&gt;Abyssinian
-    &lt;option&gt;Alpaca
-    &lt;!-- ... --&gt;
-   &lt;/select&gt;
-  &lt;/label&gt;
- &lt;/datalist&gt;
-&lt;/p&gt;
-</pre>
-
-   <p>The fallback content will only be shown in UAs that don't
-   support <code><a href="the-button-element.html#the-datalist-element">datalist</a></code>. The options, on the other hand, will
-   be detected by all UAs, even though they are not direct children of
-   the <code><a href="the-button-element.html#the-datalist-element">datalist</a></code> element.</p>
-
-   <p>Note that if an <code><a href="the-button-element.html#the-option-element">option</a></code> element used in a
-   <code><a href="the-button-element.html#the-datalist-element">datalist</a></code> is <code title="attr-option-selected"><a href="the-button-element.html#attr-option-selected">selected</a></code>, it will be selected
-   by default by legacy UAs (because it affects the
-   <code><a href="the-button-element.html#the-select-element">select</a></code>), but it will not have any effect on the
-   <code><a href="the-input-element.html#the-input-element">input</a></code> element in UAs that support
-   <code><a href="the-button-element.html#the-datalist-element">datalist</a></code>.</p>
-
-  </div><h6 id="the-readonly-attribute"><span class="secno">4.10.5.2.3 </span>The <code title="attr-input-readonly"><a href="#attr-input-readonly">readonly</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-readonly" title="attr-input-readonly"><code>readonly</code></dfn>
-  attribute is a <a href="common-microsyntaxes.html#boolean-attribute">boolean attribute</a> that controls whether
-  or not the use can edit the form control. </p><div class="example">
-
-   <p>In the following example, the existing product identifiers
-   cannot be modified, but they are still displayed as part of the
-   form, for consistency with the row representing a new product
-   (where the identifier is not yet filled in).</p>
-
-   <pre>&lt;form action="products.cgi" method=post enctype="multipart/formdata"&gt;
- &lt;table&gt;
-  &lt;tr&gt; &lt;th&gt; Product ID &lt;th&gt; Product name &lt;th&gt; Price &lt;th&gt; Action
-  &lt;tr&gt;
-   &lt;td&gt; &lt;input readonly name="1.pid" value="H412"&gt;
-   &lt;td&gt; &lt;input required name="1.pname" value="Floor lamp Ulke"&gt;
-   &lt;td&gt; $&lt;input required type=number min=0 step=0.01 name="1.pprice" value="49.99"&gt;
-   &lt;td&gt; &lt;button formnovalidate name="action" value="delete:1"&gt;Delete&lt;/button&gt;
-  &lt;tr&gt;
-   &lt;td&gt; &lt;input readonly name="2.pid" value="FG28"&gt;
-   &lt;td&gt; &lt;input required name="2.pname" value="Table lamp Ulke"&gt;
-   &lt;td&gt; $&lt;input required type=number min=0 step=0.01 name="2.pprice" value="24.99"&gt;
-   &lt;td&gt; &lt;button formnovalidate name="action" value="delete:2"&gt;Delete&lt;/button&gt;
-  &lt;tr&gt;
-   &lt;td&gt; &lt;input required name="3.pid" value="" pattern="[A-Z0-9]+"&gt;
-   &lt;td&gt; &lt;input required name="3.pname" value=""&gt;
-   &lt;td&gt; $&lt;input required type=number min=0 step=0.01 name="3.pprice" value=""&gt;
-   &lt;td&gt; &lt;button formnovalidate name="action" value="delete:3"&gt;Delete&lt;/button&gt;
- &lt;/table&gt;
- &lt;p&gt; &lt;button formnovalidate name="action" value="add"&gt;Add&lt;/button&gt; &lt;/p&gt;
- &lt;p&gt; &lt;button name="action" value="update"&gt;Save&lt;/button&gt; &lt;/p&gt;
-&lt;/form&gt;</pre>
-
-  </div><h6 id="the-size-attribute"><span class="secno">4.10.5.2.4 </span>The <code title="attr-input-size"><a href="#attr-input-size">size</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-size" title="attr-input-size"><code>size</code></dfn>
-  attribute gives the number of characters that, in a visual
-  rendering, the user agent is to allow the user to see while editing
-  the element's <a href="#concept-fe-value" title="concept-fe-value">value</a>.</p><p>The <code title="attr-input-size"><a href="#attr-input-size">size</a></code> attribute, if
-  specified, must have a value that is a <a href="common-microsyntaxes.html#valid-non-negative-integer">valid non-negative
-  integer</a> greater than zero.</p><h6 id="the-required-attribute"><span class="secno">4.10.5.2.5 </span>The <code title="attr-input-required"><a href="#attr-input-required">required</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-required" title="attr-input-required"><code>required</code></dfn>
-  attribute is a <a href="common-microsyntaxes.html#boolean-attribute">boolean attribute</a>. When specified, the
-  element is <dfn id="concept-input-required" title="concept-input-required"><i>required</i></dfn>.</p><div class="example">
-
-   <p>The following form has two required fields, one for an e-mail
-   address and one for a password. It also has a third field that is
-   only considerd valid if the user types the same password in the
-   password field and this third field.</p>
-
-   <pre>&lt;h1&gt;Create new account&lt;/h1&gt;
-&lt;form action="/newaccount" method=post&gt;
- &lt;p&gt;
-  &lt;label for="username"&gt;E-mail address:&lt;/label&gt;
-  &lt;input id="username" type=email required name=un&gt;
- &lt;p&gt;
-  &lt;label for="password1"&gt;Password:&lt;/label&gt;
-  &lt;input id="password1" type=password required name=up&gt;
- &lt;p&gt;
-  &lt;label for="password2"&gt;Confirm password:&lt;/label&gt;
-  &lt;input id="password2" type=password onforminput="setCustomValidity(value != password1.value ? 'Passwords do not match.' : '')"&gt;
- &lt;p&gt;
-  &lt;input type=submit value="Create account"&gt;
-&lt;/form&gt;</pre>
-
-  </div><h6 id="the-multiple-attribute"><span class="secno">4.10.5.2.6 </span>The <code title="attr-input-multiple"><a href="#attr-input-multiple">multiple</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-multiple" title="attr-input-multiple"><code>multiple</code></dfn>
-  attribute is a <a href="common-microsyntaxes.html#boolean-attribute">boolean attribute</a> that indicates whether
-  the user is to be allowed to specify more than one value.</p><div class="example">
-
-   <p>The following extract shows how an e-mail client's "Cc" field
-   could accept multiple e-mail addresses.</p>
-
-   <pre>&lt;label&gt;Cc: &lt;input type=email multiple name=cc&gt;&lt;/label&gt;</pre>
-
-   <p>If the user had, amongst many friends in his user contacts
-   database, two friends "Arthur Dent" (with address
-   "http://www.whatwg.org/specs/web-apps/current-work/' + script + '?' + encodeURIComponent(location) + '&' + encodeURIComponent(document.referrer));
-     document.body.appendChild(e);
-   }
-   function init() {
-     if (location.search == '?slow-browser')
-       return;
-     var configUI = document.createElement('div');
-     configUI.id = 'configUI';
-     document.body.appendChild(configUI);
-     // load('reviewer.js'); // would need cross-site XHR
-     if (document.getElementById('head'))
-       load('toc.js');
-     
-     // load('updater.js'); // would need cross-site XHR
-     load('dfn.js');
-     // load('status.js'); // would need cross-site XHR
-     if (getCookie('profile') == '1')
-       document.getElementsByTagName('h2')[0].textContent += '; load: ' + (new Date() - loadTimer) + 'ms';
-     fixBrokenLink();
-   }
-  </script><link href="http://www.w3.org/StyleSheets/TR/W3C-ED" rel="stylesheet" type="text/css"><link href="urls.html" title="2.5 URLs" rel="prev">
-  <link href="Overview.html#contents" title="Table of contents" rel="index">
-  <link href="elements.html" title="3.2 Elements" rel="next">
-  </head><body onload="fixBrokenLink(); init()"><div class="head" id="head">
-   <p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
-   <h1>HTML5 (Author Edition)</h1>
-   </div><div>
-   <a href="urls.html">&#8592; 2.5 URLs</a> &#8211;
-   <a href="Overview.html#contents">Table of contents</a> &#8211;
-   <a href="elements.html">3.2 Elements &#8594;</a>
-  <ol class="toc"><li><a href="dom.html#dom"><span class="secno">3 </span>Semantics, structure, and APIs of HTML documents</a>
-  <ol><li><a href="dom.html#documents"><span class="secno">3.1 </span>Documents</a>
-    <ol><li><a href="dom.html#documents-in-the-dom"><span class="secno">3.1.1 </span>Documents in the DOM</a></li><li><a href="dom.html#security"><span class="secno">3.1.2 </span>Security</a></li><li><a href="dom.html#resource-metadata-management"><span class="secno">3.1.3 </span>Resource metadata management</a></li><li><a href="dom.html#dom-tree-accessors"><span class="secno">3.1.4 </span>DOM tree accessors</a></li><li><a href="dom.html#creating-documents"><span class="secno">3.1.5 </span>Creating documents</a></li></ol></li></ol></li></ol></div>
-
-  <h2 id="dom"><span class="secno">3 </span>Semantics, structure, and APIs of HTML documents</h2><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><h3 id="documents"><span class="secno">3.1 </span>Documents</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>Every XML and HTML document in an HTML UA is represented by a
-  <code>Document</code> object. <a href="references.html#refsDOMCORE">[DOMCORE]</a></p><p><dfn id="the-document-s-address">The document's address</dfn> is an <a href="urls.html#absolute-url">absolute URL</a>
-  that is set when the <code>Document</code> is created. <dfn id="the-document-s-current-address">The
-  document's current address</dfn> is an <a href="urls.html#absolute-url">absolute URL</a>
-  that can change during the lifetime of the <code>Document</code>,
-  for example when the user <a href="#navigate" title="navigate">navigates</a> to
-  a <a href="#scroll-to-fragid" title="navigate-fragid">fragment identifier</a> on the
-  page. </p><p class="note">Interactive user agents typically expose <a href="#the-document-s-current-address">the
-  document's current address</a> in their user interface.</p><p>When a <code>Document</code> is created by a <a href="#concept-script" title="concept-script">script</a> using the <code title="dom-DOMImplementation-createDocument">createDocument()</code>
-  or <code title="dom-DOMHTMLImplementation-createHTMLDocument"><a href="#dom-domhtmlimplementation-createhtmldocument">createHTMLDocument()</a></code>
-  APIs, <a href="#the-document-s-address">the document's address</a> is the same as <a href="#the-document-s-address">the
-  document's address</a> of the <a href="browsers.html#active-document">active document</a> of the
-  <a href="#script-s-browsing-context">script's browsing context</a>.</p><p><code>Document</code> objects are assumed to be <dfn id="xml-documents">XML
-  documents</dfn> unless they are flagged as being <dfn id="html-documents">HTML
-  documents</dfn> when they are created. Whether a document is an
-  <a href="#html-documents" title="HTML documents">HTML document</a> or an <a href="#xml-documents" title="XML documents">XML document</a> affects the behavior of
-  certain APIs and the case-sensitivity of some selectors.</p><h4 id="documents-in-the-dom"><span class="secno">3.1.1 </span>Documents in the DOM</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>All <code>Document</code> objects (in user agents implementing
-  this specification)  also implement
-  the <code><a href="#htmldocument">HTMLDocument</a></code> interface, available using
-  binding-specific methods. (This is the case whether or not the
-  document in question is an <a href="#html-documents" title="HTML documents">HTML
-  document</a> or indeed whether it contains any <a href="infrastructure.html#html-elements">HTML
-  elements</a> at all.) <code>Document</code> objects  also implement the document-level interface
-  of any other namespaces that the UA supports.</p><p class="example">For example, if an HTML implementation also
-  supports SVG, then the <code>Document</code> object implements both
-  <code><a href="#htmldocument">HTMLDocument</a></code> and <code>SVGDocument</code>.</p><p class="note">Because the <code><a href="#htmldocument">HTMLDocument</a></code> interface is
-  now obtained using binding-specific casting methods instead of
-  simply being the primary interface of the document object, it is no
-  longer defined as inheriting from <code>Document</code>.</p><pre class="idl">[OverrideBuiltins]
-interface <dfn id="htmldocument">HTMLDocument</dfn> {
-  // <a href="#resource-metadata-management">resource metadata management</a>
-  [PutForwards=href] readonly attribute <a href="history.html#location">Location</a> <a href="#dom-document-location" title="dom-document-location">location</a>;
-  readonly attribute DOMString <a href="#dom-document-url" title="dom-document-URL">URL</a>;
-           attribute DOMString <a href="#dom-document-domain" title="dom-document-domain">domain</a>;
-  readonly attribute DOMString <a href="#dom-document-referrer" title="dom-document-referrer">referrer</a>;
-           attribute DOMString <a href="#dom-document-cookie" title="dom-document-cookie">cookie</a>;
-  readonly attribute DOMString <a href="#dom-document-lastmodified" title="dom-document-lastModified">lastModified</a>;
-  readonly attribute DOMString <a href="#dom-document-compatmode" title="dom-document-compatMode">compatMode</a>;
-           attribute DOMString <a href="#dom-document-charset" title="dom-document-charset">charset</a>;
-  readonly attribute DOMString <a href="#dom-document-characterset" title="dom-document-characterSet">characterSet</a>;
-  readonly attribute DOMString <a href="#dom-document-defaultcharset" title="dom-document-defaultCharset">defaultCharset</a>;
-  readonly attribute DOMString <a href="#dom-document-readystate" title="dom-document-readyState">readyState</a>;
-
-  // <a href="#dom-tree-accessors">DOM tree accessors</a>
-           attribute DOMString <a href="#document.title" title="dom-document-title">title</a>;
-           attribute DOMString <a href="#dom-document-dir" title="dom-document-dir">dir</a>;
-           attribute <a href="elements.html#htmlelement">HTMLElement</a> <a href="#dom-document-body" title="dom-document-body">body</a>;
-  readonly attribute <a href="semantics.html#htmlheadelement">HTMLHeadElement</a> <a href="#dom-document-head" title="dom-document-head">head</a>;
-  readonly attribute <a href="urls.html#htmlcollection">HTMLCollection</a> <a href="#dom-document-images" title="dom-document-images">images</a>;
-  readonly attribute <a href="urls.html#htmlcollection">HTMLCollection</a> <a href="#dom-document-embeds" title="dom-document-embeds">embeds</a>;
-  readonly attribute <a href="urls.html#htmlcollection">HTMLCollection</a> <a href="#dom-document-plugins" title="dom-document-plugins">plugins</a>;
-  readonly attribute <a href="urls.html#htmlcollection">HTMLCollection</a> <a href="#dom-document-links" title="dom-document-links">links</a>;
-  readonly attribute <a href="urls.html#htmlcollection">HTMLCollection</a> <a href="#dom-document-forms" title="dom-document-forms">forms</a>;
-  readonly attribute <a href="urls.html#htmlcollection">HTMLCollection</a> <a href="#dom-document-scripts" title="dom-document-scripts">scripts</a>;
-  NodeList <a href="#dom-document-getelementsbyname" title="dom-document-getElementsByName">getElementsByName</a>(in DOMString elementName);
-  NodeList <a href="#dom-document-getelementsbyclassname" title="dom-document-getElementsByClassName">getElementsByClassName</a>(in DOMString classNames);
-  NodeList <a href="#dom-document-getitems" title="dom-document-getItems">getItems</a>(in optional DOMString typeNames);
-  <a href="#dom-document-nameditem" title="dom-document-namedItem">getter</a> any (in DOMString name);
-
-  // <a href="apis-in-html-documents.html#dynamic-markup-insertion">dynamic markup insertion</a>
-           attribute DOMString <a href="apis-in-html-documents.html#dom-innerhtml" title="dom-innerHTML">innerHTML</a>;
-  <a href="#htmldocument">HTMLDocument</a> <a href="apis-in-html-documents.html#dom-document-open" title="dom-document-open">open</a>(in optional DOMString type, in optional DOMString replace);
-  <a href="#windowproxy">WindowProxy</a> <a href="apis-in-html-documents.html#dom-document-open" title="dom-document-open">open</a>(in DOMString url, in DOMString name, in DOMString features, in optional boolean replace);
-  void <a href="#dom-document-close" title="dom-document-close">close</a>();
-  void <a href="#dom-document-write" title="dom-document-write">write</a>(in DOMString... text);
-  void <a href="#dom-document-writeln" title="dom-document-writeln">writeln</a>(in DOMString... text);
-
-  // <a href="editing.html#editing">user interaction</a>
-  <a href="editing.html#selection-0">Selection</a> <a href="#dom-document-getselection" title="dom-document-getSelection">getSelection</a>();
-  readonly attribute <span>Element</span> <a href="#dom-document-activeelement" title="dom-document-activeElement">activeElement</a>;
-  boolean <a href="#dom-document-hasfocus" title="dom-document-hasFocus">hasFocus</a>();
-           attribute DOMString <a href="#designMode" title="dom-document-designMode">designMode</a>;
-  boolean <a href="#execCommand" title="dom-document-execCommand">execCommand</a>(in DOMString commandId);
-  boolean <a href="#execCommand" title="dom-document-execCommand">execCommand</a>(in DOMString commandId, in boolean showUI);
-  boolean <a href="#execCommand" title="dom-document-execCommand">execCommand</a>(in DOMString commandId, in boolean showUI, in DOMString value);
-  boolean <a href="#dom-document-querycommandenabled" title="dom-document-queryCommandEnabled">queryCommandEnabled</a>(in DOMString commandId);
-  boolean <a href="#dom-document-querycommandindeterm" title="dom-document-queryCommandIndeterm">queryCommandIndeterm</a>(in DOMString commandId);
-  boolean <a href="#dom-document-querycommandstate" title="dom-document-queryCommandState">queryCommandState</a>(in DOMString commandId);
-  boolean <a href="#dom-document-querycommandsupported" title="dom-document-queryCommandSupported">queryCommandSupported</a>(in DOMString commandId);
-  DOMString <a href="#dom-document-querycommandvalue" title="dom-document-queryCommandValue">queryCommandValue</a>(in DOMString commandId);
-  readonly attribute <a href="urls.html#htmlcollection">HTMLCollection</a> <a href="#dom-document-commands" title="dom-document-commands">commands</a>;
-
-  // <a href="#event-handler-idl-attributes">event handler IDL attributes</a>
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onabort" title="handler-onabort">onabort</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onblur" title="handler-onblur">onblur</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-oncanplay" title="handler-oncanplay">oncanplay</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-oncanplaythrough" title="handler-oncanplaythrough">oncanplaythrough</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onchange" title="handler-onchange">onchange</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onclick" title="handler-onclick">onclick</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-oncontextmenu" title="handler-oncontextmenu">oncontextmenu</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-ondblclick" title="handler-ondblclick">ondblclick</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-ondrag" title="handler-ondrag">ondrag</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-ondragend" title="handler-ondragend">ondragend</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-ondragenter" title="handler-ondragenter">ondragenter</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-ondragleave" title="handler-ondragleave">ondragleave</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-ondragover" title="handler-ondragover">ondragover</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-ondragstart" title="handler-ondragstart">ondragstart</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-ondrop" title="handler-ondrop">ondrop</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-ondurationchange" title="handler-ondurationchange">ondurationchange</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onemptied" title="handler-onemptied">onemptied</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onended" title="handler-onended">onended</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onerror" title="handler-onerror">onerror</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onfocus" title="handler-onfocus">onfocus</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onformchange" title="handler-onformchange">onformchange</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onforminput" title="handler-onforminput">onforminput</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-oninput" title="handler-oninput">oninput</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-oninvalid" title="handler-oninvalid">oninvalid</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onkeydown" title="handler-onkeydown">onkeydown</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onkeypress" title="handler-onkeypress">onkeypress</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onkeyup" title="handler-onkeyup">onkeyup</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onload" title="handler-onload">onload</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onloadeddata" title="handler-onloadeddata">onloadeddata</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onloadedmetadata" title="handler-onloadedmetadata">onloadedmetadata</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onloadstart" title="handler-onloadstart">onloadstart</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onmousedown" title="handler-onmousedown">onmousedown</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onmousemove" title="handler-onmousemove">onmousemove</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onmouseout" title="handler-onmouseout">onmouseout</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onmouseover" title="handler-onmouseover">onmouseover</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onmouseup" title="handler-onmouseup">onmouseup</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onmousewheel" title="handler-onmousewheel">onmousewheel</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onpause" title="handler-onpause">onpause</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onplay" title="handler-onplay">onplay</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onplaying" title="handler-onplaying">onplaying</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onprogress" title="handler-onprogress">onprogress</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onratechange" title="handler-onratechange">onratechange</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onreadystatechange" title="handler-onreadystatechange">onreadystatechange</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onscroll" title="handler-onscroll">onscroll</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onseeked" title="handler-onseeked">onseeked</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onseeking" title="handler-onseeking">onseeking</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onselect" title="handler-onselect">onselect</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onshow" title="handler-onshow">onshow</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onstalled" title="handler-onstalled">onstalled</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onsubmit" title="handler-onsubmit">onsubmit</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onsuspend" title="handler-onsuspend">onsuspend</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-ontimeupdate" title="handler-ontimeupdate">ontimeupdate</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onvolumechange" title="handler-onvolumechange">onvolumechange</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onwaiting" title="handler-onwaiting">onwaiting</a>;
-};
-<span>Document</span> implements <a href="#htmldocument">HTMLDocument</a>;</pre><p>Since the <code><a href="#htmldocument">HTMLDocument</a></code> interface holds methods and
-  attributes related to a number of disparate features, the members of
-  this interface are described in various different sections.</p><h4 id="security"><span class="secno">3.1.2 </span>Security</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>User agents must<code><a href="urls.html#security_err">SECURITY_ERR</a></code> exception whenever any of the members of
-  an <code><a href="#htmldocument">HTMLDocument</a></code> object are accessed by scripts whose
-  <a href="#effective-script-origin">effective script origin</a> is not the <a href="#same-origin" title="same
-  origin">same</a> as the <code>Document</code>'s <a href="#effective-script-origin">effective
-  script origin</a>.</p><h4 id="resource-metadata-management"><span class="secno">3.1.3 </span><dfn>Resource metadata management</dfn></h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="domintro"><dt><var title="">document</var> . <code title="dom-document-URL"><a href="#dom-document-url">URL</a></code></dt>
-   <dd>
-    <p>Returns <a href="#the-document-s-address">the document's address</a>.</p>
-   </dd>
-
-   <dt><var title="">document</var> . <code title="dom-document-referrer"><a href="#dom-document-referrer">referrer</a></code></dt>
-   <dd>
-    <p>Returns <a href="#the-document-s-current-address" title="the document's current address">the
-    address</a> of the <code>Document</code> from which the user
-    navigated to this one, unless it was blocked or there was no such
-    document, in which case it returns the empty string.</p>
-    <p>The <code title="rel-noreferrer"><a href="links.html#link-type-noreferrer">noreferrer</a></code> link
-    type can be used to block the referrer.</p>
-   </dd>
-
-  </dl><dl class="domintro"><dt><var title="">document</var> . <code title="dom-document-cookie"><a href="#dom-document-cookie">cookie</a></code> [ = <var title="">value</var> ]</dt>
-   <dd>
-    <p>Returns the HTTP cookies that apply to the
-    <code>Document</code>. If there are no cookies or cookies can't be
-    applied to this resource, the empty string will be returned.</p>
-    <p>Can be set, to add a new cookie to the element's set of HTTP
-    cookies.</p>
-    <p>If the <code>Document</code> has no <a href="browsers.html#browsing-context">browsing
-    context</a> an <code><a href="urls.html#invalid_state_err">INVALID_STATE_ERR</a></code> exception will be
-    thrown. If the contents are <a href="#sandboxed-origin-browsing-context-flag" title="sandboxed origin browsing
-    context flag">sandboxed into a unique origin</a>, a
-    <code><a href="urls.html#security_err">SECURITY_ERR</a></code> exception will be thrown.</p>
-   </dd>
-
-  </dl><dl class="domintro"><dt><var title="">document</var> . <code title="dom-document-lastmodified"><a href="#dom-document-lastmodified">lastModified</a></code></dt>
-   <dd>
-    <p>Returns the date of the last modification to the document, as
-    reported by the server, in the form "<code title="">MM/DD/YYYY&#160;hh:mm:ss</code>".</p>
-    <p>If the last modification date is not known, the current time is
-    returned instead.</p>
-   </dd>
-
-  </dl><dl class="domintro"><dt><var title="">document</var> . <code title="dom-document-compatmode"><a href="#dom-document-compatmode">compatMode</a></code></dt>
-   <dd>
-    <p>In a conforming document, returns the string "<code title="">CSS1Compat</code>". (In <a href="#quirks-mode">quirks mode</a>
-    documents, returns the string "<code title="">BackCompat</code>",
-    but a conforming document can never trigger <a href="#quirks-mode">quirks
-    mode</a>.)</p>
-   </dd>
-
-  </dl><dl class="domintro"><dt><var title="">document</var> . <code title="dom-document-charset"><a href="#dom-document-charset">charset</a></code> [ = <var title="">value</var> ]</dt>
-   <dd>
-    <p>Returns the <a href="#document-s-character-encoding">document's character encoding</a>.</p>
-    <p>Can be set, to dynamically change the <a href="#document-s-character-encoding">document's
-    character encoding</a>.</p>
-    <p>New values that are not IANA-registered aliases supported by the user agent are ignored.</p>
-   </dd>
-
-   <dt><var title="">document</var> . <code title="dom-document-characterSet"><a href="#dom-document-characterset">characterSet</a></code></dt>
-   <dd>
-    <p>Returns the <a href="#document-s-character-encoding">document's character encoding</a>.</p>
-   </dd>
-
-   <dt><var title="">document</var> . <code title="dom-document-defaultCharset"><a href="#dom-document-defaultcharset">defaultCharset</a></code></dt>
-   <dd>
-    <p>Returns what might be the user agent's default character encoding.</p>
-   </dd>
-
-  </dl><dl class="domintro"><dt><var title="">document</var> . <code title="dom-document-readyState"><a href="#dom-document-readystate">readyState</a></code></dt>
-   <dd>
-    <p>Returns "loading" while the <code>Document</code> is loading, and "complete" once it has loaded.</p>
-    <p>The <code title="event-readystatechange">readystatechange</code> event fires on the <code>Document</code> object when this value changes.</p>
-   </dd>
-
-  </dl><h4 id="dom-tree-accessors"><span class="secno">3.1.4 </span><dfn>DOM tree accessors</dfn></h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><dfn id="the-html-element">The <code>html</code> element</dfn> of a document is the
-  document's root element, if there is one and it's an
-  <code><a href="semantics.html#the-html-element-0">html</a></code> element, or null otherwise.</p><hr><dl class="domintro"><dt><var title="">document</var> . <code title="dom-document-head"><a href="#dom-document-head">head</a></code></dt>
-   <dd>
-    <p>Returns <a href="#the-head-element">the <code>head</code> element</a>.</p>
-   </dd>
-
-  </dl><p><dfn id="the-head-element">The <code>head</code> element</dfn> of a document is the
-  first <code><a href="semantics.html#the-head-element-0">head</a></code> element that is a child of <a href="#the-html-element">the
-  <code>html</code> element</a>, if there is one, or null
-  otherwise.</p><hr><dl class="domintro"><dt><var title="">document</var> . <code title="dom-document-title"><a href="#document.title">title</a></code> [ = <var title="">value</var> ]</dt>
-   <dd>
-    <p>Returns the document's title, as given by <a href="#the-title-element">the
-    <code>title</code> element</a>.</p>
-    <p>Can be set, to update the document's title. If there is no
-    <a href="#the-head-element" title="the head element"><code>head</code> element</a>,
-    the new value is ignored.</p>
-    <p>In SVG documents, the <code>SVGDocument</code> interface's
-    <code title="dom-svg-title">title</code> attribute takes
-    precedence.</p>
-   </dd>
-
-  </dl><p><dfn id="the-title-element">The <code>title</code> element</dfn> of a document is the
-  first <code><a href="semantics.html#the-title-element-0">title</a></code> element in the document (in tree order), if
-  there is one, or null otherwise.</p><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="sections.html#the-body-element-0">body</a></code> or <code><a href="#frameset">frameset</a></code> element, this will throw a <code><a href="urls.html#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
-  <a href="#the-html-element">the <code>html</code> element</a> that is either a
-  <code><a href="sections.html#the-body-element-0">body</a></code> element or a <code><a href="#frameset">frameset</a></code> element. If
-  there is no such element, it is null. </p><hr><dl class="domintro"><dt><var title="">document</var> . <code title="dom-document-images"><a href="#dom-document-images">images</a></code></dt>
-   <dd>
-    <p>Returns an <code><a href="urls.html#htmlcollection">HTMLCollection</a></code> of the <code><a href="embedded-content-1.html#the-img-element">img</a></code> elements in the <code>Document</code>.</p>
-   </dd>
-
-   <dt><var title="">document</var> . <code title="dom-document-embeds"><a href="#dom-document-embeds">embeds</a></code></dt>
-   <dt><var title="">document</var> . <code title="dom-document-plugins"><a href="#dom-document-plugins">plugins</a></code></dt>
-   <dd>
-    <p>Return an <code><a href="urls.html#htmlcollection">HTMLCollection</a></code> of the <code><a href="the-iframe-element.html#the-embed-element">embed</a></code> elements in the <code>Document</code>.</p>
-   </dd>
-
-   <dt><var title="">document</var> . <code title="dom-document-links"><a href="#dom-document-links">links</a></code></dt>
-   <dd>
-    <p>Returns an <code><a href="urls.html#htmlcollection">HTMLCollection</a></code> of the <code><a href="text-level-semantics.html#the-a-element">a</a></code> and <code><a href="the-map-element.html#the-area-element">area</a></code> elements in the <code>Document</code> that have <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> attributes.</p>
-   </dd>
-
-   <dt><var title="">document</var> . <code title="dom-document-forms"><a href="#dom-document-forms">forms</a></code></dt>
-   <dd>
-    <p>Return an <code><a href="urls.html#htmlcollection">HTMLCollection</a></code> of the <code><a href="forms.html#the-form-element">form</a></code> elements in the <code>Document</code>.</p>
-   </dd>
-
-   <dt><var title="">document</var> . <code title="dom-document-scripts"><a href="#dom-document-scripts">scripts</a></code></dt>
-   <dd>
-    <p>Return an <code><a href="urls.html#htmlcollection">HTMLCollection</a></code> of the <code><a href="scripting-1.html#script">script</a></code> elements in the <code>Document</code>.</p>
-   </dd>
-
-  </dl><dl class="domintro"><dt><var title="">collection</var> = <var title="">document</var> . <code title="dom-document-getElementsByName"><a href="#dom-document-getelementsbyname">getElementsByName</a></code>(<var title="">name</var>)</dt>
-   <dd>
-    <p>Returns a <code>NodeList</code> of elements in the
-    <code>Document</code> that have a <code title="">name</code>
-    attribute with the value <var title="">name</var>.</p>
-   </dd>
-
-   <dt><var title="">collection</var> = <var title="">document</var> . <code title="dom-document-getElementsByClassName"><a href="#dom-document-getelementsbyclassname">getElementsByClassName(<var title="">classes</var>)</a></code></dt>
-   <dt><var title="">collection</var> = <var title="">element</var> . <code title="dom-getElementsByClassName"><a href="#dom-getelementsbyclassname">getElementsByClassName(<var title="">classes</var>)</a></code></dt>
-   <dd>
-    <p>Returns a <code>NodeList</code> of the elements in the object
-    on which the method was invoked (a <code>Document</code> or an
-    <code>Element</code>) that have all the classes given by <var title="">classes</var>.</p>
-    <p>The <var title="">classes</var> argument is interpreted as a
-    space-separated list of classes.</p>
-   </dd>
-
-  </dl><p>HTML, SVG, and MathML elements define which classes they are in
-  by having an attribute with no namespace with the name <code title="">class</code> containing a space-separated list of classes
-  to which the element belongs. Other specifications may also allow
-  elements in their namespaces to be labeled as being in specific
-  classes.</p><div class="example">
-
-   <p>Given the following XHTML fragment:</p>
-
-   <pre>&lt;div id="example"&gt;
- &lt;p id="p1" class="aaa bbb"/&gt;
- &lt;p id="p2" class="aaa ccc"/&gt;
- &lt;p id="p3" class="bbb ccc"/&gt;
-&lt;/div&gt;</pre>
-
-   <p>A call to
-   <code>document.getElementById('example').getElementsByClassName('aaa')</code>
-   would return a <code>NodeList</code> with the two paragraphs
-   <code>p1</code> and <code>p2</code> in it.</p>
-
-   <p>A call to <code>getElementsByClassName('ccc&#160;bbb')</code>
-   would only return one node, however, namely <code>p3</code>. A call
-   to
-   <code>document.getElementById('example').getElementsByClassName('bbb&#160;&#160;ccc&#160;')</code>
-   would return the same thing.</p>
-
-   <p>A call to <code>getElementsByClassName('aaa,bbb')</code> would
-   return no nodes; none of the elements above are in the "aaa,bbb"
-   class.</p>
-
-  </div><!-- v2:
->         * xGetParentElementByClassName(rootElement, className, tagName) -
-> Navigates upwards until we hit a parent element with the given class name and
-> optional tag name.
---><hr><p class="note">The <code title="dom-document-dir"><a href="#dom-document-dir">dir</a></code>
-  attribute on the <code><a href="#htmldocument">HTMLDocument</a></code> interface is defined
-  along with the <code title="attr-dir"><a href="elements.html#the-dir-attribute">dir</a></code> content
-  attribute.</p><h4 id="creating-documents"><span class="secno">3.1.5 </span>Creating documents</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><a href="#xml-documents">XML documents</a> can be created from script using the
-  <code title="dom-DOMImplementation-createDocument">createDocument()</code>
-  method on the <code>DOMImplementation</code> interface.</p><p><a href="#html-documents">HTML documents</a> can be created using the <code title="dom-DOMHTMLImplementation-createHTMLDocument"><a href="#dom-domhtmlimplementation-createhtmldocument">createHTMLDocument()</a></code>
-  method:</p><pre class="idl">[Supplemental, NoInterfaceObject]
-interface <dfn id="domhtmlimplementation">DOMHTMLImplementation</dfn> {
-  <span>Document</span> <a href="#dom-domhtmlimplementation-createhtmldocument" title="dom-DOMHTMLImplementation-createHTMLDocument">createHTMLDocument</a>(in DOMString title);
-};
-<span>DOMImplementation</span> implements <a href="#domhtmlimplementation">DOMHTMLImplementation</a>;</pre><p>The <dfn id="dom-domhtmlimplementation-createhtmldocument" title="dom-DOMHTMLImplementation-createHTMLDocument"><code>createHTMLDocument(<var title="">title</var>)</code></dfn> method, when invoked, must run the
-  following steps:</p><ol><li><p>Let <var title="">doc</var> be a newly created
-   <code>Document</code> object.</p></li>
-
-   <li><p>Mark <var title="">doc</var> as being an <a href="#html-documents" title="HTML
-   documents">HTML document</a>.</p></li>
-
-   <li><p>Create a <code>DocumentType</code> node with the <code title="">name</code> attribute set to the string "<code title="">html</code>", and the other attributes specific to
-   <code>DocumentType</code> objects set to the empty string, null,
-   and empty lists, as appropriate. Append the newly created node to
-   <var title="">doc</var>.</p></li>
-
-   <li><p>Create an <code><a href="semantics.html#the-html-element-0">html</a></code> element, and append it to <var title="">doc</var>.</p></li>
-
-   <li><p>Create a <code><a href="semantics.html#the-head-element-0">head</a></code> element, and append it to the
-   <code><a href="semantics.html#the-html-element-0">html</a></code> element created in the previous step.</p>
-
-   </li><li><p>Create a <code><a href="semantics.html#the-title-element-0">title</a></code> element, and append it to the
-   <code><a href="semantics.html#the-head-element-0">head</a></code> element created in the previous step.</p>
-
-   </li><li><p>Create a <code>Text</code> node, and set its <code title="">data</code> attribute to the string given by the method's
-   argument (which could be the empty string). Append it to the
-   <code><a href="semantics.html#the-title-element-0">title</a></code> element created in the previous step.</p>
-
-   </li><li><p>Create a <code><a href="sections.html#the-body-element-0">body</a></code> element, and append it to the
-   <code><a href="semantics.html#the-html-element-0">html</a></code> element created in the earlier step.</p>
-
-   </li><li><p>Return <var title="">doc</var>.</p></li>
-
-  </ol></body></html>
\ No newline at end of file
+   .apple-table-examples.e1 tbody tr:last-child td { border-bottom: s
\ No newline at end of file

Index: embedded-content-1.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/embedded-content-1.html,v
retrieving revision 1.12
retrieving revision 1.13
diff -u -d -r1.12 -r1.13
--- embedded-content-1.html	6 Jan 2010 15:49:34 -0000	1.12
+++ embedded-content-1.html	6 Jan 2010 16:12:47 -0000	1.13
@@ -213,1073 +213,4 @@
    .apple-table-examples tbody th, .apple-table-examples tfoot th { font: inherit; text-align: left; }
    .apple-table-examples td { text-align: right; vertical-align: top; }
    .apple-table-examples.e1 tbody tr:last-child td { border-bottom: solid 1px; }
-   .apple-table-examples.e1 tbody + tbody tr:last-child td { border-bottom: double 3px; }
-   .apple-table-examples.e2 th[scope=row] { padding-left: 1em; }
-   .apple-table-examples sup { line-height: 0; }
-
-  </style><link href="data:text/css," rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" rel="alternate stylesheet" title="Highlight implementation requirements"><link href="data:text/css," id="complete" rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" id="author" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" id="highlight" rel="alternate stylesheet" title="Highlight implementation requirements"><script>
-   function getCookie(name) {
-     var params = location.search.substr(1).split("&");
-     for (var index = 0; index < params.length; index++) {
[...1045 lines suppressed...]
-  does not support images, or should the document be forwarded on to
-  other users whose abilities might not include easily seeing
-  images.</p><h6 id="general-guidelines"><span class="secno">4.8.2.1.12 </span>General guidelines</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The most general rule to consider when writing alternative text
-  is the following: <strong>the intent is that replacing every image
-  with the text of its <code title="attr-img-alt"><a href="#attr-img-alt">alt</a></code> attribute
-  not change the meaning of the page</strong>.</p><p>So, in general, alternative text can be written by considering
-  what one would have written had one not been able to include the
-  image.</p><p>A corollary to this is that the <code title="attr-img-alt"><a href="#attr-img-alt">alt</a></code> attribute's value should never
-  contain text that could be considered the image's <em>caption</em>,
-  <em>title</em>, or <em>legend</em>. It is supposed to contain
-  replacement text that could be used by users <em>instead</em> of the
-  image; it is not meant to supplement the image. The <code title="attr-title"><a href="elements.html#the-title-attribute">title</a></code> attribute can be used for
-  supplemental information.</p><p class="note">One way to think of alternative text is to think
-  about how you would read the page containing the image to someone
-  over the phone, without mentioning that there is an image
-  present. Whatever you say instead of the image is typically a good
-  start for writing the alternative text.</p></body></html>
\ No newline at end of file
+   .apple-table-ex
\ No newline at end of file

Index: comms.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/comms.html,v
retrieving revision 1.560
retrieving revision 1.561
diff -u -d -r1.560 -r1.561
--- comms.html	6 Jan 2010 15:49:33 -0000	1.560
+++ comms.html	6 Jan 2010 16:12:46 -0000	1.561
@@ -1,499 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
-<!DOCTYPE html>
-<!-- when publishing, change bits marked ZZZ --><html lang="en-US-x-Hixie" class="split chapter"><head><title>8 Communication &#8212; HTML5 (Author Edition)</title><script src="link-fixup.js"></script><link href="whatwg.css" rel="stylesheet"><style type="text/css">
-   pre { margin-left: 2em; white-space: pre-wrap; }
-   h2 { margin: 3em 0 1em 0; }
-   h3 { margin: 2.5em 0 1em 0; }
-   h4 { margin: 2.5em 0 0.75em 0; }
-   h5, h6 { margin: 2.5em 0 1em; }
-   h1 + h2, h1 + h2 + h2 { margin: 0.75em 0 0.75em; }
-   h2 + h3, h3 + h4, h4 + h5, h5 + h6 { margin-top: 0.5em; }
-   p { margin: 1em 0; }
-   hr:not(.top) { display: block; background: none; border: none; padding: 0; margin: 2em 0; height: auto; }
-   dl, dd { margin-top: 0; margin-bottom: 0; }
-   dt { margin-top: 0.75em; margin-bottom: 0.25em; clear: left; }
-   dt + dt { margin-top: 0; }
-   dd dt { margin-top: 0.25em; margin-bottom: 0; }
-   dd p { margin-top: 0; }
-   dd dl + p { margin-top: 1em; }
-   dd table + p { margin-top: 1em; }
-   p + * > li, dd li { margin: 1em 0; }
-   dt, dfn { font-weight: bold; font-style: normal; }
-   dt dfn { font-style: italic; }
-   pre, code { font-size: inherit; font-family: monospace; font-variant: normal; }
-   pre strong { color: black; font: inherit; font-weight: bold; background: yellow; }
-   pre em { font-weight: bolder; font-style: normal; }
-   @media screen { code { color: orangered; } code :link, code :visited { color: inherit; } }
-   var sub { vertical-align: bottom; font-size: smaller; position: relative; top: 0.1em; }
-   table { border-collapse: collapse; border-style: hidden hidden none hidden; }
-   table thead { border-bottom: solid; }
-   table tbody th:first-child { border-left: solid; }
-   table tbody th { text-align: left; }
-   table td, table th { border-left: solid; border-right: solid; border-bottom: solid thin; vertical-align: top; padding: 0.2em; }
-   blockquote { margin: 0 0 0 2em; border: 0; padding: 0; font-style: italic; }
-
-   .bad, .bad *:not(.XXX) { color: gray; border-color: gray; background: transparent; }
-   .matrix, .matrix td { border: none; text-align: right; }
-   .matrix { margin-left: 2em; }
-   .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
-   .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
-   .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
-
-   .toc dfn, h1 dfn, h2 dfn, h3 dfn, h4 dfn, h5 dfn, h6 dfn { font: inherit; }
-   img.extra { float: right; }
-   pre.idl { border: solid thin; background: #EEEEEE; color: black; padding: 0.5em 1em; }
-   pre.idl :link, pre.idl :visited { color: inherit; background: transparent; }
-   pre.css { border: solid thin; background: #FFFFEE; color: black; padding: 0.5em 1em; }
-   pre.css:first-line { color: #AAAA50; }
-   dl.domintro { color: green; margin: 2em 0 2em 2em; padding: 0.5em 1em; border: none; background: #EEFFEE; }
-   hr + dl.domintro, div.impl + dl.domintro { margin-top: 2.5em; margin-bottom: 1.5em; }
-   dl.domintro dt, dl.domintro dt * { color: black; text-decoration: none; }
-   dl.domintro dd { margin: 0.5em 0 1em 2em; padding: 0; }
-   dl.domintro dd p { margin: 0.5em 0; }
-   dl.switch { padding-left: 2em; }
-   dl.switch > dt { text-indent: -1.5em; }
-   dl.switch > dt:before { content: '\21AA'; padding: 0 0.5em 0 0; display: inline-block; width: 1em; text-align: right; line-height: 0.5em; }
-   dl.triple { padding: 0 0 0 1em; }
-   dl.triple dt, dl.triple dd { margin: 0; display: inline }
-   dl.triple dt:after { content: ':'; }
-   dl.triple dd:after { content: '\A'; white-space: pre; }
-   .diff-old { text-decoration: line-through; color: silver; background: transparent; }
-   .diff-chg, .diff-new { text-decoration: underline; color: green; background: transparent; }
-   a .diff-new { border-bottom: 1px blue solid; }
-
-   h2 { page-break-before: always; }
-   h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
-   h1 + h2, hr + h2.no-toc { page-break-before: auto; }
-
-   p > span:not([title=""]):not([class="XXX"]):not([class="impl"]), li > span:not([title=""]):not([class="XXX"]):not([class="impl"]) { border-bottom: solid #9999CC; }
-
-   div.head { margin: 0 0 1em; padding: 1em 0 0 0; }
-   div.head p { margin: 0; }
-   div.head h1 { margin: 0; }
-   div.head .logo { float: right; margin: 0 1em; }
-   div.head .logo img { border: none } /* remove border from top image */
-   div.head dl { margin: 1em 0; }
-   div.head p.copyright, div.head p.alt { font-size: x-small; font-style: oblique; margin: 0; }
-
-   body > .toc > li { margin-top: 1em; margin-bottom: 1em; }
-   body > .toc.brief > li { margin-top: 0.35em; margin-bottom: 0.35em; }
-   body > .toc > li > * { margin-bottom: 0.5em; }
-   body > .toc > li > * > li > * { margin-bottom: 0.25em; }
-   .toc, .toc li { list-style: none; }
-
-   .brief { margin-top: 1em; margin-bottom: 1em; line-height: 1.1; }
-   .brief li { margin: 0; padding: 0; }
-   .brief li p { margin: 0; padding: 0; }
-
-   .category-list { margin-top: -0.75em; margin-bottom: 1em; line-height: 1.5; }
-   .category-list::before { content: '\21D2\A0'; font-size: 1.2em; font-weight: 900; }
-   .category-list li { display: inline; }
-   .category-list li:not(:last-child)::after { content: ', '; }
-   .category-list li > span, .category-list li > a { text-transform: lowercase; }
-   .category-list li * { text-transform: none; } /* don't affect <code> nested in <a> */
-
-   .XXX { color: #E50000; background: white; border: solid red; padding: 0.5em; margin: 1em 0; }
-   .XXX > :first-child { margin-top: 0; }
-   p .XXX { line-height: 3em; }
-   .annotation { border: solid thin black; background: #0C479D; color: white; position: relative; margin: 8px 0 20px 0; }
-   .annotation:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 6px -6px -6px 6px; background: #333333; z-index: -1; content: ''; }
-   .annotation :link, .annotation :visited { color: inherit; }
-   .annotation :link:hover, .annotation :visited:hover { background: transparent; }
-   .annotation span { border: none ! important; }
-   .note { color: green; background: transparent; font-family: sans-serif; }
-   .warning { color: red; background: transparent; }
-   .note, .warning { font-weight: bolder; font-style: italic; }
-   p.note, div.note { padding: 0.5em 2em; }
-   span.note { padding: 0 2em; }
-   .note p:first-child, .warning p:first-child { margin-top: 0; }
-   .note p:last-child, .warning p:last-child { margin-bottom: 0; }
-   .warning:before { font-style: normal; }
-   p.note:before { content: 'Note: '; }
-   p.warning:before { content: '\26A0 Warning! '; }
-
-   .bookkeeping:before { display: block; content: 'Bookkeeping details'; font-weight: bolder; font-style: italic; }
-   .bookkeeping { font-size: 0.8em; margin: 2em 0; }
-   .bookkeeping p { margin: 0.5em 2em; display: list-item; list-style: square; }
-
-   h4 { position: relative; z-index: 3; }
-   h4 + .element, h4 + div + .element { margin-top: -2.5em; padding-top: 2em; }
-   .element {
-     background: #EEEEFF;
-     color: black;
-     margin: 0 0 1em 0.15em;
-     padding: 0 1em 0.25em 0.75em;
-     border-left: solid #9999FF 0.25em;
-     position: relative;
-     z-index: 1;
-   }
-   .element:before {
-     position: absolute;
-     z-index: 2;
-     top: 0;
-     left: -1.15em;
-     height: 2em;
-     width: 0.9em;
-     background: #EEEEFF;
-     content: ' ';
-     border-style: none none solid solid;
-     border-color: #9999FF;
-     border-width: 0.25em;
-   }
-
-   .example { display: block; color: #222222; background: #FCFCFC; border-left: double; margin-left: 2em; padding-left: 1em; }
-   td > .example:only-child { margin: 0 0 0 0.1em; }
-
-   .tall-and-narrow {
-     font-size: 0.6em;
-     column-width: 25em;
-     column-gap: 1em;
-     -moz-column-width: 25em;
-     -moz-column-gap: 1em;
-     -webkit-column-width: 25em;
-     -webkit-column-gap: 1em;
-   }
-
-   ul.domTree, ul.domTree ul { padding: 0 0 0 1em; margin: 0; }
-   ul.domTree li { padding: 0; margin: 0; list-style: none; position: relative; }
-   ul.domTree li li { list-style: none; }
-   ul.domTree li:first-child::before { position: absolute; top: 0; height: 0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
-   ul.domTree li:not(:last-child)::after { position: absolute; top: 0; bottom: -0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
-   ul.domTree span { font-style: italic; font-family: serif; }
-   ul.domTree .t1 code { color: purple; font-weight: bold; }
-   ul.domTree .t2 { font-style: normal; font-family: monospace; }
-   ul.domTree .t2 .name { color: black; font-weight: bold; }
-   ul.domTree .t2 .value { color: blue; font-weight: normal; }
-   ul.domTree .t3 code, .domTree .t4 code, .domTree .t5 code { color: gray; }
-   ul.domTree .t7 code, .domTree .t8 code { color: green; }
-   ul.domTree .t10 code { color: teal; }
-
-   #configUI { position: absolute; z-index: 20; top: 10em; right: 1em; width: 11em; font-size: small; }
-   #configUI p { margin: 0.5em 0; padding: 0.3em; background: #EEEEEE; color: black; border: inset thin; }
-   #configUI p label { display: block; }
-   #configUI #updateUI, #configUI .loginUI { text-align: center; }
-   #configUI input[type=button] { display: block; margin: auto; }
-  </style><style type="text/css">
-
-   .applies thead th > * { display: block; }
-   .applies thead code { display: block; }
-   .applies tbody th { whitespace: nowrap; }
-   .applies td { text-align: center; }
-   .applies .yes { background: yellow; }
-
-   .matrix, .matrix td { border: none; text-align: right; }
-   .matrix { margin-left: 2em; }
-
-   .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
-   .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
-   .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
-
-   #table-example-1 { border: solid thin; border-collapse: collapse; margin-left: 3em; }
-   #table-example-1 * { font-family: "Essays1743", serif; line-height: 1.01em; }
-   #table-example-1 caption { padding-bottom: 0.5em; }
-   #table-example-1 thead, #table-example-1 tbody { border: none; }
-   #table-example-1 th, #table-example-1 td { border: solid thin; }
-   #table-example-1 th { font-weight: normal; }
-   #table-example-1 td { border-style: none solid; vertical-align: top; }
-   #table-example-1 th { padding: 0.5em; vertical-align: middle; text-align: center; }
-   #table-example-1 tbody tr:first-child td { padding-top: 0.5em; }
-   #table-example-1 tbody tr:last-child td { padding-bottom: 1.5em; }
-   #table-example-1 tbody td:first-child { padding-left: 2.5em; padding-right: 0; width: 9em; }
-   #table-example-1 tbody td:first-child::after { content: leader(". "); }
-   #table-example-1 tbody td { padding-left: 2em; padding-right: 2em; }
-   #table-example-1 tbody td:first-child + td { width: 10em; }
-   #table-example-1 tbody td:first-child + td ~ td { width: 2.5em; }
-   #table-example-1 tbody td:first-child + td + td + td ~ td { width: 1.25em; }
-
-   .apple-table-examples { border: none; border-collapse: separate; border-spacing: 1.5em 0em; width: 40em; margin-left: 3em; }
-   .apple-table-examples * { font-family: "Times", serif; }
-   .apple-table-examples td, .apple-table-examples th { border: none; white-space: nowrap; padding-top: 0; padding-bottom: 0; }
-   .apple-table-examples tbody th:first-child { border-left: none; width: 100%; }
-   .apple-table-examples thead th:first-child ~ th { font-size: smaller; font-weight: bolder; border-bottom: solid 2px; text-align: center; }
-   .apple-table-examples tbody th::after, .apple-table-examples tfoot th::after { content: leader(". ") }
-   .apple-table-examples tbody th, .apple-table-examples tfoot th { font: inherit; text-align: left; }
-   .apple-table-examples td { text-align: right; vertical-align: top; }
-   .apple-table-examples.e1 tbody tr:last-child td { border-bottom: solid 1px; }
-   .apple-table-examples.e1 tbody + tbody tr:last-child td { border-bottom: double 3px; }
-   .apple-table-examples.e2 th[scope=row] { padding-left: 1em; }
-   .apple-table-examples sup { line-height: 0; }
-
-  </style><link href="data:text/css," rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" rel="alternate stylesheet" title="Highlight implementation requirements"><link href="data:text/css," id="complete" rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" id="author" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" id="highlight" rel="alternate stylesheet" title="Highlight implementation requirements"><script>
-   function getCookie(name) {
-     var params = location.search.substr(1).split("&");
-     for (var index = 0; index < params.length; index++) {
-       if (params[index] == name)
-         return "1";
-       var data = params[index].split("=");
-       if (data[0] == name)
-         return unescape(data[1]);
-     }
-     var cookies = document.cookie.split("; ");
-     for (var index = 0; index < cookies.length; index++) {
-       var data = cookies[index].split("=");
-       if (data[0] == name)
-         return unescape(data[1]);
-     }
-     return null;
-   }
-   function load(script) {
-     var e = document.createElement('script');
-     e.setAttribute('src', 'http://www.whatwg.org/specs/web-apps/current-work/' + script + '?' + encodeURIComponent(location) + '&' + encodeURIComponent(document.referrer));
-     document.body.appendChild(e);
-   }
-   function init() {
-     if (location.search == '?slow-browser')
-       return;
-     var configUI = document.createElement('div');
-     configUI.id = 'configUI';
-     document.body.appendChild(configUI);
-     // load('reviewer.js'); // would need cross-site XHR
-     if (document.getElementById('head'))
-       load('toc.js');
-     
-     // load('updater.js'); // would need cross-site XHR
-     load('dfn.js');
-     // load('status.js'); // would need cross-site XHR
-     if (getCookie('profile') == '1')
-       document.getElementsByTagName('h2')[0].textContent += '; load: ' + (new Date() - loadTimer) + 'ms';
-     fixBrokenLink();
-   }
-  </script><link href="http://www.w3.org/StyleSheets/TR/W3C-ED" rel="stylesheet" type="text/css"><link href="dnd.html" title="7.9 Drag and drop" rel="prev">
-  <link href="Overview.html#contents" title="Table of contents" rel="index">
-  <link href="syntax.html" title="9 The HTML syntax" rel="next">
-  </head><body onload="fixBrokenLink(); init()"><div class="head" id="head">
-   <p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
-   <h1>HTML5 (Author Edition)</h1>
-   </div><div>
-   <a href="dnd.html">&#8592; 7.9 Drag and drop</a> &#8211;
-   <a href="Overview.html#contents">Table of contents</a> &#8211;
-   <a href="syntax.html">9 The HTML syntax &#8594;</a>
-  <ol class="toc"><li><a href="comms.html#comms"><span class="secno">8 </span>Communication</a>
-  <ol><li><a href="comms.html#event-definitions"><span class="secno">8.1 </span>Event definitions</a></li><li><a href="comms.html#crossDocumentMessages"><span class="secno">8.2 </span>Cross-document messaging</a>
-    <ol><li><a href="comms.html#introduction-5"><span class="secno">8.2.1 </span>Introduction</a></li><li><a href="comms.html#security-4"><span class="secno">8.2.2 </span>Security</a></li><li><a href="comms.html#posting-messages"><span class="secno">8.2.3 </span>Posting messages</a></li></ol></li><li><a href="comms.html#channel-messaging"><span class="secno">8.3 </span>Channel messaging</a>
-    <ol><li><a href="comms.html#introduction-6"><span class="secno">8.3.1 </span>Introduction</a></li><li><a href="comms.html#message-channels"><span class="secno">8.3.2 </span>Message channels</a></li><li><a href="comms.html#message-ports"><span class="secno">8.3.3 </span>Message ports</a>
-      <ol><li><a href="comms.html#ports-and-garbage-collection"><span class="secno">8.3.3.1 </span>Ports and garbage collection</a></li></ol></li></ol></li></ol></li></ol></div>
-
-  <h2 id="comms"><span class="secno">8 </span>Communication</h2><h3 id="event-definitions"><span class="secno">8.1 </span>Event definitions</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>Messages in <span>server-sent events</span>, <span>Web
-  sockets</span>, <a href="#crossDocumentMessages">cross-document messaging</a>, and
-  <a href="#channel-messaging">channel messaging</a> use the <dfn id="event-message" title="event-message"><code>message</code></dfn> event.
-  
-  <a href="references.html#refsEVENTSOURCE">[EVENTSOURCE]</a>
-  <a href="references.html#refsWEBSOCKET">[WEBSOCKET]</a>
-  
-  </p><p>The following interface is defined for this event:</p><pre class="idl">interface <dfn id="messageevent">MessageEvent</dfn> : Event {
-  readonly attribute any <a href="#dom-messageevent-data" title="dom-MessageEvent-data">data</a>;
-  readonly attribute DOMString <a href="#dom-messageevent-origin" title="dom-MessageEvent-origin">origin</a>;
-  readonly attribute DOMString <a href="#dom-messageevent-lasteventid" title="dom-MessageEvent-lastEventId">lastEventId</a>;
-  readonly attribute <a href="#windowproxy">WindowProxy</a> <a href="#dom-messageevent-source" title="dom-MessageEvent-source">source</a>;
-  readonly attribute <a href="#messageportarray">MessagePortArray</a> <a href="#dom-messageevent-ports" title="dom-MessageEvent-ports">ports</a>;
-  void <a href="#dom-messageevent-initmessageevent" title="dom-MessageEvent-initMessageEvent">initMessageEvent</a>(in DOMString typeArg, in boolean canBubbleArg, in boolean cancelableArg, in any dataArg, in DOMString originArg, in DOMString lastEventIdArg, in <a href="#windowproxy">WindowProxy</a> sourceArg, in <a href="#messageportarray">MessagePortArray</a> portsArg);
-};</pre><dl class="domintro"><dt><var title="">event</var> . <code title="dom-MessageEvent-data"><a href="#dom-messageevent-data">data</a></code></dt>
-
-   <dd>
-
-    <p>Returns the data of the message.</p>
-
-   </dd>
-
-   <dt><var title="">event</var> . <code title="dom-MessageEvent-origin"><a href="#dom-messageevent-origin">origin</a></code></dt>
-
-   <dd>
-
-    <p>Returns the origin of the message, for <span>server-sent
-    events</span> and <a href="#crossDocumentMessages">cross-document messaging</a>.</p>
-
-   </dd>
-
-   <dt><var title="">event</var> . <code title="dom-MessageEvent-lastEventId"><a href="#dom-messageevent-lasteventid">lastEventId</a></code></dt>
-
-   <dd>
-
-    <p>Returns the last event ID, for <span>server-sent
-    events</span>.</p>
-
-   </dd>
-
-   <dt><var title="">event</var> . <code title="dom-MessageEvent-source"><a href="#dom-messageevent-source">source</a></code></dt>
-
-   <dd>
-
-    <p>Returns the <code><a href="#windowproxy">WindowProxy</a></code> of the source window, for
-    <a href="#crossDocumentMessages">cross-document messaging</a>.</p>
-
-   </dd>
-
-   <dt><var title="">event</var> . <code title="dom-MessageEvent-ports"><a href="#dom-messageevent-ports">ports</a></code></dt>
-
-   <dd>
-
-    <p>Returns the <code><a href="#messageportarray">MessagePortArray</a></code> sent with the
-    message, for <a href="#crossDocumentMessages">cross-document messaging</a> and
-    <a href="#channel-messaging">channel messaging</a>.</p>
-
-   </dd>
-
-  </dl><h3 id="crossDocumentMessages"><span class="secno">8.2 </span><dfn>Cross-document messaging</dfn></h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>Web browsers, for security and privacy reasons, prevent documents
-  in different domains from affecting each other; that is, cross-site
-  scripting is disallowed.</p><p>While this is an important security feature, it prevents pages
-  from different domains from communicating even when those pages are
-  not hostile. This section introduces a messaging system that allows
-  documents to communicate with each other regardless of their source
-  domain, in a way designed to not enable cross-site scripting
-  attacks.</p><h4 id="introduction-5"><span class="secno">8.2.1 </span>Introduction</h4><p class="XXX annotation"><b>Status: </b><i>Working draft</i></p><p><i>This section is non-normative.</i></p><div class="example">
-
-   <p>For example, if document A contains an <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code>
-   element that contains document B, and script in document A calls
-   <code title="dom-window-postMessage-2"><a href="#dom-window-postmessage-2">postMessage()</a></code> on the
-   <code><a href="browsers.html#window">Window</a></code> object of document B, then a message event will
-   be fired on that object, marked as originating from the
-   <code><a href="browsers.html#window">Window</a></code> of document A. The script in document A might
-   look like:</p>
-
-   <pre>var o = document.getElementsByTagName('iframe')[0];
-o.contentWindow.postMessage('Hello world', 'http://b.example.org/');</pre>
-
-   <p>To register an event handler for incoming events, the script
-   would use <code title="">addEventListener()</code> (or similar
-   mechanisms). For example, the script in document B might look
-   like:</p>
-
-   <pre>window.addEventListener('message', receiver, false);
-function receiver(e) {
-  if (e.origin == 'http://example.com') {
-    if (e.data == 'Hello world') {
-      e.source.postMessage('Hello', e.origin);
-    } else {
-      alert(e.data);
-    }
-  }
-}</pre>
-
-   <p>This script first checks the domain is the expected domain, and
-   then looks at the message, which it either displays to the user, or
-   responds to by sending a message back to the document which sent
-   the message in the first place.</p>
-
-  </div><h4 id="security-4"><span class="secno">8.2.2 </span>Security</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p class="warning">Use of this API requires extra care to protect
-  users from hostile entities abusing a site for their own
-  purposes.</p><p>Authors should check the <code title="dom-MessageEvent-origin"><a href="#dom-messageevent-origin">origin</a></code> attribute to ensure
-  that messages are only accepted from domains that they expect to
-  receive messages from. Otherwise, bugs in the author's message
-  handling code could be exploited by hostile sites.</p><p>Furthermore, even after checking the <code title="dom-MessageEvent-origin"><a href="#dom-messageevent-origin">origin</a></code> attribute, authors
-  should also check that the data in question is of the expected
-  format. Otherwise, if the source of the event has been attacked
-  using a cross-site scripting flaw, further unchecked processing of
-  information sent using the <code title="dom-window-postMessage-2"><a href="#dom-window-postmessage-2">postMessage()</a></code> method could
-  result in the attack being propagated into the receiver.</p><p>Authors should not use the wildcard keyword (*) in the <var title="">targetOrigin</var> argument in messages that contain any
-  confidential information, as otherwise there is no way to guarantee
-  that the message is only delivered to the recipient to which it was
-  intended.</p><h4 id="posting-messages"><span class="secno">8.2.3 </span>Posting messages</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="domintro"><dt><var title="">window</var> . <code title="dom-window-postMessage-2"><a href="#dom-window-postmessage-2">postMessage</a></code>(<var title="">message</var>, [ <var title="">ports</var>, ] <var title="">targetOrigin</var>)</dt>
-
-   <dd>
-
-    <p>Posts a message, optionally with an array of ports, to the
-    given window.</p>
-
-    <p>If the origin of the target window doesn't match the given
-    origin, the message is discarded, to avoid information leakage. To
-    send the message to the target regardless of origin, set the
-    target origin to "<code title="">*</code>".</p>
-
-    <p>Throws an <code><a href="urls.html#invalid_state_err">INVALID_STATE_ERR</a></code> if the <var title="">ports</var> array is not null and it contains either null
-    entries or duplicate ports.</p>
-
-   </dd>
-
-  </dl><h3 id="channel-messaging"><span class="secno">8.3 </span><dfn>Channel messaging</dfn></h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><h4 id="introduction-6"><span class="secno">8.3.1 </span>Introduction</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><i>This section is non-normative.</i></p><p>To enable independent pieces of code (e.g. running in different
-  <a href="browsers.html#browsing-context" title="browsing context">browsing contexts</a>) to
-  communicate directly, authors can use <a href="#channel-messaging">channel
-  messaging</a>.</p><p>Communication channels in this mechanisms are implemented as
-  two-ways pipes, with a port at each end. Messages sent in one port
-  are delivered at the other port, and vice-versa. Messages are
-  asynchronous, and delivered as DOM events.</p><p>To create a connection (two "entangled" ports), the <code title="">MessageChannel()</code> constructor is called:</p><pre>var channel = new MessageChannel();</pre><p>One of the ports is kept as the local port, and the other port is
-  sent to the remote code, e.g. using <code title="dom-window-postMessage-3"><a href="#dom-window-postmessage-3">postMessage()</a></code>:</p><pre>otherWindow.postMessage('hello', [channel.port2], 'http://example.com');</pre><p>To send messages, the <code title="dom-MessagpePort-postMessage">postMessage()</code> method on
-  the port is used:</p><pre>channel.port1.postMessage('hello');</pre><p>To receive messages, one listens to <code title="event-message"><a href="#event-message">message</a></code> events:</p><pre>channel.port1.onmessage = handleMessage;
-function handleMessage(event) {
-  // message is in event.data
-  // ...
-}</pre><h4 id="message-channels"><span class="secno">8.3.2 </span>Message channels</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><pre class="idl">[<a href="#dom-messagechannel" title="dom-MessageChannel">Constructor</a>]
-interface <dfn id="messagechannel">MessageChannel</dfn> {
-  readonly attribute <a href="#messageport">MessagePort</a> <a href="#dom-channel-port1" title="dom-channel-port1">port1</a>;
-  readonly attribute <a href="#messageport">MessagePort</a> <a href="#dom-channel-port2" title="dom-channel-port2">port2</a>;
-};</pre><dl class="domintro"><dt><var title="">channel</var> = new <code title="dom-MessageChannel"><a href="#dom-messagechannel">MessageChannel</a></code>()</dt>
-
-   <dd>
-
-    <p>Returns a new <code><a href="#messagechannel">MessageChannel</a></code> object with two new <code><a href="#messageport">MessagePort</a></code> objects.</p>
-
-   </dd>
-
-   <dt><var title="">channel</var> . <code title="dom-MessageChannel-port1">port1</code></dt>
-
-   <dd>
-
-    <p>Returns the first <code><a href="#messageport">MessagePort</a></code> object.</p>
-
-   </dd>
-
-   <dt><var title="">channel</var> . <code title="dom-MessageChannel-port2">port2</code></dt>
-
-   <dd>
-
-    <p>Returns the second <code><a href="#messageport">MessagePort</a></code> object.</p>
-
-   </dd>
-
-  </dl><h4 id="message-ports"><span class="secno">8.3.3 </span>Message ports</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>Each channel has two message ports. Data sent through one port is
-  received by the other port, and vice versa.</p><pre class="idl">typedef sequence&lt;MessagePort&gt; <dfn id="messageportarray">MessagePortArray</dfn>;
-
-interface <dfn id="messageport">MessagePort</dfn> {
-<!-- v2-onclose  readonly attribute boolean <span title="dom-MessagePort-active">active</span>;
--->  void <a href="#dom-messageport-postmessage" title="dom-MessagePort-postMessage">postMessage</a>(in any message, in optional <a href="#messageportarray">MessagePortArray</a> ports);<!--
-  <span>MessagePort</span> <span title="dom-MessagePort-startConversation">startConversation</span>(in any message);-->
-  void <a href="#dom-messageport-start" title="dom-MessagePort-start">start</a>();
-  void <a href="#dom-messageport-close" title="dom-MessagePort-close">close</a>();
-
-  // event handlers
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-messageport-onmessage" title="handler-MessagePort-onmessage">onmessage</a>;
-};
-<a href="#messageport">MessagePort</a> implements <span>EventTarget</span>;</pre><dl class="domintro"><!-- v2-onclose
-   <dt><var title="">port</var> . <code title="dom-MessagePort-active">active</code></dt>
-
-   <dd>
-
-    <p>Returns true if the port is still active; otherwise, returns false.</p>
-
-   </dd>
---><dt><var title="">port</var> . <code title="dom-MessagePort-poseMessage">postMessage</code>(<var title="">message</var> [, <var title="">ports</var>] )</dt>
-
-   <dd>
-
-    <p>Posts a message through the channel, optionally with the given
-    ports.</p>
-
-    <p>Throws an <code><a href="urls.html#invalid_state_err">INVALID_STATE_ERR</a></code> if the <var title="">ports</var> array is not null and it contains either null
-    entries, duplicate ports, or the source or target port.</p>
-
-   </dd>
-
-   <dt><var title="">port</var> . <code title="dom-MessagePort-start"><a href="#dom-messageport-start">start</a></code>()</dt>
-
-   <dd>
-
-    <p>Begins dispatching messages received on the port.</p>
-
-   </dd>
-
-   <dt><var title="">port</var> . <code title="dom-MessagePort-close"><a href="#dom-messageport-close">close</a></code>()</dt>
-
-   <dd>
-
-    <p>Disconnects the port, so that it is no longer active.</p>
-
-   </dd>
-
-  </dl><h5 id="ports-and-garbage-collection"><span class="secno">8.3.3.1 </span>Ports and garbage collection</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p class="note">Authors are strongly encouraged to explicitly close
-  <code><a href="#messageport">MessagePort</a></code> objects to disentangle them, so that their
-  resources can be recollected. Creating many <code><a href="#messageport">MessagePort</a></code>
-  objects and discarding them without closing them can lead to high
-  memory usage.</p></body></html>
\ No newline at end of file

Index: elements.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/elements.html,v
retrieving revision 1.15
retrieving revision 1.16
diff -u -d -r1.15 -r1.16
--- elements.html	6 Jan 2010 15:49:34 -0000	1.15
+++ elements.html	6 Jan 2010 16:12:47 -0000	1.16
@@ -1,819 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
-<!DOCTYPE html>
-<!-- when publishing, change bits marked ZZZ --><html lang="en-US-x-Hixie" class="split chapter"><head><title>3.2 Elements &#8212; HTML5 (Author Edition)</title><script src="link-fixup.js"></script><link href="whatwg.css" rel="stylesheet"><style type="text/css">
-   pre { margin-left: 2em; white-space: pre-wrap; }
-   h2 { margin: 3em 0 1em 0; }
-   h3 { margin: 2.5em 0 1em 0; }
-   h4 { margin: 2.5em 0 0.75em 0; }
-   h5, h6 { margin: 2.5em 0 1em; }
-   h1 + h2, h1 + h2 + h2 { margin: 0.75em 0 0.75em; }
-   h2 + h3, h3 + h4, h4 + h5, h5 + h6 { margin-top: 0.5em; }
-   p { margin: 1em 0; }
-   hr:not(.top) { display: block; background: none; border: none; padding: 0; margin: 2em 0; height: auto; }
-   dl, dd { margin-top: 0; margin-bottom: 0; }
-   dt { margin-top: 0.75em; margin-bottom: 0.25em; clear: left; }
-   dt + dt { margin-top: 0; }
-   dd dt { margin-top: 0.25em; margin-bottom: 0; }
-   dd p { margin-top: 0; }
-   dd dl + p { margin-top: 1em; }
-   dd table + p { margin-top: 1em; }
-   p + * > li, dd li { margin: 1em 0; }
-   dt, dfn { font-weight: bold; font-style: normal; }
-   dt dfn { font-style: italic; }
-   pre, code { font-size: inherit; font-family: monospace; font-variant: normal; }
-   pre strong { color: black; font: inherit; font-weight: bold; background: yellow; }
-   pre em { font-weight: bolder; font-style: normal; }
-   @media screen { code { color: orangered; } code :link, code :visited { color: inherit; } }
-   var sub { vertical-align: bottom; font-size: smaller; position: relative; top: 0.1em; }
-   table { border-collapse: collapse; border-style: hidden hidden none hidden; }
-   table thead { border-bottom: solid; }
-   table tbody th:first-child { border-left: solid; }
-   table tbody th { text-align: left; }
-   table td, table th { border-left: solid; border-right: solid; border-bottom: solid thin; vertical-align: top; padding: 0.2em; }
-   blockquote { margin: 0 0 0 2em; border: 0; padding: 0; font-style: italic; }
-
-   .bad, .bad *:not(.XXX) { color: gray; border-color: gray; background: transparent; }
-   .matrix, .matrix td { border: none; text-align: right; }
-   .matrix { margin-left: 2em; }
-   .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
-   .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
-   .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
-
-   .toc dfn, h1 dfn, h2 dfn, h3 dfn, h4 dfn, h5 dfn, h6 dfn { font: inherit; }
-   img.extra { float: right; }
-   pre.idl { border: solid thin; background: #EEEEEE; color: black; padding: 0.5em 1em; }
-   pre.idl :link, pre.idl :visited { color: inherit; background: transparent; }
-   pre.css { border: solid thin; background: #FFFFEE; color: black; padding: 0.5em 1em; }
-   pre.css:first-line { color: #AAAA50; }
-   dl.domintro { color: green; margin: 2em 0 2em 2em; padding: 0.5em 1em; border: none; background: #EEFFEE; }
-   hr + dl.domintro, div.impl + dl.domintro { margin-top: 2.5em; margin-bottom: 1.5em; }
-   dl.domintro dt, dl.domintro dt * { color: black; text-decoration: none; }
-   dl.domintro dd { margin: 0.5em 0 1em 2em; padding: 0; }
-   dl.domintro dd p { margin: 0.5em 0; }
-   dl.switch { padding-left: 2em; }
-   dl.switch > dt { text-indent: -1.5em; }
-   dl.switch > dt:before { content: '\21AA'; padding: 0 0.5em 0 0; display: inline-block; width: 1em; text-align: right; line-height: 0.5em; }
-   dl.triple { padding: 0 0 0 1em; }
-   dl.triple dt, dl.triple dd { margin: 0; display: inline }
-   dl.triple dt:after { content: ':'; }
-   dl.triple dd:after { content: '\A'; white-space: pre; }
-   .diff-old { text-decoration: line-through; color: silver; background: transparent; }
-   .diff-chg, .diff-new { text-decoration: underline; color: green; background: transparent; }
-   a .diff-new { border-bottom: 1px blue solid; }
-
-   h2 { page-break-before: always; }
-   h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
-   h1 + h2, hr + h2.no-toc { page-break-before: auto; }
-
-   p > span:not([title=""]):not([class="XXX"]):not([class="impl"]), li > span:not([title=""]):not([class="XXX"]):not([class="impl"]) { border-bottom: solid #9999CC; }
-
-   div.head { margin: 0 0 1em; padding: 1em 0 0 0; }
-   div.head p { margin: 0; }
-   div.head h1 { margin: 0; }
-   div.head .logo { float: right; margin: 0 1em; }
-   div.head .logo img { border: none } /* remove border from top image */
-   div.head dl { margin: 1em 0; }
-   div.head p.copyright, div.head p.alt { font-size: x-small; font-style: oblique; margin: 0; }
-
-   body > .toc > li { margin-top: 1em; margin-bottom: 1em; }
-   body > .toc.brief > li { margin-top: 0.35em; margin-bottom: 0.35em; }
-   body > .toc > li > * { margin-bottom: 0.5em; }
-   body > .toc > li > * > li > * { margin-bottom: 0.25em; }
-   .toc, .toc li { list-style: none; }
-
-   .brief { margin-top: 1em; margin-bottom: 1em; line-height: 1.1; }
-   .brief li { margin: 0; padding: 0; }
-   .brief li p { margin: 0; padding: 0; }
-
-   .category-list { margin-top: -0.75em; margin-bottom: 1em; line-height: 1.5; }
-   .category-list::before { content: '\21D2\A0'; font-size: 1.2em; font-weight: 900; }
-   .category-list li { display: inline; }
-   .category-list li:not(:last-child)::after { content: ', '; }
-   .category-list li > span, .category-list li > a { text-transform: lowercase; }
-   .category-list li * { text-transform: none; } /* don't affect <code> nested in <a> */
-
-   .XXX { color: #E50000; background: white; border: solid red; padding: 0.5em; margin: 1em 0; }
-   .XXX > :first-child { margin-top: 0; }
-   p .XXX { line-height: 3em; }
-   .annotation { border: solid thin black; background: #0C479D; color: white; position: relative; margin: 8px 0 20px 0; }
-   .annotation:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 6px -6px -6px 6px; background: #333333; z-index: -1; content: ''; }
-   .annotation :link, .annotation :visited { color: inherit; }
-   .annotation :link:hover, .annotation :visited:hover { background: transparent; }
-   .annotation span { border: none ! important; }
-   .note { color: green; background: transparent; font-family: sans-serif; }
-   .warning { color: red; background: transparent; }
-   .note, .warning { font-weight: bolder; font-style: italic; }
-   p.note, div.note { padding: 0.5em 2em; }
-   span.note { padding: 0 2em; }
-   .note p:first-child, .warning p:first-child { margin-top: 0; }
-   .note p:last-child, .warning p:last-child { margin-bottom: 0; }
-   .warning:before { font-style: normal; }
-   p.note:before { content: 'Note: '; }
-   p.warning:before { content: '\26A0 Warning! '; }
-
-   .bookkeeping:before { display: block; content: 'Bookkeeping details'; font-weight: bolder; font-style: italic; }
-   .bookkeeping { font-size: 0.8em; margin: 2em 0; }
-   .bookkeeping p { margin: 0.5em 2em; display: list-item; list-style: square; }
-
-   h4 { position: relative; z-index: 3; }
-   h4 + .element, h4 + div + .element { margin-top: -2.5em; padding-top: 2em; }
-   .element {
-     background: #EEEEFF;
-     color: black;
-     margin: 0 0 1em 0.15em;
-     padding: 0 1em 0.25em 0.75em;
-     border-left: solid #9999FF 0.25em;
-     position: relative;
-     z-index: 1;
-   }
-   .element:before {
-     position: absolute;
-     z-index: 2;
-     top: 0;
-     left: -1.15em;
-     height: 2em;
-     width: 0.9em;
-     background: #EEEEFF;
-     content: ' ';
-     border-style: none none solid solid;
-     border-color: #9999FF;
-     border-width: 0.25em;
-   }
-
-   .example { display: block; color: #222222; background: #FCFCFC; border-left: double; margin-left: 2em; padding-left: 1em; }
-   td > .example:only-child { margin: 0 0 0 0.1em; }
-
-   .tall-and-narrow {
-     font-size: 0.6em;
-     column-width: 25em;
-     column-gap: 1em;
-     -moz-column-width: 25em;
-     -moz-column-gap: 1em;
-     -webkit-column-width: 25em;
-     -webkit-column-gap: 1em;
-   }
-
-   ul.domTree, ul.domTree ul { padding: 0 0 0 1em; margin: 0; }
-   ul.domTree li { padding: 0; margin: 0; list-style: none; position: relative; }
-   ul.domTree li li { list-style: none; }
-   ul.domTree li:first-child::before { position: absolute; top: 0; height: 0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
-   ul.domTree li:not(:last-child)::after { position: absolute; top: 0; bottom: -0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
-   ul.domTree span { font-style: italic; font-family: serif; }
-   ul.domTree .t1 code { color: purple; font-weight: bold; }
-   ul.domTree .t2 { font-style: normal; font-family: monospace; }
-   ul.domTree .t2 .name { color: black; font-weight: bold; }
-   ul.domTree .t2 .value { color: blue; font-weight: normal; }
-   ul.domTree .t3 code, .domTree .t4 code, .domTree .t5 code { color: gray; }
-   ul.domTree .t7 code, .domTree .t8 code { color: green; }
-   ul.domTree .t10 code { color: teal; }
-
-   #configUI { position: absolute; z-index: 20; top: 10em; right: 1em; width: 11em; font-size: small; }
-   #configUI p { margin: 0.5em 0; padding: 0.3em; background: #EEEEEE; color: black; border: inset thin; }
-   #configUI p label { display: block; }
-   #configUI #updateUI, #configUI .loginUI { text-align: center; }
-   #configUI input[type=button] { display: block; margin: auto; }
-  </style><style type="text/css">
-
-   .applies thead th > * { display: block; }
-   .applies thead code { display: block; }
-   .applies tbody th { whitespace: nowrap; }
-   .applies td { text-align: center; }
-   .applies .yes { background: yellow; }
-
-   .matrix, .matrix td { border: none; text-align: right; }
-   .matrix { margin-left: 2em; }
-
-   .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
-   .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
-   .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
-
-   #table-example-1 { border: solid thin; border-collapse: collapse; margin-left: 3em; }
-   #table-example-1 * { font-family: "Essays1743", serif; line-height: 1.01em; }
-   #table-example-1 caption { padding-bottom: 0.5em; }
-   #table-example-1 thead, #table-example-1 tbody { border: none; }
-   #table-example-1 th, #table-example-1 td { border: solid thin; }
-   #table-example-1 th { font-weight: normal; }
-   #table-example-1 td { border-style: none solid; vertical-align: top; }
-   #table-example-1 th { padding: 0.5em; vertical-align: middle; text-align: center; }
-   #table-example-1 tbody tr:first-child td { padding-top: 0.5em; }
-   #table-example-1 tbody tr:last-child td { padding-bottom: 1.5em; }
-   #table-example-1 tbody td:first-child { padding-left: 2.5em; padding-right: 0; width: 9em; }
-   #table-example-1 tbody td:first-child::after { content: leader(". "); }
-   #table-example-1 tbody td { padding-left: 2em; padding-right: 2em; }
-   #table-example-1 tbody td:first-child + td { width: 10em; }
-   #table-example-1 tbody td:first-child + td ~ td { width: 2.5em; }
-   #table-example-1 tbody td:first-child + td + td + td ~ td { width: 1.25em; }
-
-   .apple-table-examples { border: none; border-collapse: separate; border-spacing: 1.5em 0em; width: 40em; margin-left: 3em; }
-   .apple-table-examples * { font-family: "Times", serif; }
-   .apple-table-examples td, .apple-table-examples th { border: none; white-space: nowrap; padding-top: 0; padding-bottom: 0; }
-   .apple-table-examples tbody th:first-child { border-left: none; width: 100%; }
-   .apple-table-examples thead th:first-child ~ th { font-size: smaller; font-weight: bolder; border-bottom: solid 2px; text-align: center; }
-   .apple-table-examples tbody th::after, .apple-table-examples tfoot th::after { content: leader(". ") }
-   .apple-table-examples tbody th, .apple-table-examples tfoot th { font: inherit; text-align: left; }
-   .apple-table-examples td { text-align: right; vertical-align: top; }
-   .apple-table-examples.e1 tbody tr:last-child td { border-bottom: solid 1px; }
-   .apple-table-examples.e1 tbody + tbody tr:last-child td { border-bottom: double 3px; }
-   .apple-table-examples.e2 th[scope=row] { padding-left: 1em; }
-   .apple-table-examples sup { line-height: 0; }
-
-  </style><link href="data:text/css," rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" rel="alternate stylesheet" title="Highlight implementation requirements"><link href="data:text/css," id="complete" rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" id="author" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" id="highlight" rel="alternate stylesheet" title="Highlight implementation requirements"><script>
-   function getCookie(name) {
-     var params = location.search.substr(1).split("&");
-     for (var index = 0; index < params.length; index++) {
-       if (params[index] == name)
-         return "1";
-       var data = params[index].split("=");
-       if (data[0] == name)
-         return unescape(data[1]);
-     }
-     var cookies = document.cookie.split("; ");
-     for (var index = 0; index < cookies.length; index++) {
-       var data = cookies[index].split("=");
-       if (data[0] == name)
-         return unescape(data[1]);
-     }
-     return null;
-   }
-   function load(script) {
-     var e = document.createElement('script');
-     e.setAttribute('src', 'http://www.whatwg.org/specs/web-apps/current-work/' + script + '?' + encodeURIComponent(location) + '&' + encodeURIComponent(document.referrer));
-     document.body.appendChild(e);
-   }
-   function init() {
-     if (location.search == '?slow-browser')
-       return;
-     var configUI = document.createElement('div');
-     configUI.id = 'configUI';
-     document.body.appendChild(configUI);
-     // load('reviewer.js'); // would need cross-site XHR
-     if (document.getElementById('head'))
-       load('toc.js');
-     
-     // load('updater.js'); // would need cross-site XHR
-     load('dfn.js');
-     // load('status.js'); // would need cross-site XHR
-     if (getCookie('profile') == '1')
-       document.getElementsByTagName('h2')[0].textContent += '; load: ' + (new Date() - loadTimer) + 'ms';
-     fixBrokenLink();
-   }
-  </script><link href="http://www.w3.org/StyleSheets/TR/W3C-ED" rel="stylesheet" type="text/css"><link href="dom.html" title="3 Semantics, structure, and APIs of HTML documents" rel="prev">
-  <link href="Overview.html#contents" title="Table of contents" rel="index">
-  <link href="content-models.html" title="3.2.5 Content models" rel="next">
-  </head><body onload="fixBrokenLink(); init()"><div class="head" id="head">
-   <p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
-   <h1>HTML5 (Author Edition)</h1>
-   </div><div>
-   <a href="dom.html">&#8592; 3 Semantics, structure, and APIs of HTML documents</a> &#8211;
-   <a href="Overview.html#contents">Table of contents</a> &#8211;
-   <a href="content-models.html">3.2.5 Content models &#8594;</a>
-  <ol class="toc"><li><ol><li><a href="elements.html#elements"><span class="secno">3.2 </span>Elements</a>
-    <ol><li><a href="elements.html#semantics-0"><span class="secno">3.2.1 </span>Semantics</a></li><li><a href="elements.html#elements-in-the-dom"><span class="secno">3.2.2 </span>Elements in the DOM</a></li><li><a href="elements.html#global-attributes"><span class="secno">3.2.3 </span>Global attributes</a>
-      <ol><li><a href="elements.html#the-id-attribute"><span class="secno">3.2.3.1 </span>The <code>id</code> attribute</a></li><li><a href="elements.html#the-title-attribute"><span class="secno">3.2.3.2 </span>The <code>title</code> attribute</a></li><li><a href="elements.html#the-lang-and-xml:lang-attributes"><span class="secno">3.2.3.3 </span>The <code title="attr-lang">lang</code> and <code title="attr-xml-lang">xml:lang</code> attributes</a></li><li><a href="elements.html#the-xml:base-attribute-xml-only"><span class="secno">3.2.3.4 </span>The <code>xml:base</code>
-  attribute (XML only)</a></li><li><a href="elements.html#the-dir-attribute"><span class="secno">3.2.3.5 </span>The <code>dir</code> attribute</a></li><li><a href="elements.html#classes"><span class="secno">3.2.3.6 </span>The <code>class</code> attribute</a></li><li><a href="elements.html#the-style-attribute"><span class="secno">3.2.3.7 </span>The <code>style</code> attribute</a></li><li><a href="elements.html#embedding-custom-non-visible-data"><span class="secno">3.2.3.8 </span>Embedding custom non-visible data</a></li></ol></li><li><a href="elements.html#element-definitions"><span class="secno">3.2.4 </span>Element definitions</a></li></ol></li></ol></li></ol></div>
-
-  <h3 id="elements"><span class="secno">3.2 </span>Elements</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><h4 id="semantics-0"><span class="secno">3.2.1 </span>Semantics</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments. </i><span><a href="http://www.w3.org/html/wg/tracker/issues/41">ISSUE-41</a> (Decentralized-extensibility) blocks progress to Last Call</span></p><p>Elements, attributes, and attribute values in HTML are defined
-  (by this specification) to have certain meanings (semantics). For
-  example, the <code><a href="grouping-content.html#the-ol-element">ol</a></code> element represents an ordered list, and
-  the <code title="attr-lang"><a href="#attr-lang">lang</a></code> attribute represents the
-  language of the content.</p><p>Authors must not use elements, attributes, or attribute values
-  for purposes other than their appropriate intended semantic
-  purpose. Authors must not use elements, attributes, or attribute
-  values that are not permitted by this specification or <a href="#other-applicable-specifications">other
-  applicable specifications</a>.</p><div class="example">
-   <p>For example, the following document is non-conforming, despite
-   being syntactically correct:</p>
-
-   <pre class="bad">&lt;!DOCTYPE HTML&gt;
-&lt;html lang="en-GB"&gt;
- &lt;head&gt; &lt;title&gt; Demonstration &lt;/title&gt; &lt;/head&gt;
- &lt;body&gt;
-  &lt;table&gt;
-   &lt;tr&gt; &lt;td&gt; My favourite animal is the cat. &lt;/td&gt; &lt;/tr&gt;
-   &lt;tr&gt;
-    &lt;td&gt;
-     &#8212;&lt;a href="http://example.org/~ernest/"&gt;&lt;cite&gt;Ernest&lt;/cite&gt;&lt;/a&gt;,
-     in an essay from 1992
-    &lt;/td&gt;
-   &lt;/tr&gt;
-  &lt;/table&gt;
- &lt;/body&gt;
-&lt;/html&gt;</pre>
-
-   <p>...because the data placed in the cells is clearly not tabular
-   data (and the <code><a href="text-level-semantics.html#the-cite-element">cite</a></code> element mis-used). A corrected
-   version of this document might be:</p>
-
-   <pre>&lt;!DOCTYPE HTML&gt;
-&lt;html lang="en-GB"&gt;
- &lt;head&gt; &lt;title&gt; Demonstration &lt;/title&gt; &lt;/head&gt;
- &lt;body&gt;
-  &lt;blockquote&gt;
-   &lt;p&gt; My favourite animal is the cat. &lt;/p&gt;
-  &lt;/blockquote&gt;
-  &lt;p&gt;
-   &#8212;&lt;a href="http://example.org/~ernest/"&gt;Ernest&lt;/a&gt;,
-   in an essay from 1992
-  &lt;/p&gt;
- &lt;/body&gt;
-&lt;/html&gt;</pre>
-
-   <p>This next document fragment, intended to represent the heading
-   of a corporate site, is similarly non-conforming because the second
-   line is not intended to be a heading of a subsection, but merely a
-   subheading or subtitle (a subordinate heading for the same
-   section).</p>
-
-   <pre class="bad">&lt;body&gt;
- &lt;h1&gt;ABC Company&lt;/h1&gt;
- &lt;h2&gt;Leading the way in widget design since 1432&lt;/h2&gt;
- ...</pre>
-
-   <p>The <code><a href="sections.html#the-hgroup-element">hgroup</a></code> element is intended for these kinds of
-   situations:</p>
-
-   <pre>&lt;body&gt;
- &lt;hgroup&gt;
-  &lt;h1&gt;ABC Company&lt;/h1&gt;
-  &lt;h2&gt;Leading the way in widget design since 1432&lt;/h2&gt;
- &lt;/hgroup&gt;
- ...</pre>
-
-   <p>In the next example, there is a non-conforming attribute value
-   ("carpet") and a non-conforming attribute ("texture"), which
-   is not permitted by this specification:</p>
-
-   <pre class="bad">&lt;label&gt;Carpet: &lt;input type="carpet" name="c" texture="deep pile"&gt;&lt;/label&gt;</pre>
-
-   <p>Here would be an alternative and correct way to mark this up:</p>
-
-   <pre>&lt;label&gt;Carpet: &lt;input type="text" class="carpet" name="c" data-texture="deep pile"&gt;&lt;/label&gt;</pre>
-
-  </div><p>Through scripting and using other mechanisms, the values of
-  attributes, text, and indeed the entire structure of the document
-  may change dynamically while a user agent is processing it. The
-  semantics of a document at an instant in time are those represented
-  by the state of the document at that instant in time, and the
-  semantics of a document can therefore change over time. User agents
-  must</p><p class="example">HTML has a <code><a href="text-level-semantics.html#the-progress-element">progress</a></code> element that
-  describes a progress bar. If its "value" attribute is dynamically
-  updated by a script, the UA would update the rendering to show the
-  progress changing.</p><h4 id="elements-in-the-dom"><span class="secno">3.2.2 </span>Elements in the DOM</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The nodes representing <a href="infrastructure.html#html-elements">HTML elements</a> in the DOM
-   implement, and expose to scripts, the
-  interfaces listed for them in the relevant sections of this
-  specification. This includes <a href="infrastructure.html#html-elements">HTML elements</a> in <a href="dom.html#xml-documents">XML
-  documents</a>, even when those documents are in another context
-  (e.g. inside an XSLT transform).</p><p>Elements in the DOM <a href="#represents" title="represents">represent</a>
-  things; that is, they have intrinsic <em>meaning</em>, also known as
-  semantics.</p><p class="example">For example, an <code><a href="grouping-content.html#the-ol-element">ol</a></code> element
-  represents an ordered list.</p><p>The basic interface, from which all the <a href="infrastructure.html#html-elements">HTML
-  elements</a>' interfaces inherit,  is the <code><a href="#htmlelement">HTMLElement</a></code> interface.</p><pre class="idl">interface <dfn id="htmlelement">HTMLElement</dfn> : <span>Element</span> {
-  // <a href="dom.html#dom-tree-accessors">DOM tree accessors</a>
-  NodeList <a href="#dom-getelementsbyclassname" title="dom-getElementsByClassName">getElementsByClassName</a>(in DOMString classNames);
-
-  // <a href="apis-in-html-documents.html#dynamic-markup-insertion">dynamic markup insertion</a>
-           attribute DOMString <a href="apis-in-html-documents.html#dom-innerhtml" title="dom-innerHTML">innerHTML</a>;
-           attribute DOMString <a href="apis-in-html-documents.html#dom-outerhtml" title="dom-outerHTML">outerHTML</a>;
-  void <a href="#dom-insertadjacenthtml" title="dom-insertAdjacentHTML">insertAdjacentHTML</a>(in DOMString position, in DOMString text);
-
-  // <span>metadata attributes</span>
-           attribute DOMString <a href="#dom-id" title="dom-id">id</a>;
-           attribute DOMString <a href="#dom-title" title="dom-title">title</a>;
-           attribute DOMString <a href="#dom-lang" title="dom-lang">lang</a>;
-           attribute DOMString <a href="#dom-dir" title="dom-dir">dir</a>;
-           attribute <span>DOMString</span> <a href="#dom-classname" title="dom-className">className</a>;
-  readonly attribute <a href="urls.html#domtokenlist">DOMTokenList</a> <a href="#dom-classlist" title="dom-classList">classList</a>;
-  readonly attribute <a href="#domstringmap">DOMStringMap</a> <a href="#dom-dataset" title="dom-dataset">dataset</a>;
-
-  // <a href="microdata.html#microdata">microdata</a>
-           attribute boolean <a href="#dom-itemscope" title="dom-itemScope">itemScope</a>;
-           attribute DOMString <a href="#dom-itemtype" title="dom-itemType">itemType</a>;
-           attribute DOMString <a href="#dom-itemid" title="dom-itemId">itemId</a>;
-           attribute DOMString <a href="#dom-itemref" title="dom-itemRef">itemRef</a>;
-  [PutForwards=<a href="#dom-domsettabletokenlist-value" title="dom-DOMSettableTokenList-value">value</a>] readonly attribute <a href="urls.html#domsettabletokenlist">DOMSettableTokenList</a> <a href="#dom-itemprop" title="dom-itemProp">itemProp</a>;
-  readonly attribute <a href="urls.html#htmlpropertiescollection">HTMLPropertiesCollection</a> <a href="#dom-properties" title="dom-properties">properties</a>;
-           attribute any <a href="#dom-itemvalue" title="dom-itemValue">itemValue</a>;
-
-  // <a href="editing.html#editing">user interaction</a>
-           attribute boolean <a href="#dom-hidden" title="dom-hidden">hidden</a>;
-  void <a href="#dom-click" title="dom-click">click</a>();
-  void <a href="#dom-scrollintoview" title="dom-scrollIntoView">scrollIntoView</a>();
-  void <a href="#dom-scrollintoview" title="dom-scrollIntoView">scrollIntoView</a>(in boolean top);
-           attribute long <a href="#dom-tabindex" title="dom-tabindex">tabIndex</a>;
-  void <a href="#dom-focus" title="dom-focus">focus</a>();
-  void <a href="#dom-blur" title="dom-blur">blur</a>();
-           attribute DOMString <a href="#dom-accesskey" title="dom-accessKey">accessKey</a>;
-  readonly attribute DOMString <a href="#dom-accesskeylabel" title="dom-accessKeyLabel">accessKeyLabel</a>;
-           attribute boolean <a href="#dom-draggable" title="dom-draggable">draggable</a>;
-           attribute DOMString <a href="#dom-contenteditable" title="dom-contentEditable">contentEditable</a>;
-  readonly attribute boolean <a href="#dom-iscontenteditable" title="dom-isContentEditable">isContentEditable</a>;
-           attribute <a href="interactive-elements.html#htmlmenuelement">HTMLMenuElement</a> <a href="#dom-contextmenu" title="dom-contextMenu">contextMenu</a>;
-           attribute DOMString <a href="#dom-spellcheck" title="dom-spellcheck">spellcheck</a>;
-
-  // <a href="commands.html#command-api">command API</a>
-  readonly attribute DOMString <a href="#dom-command-ro-commandtype" title="dom-command-ro-commandType">commandType</a>;
-  readonly attribute DOMString <a href="#dom-command-ro-label" title="dom-command-ro-label">label</a>;
-  readonly attribute DOMString <a href="#dom-command-ro-icon" title="dom-command-ro-icon">icon</a>;
-  readonly attribute boolean <a href="#dom-command-ro-disabled" title="dom-command-ro-disabled">disabled</a>;
-  readonly attribute boolean <a href="#dom-command-ro-checked" title="dom-command-ro-checked">checked</a>;<!-- v2COMMAND
-  readonly attribute <span>HTMLCollection</span> <span title="dom-command-ro-triggers">triggers</span>;-->
-
-  // <span>styling</span>
-  readonly attribute <span>CSSStyleDeclaration</span> <a href="#dom-style" title="dom-style">style</a>;
-
-  // <a href="#event-handler-idl-attributes">event handler IDL attributes</a>
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onabort" title="handler-onabort">onabort</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onblur" title="handler-onblur">onblur</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-oncanplay" title="handler-oncanplay">oncanplay</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-oncanplaythrough" title="handler-oncanplaythrough">oncanplaythrough</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onchange" title="handler-onchange">onchange</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onclick" title="handler-onclick">onclick</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-oncontextmenu" title="handler-oncontextmenu">oncontextmenu</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-ondblclick" title="handler-ondblclick">ondblclick</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-ondrag" title="handler-ondrag">ondrag</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-ondragend" title="handler-ondragend">ondragend</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-ondragenter" title="handler-ondragenter">ondragenter</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-ondragleave" title="handler-ondragleave">ondragleave</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-ondragover" title="handler-ondragover">ondragover</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-ondragstart" title="handler-ondragstart">ondragstart</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-ondrop" title="handler-ondrop">ondrop</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-ondurationchange" title="handler-ondurationchange">ondurationchange</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onemptied" title="handler-onemptied">onemptied</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onended" title="handler-onended">onended</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onerror" title="handler-onerror">onerror</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onfocus" title="handler-onfocus">onfocus</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onformchange" title="handler-onformchange">onformchange</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onforminput" title="handler-onforminput">onforminput</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-oninput" title="handler-oninput">oninput</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-oninvalid" title="handler-oninvalid">oninvalid</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onkeydown" title="handler-onkeydown">onkeydown</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onkeypress" title="handler-onkeypress">onkeypress</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onkeyup" title="handler-onkeyup">onkeyup</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onload" title="handler-onload">onload</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onloadeddata" title="handler-onloadeddata">onloadeddata</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onloadedmetadata" title="handler-onloadedmetadata">onloadedmetadata</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onloadstart" title="handler-onloadstart">onloadstart</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onmousedown" title="handler-onmousedown">onmousedown</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onmousemove" title="handler-onmousemove">onmousemove</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onmouseout" title="handler-onmouseout">onmouseout</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onmouseover" title="handler-onmouseover">onmouseover</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onmouseup" title="handler-onmouseup">onmouseup</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onmousewheel" title="handler-onmousewheel">onmousewheel</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onpause" title="handler-onpause">onpause</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onplay" title="handler-onplay">onplay</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onplaying" title="handler-onplaying">onplaying</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onprogress" title="handler-onprogress">onprogress</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onratechange" title="handler-onratechange">onratechange</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onreadystatechange" title="handler-onreadystatechange">onreadystatechange</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onscroll" title="handler-onscroll">onscroll</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onseeked" title="handler-onseeked">onseeked</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onseeking" title="handler-onseeking">onseeking</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onselect" title="handler-onselect">onselect</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onshow" title="handler-onshow">onshow</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onstalled" title="handler-onstalled">onstalled</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onsubmit" title="handler-onsubmit">onsubmit</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onsuspend" title="handler-onsuspend">onsuspend</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-ontimeupdate" title="handler-ontimeupdate">ontimeupdate</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onvolumechange" title="handler-onvolumechange">onvolumechange</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-onwaiting" title="handler-onwaiting">onwaiting</a>;
-};
-
-interface <dfn id="htmlunknownelement">HTMLUnknownElement</dfn> : <a href="#htmlelement">HTMLElement</a> { };</pre><p>The <code><a href="#htmlelement">HTMLElement</a></code> interface holds methods and
-  attributes related to a number of disparate features, and the
-  members of this interface are therefore described in various
-  different sections of this specification.</p><h4 id="global-attributes"><span class="secno">3.2.3 </span><dfn>Global attributes</dfn></h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The following attributes are common to and may be specified on
-  all <a href="infrastructure.html#html-elements">HTML elements</a>:</p><ul class="brief"><li><code title="attr-accesskey"><a href="editing.html#the-accesskey-attribute">accesskey</a></code></li>
-   <li><code title="attr-class"><a href="#classes">class</a></code></li>
-   <li><code title="attr-contenteditable"><a href="editing.html#attr-contenteditable">contenteditable</a></code></li>
-   <li><code title="attr-contextmenu"><a href="interactive-elements.html#attr-contextmenu">contextmenu</a></code></li>
-   <li><code title="attr-dir"><a href="#the-dir-attribute">dir</a></code></li>
-   <li><code title="attr-draggable"><a href="dnd.html#the-draggable-attribute">draggable</a></code></li>
-   <li><code title="attr-hidden"><a href="editing.html#the-hidden-attribute">hidden</a></code></li>
-   <li><code title="attr-id"><a href="#the-id-attribute">id</a></code></li>
-   <li><code title="attr-itemid"><a href="microdata.html#attr-itemid">itemid</a></code></li>
-   <li><code title="attr-itemprop"><a href="microdata.html#names:-the-itemprop-attribute">itemprop</a></code></li>
-   <li><code title="attr-itemref"><a href="microdata.html#attr-itemref">itemref</a></code></li>
-   <li><code title="attr-itemscope"><a href="microdata.html#attr-itemscope">itemscope</a></code></li>
-   <li><code title="attr-itemtype"><a href="microdata.html#attr-itemtype">itemtype</a></code></li>
-   <li><code title="attr-lang"><a href="#attr-lang">lang</a></code></li>
-   <li><code title="attr-spellcheck"><a href="editing.html#attr-spellcheck">spellcheck</a></code></li>
-   <li><code title="attr-style"><a href="#the-style-attribute">style</a></code></li>
-   <li><code title="attr-tabindex"><a href="editing.html#attr-tabindex">tabindex</a></code></li>
-   <li><code title="attr-title"><a href="#the-title-attribute">title</a></code></li>
-  </ul><hr><p>The following <a href="browsers.html#event-handler-content-attributes">event handler content attributes</a> may
-  be specified on any <a href="infrastructure.html#html-elements" title="HTML elements">HTML
-  element</a>:</p><ul class="brief"><li><code title="handler-onabort"><a href="#handler-onabort">onabort</a></code></li>
-   <li><code title="handler-onblur"><a href="#handler-onblur">onblur</a></code>*</li>
-   <li><code title="handler-oncanplay"><a href="#handler-oncanplay">oncanplay</a></code></li>
-   <li><code title="handler-oncanplaythrough"><a href="#handler-oncanplaythrough">oncanplaythrough</a></code></li>
-   <li><code title="handler-onchange"><a href="#handler-onchange">onchange</a></code></li>
-   <li><code title="handler-onclick"><a href="#handler-onclick">onclick</a></code></li>
-   <li><code title="handler-oncontextmenu"><a href="#handler-oncontextmenu">oncontextmenu</a></code></li>
-   <li><code title="handler-ondblclick"><a href="#handler-ondblclick">ondblclick</a></code></li>
-   <li><code title="handler-ondrag"><a href="#handler-ondrag">ondrag</a></code></li>
-   <li><code title="handler-ondragend"><a href="#handler-ondragend">ondragend</a></code></li>
-   <li><code title="handler-ondragenter"><a href="#handler-ondragenter">ondragenter</a></code></li>
-   <li><code title="handler-ondragleave"><a href="#handler-ondragleave">ondragleave</a></code></li>
-   <li><code title="handler-ondragover"><a href="#handler-ondragover">ondragover</a></code></li>
-   <li><code title="handler-ondragstart"><a href="#handler-ondragstart">ondragstart</a></code></li>
-   <li><code title="handler-ondrop"><a href="#handler-ondrop">ondrop</a></code></li>
-   <li><code title="handler-ondurationchange"><a href="#handler-ondurationchange">ondurationchange</a></code></li>
-   <li><code title="handler-onemptied"><a href="#handler-onemptied">onemptied</a></code></li>
-   <li><code title="handler-onended"><a href="#handler-onended">onended</a></code></li>
-   <li><code title="handler-onerror"><a href="#handler-onerror">onerror</a></code>*</li>
-   <li><code title="handler-onfocus"><a href="#handler-onfocus">onfocus</a></code>*</li>
-   <li><code title="handler-onformchange"><a href="#handler-onformchange">onformchange</a></code></li>
-   <li><code title="handler-onforminput"><a href="#handler-onforminput">onforminput</a></code></li>
-   <li><code title="handler-oninput"><a href="#handler-oninput">oninput</a></code></li>
-   <li><code title="handler-oninvalid"><a href="#handler-oninvalid">oninvalid</a></code></li>
-   <li><code title="handler-onkeydown"><a href="#handler-onkeydown">onkeydown</a></code></li>
-   <li><code title="handler-onkeypress"><a href="#handler-onkeypress">onkeypress</a></code></li>
-   <li><code title="handler-onkeyup"><a href="#handler-onkeyup">onkeyup</a></code></li>
-   <li><code title="handler-onload"><a href="#handler-onload">onload</a></code>*</li>
-   <li><code title="handler-onloadeddata"><a href="#handler-onloadeddata">onloadeddata</a></code></li>
-   <li><code title="handler-onloadedmetadata"><a href="#handler-onloadedmetadata">onloadedmetadata</a></code></li>
-   <li><code title="handler-onloadstart"><a href="#handler-onloadstart">onloadstart</a></code></li>
-   <li><code title="handler-onmousedown"><a href="#handler-onmousedown">onmousedown</a></code></li>
-   <li><code title="handler-onmousemove"><a href="#handler-onmousemove">onmousemove</a></code></li>
-   <li><code title="handler-onmouseout"><a href="#handler-onmouseout">onmouseout</a></code></li>
-   <li><code title="handler-onmouseover"><a href="#handler-onmouseover">onmouseover</a></code></li>
-   <li><code title="handler-onmouseup"><a href="#handler-onmouseup">onmouseup</a></code></li>
-   <li><code title="handler-onmousewheel"><a href="#handler-onmousewheel">onmousewheel</a></code></li>
-   <li><code title="handler-onpause"><a href="#handler-onpause">onpause</a></code></li>
-   <li><code title="handler-onplay"><a href="#handler-onplay">onplay</a></code></li>
-   <li><code title="handler-onplaying"><a href="#handler-onplaying">onplaying</a></code></li>
-   <li><code title="handler-onprogress"><a href="#handler-onprogress">onprogress</a></code></li>
-   <li><code title="handler-onratechange"><a href="#handler-onratechange">onratechange</a></code></li>
-   <li><code title="handler-onreadystatechange"><a href="#handler-onreadystatechange">onreadystatechange</a></code></li>
-   <li><code title="handler-onscroll"><a href="#handler-onscroll">onscroll</a></code></li>
-   <li><code title="handler-onseeked"><a href="#handler-onseeked">onseeked</a></code></li>
-   <li><code title="handler-onseeking"><a href="#handler-onseeking">onseeking</a></code></li>
-   <li><code title="handler-onselect"><a href="#handler-onselect">onselect</a></code></li>
-   <li><code title="handler-onshow"><a href="#handler-onshow">onshow</a></code></li>
-   <li><code title="handler-onstalled"><a href="#handler-onstalled">onstalled</a></code></li>
-   <li><code title="handler-onsubmit"><a href="#handler-onsubmit">onsubmit</a></code></li>
-   <li><code title="handler-onsuspend"><a href="#handler-onsuspend">onsuspend</a></code></li>
-   <li><code title="handler-ontimeupdate"><a href="#handler-ontimeupdate">ontimeupdate</a></code></li>
-   <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="sections.html#the-body-element-0">body</a></code> elements as
-  those elements expose <a href="browsers.html#event-handlers">event handlers</a> of the
-  <code><a href="browsers.html#window">Window</a></code> object with the same names.</p><p class="note">While these attributes apply to all elements, they
-  are not useful on all elements. For example, only <a href="video.html#media-element" title="media
-  element">media elements</a> will ever receive a <code title="event-media-volumechange"><a href="video.html#event-media-volumechange">volumechange</a></code> event fired by
-  the user agent.</p><hr><p><a href="#custom-data-attribute" title="custom data attribute">Custom data attributes</a>
-  (e.g. <code title="">data-foldername</code> or <code title="">data-msgid</code>) can be specified on any <a href="infrastructure.html#html-elements" title="HTML elements">HTML element</a>, to store custom data
-  specific to the page.</p><hr><p>In <a href="dom.html#html-documents">HTML documents</a>, elements in the <a href="#html-namespace-0">HTML
-  namespace</a> may have an <code title="">xmlns</code> attribute
-  specified, if, and only if, it has the exact value
-  "<code>http://www.w3.org/1999/xhtml</code>". This does not apply to
-  <a href="dom.html#xml-documents">XML documents</a>.</p><p class="note">In HTML, the <code title="">xmlns</code> attribute
-  has absolutely no effect. It is basically a talisman. It is allowed
-  merely to make migration to and from XHTML mildly easier. When
-  parsed by an <a href="#html-parser">HTML parser</a>, the attribute ends up in no
-  namespace, not the "<code>http://www.w3.org/2000/xmlns/</code>"
-  namespace like namespace declaration attributes in XML do.</p><p class="note">In XML, an <code title="">xmlns</code> attribute is
-  part of the namespace declaration mechanism, and an element cannot
-  actually have an <code title="">xmlns</code> attribute in no
-  namespace specified.</p><hr><p>To enable assistive technology products to expose a more
-  fine-grained interface than is otherwise possible with HTML elements
-  and attributes, a set of <a href="content-models.html#annotations-for-assistive-technology-products-aria">annotations for assistive technology
-  products</a> can be specified.</p><h5 id="the-id-attribute"><span class="secno">3.2.3.1 </span>The <dfn title="attr-id"><code>id</code></dfn> attribute</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code title="attr-id"><a href="#the-id-attribute">id</a></code> attribute specifies its
-  element's <dfn id="concept-id" title="concept-id">unique identifier (ID)</dfn>. The
-  value must be unique amongst all the IDs in the element's <a href="infrastructure.html#home-subtree">home
-  subtree</a> and must contain at least one character. The value
-  must not contain any <a href="#space-character" title="space character">space
-  characters</a>.</p><!-- space characters are disallowed because space-separated lists
-  of IDs otherwise would not be able to reach all valid IDs --><p class="note">An element's <a href="#concept-id" title="concept-id">unique
-  identifier</a> can be used for a variety of purposes, most
-  notably as a way to link to specific parts of a document using
-  fragment identifiers, as a way to target an element when scripting,
-  and as a way to style a specific element from CSS.</p><h5 id="the-title-attribute"><span class="secno">3.2.3.2 </span>The <dfn title="attr-title"><code>title</code></dfn> attribute</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code title="attr-title"><a href="#the-title-attribute">title</a></code> attribute
-  <a href="#represents">represents</a> advisory information for the element, such
-  as would be appropriate for a tooltip. On a link, this could be the
-  title or a description of the target resource; on an image, it could
-  be the image credit or a description of the image; on a paragraph,
-  it could be a footnote or commentary on the text; on a citation, it
-  could be further information about the source; and so forth. The
-  value is text.</p><p>If this attribute is omitted from an element, then it implies
-  that the <code title="attr-title"><a href="#the-title-attribute">title</a></code> attribute of the
-  nearest ancestor <a href="infrastructure.html#html-elements" title="HTML elements">HTML element</a>
-  with a <code title="attr-title"><a href="#the-title-attribute">title</a></code> attribute set is also
-  relevant to this element. Setting the attribute overrides this,
-  explicitly stating that the advisory information of any ancestors is
-  not relevant to this element. Setting the attribute to the empty
-  string indicates that the element has no advisory information.</p><p>If the <code title="attr-title"><a href="#the-title-attribute">title</a></code> attribute's value
-  contains U+000A LINE FEED (LF) characters, the content is split into
-  multiple lines. Each U+000A LINE FEED (LF) character represents a
-  line break.</p><div class="example">
-
-   <p>Caution is advised with respect to the use of newlines in <code title="attr-title"><a href="#the-title-attribute">title</a></code> attributes.</p>
-
-   <p>For instance, the following snippet actually defines an
-   abbreviation's expansion <em>with a line break in it</em>:</p>
-
-   <pre class="bad">&lt;p&gt;My logs show that there was some interest in &lt;abbr title="Hypertext
-Transport Protocol"&gt;HTTP&lt;/abbr&gt; today.&lt;/p&gt;</pre>
-
-  </div><p>Some elements, such as <code><a href="semantics.html#the-link-element">link</a></code>, <code><a href="text-level-semantics.html#the-abbr-element">abbr</a></code>, and
-  <code><a href="the-input-element.html#the-input-element">input</a></code>, define additional semantics for the <code title="attr-title"><a href="#the-title-attribute">title</a></code> attribute beyond the semantics
-  described above.</p><h5 id="the-lang-and-xml:lang-attributes"><span class="secno">3.2.3.3 </span>The <code title="attr-lang"><a href="#attr-lang">lang</a></code> and <code title="attr-xml-lang"><a href="#attr-xml-lang">xml:lang</a></code> attributes</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-lang" title="attr-lang"><code>lang</code></dfn> attribute (in
-  no namespace) specifies the primary <dfn id="language">language</dfn> for the
-  element's contents and for any of the element's attributes that
-  contain text. Its value must be a valid BCP 47 language code, or
-  the empty string. <a href="references.html#refsBCP47">[BCP47]</a></p><p>The <dfn id="attr-xml-lang" title="attr-xml-lang"><code title="">lang</code></dfn>
-  attribute in the <a href="#xml-namespace">XML namespace</a> is defined in XML. <a href="references.html#refsXML">[XML]</a></p><p>If these attributes are omitted from an element, then the
-  language of this element is the same as the language of its parent
-  element, if any. Setting the attribute to the empty string indicates
-  that the primary language is unknown.</p><!-- UA conformance
-  requires for this are below --><p>The <code title="attr-lang"><a href="#attr-lang">lang</a></code> attribute in no namespace
-  may be used on any <a href="infrastructure.html#html-elements" title="HTML elements">HTML
-  element</a>.</p><p>The <a href="#attr-xml-lang" title="attr-xml-lang"><code title="">lang</code>
-  attribute in the <span>XML namespace</span></a> may be used on
-  <a href="infrastructure.html#html-elements">HTML elements</a> in <a href="dom.html#xml-documents">XML documents</a>, as well as
-  elements in other namespaces if the relevant specifications allow it
-  (in particular, MathML and SVG allow <a href="#attr-xml-lang" title="attr-xml-lang"><code title="">lang</code> attributes in the
-  <span>XML namespace</span></a> to be specified on their
-  elements). If both the <code title="attr-lang"><a href="#attr-lang">lang</a></code> attribute
-  in no namespace and the <a href="#attr-xml-lang" title="attr-xml-lang"><code title="">lang</code> attribute in the <span>XML
-  namespace</span></a> are specified on the same element, they must
-  have exactly the same value when compared in an <a href="infrastructure.html#ascii-case-insensitive">ASCII
-  case-insensitive</a> manner.</p><p>Authors must not use the <a href="#attr-xml-lang" title="attr-xml-lang"><code title="">lang</code> attribute in the <span>XML
-  namespace</span></a> on <a href="infrastructure.html#html-elements">HTML elements</a> in <a href="dom.html#html-documents">HTML
-  documents</a>. To ease migration to and from XHTML, authors may
-  specify an attribute in no namespace with no prefix and with the
-  literal localname "<code title="">xml:lang</code>" on <a href="infrastructure.html#html-elements">HTML
-  elements</a> in <a href="dom.html#html-documents">HTML documents</a>, but such attributes
-  must only be specified if a <code title="attr-lang"><a href="#attr-lang">lang</a></code>
-  attribute in no namespace is also specified, and both attributes
-  must have the same value when compared in an <a href="infrastructure.html#ascii-case-insensitive">ASCII
-  case-insensitive</a> manner.</p><p class="note">The attribute in no namespace with no prefix and
-  with the literal localname "<code title="">xml:lang</code>" has no
-  effect on language processing.</p><h5 id="the-xml:base-attribute-xml-only"><span class="secno">3.2.3.4 </span>The <dfn title="attr-xml-base"><code>xml:base</code></dfn>
-  attribute (XML only)</h5><p>The <code title="attr-xml-base"><a href="#the-xml:base-attribute-xml-only">xml:base</a></code> attribute is
-  defined in XML Base. <a href="references.html#refsXMLBASE">[XMLBASE]</a></p><p>The <code title="attr-xml-base"><a href="#the-xml:base-attribute-xml-only">xml:base</a></code> attribute may be
-  used on elements of <a href="dom.html#xml-documents">XML documents</a>. Authors must not
-  use the <code title="attr-xml-base"><a href="#the-xml:base-attribute-xml-only">xml:base</a></code> attribute in
-  <a href="dom.html#html-documents">HTML documents</a>.</p><h5 id="the-dir-attribute"><span class="secno">3.2.3.5 </span>The <dfn title="attr-dir"><code>dir</code></dfn> attribute</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code title="attr-dir"><a href="#the-dir-attribute">dir</a></code> attribute specifies the
-  element's text directionality. The attribute is an <a href="common-microsyntaxes.html#enumerated-attribute">enumerated
-  attribute</a> with the keyword <code title="">ltr</code> mapping
-  to the state <i>ltr</i>, and the keyword <code title="">rtl</code>
-  mapping to the state <i>rtl</i>. The attribute has no
-  defaults.</p><p><dfn id="the-directionality">The directionality</dfn> of an element, which is used in
-  particular by the <code><a href="the-canvas-element.html#the-canvas-element">canvas</a></code> element's text rendering API,
-  is either 'ltr' or 'rtl'. If the user agent supports CSS and the
-  'direction' property on this element has a computed value of either
-  'ltr' or 'rtl', then that is <a href="#the-directionality">the directionality</a> of the
-  element. Otherwise, if the element is <a href="#being-rendered">being rendered</a>,
-  then <a href="#the-directionality">the directionality</a> of the element is the
-  directionality used by the presentation layer, potentially
-  determined from the value of the <code title="attr-dir"><a href="#the-dir-attribute">dir</a></code>
-  attribute on the element. Otherwise, if the element's <code title="attr-dir"><a href="#the-dir-attribute">dir</a></code> attribute has the state <i>ltr</i>, the
-  element's directionality is 'ltr' (left-to-right); if the attribute
-  has the state <i>rtl</i>, the element's directionality is 'rtl'
-  (right-to-left); and otherwise, the element's directionality is the
-  same as its parent element, or 'ltr' if there is no parent
-  element.</p><hr><dl class="domintro"><dt><var title="">document</var> . <code title="dom-dir"><a href="#dom-dir">dir</a></code> [ = <var title="">value</var> ]</dt>
-   <dd>
-    <p>Returns <a href="dom.html#the-html-element">the <code>html</code> element</a>'s <code title="attr-dir"><a href="#the-dir-attribute">dir</a></code> attribute's value, if any.</p>
-    <p>Can be set, to either "<code title="">ltr</code>" or "<code title="">rtl</code>", to replace <a href="dom.html#the-html-element">the <code>html</code> element</a>'s <code title="attr-dir"><a href="#the-dir-attribute">dir</a></code> attribute's value.</p>
-    <p>If there is no <a href="dom.html#the-html-element" title="the html element"><code>html</code> element</a>, returns the empty string and ignores new values.</p>
-   </dd>
-
-  </dl><p class="note">Authors are strongly encouraged to use the <code title="attr-dir"><a href="#the-dir-attribute">dir</a></code> attribute to indicate text direction
-  rather than using CSS, since that way their documents will continue
-  to render correctly even in the absence of CSS (e.g. as interpreted
-  by search engines).</p><h5 id="classes"><span class="secno">3.2.3.6 </span>The <dfn title="attr-class"><code>class</code></dfn> attribute</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>Every <a href="infrastructure.html#html-elements" title="HTML elements">HTML element</a> may have a
-  <code title="attr-class"><a href="#classes">class</a></code> attribute specified.</p><p>The attribute, if specified, must have a value that is a
-  <a href="common-microsyntaxes.html#set-of-space-separated-tokens">set of space-separated tokens</a> representing the various
-  classes that the element belongs to.</p><p class="note">Assigning classes to an element affects class
-  matching in selectors in CSS, the <code title="dom-document-getElementsByClassName"><a href="#dom-document-getelementsbyclassname">getElementsByClassName()</a></code>
-  method in the DOM, and other such features.</p><p>There are no additional restrictions on the tokens authors can
-  use in the <code title="attr-class"><a href="#classes">class</a></code> attribute, but
-  authors are encouraged to use values that describe the nature of the
-  content, rather than values that describe the desired presentation
-  of the content.</p><h5 id="the-style-attribute"><span class="secno">3.2.3.7 </span>The <dfn title="attr-style"><code>style</code></dfn> attribute</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>All <a href="infrastructure.html#html-elements">HTML elements</a> may have the <code title="attr-style"><a href="#the-style-attribute">style</a></code> content attribute set. If specified,
-  the attribute must contain only a list of zero or more
-  semicolon-separated (;) CSS declarations, matching the CSS Style
-  Attribute <code title="">inline-stylesheet</code> production. <a href="references.html#refsCSSATTR">[CSSATTR]</a></p><p>Documents that use <code title="attr-style"><a href="#the-style-attribute">style</a></code>
-  attributes on any of their elements must still be comprehensible and
-  usable if those attributes were removed.</p><p class="note">In particular, using the <code title="attr-style"><a href="#the-style-attribute">style</a></code> attribute to hide and show content,
-  or to convey meaning that is otherwise not included in the document,
-  is non-conforming. (To hide and show content, use the <code title="attr-hidden"><a href="editing.html#the-hidden-attribute">hidden</a></code> attribute.)</p><hr><dl class="domintro"><dt><var title="">element</var> . <code title="dom-style"><a href="#dom-style">style</a></code></dt>
-   <dd>
-    <p>Returns a <code>CSSStyleDeclaration</code> object for the element's <code title="attr-style"><a href="#the-style-attribute">style</a></code> attribute.</p>
-   </dd>
-
-  </dl><div class="example">
-
-   <p>In the following example, the words that refer to colors are
-   marked up using the <code><a href="text-level-semantics.html#the-span-element">span</a></code> element and the <code title="attr-style"><a href="#the-style-attribute">style</a></code> attribute to make those words show
-   up in the relevant colors in visual media.</p>
-
-   <pre>&lt;p&gt;My sweat suit is &lt;span style="color: green; background:
-transparent"&gt;green&lt;/span&gt; and my eyes are &lt;span style="color: blue;
-background: transparent"&gt;blue&lt;/span&gt;.&lt;/p&gt;</pre>
-
-  </div><h5 id="embedding-custom-non-visible-data"><span class="secno">3.2.3.8 </span><dfn>Embedding custom non-visible data</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>A <dfn id="custom-data-attribute">custom data attribute</dfn> is an attribute in no
-  namespace whose name starts with the string "<dfn id="attr-data" title="attr-data-*"><code>data-</code></dfn>", has at least one
-  character after the hyphen, is <a href="infrastructure.html#xml-compatible">XML-compatible</a>, and
-  contains no characters in the range U+0041 to U+005A (LATIN CAPITAL
-  LETTER A to LATIN CAPITAL LETTER Z).</p><p class="note">All attributes on <a href="infrastructure.html#html-elements">HTML elements</a> in
-  <a href="dom.html#html-documents">HTML documents</a> get ASCII-lowercased automatically, so
-  the restriction on ASCII uppercase letters doesn't affect such
-  documents.</p><p><a href="#custom-data-attribute" title="custom data attribute">Custom data attributes</a>
-  are intended to store custom data private to the page or
-  application, for which there are no more appropriate attributes or
-  elements.</p><p>These attributes are not intended for use by software that is
-  independent of the site that uses the attributes.</p><div class="example">
-
-   <p>For instance, a site about music could annotate list items
-   representing tracks in an album with custom data attributes
-   containing the length of each track. This information could then be
-   used by the site itself to allow the user to sort the list by track
-   length, or to filter the list for tracks of certain lengths.</p>
-
-   <pre>&lt;ol&gt;
- &lt;li data-length="2m11s"&gt;Beyond The Sea&lt;/li&gt;
- ...
-&lt;/ol&gt;</pre>
-
-   <p>It would be inappropriate, however, for the user to use generic
-   software not associated with that music site to search for tracks
-   of a certain length by looking at this data.</p>
-
-   <p>This is because these attributes are intended for use by the
-   site's own scripts, and are not a generic extension mechanism for
-   publicly-usable metadata.</p>
-
-  </div><p>Every <a href="infrastructure.html#html-elements" title="HTML elements">HTML element</a> may have
-  any number of <a href="#custom-data-attribute" title="custom data attribute">custom data
-  attributes</a> specified, with any value.</p><hr><dl class="domintro"><dt><var title="">element</var> . <code title="dom-dataset"><a href="#dom-dataset">dataset</a></code></dt>
-   <dd>
-    <p>Returns a <code><a href="#domstringmap">DOMStringMap</a></code> object for the element's <code title="attr-data-*"><a href="#attr-data">data-*</a></code> attributes.</p>
-   </dd>
-
-  </dl><div class="example">
-
-   <p>If a Web page wanted an element to represent a space ship,
-   e.g. as part of a game, it would have to use the <code class="attr-class">class</code> attribute along with <code title="attr-data-*"><a href="#attr-data">data-*</a></code> attributes:</p>
-
-   <pre>&lt;div class="spaceship" data-id="92432"
-     data-weapons="laser 2" data-shields="50%"
-     data-x="30" data-y="10" data-z="90"&gt;
- &lt;button class="fire"
-         onclick="spaceships[this.parentNode.dataset.id].fire()"&gt;
-  Fire
- &lt;/button&gt;
-&lt;/div&gt;</pre>
-
-  </div><p>Authors should carefully design such extensions so that when the
-  attributes are ignored and any associated CSS dropped, the page is
-  still usable.</p><p>JavaScript libraries may use the <span>custom data
-  attributes</span>, as they are considered to be part of the page on
-  which they are used. Authors of libraries that are reused by many
-  authors are encouraged to include their name in the attribute names,
-  to reduce the risk of clashes.</p><div class="example">
-
-   <p>For example, a library called "DoQuery" could use attribute
-   names like <code title="">data-doquery-range</code>, and a library
-   called "jJo" could use attributes names like <code title="">data-jjo-range</code>.</p>
-
-  </div><h4 id="element-definitions"><span class="secno">3.2.4 </span>Element definitions</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>Each element in this specification has a definition that includes
-  the following information:</p><dl><dt>Categories</dt>
-
-   <dd>A list of <a href="content-models.html#content-categories" title="content categories">categories</a> to
-   which the element belongs. These are used when defining the
-   <a href="content-models.html#content-models">content models</a> for each element.</dd>
-
-
-   <dt>Contexts in which this element may be used</dt>
-
-   <dd>A <em>non-normative</em> description of where the element can
-   be used. This information is redundant with the content models of
-   elements that allow this one as a child, and is provided only as a
-   convenience.</dd>
-
-
-   <dt>Content model</dt>
-
-   <dd>A normative description of what content must be included as
-   children and descendants of the element.</dd>
-
-
-   <dt>Content attributes</dt>
-
-   <dd>A normative list of attributes that may be specified on the
-   element.</dd>
-
-
-   <dt>DOM interface</dt>
-
-   <dd>A normative definition of a DOM interface that such elements
-   must implement.</dd>
-
-  </dl><p>This is then followed by a description of what the element
-  <a href="#represents">represents</a>, along with any additional normative
-  conformance criteria that may apply to authors. Examples are sometimes
-  also included.</p></body></html>
\ No newline at end of file

Index: urls.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/urls.html,v
retrieving revision 1.13
retrieving revision 1.14
diff -u -d -r1.13 -r1.14
--- urls.html	6 Jan 2010 15:49:35 -0000	1.13
+++ urls.html	6 Jan 2010 16:12:48 -0000	1.14
@@ -1,710 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
-<!DOCTYPE html>
-<!-- when publishing, change bits marked ZZZ --><html lang="en-US-x-Hixie" class="split chapter"><head><title>2.5 URLs &#8212; HTML5 (Author Edition)</title><script src="link-fixup.js"></script><link href="whatwg.css" rel="stylesheet"><style type="text/css">
-   pre { margin-left: 2em; white-space: pre-wrap; }
-   h2 { margin: 3em 0 1em 0; }
-   h3 { margin: 2.5em 0 1em 0; }
-   h4 { margin: 2.5em 0 0.75em 0; }
-   h5, h6 { margin: 2.5em 0 1em; }
-   h1 + h2, h1 + h2 + h2 { margin: 0.75em 0 0.75em; }
-   h2 + h3, h3 + h4, h4 + h5, h5 + h6 { margin-top: 0.5em; }
-   p { margin: 1em 0; }
-   hr:not(.top) { display: block; background: none; border: none; padding: 0; margin: 2em 0; height: auto; }
-   dl, dd { margin-top: 0; margin-bottom: 0; }
-   dt { margin-top: 0.75em; margin-bottom: 0.25em; clear: left; }
-   dt + dt { margin-top: 0; }
-   dd dt { margin-top: 0.25em; margin-bottom: 0; }
-   dd p { margin-top: 0; }
-   dd dl + p { margin-top: 1em; }
-   dd table + p { margin-top: 1em; }
-   p + * > li, dd li { margin: 1em 0; }
-   dt, dfn { font-weight: bold; font-style: normal; }
-   dt dfn { font-style: italic; }
-   pre, code { font-size: inherit; font-family: monospace; font-variant: normal; }
-   pre strong { color: black; font: inherit; font-weight: bold; background: yellow; }
-   pre em { font-weight: bolder; font-style: normal; }
-   @media screen { code { color: orangered; } code :link, code :visited { color: inherit; } }
-   var sub { vertical-align: bottom; font-size: smaller; position: relative; top: 0.1em; }
-   table { border-collapse: collapse; border-style: hidden hidden none hidden; }
-   table thead { border-bottom: solid; }
-   table tbody th:first-child { border-left: solid; }
-   table tbody th { text-align: left; }
-   table td, table th { border-left: solid; border-right: solid; border-bottom: solid thin; vertical-align: top; padding: 0.2em; }
-   blockquote { margin: 0 0 0 2em; border: 0; padding: 0; font-style: italic; }
-
-   .bad, .bad *:not(.XXX) { color: gray; border-color: gray; background: transparent; }
-   .matrix, .matrix td { border: none; text-align: right; }
-   .matrix { margin-left: 2em; }
-   .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
-   .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
-   .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
-
-   .toc dfn, h1 dfn, h2 dfn, h3 dfn, h4 dfn, h5 dfn, h6 dfn { font: inherit; }
-   img.extra { float: right; }
-   pre.idl { border: solid thin; background: #EEEEEE; color: black; padding: 0.5em 1em; }
-   pre.idl :link, pre.idl :visited { color: inherit; background: transparent; }
-   pre.css { border: solid thin; background: #FFFFEE; color: black; padding: 0.5em 1em; }
-   pre.css:first-line { color: #AAAA50; }
-   dl.domintro { color: green; margin: 2em 0 2em 2em; padding: 0.5em 1em; border: none; background: #EEFFEE; }
-   hr + dl.domintro, div.impl + dl.domintro { margin-top: 2.5em; margin-bottom: 1.5em; }
-   dl.domintro dt, dl.domintro dt * { color: black; text-decoration: none; }
-   dl.domintro dd { margin: 0.5em 0 1em 2em; padding: 0; }
-   dl.domintro dd p { margin: 0.5em 0; }
-   dl.switch { padding-left: 2em; }
-   dl.switch > dt { text-indent: -1.5em; }
-   dl.switch > dt:before { content: '\21AA'; padding: 0 0.5em 0 0; display: inline-block; width: 1em; text-align: right; line-height: 0.5em; }
-   dl.triple { padding: 0 0 0 1em; }
-   dl.triple dt, dl.triple dd { margin: 0; display: inline }
-   dl.triple dt:after { content: ':'; }
-   dl.triple dd:after { content: '\A'; white-space: pre; }
-   .diff-old { text-decoration: line-through; color: silver; background: transparent; }
-   .diff-chg, .diff-new { text-decoration: underline; color: green; background: transparent; }
-   a .diff-new { border-bottom: 1px blue solid; }
-
-   h2 { page-break-before: always; }
-   h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
-   h1 + h2, hr + h2.no-toc { page-break-before: auto; }
-
-   p > span:not([title=""]):not([class="XXX"]):not([class="impl"]), li > span:not([title=""]):not([class="XXX"]):not([class="impl"]) { border-bottom: solid #9999CC; }
-
-   div.head { margin: 0 0 1em; padding: 1em 0 0 0; }
-   div.head p { margin: 0; }
-   div.head h1 { margin: 0; }
-   div.head .logo { float: right; margin: 0 1em; }
-   div.head .logo img { border: none } /* remove border from top image */
-   div.head dl { margin: 1em 0; }
-   div.head p.copyright, div.head p.alt { font-size: x-small; font-style: oblique; margin: 0; }
-
-   body > .toc > li { margin-top: 1em; margin-bottom: 1em; }
-   body > .toc.brief > li { margin-top: 0.35em; margin-bottom: 0.35em; }
-   body > .toc > li > * { margin-bottom: 0.5em; }
-   body > .toc > li > * > li > * { margin-bottom: 0.25em; }
-   .toc, .toc li { list-style: none; }
-
-   .brief { margin-top: 1em; margin-bottom: 1em; line-height: 1.1; }
-   .brief li { margin: 0; padding: 0; }
-   .brief li p { margin: 0; padding: 0; }
-
-   .category-list { margin-top: -0.75em; margin-bottom: 1em; line-height: 1.5; }
-   .category-list::before { content: '\21D2\A0'; font-size: 1.2em; font-weight: 900; }
-   .category-list li { display: inline; }
-   .category-list li:not(:last-child)::after { content: ', '; }
-   .category-list li > span, .category-list li > a { text-transform: lowercase; }
-   .category-list li * { text-transform: none; } /* don't affect <code> nested in <a> */
-
-   .XXX { color: #E50000; background: white; border: solid red; padding: 0.5em; margin: 1em 0; }
-   .XXX > :first-child { margin-top: 0; }
-   p .XXX { line-height: 3em; }
-   .annotation { border: solid thin black; background: #0C479D; color: white; position: relative; margin: 8px 0 20px 0; }
-   .annotation:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 6px -6px -6px 6px; background: #333333; z-index: -1; content: ''; }
-   .annotation :link, .annotation :visited { color: inherit; }
-   .annotation :link:hover, .annotation :visited:hover { background: transparent; }
-   .annotation span { border: none ! important; }
-   .note { color: green; background: transparent; font-family: sans-serif; }
-   .warning { color: red; background: transparent; }
-   .note, .warning { font-weight: bolder; font-style: italic; }
-   p.note, div.note { padding: 0.5em 2em; }
-   span.note { padding: 0 2em; }
-   .note p:first-child, .warning p:first-child { margin-top: 0; }
-   .note p:last-child, .warning p:last-child { margin-bottom: 0; }
-   .warning:before { font-style: normal; }
-   p.note:before { content: 'Note: '; }
-   p.warning:before { content: '\26A0 Warning! '; }
-
-   .bookkeeping:before { display: block; content: 'Bookkeeping details'; font-weight: bolder; font-style: italic; }
-   .bookkeeping { font-size: 0.8em; margin: 2em 0; }
-   .bookkeeping p { margin: 0.5em 2em; display: list-item; list-style: square; }
-
-   h4 { position: relative; z-index: 3; }
-   h4 + .element, h4 + div + .element { margin-top: -2.5em; padding-top: 2em; }
-   .element {
-     background: #EEEEFF;
-     color: black;
-     margin: 0 0 1em 0.15em;
-     padding: 0 1em 0.25em 0.75em;
-     border-left: solid #9999FF 0.25em;
-     position: relative;
-     z-index: 1;
-   }
-   .element:before {
-     position: absolute;
-     z-index: 2;
-     top: 0;
-     left: -1.15em;
-     height: 2em;
-     width: 0.9em;
-     background: #EEEEFF;
-     content: ' ';
-     border-style: none none solid solid;
-     border-color: #9999FF;
-     border-width: 0.25em;
-   }
-
-   .example { display: block; color: #222222; background: #FCFCFC; border-left: double; margin-left: 2em; padding-left: 1em; }
-   td > .example:only-child { margin: 0 0 0 0.1em; }
-
-   .tall-and-narrow {
-     font-size: 0.6em;
-     column-width: 25em;
-     column-gap: 1em;
-     -moz-column-width: 25em;
-     -moz-column-gap: 1em;
-     -webkit-column-width: 25em;
-     -webkit-column-gap: 1em;
-   }
-
-   ul.domTree, ul.domTree ul { padding: 0 0 0 1em; margin: 0; }
-   ul.domTree li { padding: 0; margin: 0; list-style: none; position: relative; }
-   ul.domTree li li { list-style: none; }
-   ul.domTree li:first-child::before { position: absolute; top: 0; height: 0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
-   ul.domTree li:not(:last-child)::after { position: absolute; top: 0; bottom: -0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
-   ul.domTree span { font-style: italic; font-family: serif; }
-   ul.domTree .t1 code { color: purple; font-weight: bold; }
-   ul.domTree .t2 { font-style: normal; font-family: monospace; }
-   ul.domTree .t2 .name { color: black; font-weight: bold; }
-   ul.domTree .t2 .value { color: blue; font-weight: normal; }
-   ul.domTree .t3 code, .domTree .t4 code, .domTree .t5 code { color: gray; }
-   ul.domTree .t7 code, .domTree .t8 code { color: green; }
-   ul.domTree .t10 code { color: teal; }
-
-   #configUI { position: absolute; z-index: 20; top: 10em; right: 1em; width: 11em; font-size: small; }
-   #configUI p { margin: 0.5em 0; padding: 0.3em; background: #EEEEEE; color: black; border: inset thin; }
-   #configUI p label { display: block; }
-   #configUI #updateUI, #configUI .loginUI { text-align: center; }
-   #configUI input[type=button] { display: block; margin: auto; }
-  </style><style type="text/css">
-
-   .applies thead th > * { display: block; }
-   .applies thead code { display: block; }
-   .applies tbody th { whitespace: nowrap; }
-   .applies td { text-align: center; }
-   .applies .yes { background: yellow; }
-
-   .matrix, .matrix td { border: none; text-align: right; }
-   .matrix { margin-left: 2em; }
-
-   .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
-   .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
-   .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
-
-   #table-example-1 { border: solid thin; border-collapse: collapse; margin-left: 3em; }
-   #table-example-1 * { font-family: "Essays1743", serif; line-height: 1.01em; }
-   #table-example-1 caption { padding-bottom: 0.5em; }
-   #table-example-1 thead, #table-example-1 tbody { border: none; }
-   #table-example-1 th, #table-example-1 td { border: solid thin; }
-   #table-example-1 th { font-weight: normal; }
-   #table-example-1 td { border-style: none solid; vertical-align: top; }
-   #table-example-1 th { padding: 0.5em; vertical-align: middle; text-align: center; }
-   #table-example-1 tbody tr:first-child td { padding-top: 0.5em; }
-   #table-example-1 tbody tr:last-child td { padding-bottom: 1.5em; }
-   #table-example-1 tbody td:first-child { padding-left: 2.5em; padding-right: 0; width: 9em; }
-   #table-example-1 tbody td:first-child::after { content: leader(". "); }
-   #table-example-1 tbody td { padding-left: 2em; padding-right: 2em; }
-   #table-example-1 tbody td:first-child + td { width: 10em; }
-   #table-example-1 tbody td:first-child + td ~ td { width: 2.5em; }
-   #table-example-1 tbody td:first-child + td + td + td ~ td { width: 1.25em; }
-
-   .apple-table-examples { border: none; border-collapse: separate; border-spacing: 1.5em 0em; width: 40em; margin-left: 3em; }
-   .apple-table-examples * { font-family: "Times", serif; }
-   .apple-table-examples td, .apple-table-examples th { border: none; white-space: nowrap; padding-top: 0; padding-bottom: 0; }
-   .apple-table-examples tbody th:first-child { border-left: none; width: 100%; }
-   .apple-table-examples thead th:first-child ~ th { font-size: smaller; font-weight: bolder; border-bottom: solid 2px; text-align: center; }
-   .apple-table-examples tbody th::after, .apple-table-examples tfoot th::after { content: leader(". ") }
-   .apple-table-examples tbody th, .apple-table-examples tfoot th { font: inherit; text-align: left; }
-   .apple-table-examples td { text-align: right; vertical-align: top; }
-   .apple-table-examples.e1 tbody tr:last-child td { border-bottom: solid 1px; }
-   .apple-table-examples.e1 tbody + tbody tr:last-child td { border-bottom: double 3px; }
-   .apple-table-examples.e2 th[scope=row] { padding-left: 1em; }
-   .apple-table-examples sup { line-height: 0; }
-
-  </style><link href="data:text/css," rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" rel="alternate stylesheet" title="Highlight implementation requirements"><link href="data:text/css," id="complete" rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" id="author" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" id="highlight" rel="alternate stylesheet" title="Highlight implementation requirements"><script>
-   function getCookie(name) {
-     var params = location.search.substr(1).split("&");
-     for (var index = 0; index < params.length; index++) {
-       if (params[index] == name)
-         return "1";
-       var data = params[index].split("=");
-       if (data[0] == name)
-         return unescape(data[1]);
-     }
-     var cookies = document.cookie.split("; ");
-     for (var index = 0; index < cookies.length; index++) {
-       var data = cookies[index].split("=");
-       if (data[0] == name)
-         return unescape(data[1]);
-     }
-     return null;
-   }
-   function load(script) {
-     var e = document.createElement('script');
-     e.setAttribute('src', 'http://www.whatwg.org/specs/web-apps/current-work/' + script + '?' + encodeURIComponent(location) + '&' + encodeURIComponent(document.referrer));
-     document.body.appendChild(e);
-   }
-   function init() {
-     if (location.search == '?slow-browser')
-       return;
-     var configUI = document.createElement('div');
-     configUI.id = 'configUI';
-     document.body.appendChild(configUI);
-     // load('reviewer.js'); // would need cross-site XHR
-     if (document.getElementById('head'))
-       load('toc.js');
-     
-     // load('updater.js'); // would need cross-site XHR
-     load('dfn.js');
-     // load('status.js'); // would need cross-site XHR
-     if (getCookie('profile') == '1')
-       document.getElementsByTagName('h2')[0].textContent += '; load: ' + (new Date() - loadTimer) + 'ms';
-     fixBrokenLink();
-   }
-  </script><link href="http://www.w3.org/StyleSheets/TR/W3C-ED" rel="stylesheet" type="text/css"><link href="common-microsyntaxes.html" title="2.4 Common microsyntaxes" rel="prev">
-  <link href="Overview.html#contents" title="Table of contents" rel="index">
-  <link href="dom.html" title="3 Semantics, structure, and APIs of HTML documents" rel="next">
-  </head><body onload="fixBrokenLink(); init()"><div class="head" id="head">
-   <p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
-   <h1>HTML5 (Author Edition)</h1>
-   </div><div>
-   <a href="common-microsyntaxes.html">&#8592; 2.4 Common microsyntaxes</a> &#8211;
-   <a href="Overview.html#contents">Table of contents</a> &#8211;
-   <a href="dom.html">3 Semantics, structure, and APIs of HTML documents &#8594;</a>
-  <ol class="toc"><li><ol><li><a href="urls.html#urls"><span class="secno">2.5 </span>URLs</a>
-    <ol><li><a href="urls.html#terminology-0"><span class="secno">2.5.1 </span>Terminology</a></li><li><a href="urls.html#interfaces-for-url-manipulation"><span class="secno">2.5.2 </span>Interfaces for URL manipulation</a></li></ol></li><li><a href="urls.html#common-dom-interfaces"><span class="secno">2.6 </span>Common DOM interfaces</a>
-    <ol><li><a href="urls.html#reflecting-content-attributes-in-idl-attributes"><span class="secno">2.6.1 </span>Reflecting content attributes in IDL attributes</a></li><li><a href="urls.html#collections-0"><span class="secno">2.6.2 </span>Collections</a>
-      <ol><li><a href="urls.html#htmlcollection-0"><span class="secno">2.6.2.1 </span>HTMLCollection</a></li><li><a href="urls.html#htmlallcollection-0"><span class="secno">2.6.2.2 </span>HTMLAllCollection</a></li><li><a href="urls.html#htmlformcontrolscollection-0"><span class="secno">2.6.2.3 </span>HTMLFormControlsCollection</a></li><li><a href="urls.html#htmloptionscollection-0"><span class="secno">2.6.2.4 </span>HTMLOptionsCollection</a></li><li><a href="urls.html#htmlpropertiescollection-0"><span class="secno">2.6.2.5 </span>HTMLPropertiesCollection</a></li></ol></li><li><a href="urls.html#domtokenlist-0"><span class="secno">2.6.3 </span>DOMTokenList</a></li><li><a href="urls.html#domsettabletokenlist-0"><span class="secno">2.6.4 </span>DOMSettableTokenList</a></li><li><a href="urls.html#domstringmap-0"><span class="secno">2.6.5 </span>DOMStringMap</a></li><li><a href="urls.html#dom-feature-strings"><span class="secno">2.6.6 </span>DOM feature strings</a></li><li><a href="urls.html#exceptions"><span class="secno">2.6.7 </span>Exceptions</a></li></ol></li></ol></li></ol></div>
-
-  <h3 id="urls"><span class="secno">2.5 </span>URLs</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments. </i><span><a href="http://www.w3.org/html/wg/tracker/issues/56">ISSUE-56</a> (urls-webarch) blocks progress to Last Call</span></p><h4 id="terminology-0"><span class="secno">2.5.1 </span>Terminology</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>A <dfn id="url">URL</dfn> is a string used to identify a resource.</p><p>A <a href="#url">URL</a> is a <dfn id="valid-url">valid URL</dfn> if it is a
-  <span>valid Web address</span> as defined by the Web addresses
-  specification. <a href="references.html#refsWEBADDRESSES">[WEBADDRESSES]</a></p><p>A <a href="#url">URL</a> is an <dfn id="absolute-url">absolute URL</dfn> if it is an
-  <span>absolute Web address</span> as defined by the Web addresses
-  specification. <a href="references.html#refsWEBADDRESSES">[WEBADDRESSES]</a></p><p class="note">The term "URL" in this specification is used in a
-  manner distinct from the precise technical meaning it is given in
-  RFC 3986. Readers familiar with that RFC will find it easier to read
-  <em>this</em> specification if they pretend the term "URL" as used
-  herein is really called something else altogether. This is a
-  <a href="introduction.html#willful-violation">willful violation</a> of RFC 3986. <a href="references.html#refsRFC3986">[RFC3986]</a></p><h4 id="interfaces-for-url-manipulation"><span class="secno">2.5.2 </span>Interfaces for URL manipulation</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>An interface that has a complement of <dfn id="url-decomposition-idl-attributes">URL decomposition IDL
-  attributes</dfn> will have seven attributes with the following
-  definitions:</p><pre class="idl extract">           attribute DOMString <a href="#dom-uda-protocol" title="dom-uda-protocol">protocol</a>;
-           attribute DOMString <a href="#dom-uda-host" title="dom-uda-host">host</a>;
-           attribute DOMString <a href="#dom-uda-hostname" title="dom-uda-hostname">hostname</a>;
-           attribute DOMString <a href="#dom-uda-port" title="dom-uda-port">port</a>;
-           attribute DOMString <a href="#dom-uda-pathname" title="dom-uda-pathname">pathname</a>;
-           attribute DOMString <a href="#dom-uda-search" title="dom-uda-search">search</a>;
-           attribute DOMString <a href="#dom-uda-hash" title="dom-uda-hash">hash</a>;</pre><dl class="domintro"><dt><var title="">o</var> . <code title="dom-uda-protocol"><a href="#dom-uda-protocol">protocol</a></code> [ = <var title="">value</var> ]</dt>
-   <dd>
-    <p>Returns the current scheme of the underlying URL.</p>
-    <p>Can be set, to change the underlying URL's scheme.</p>
-   </dd>
-
-   <dt><var title="">o</var> . <code title="dom-uda-host"><a href="#dom-uda-host">host</a></code> [ = <var title="">value</var> ]</dt>
-   <dd>
-    <p>Returns the current host and port (if it's not the default port) in the underlying URL.</p>
-    <p>Can be set, to change the underlying URL's host and port.</p>
-    <p>The host and the port are separated by a colon. The port part,
-    if omitted, will be assumed to be the current scheme's default
-    port.</p>
-   </dd>
-
-   <dt><var title="">o</var> . <code title="dom-uda-hostname"><a href="#dom-uda-hostname">hostname</a></code> [ = <var title="">value</var> ]</dt>
-   <dd>
-    <p>Returns the current host in the underlying URL.</p>
-    <p>Can be set, to change the underlying URL's host.</p>
-   </dd>
-
-   <dt><var title="">o</var> . <code title="dom-uda-port"><a href="#dom-uda-port">port</a></code> [ = <var title="">value</var> ]</dt>
-   <dd>
-    <p>Returns the current port in the underlying URL.</p>
-    <p>Can be set, to change the underlying URL's port.</p>
-   </dd>
-
-   <dt><var title="">o</var> . <code title="dom-uda-pathname"><a href="#dom-uda-pathname">pathname</a></code> [ = <var title="">value</var> ]</dt>
-   <dd>
-    <p>Returns the current path in the underlying URL.</p>
-    <p>Can be set, to change the underlying URL's path.</p>
-   </dd>
-
-   <dt><var title="">o</var> . <code title="dom-uda-search"><a href="#dom-uda-search">search</a></code> [ = <var title="">value</var> ]</dt>
-   <dd>
-    <p>Returns the current query component in the underlying URL.</p>
-    <p>Can be set, to change the underlying URL's query component.</p>
-   </dd>
-
-   <dt><var title="">o</var> . <code title="dom-uda-hash"><a href="#dom-uda-hash">hash</a></code> [ = <var title="">value</var> ]</dt>
-   <dd>
-    <p>Returns the current fragment identifier in the underlying URL.</p>
-    <p>Can be set, to change the underlying URL's fragment identifier.</p>
-   </dd>
-
-  </dl><div class="example">
-
-   <p>The table below demonstrates how the getter condition<code title="dom-uda-search"><a href="#dom-uda-search">search</a></code> results in different results
-   depending on the exact original syntax of the URL:</p>
-
-   <table><thead><tr><th> Input URL
-      </th><th> <code title="dom-uda-search"><a href="#dom-uda-search">search</a></code> value
-      </th><th> Explanation
-    </th></tr></thead><tbody><tr><td> <code title="">http://example.com/</code>
-      </td><td> <i>empty string</i>
-      </td><td> No <a href="#url-query" title="url-query">&lt;query&gt;</a> component in input URL.
-     </td></tr><tr><td> <code title="">http://example.com/?</code>
-      </td><td> <code title="">?</code>
-      </td><td> There is a <a href="#url-query" title="url-query">&lt;query&gt;</a> component, but it is empty.
-           
-     </td></tr><tr><td> <code title="">http://example.com/?test</code>
-      </td><td> <code title="">?test</code>
-      </td><td> The <a href="#url-query" title="url-query">&lt;query&gt;</a> component has the value "<code title="">test</code>".
-     </td></tr><tr><td> <code title="">http://example.com/?test#</code>
-      </td><td> <code title="">?test</code>
-      </td><td> The (empty) <a href="#url-fragment" title="url-fragment">&lt;fragment&gt;</a> component is not part of the <a href="#url-query" title="url-query">&lt;query&gt;</a> component.
-   </td></tr></tbody></table></div><h3 id="common-dom-interfaces"><span class="secno">2.6 </span>Common DOM interfaces</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><h4 id="reflecting-content-attributes-in-idl-attributes"><span class="secno">2.6.1 </span>Reflecting content attributes in IDL attributes</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>Some IDL attributes are defined to <dfn id="reflect">reflect</dfn> a
-  particular content attribute. This means that on getting, the IDL
-  attribute returns the current value of the content attribute, and on
-  setting, the IDL attribute changes the value of the content
-  attribute to the given value.</p><!-- v2 for completeness: (also search for REFLECTIDL)
-  <p class="note">A list of <span>reflecting IDL attributes</span> and
-  their corresponding content attributes is given in the index.</p>
---><h4 id="collections-0"><span class="secno">2.6.2 </span>Collections</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#htmlcollection">HTMLCollection</a></code>, <code><a href="#htmlallcollection">HTMLAllCollection</a></code>,
-  <code><a href="#htmlformcontrolscollection">HTMLFormControlsCollection</a></code>,
-  <code><a href="#htmloptionscollection">HTMLOptionsCollection</a></code>, and
-  <code><a href="#htmlpropertiescollection">HTMLPropertiesCollection</a></code> interfaces represent various
-  lists of DOM nodes. Collectively, objects implementing these
-  interfaces are called <dfn id="collections">collections</dfn>.</p><p>When a <a href="#collections" title="collections">collection</a> is created, a
-  filter and a root are associated with the collection.</p><p class="example">For example, when the <code><a href="#htmlcollection">HTMLCollection</a></code>
-  object for the <code title="dom-document-images"><a href="#dom-document-images">document.images</a></code> attribute is
-  created, it is associated with a filter that selects only
-  <code><a href="embedded-content-1.html#the-img-element">img</a></code> elements, and rooted at the root of the
-  document.</p><p>The <a href="#collections" title="collections">collection</a> then <dfn id="represented-by-the-collection" title="represented by the collection">represents</dfn> a
-  <a href="infrastructure.html#live">live</a> view of the subtree rooted at the collection's
-  root, containing only nodes that match the given filter. The view is
-  linear. </p><h5 id="htmlcollection-0"><span class="secno">2.6.2.1 </span>HTMLCollection</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#htmlcollection">HTMLCollection</a></code> interface represents a generic
-  <a href="#collections" title="collections">collection</a> of elements.</p><pre class="idl">interface <dfn id="htmlcollection">HTMLCollection</dfn> {
-  readonly attribute unsigned long <a href="#dom-htmlcollection-length" title="dom-HTMLCollection-length">length</a>;
-  caller getter object <a href="#dom-htmlcollection-item" title="dom-HTMLCollection-item">item</a>(in unsigned long index); // only returns Element
-  caller getter object <a href="#dom-htmlcollection-nameditem" title="dom-HTMLCollection-namedItem">namedItem</a>(in DOMString name); // only returns Element
-};</pre><dl class="domintro"><dt><var title="">collection</var> . <code title="dom-HTMLCollection-length"><a href="#dom-htmlcollection-length">length</a></code></dt>
-   <dd>
-    <p>Returns the number of elements in the collection.</p>
-   </dd>
-
-   <dt><var title="">element</var> = <var title="">collection</var> . <code title="dom-HTMLCollection-item"><a href="#dom-htmlcollection-item">item</a></code>(<var title="">index</var>)</dt>
-   <dt><var title="">collection</var>[<var title="">index</var>]</dt>
-   <dt><var title="">collection</var>(<var title="">index</var>)</dt>
-   <dd>
-    <p>Returns the item with index <var title="">index</var> from the collection. The items are sorted in <a href="infrastructure.html#tree-order">tree order</a>.</p>
-    <p>Returns null if <var title="">index</var> is out of range.</p>
-   </dd>
-
-   <dt><var title="">element</var> = <var title="">collection</var> . <code title="dom-HTMLCollection-item"><a href="#dom-htmlcollection-item">namedItem</a></code>(<var title="">name</var>)</dt>
-   <dt><var title="">collection</var>[<var title="">name</var>]</dt>
-   <dt><var title="">collection</var>(<var title="">name</var>)</dt>
-   <dd>
-    <p>Returns the first item with <a href="elements.html#concept-id" title="concept-id">ID</a> or name <var title="">name</var>
-    from the collection.</p>
-    <p>Returns null if no element with that <a href="elements.html#concept-id" title="concept-id">ID</a> or name could be found.</p>
-    <p>Only <code><a href="text-level-semantics.html#the-a-element">a</a></code>, <code><a href="#the-applet-element">applet</a></code>, <code><a href="the-map-element.html#the-area-element">area</a></code>,
-    <code><a href="the-iframe-element.html#the-embed-element">embed</a></code>, <code><a href="forms.html#the-form-element">form</a></code>, <code><a href="#frame">frame</a></code>,
-    <code><a href="#frameset">frameset</a></code>, <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code>, <code><a href="embedded-content-1.html#the-img-element">img</a></code>, and
-    <code><a href="the-iframe-element.html#the-object-element">object</a></code> elements can have a name for the purpose of
-    this method; their name is given by the value of their <code title="">name</code> attribute.</p>
-   </dd>
-  </dl><h5 id="htmlallcollection-0"><span class="secno">2.6.2.2 </span>HTMLAllCollection</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#htmlallcollection">HTMLAllCollection</a></code> interface represents a generic
-  <a href="#collections" title="collections">collection</a> of elements just like
-  <code><a href="#htmlcollection">HTMLCollection</a></code>, with the exception that its <code title="dom-HTMLAllCollection-namedItem"><a href="#dom-htmlallcollection-nameditem">namedItem()</a></code> method
-  returns an <code><a href="#htmlcollection">HTMLCollection</a></code> object when there are
-  multiple matching elements.</p><pre class="idl">interface <dfn id="htmlallcollection">HTMLAllCollection</dfn> : <a href="#htmlcollection">HTMLCollection</a> {
-  // inherits <a href="#dom-htmlcollection-length" title="dom-HTMLCollection-length">length</a> and <a href="#dom-htmlcollection-item" title="dom-HTMLCollection-item">item</a>()
-  caller getter object <a href="#dom-htmlallcollection-nameditem" title="dom-HTMLAllCollection-namedItem">namedItem</a>(in DOMString name); // overrides inherited namedItem()
-  <a href="#htmlallcollection">HTMLAllCollection</a> <a href="#dom-htmlallcollection-tags" title="dom-HTMLAllCollection-tags">tags</a>(in DOMString tagName);
-};</pre><dl class="domintro"><dt><var title="">collection</var> . <code title="dom-HTMLCollection-length"><a href="#dom-htmlcollection-length">length</a></code></dt>
-   <dd>
-    <p>Returns the number of elements in the collection.</p>
-   </dd>
-
-   <dt><var title="">element</var> = <var title="">collection</var> . <code title="dom-HTMLCollection-item"><a href="#dom-htmlcollection-item">item</a></code>(<var title="">index</var>)</dt>
-   <dt><var title="">collection</var>[<var title="">index</var>]</dt>
-   <dt><var title="">collection</var>(<var title="">index</var>)</dt>
-   <dd>
-    <p>Returns the item with index <var title="">index</var> from the collection. The items are sorted in <a href="infrastructure.html#tree-order">tree order</a>.</p>
-    <p>Returns null if <var title="">index</var> is out of range.</p>
-   </dd>
-
-   <dt><var title="">element</var> = <var title="">collection</var> . <code title="dom-HTMLAllCollection-namedItem"><a href="#dom-htmlallcollection-nameditem">namedItem</a></code>(<var title="">name</var>)</dt>
-   <dt><var title="">collection</var> = <var title="">collection</var> . <code title="dom-HTMLAllCollection-namedItem"><a href="#dom-htmlallcollection-nameditem">namedItem</a></code>(<var title="">name</var>)</dt>
-   <dt><var title="">collection</var>[<var title="">name</var>]</dt>
-   <dt><var title="">collection</var>(<var title="">name</var>)</dt>
-   <dd>
-    <p>Returns the item with <a href="elements.html#concept-id" title="concept-id">ID</a> or name <var title="">name</var> from the collection.</p>
-    <p>If there are multiple matching items, then an <code><a href="#htmlallcollection">HTMLAllCollection</a></code> object containing all those elements is returned.</p>
-    <p>Returns null if no element with that <a href="elements.html#concept-id" title="concept-id">ID</a> or name could be found.</p>
-    <p>Only <code><a href="text-level-semantics.html#the-a-element">a</a></code>, <code><a href="#the-applet-element">applet</a></code>, <code><a href="the-map-element.html#the-area-element">area</a></code>,
-    <code><a href="the-iframe-element.html#the-embed-element">embed</a></code>, <code><a href="forms.html#the-form-element">form</a></code>, <code><a href="#frame">frame</a></code>,
-    <code><a href="#frameset">frameset</a></code>, <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code>, <code><a href="embedded-content-1.html#the-img-element">img</a></code>, and
-    <code><a href="the-iframe-element.html#the-object-element">object</a></code> elements can have a name for the purpose of
-    this method; their name is given by the value of their <code title="">name</code> attribute.</p>
-   </dd>
-
-   <dt><var title="">collection</var> = <var title="">collection</var> . <code title="dom-HTMLAllCollection-tags"><a href="#dom-htmlallcollection-tags">tags</a></code>(<var title="">tagName</var>)</dt>
-   <dd>
-    <p>Returns a collection that is a filtered view of the current collection, containing only elements with the given tag name.</p>
-   </dd>
-
-  </dl><h5 id="htmlformcontrolscollection-0"><span class="secno">2.6.2.3 </span>HTMLFormControlsCollection</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#htmlformcontrolscollection">HTMLFormControlsCollection</a></code> interface represents
-  a <a href="#collections" title="collections">collection</a> of <a href="forms.html#category-listed" title="category-listed">listed</a> elements in <code><a href="forms.html#the-form-element">form</a></code>
-  and <code><a href="forms.html#the-fieldset-element">fieldset</a></code> elements.</p><pre class="idl">interface <dfn id="htmlformcontrolscollection">HTMLFormControlsCollection</dfn> : <a href="#htmlcollection">HTMLCollection</a> {
-  // inherits <a href="#dom-htmlcollection-length" title="dom-HTMLCollection-length">length</a> and <a href="#dom-htmlcollection-item" title="dom-HTMLCollection-item">item</a>()
-  caller getter object <a href="#dom-htmlformcontrolscollection-nameditem" title="dom-HTMLFormControlsCollection-namedItem">namedItem</a>(in DOMString name); // overrides inherited namedItem()
-};
-
-interface <dfn id="radionodelist">RadioNodeList</dfn> : <span>NodeList</span> {
-          attribute DOMString <a href="#dom-radionodelist-value" title="dom-RadioNodeList-value">value</a>;
-};</pre><dl class="domintro"><dt><var title="">collection</var> . <code title="dom-HTMLCollection-length"><a href="#dom-htmlcollection-length">length</a></code></dt>
-   <dd>
-    <p>Returns the number of elements in the collection.</p>
-   </dd>
-
-   <dt><var title="">element</var> = <var title="">collection</var> . <code title="dom-HTMLCollection-item"><a href="#dom-htmlcollection-item">item</a></code>(<var title="">index</var>)</dt>
-   <dt><var title="">collection</var>[<var title="">index</var>]</dt>
-   <dt><var title="">collection</var>(<var title="">index</var>)</dt>
-   <dd>
-    <p>Returns the item with index <var title="">index</var> from the collection. The items are sorted in <a href="infrastructure.html#tree-order">tree order</a>.</p>
-    <p>Returns null if <var title="">index</var> is out of range.</p>
-   </dd>
-
-   <dt><var title="">element</var> = <var title="">collection</var> . <code title="dom-HTMLFormControlsCollection-namedItem"><a href="#dom-htmlformcontrolscollection-nameditem">namedItem</a></code>(<var title="">name</var>)</dt>
-   <dt><var title="">radioNodeList</var> = <var title="">collection</var> . <code title="dom-HTMLFormControlsCollection-namedItem"><a href="#dom-htmlformcontrolscollection-nameditem">namedItem</a></code>(<var title="">name</var>)</dt>
-   <dt><var title="">collection</var>[<var title="">name</var>]</dt>
-   <dt><var title="">collection</var>(<var title="">name</var>)</dt>
-   <dd>
-    <p>Returns the item with <a href="elements.html#concept-id" title="concept-id">ID</a> or <code title="attr-fe-name"><a href="association-of-controls-and-forms.html#attr-fe-name">name</a></code> <var title="">name</var> from the collection.</p>
-    <p>If there are multiple matching items, then a <code><a href="#radionodelist">RadioNodeList</a></code> object containing all those elements is returned.</p>
-    <p>Returns null if no element with that <a href="elements.html#concept-id" title="concept-id">ID</a> or <code title="attr-fe-name"><a href="association-of-controls-and-forms.html#attr-fe-name">name</a></code> could be found.</p>
-   </dd>
-
-   <dt><var title="">radioNodeList</var> . <var title="">value</var> [ = <var title="">value</var> ]</dt>
-   <dd>
-    <p>Returns the value of the first checked radio button represented by the object.</p>
-    <p>Can be set, to check the first radio button with the given value represented by the object.</p>
-   </dd>
-
-  </dl><h5 id="htmloptionscollection-0"><span class="secno">2.6.2.4 </span>HTMLOptionsCollection</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#htmloptionscollection">HTMLOptionsCollection</a></code> interface represents a
-  list of <code><a href="the-button-element.html#the-option-element">option</a></code> elements. It is always rooted on a
-  <code><a href="the-button-element.html#the-select-element">select</a></code> element and has attributes and methods that
-  manipulate that element's descendants.</p><pre class="idl">interface <dfn id="htmloptionscollection">HTMLOptionsCollection</dfn> : <a href="#htmlcollection">HTMLCollection</a> {
-  // inherits <a href="#dom-htmlcollection-item" title="dom-HTMLCollection-item">item</a>()
-           attribute unsigned long <a href="#dom-htmloptionscollection-length" title="dom-HTMLOptionsCollection-length">length</a>; // overrides inherited length
-  caller getter object <a href="#dom-htmloptionscollection-nameditem" title="dom-HTMLOptionsCollection-namedItem">namedItem</a>(in DOMString name); // overrides inherited namedItem()
-  void <a href="#dom-htmloptionscollection-add" title="dom-HTMLOptionsCollection-add">add</a>(in <a href="elements.html#htmlelement">HTMLElement</a> element, in optional <a href="elements.html#htmlelement">HTMLElement</a> before);
-  void <a href="#dom-htmloptionscollection-add" title="dom-HTMLOptionsCollection-add">add</a>(in <a href="elements.html#htmlelement">HTMLElement</a> element, in long before);
-  void <a href="#dom-htmloptionscollection-remove" title="dom-HTMLOptionsCollection-remove">remove</a>(in long index);
-};</pre><dl class="domintro"><dt><var title="">collection</var> . <code title="dom-HTMLOptionsCollection-length"><a href="#dom-htmloptionscollection-length">length</a></code> [ = <var title="">value</var> ]</dt>
-   <dd>
-    <p>Returns the number of elements in the collection.</p>
-    <p>When set to a smaller number, truncates the number of <code><a href="the-button-element.html#the-option-element">option</a></code> elements in the corresponding container.</p>
-    <p>When set to a greater number, adds new blank <code><a href="the-button-element.html#the-option-element">option</a></code> elements to that container.</p>
-   </dd>
-
-   <dt><var title="">element</var> = <var title="">collection</var> . <code title="dom-HTMLCollection-item"><a href="#dom-htmlcollection-item">item</a></code>(<var title="">index</var>)</dt>
-   <dt><var title="">collection</var>[<var title="">index</var>]</dt>
-   <dt><var title="">collection</var>(<var title="">index</var>)</dt>
-   <dd>
-    <p>Returns the item with index <var title="">index</var> from the collection. The items are sorted in <a href="infrastructure.html#tree-order">tree order</a>.</p>
-    <p>Returns null if <var title="">index</var> is out of range.</p>
-   </dd>
-
-   <dt><var title="">element</var> = <var title="">collection</var> . <code title="dom-HTMLOptionsCollection-namedItem"><a href="#dom-htmloptionscollection-nameditem">namedItem</a></code>(<var title="">name</var>)</dt>
-   <dt><var title="">nodeList</var> = <var title="">collection</var> . <code title="dom-HTMLOptionsCollection-namedItem"><a href="#dom-htmloptionscollection-nameditem">namedItem</a></code>(<var title="">name</var>)</dt>
-   <dt><var title="">collection</var>[<var title="">name</var>]</dt>
-   <dt><var title="">collection</var>(<var title="">name</var>)</dt>
-   <dd>
-    <p>Returns the item with <a href="elements.html#concept-id" title="concept-id">ID</a> or <code title="attr-option-name">name</code> <var title="">name</var> from the collection.</p>
-    <p>If there are multiple matching items, then a <code>NodeList</code> object containing all those elements is returned.</p>
-    <p>Returns null if no element with that <a href="elements.html#concept-id" title="concept-id">ID</a> could be found.</p>
-   </dd>
-
-   <dt><var title="">collection</var> . <code title="dom-HTMLOptionsCollection-add"><a href="#dom-htmloptionscollection-add">add</a></code>(<var title="">element</var> [, <var title="">before</var> ] )</dt>
-   <dd>
-    <p>Inserts <var title="">element</var> before the node given by <var title="">before</var>.</p>
-    <p>The <var title="">before</var> argument can be a number, in
-    which case <var title="">element</var> is inserted before the item
-    with that number, or an element from the collection, in which case
-    <var title="">element</var> is inserted before that element.</p>
-    <p>If <var title="">before</var> is omitted, null, or a number out
-    of range, then <var title="">element</var> will be added at the
-    end of the list.</p>
-    <p>This method will throw a <code><a href="#hierarchy_request_err">HIERARCHY_REQUEST_ERR</a></code>
-    exception if <var title="">element</var> is an ancestor of the
-    element into which it is to be inserted. If <var title="">element</var> is not an <code><a href="the-button-element.html#the-option-element">option</a></code> or
-    <code><a href="the-button-element.html#the-optgroup-element">optgroup</a></code> element, then the method does nothing.</p>
-   </dd>
-
-  </dl><h5 id="htmlpropertiescollection-0"><span class="secno">2.6.2.5 </span>HTMLPropertiesCollection</h5><p>The <code><a href="#htmlpropertiescollection">HTMLPropertiesCollection</a></code> interface represents a
-  <a href="#collections" title="collections">collection</a> of elements that add
-  name-value pairs to a particular <a href="microdata.html#concept-item" title="concept-item">item</a> in the <a href="microdata.html#microdata">microdata</a>
-  model.</p><pre class="idl">interface <dfn id="htmlpropertiescollection">HTMLPropertiesCollection</dfn> : <a href="#htmlcollection">HTMLCollection</a> {
-  // inherits <a href="#dom-htmlcollection-length" title="dom-HTMLCollection-length">length</a> and <a href="#dom-htmlcollection-item" title="dom-HTMLCollection-item">item</a>()
-  caller getter <a href="#propertynodelist">PropertyNodeList</a> <a href="#dom-htmlpropertiescollection-nameditem" title="dom-HTMLPropertiesCollection-namedItem">namedItem</a>(in DOMString name); // overrides inherited namedItem()
-  readonly attribute <span>DOMStringList</span> <a href="#dom-htmlpropertiescollection-names" title="dom-HTMLPropertiesCollection-names">names</a>;
-};
-
-typedef sequence&lt;any&gt; <dfn id="propertyvaluearray">PropertyValueArray</dfn>;
-
-interface <dfn id="propertynodelist">PropertyNodeList</dfn> : <span>NodeList</span> {
-  readonly attribute <a href="#propertyvaluearray">PropertyValueArray</a> <a href="#dom-propertynodelist-values" title="dom-PropertyNodeList-values">values</a>;
-};</pre><dl class="domintro"><dt><var title="">collection</var> . <code title="dom-HTMLCollection-length"><a href="#dom-htmlcollection-length">length</a></code></dt>
-   <dd>
-    <p>Returns the number of elements in the collection.</p>
-   </dd>
-
-   <dt><var title="">element</var> = <var title="">collection</var> . <code title="dom-HTMLCollection-item"><a href="#dom-htmlcollection-item">item</a></code>(<var title="">index</var>)</dt>
-   <dt><var title="">collection</var>[<var title="">index</var>]</dt>
-   <dt><var title="">collection</var>(<var title="">index</var>)</dt>
-   <dd>
-    <p>Returns the element with index <var title="">index</var> from the collection. The items are sorted in <a href="infrastructure.html#tree-order">tree order</a>.</p>
-    <p>Returns null if <var title="">index</var> is out of range.</p>
-   </dd>
-
-   <dt><var title="">propertyNodeList</var> = <var title="">collection</var> . <code title="dom-HTMLPropertiesCollection-namedItem"><a href="#dom-htmlpropertiescollection-nameditem">namedItem</a></code>(<var title="">name</var>)</dt>
-   <dt><var title="">collection</var>[<var title="">name</var>]</dt>
-   <dt><var title="">collection</var>(<var title="">name</var>)</dt>
-   <dd>
-    <p>Returns a <code><a href="#propertynodelist">PropertyNodeList</a></code> object containing any elements that add a property named <var title="">name</var>.</p>
-   </dd>
-
-   <dt><var title="">collection</var> . <code title="dom-HTMLPropertiesCollection-names"><a href="#dom-htmlpropertiescollection-names">names</a></code></dt>
-   <dd>
-    <p>Returns a <code>DOMStringList</code> with the <a href="microdata.html#property-names">property names</a> of the elements in the collection.</p>
-   </dd>
-
-   <dt><var title="">propertyNodeList</var> . <code title="dom-PropertyNodeList-values"><a href="#dom-propertynodelist-values">values</a></code></dt>
-   <dd>
-    <p>Returns an array of the various values that the relevant elements have.</p>
-   </dd>
-
-  </dl><h4 id="domtokenlist-0"><span class="secno">2.6.3 </span>DOMTokenList</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#domtokenlist">DOMTokenList</a></code> interface represents an interface
-  to an underlying string that consists of a <a href="common-microsyntaxes.html#set-of-space-separated-tokens">set of
-  space-separated tokens</a>.</p><p class="note"><code><a href="#domtokenlist">DOMTokenList</a></code> objects are always
-  <a href="infrastructure.html#case-sensitive">case-sensitive</a>, even when the underlying string might
-  ordinarily be treated in a case-insensitive manner.</p><pre class="idl">interface <dfn id="domtokenlist">DOMTokenList</dfn> {
-  readonly attribute unsigned long <a href="#dom-tokenlist-length" title="dom-tokenlist-length">length</a>;
-  getter DOMString <a href="#dom-tokenlist-item" title="dom-tokenlist-item">item</a>(in unsigned long index);
-  boolean <a href="#dom-tokenlist-contains" title="dom-tokenlist-contains">contains</a>(in DOMString token);
-  void <a href="#dom-tokenlist-add" title="dom-tokenlist-add">add</a>(in DOMString token);
-  void <a href="#dom-tokenlist-remove" title="dom-tokenlist-remove">remove</a>(in DOMString token);
-  boolean <a href="#dom-tokenlist-toggle" title="dom-tokenlist-toggle">toggle</a>(in DOMString token);
-  <a href="#dom-tokenlist-tostring" title="dom-tokenlist-toString">stringifier</a> DOMString ();
-};</pre><dl class="domintro"><dt><var title="">tokenlist</var> . <code title="dom-tokenlist-length"><a href="#dom-tokenlist-length">length</a></code></dt>
-   <dd>
-    <p>Returns the number of tokens in the string.</p>
-   </dd>
-
-   <dt><var title="">element</var> = <var title="">tokenlist</var> . <code title="dom-tokenlist-item"><a href="#dom-tokenlist-item">item</a></code>(<var title="">index</var>)</dt>
-   <dt><var title="">tokenlist</var>[<var title="">index</var>]</dt>
-   <dd>
-    <p>Returns the token with index <var title="">index</var>. The tokens are returned in the order they are found in the underlying string.</p>
-    <p>Returns null if <var title="">index</var> is out of range.</p>
-   </dd>
-
-   <dt><var title="">hastoken</var> = <var title="">tokenlist</var> . <code title="dom-tokenlist-contains"><a href="#dom-tokenlist-contains">contains</a></code>(<var title="">token</var>)</dt>
-   <dd>
-    <p>Returns true if the <var title="">token</var> is present; false otherwise.</p>
-    <p>Throws a <code><a href="#syntax_err">SYNTAX_ERR</a></code> exception if <var title="">token</var> is empty.</p>
-    <p>Throws an <code><a href="#invalid_character_err">INVALID_CHARACTER_ERR</a></code> exception if <var title="">token</var> contains any spaces.</p>
-   </dd>
-
-   <dt><var title="">tokenlist</var> . <code title="dom-tokenlist-add"><a href="#dom-tokenlist-add">add</a></code>(<var title="">token</var>)</dt>
-   <dd>
-    <p>Adds <var title="">token</var>, unless it is already present.</p>
-    <p>Throws a <code><a href="#syntax_err">SYNTAX_ERR</a></code> exception if <var title="">token</var> is empty.</p>
-    <p>Throws an <code><a href="#invalid_character_err">INVALID_CHARACTER_ERR</a></code> exception if <var title="">token</var> contains any spaces.</p>
-   </dd>
-
-   <dt><var title="">tokenlist</var> . <code title="dom-tokenlist-remove"><a href="#dom-tokenlist-remove">remove</a></code>(<var title="">token</var>)</dt>
-   <dd>
-    <p>Removes <var title="">token</var> if it is present.</p>
-    <p>Throws a <code><a href="#syntax_err">SYNTAX_ERR</a></code> exception if <var title="">token</var> is empty.</p>
-    <p>Throws an <code><a href="#invalid_character_err">INVALID_CHARACTER_ERR</a></code> exception if <var title="">token</var> contains any spaces.</p>
-   </dd>
-
-   <dt><var title="">hastoken</var> = <var title="">tokenlist</var> . <code title="dom-tokenlist-toggle"><a href="#dom-tokenlist-toggle">toggle</a></code>(<var title="">token</var>)</dt>
-   <dd>
-    <p>Adds <var title="">token</var> if it is not present, or removes
-    it if it is. Returns true if <var title="">token</var> is now
-    present (it was added); returns false if it is not (it was
-    removed).</p>
-    <p>Throws a <code><a href="#syntax_err">SYNTAX_ERR</a></code> exception if <var title="">token</var> is empty.</p>
-    <p>Throws an <code><a href="#invalid_character_err">INVALID_CHARACTER_ERR</a></code> exception if <var title="">token</var> contains any spaces.</p>
-   </dd>
-
-  </dl><h4 id="domsettabletokenlist-0"><span class="secno">2.6.4 </span>DOMSettableTokenList</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#domsettabletokenlist">DOMSettableTokenList</a></code> interface is the same as the
-  <code><a href="#domtokenlist">DOMTokenList</a></code> interface, except that it allows the
-  underlying string to be directly changed.</p><pre class="idl">interface <dfn id="domsettabletokenlist">DOMSettableTokenList</dfn> : <a href="#domtokenlist">DOMTokenList</a> {
-            attribute DOMString <a href="#dom-domsettabletokenlist-value" title="dom-DOMSettableTokenList-value">value</a>;
-};</pre><dl class="domintro"><dt><var title="">tokenlist</var> . <code title="dom-DOMSettableTokenList-value"><a href="#dom-domsettabletokenlist-value">value</a></code></dt>
-   <dd>
-    <p>Returns the underlying string.</p>
-    <p>Can be set, to change the underlying string.</p>
-   </dd>
-
-  </dl><h4 id="domstringmap-0"><span class="secno">2.6.5 </span>DOMStringMap</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <code><a href="#domstringmap">DOMStringMap</a></code> interface represents a set of
-  name-value pairs. It exposes these using the scripting language's
-  native mechanisms for property access.</p><div class="example">
-
-   <p>The <code title="dom-dataset"><a href="#dom-dataset">dataset</a></code> attribute on
-   elements exposes the <code title="attr-data-*"><a href="elements.html#attr-data">data-*</a></code>
-   attributes on the element.</p>
-
-   <p>Given the following fragment and elements with similar
-   constructions:</p>
-
-   <pre>&lt;img class="tower" id="tower5" data-x="12" data-y="5"
-     data-ai="robotarget" data-hp="46" data-ability="flames"
-     src="towers/rocket.png alt="Rocket Tower"&gt;</pre>
-
-   <p>...one could imagine a function <code title="">splashDamage()</code> that takes some arguments, the first
-   of which is the element to process:</p>
-
-   <pre>function splashDamage(node, x, y, damage) {
-  if (node.classList.contains('tower') &amp;&amp; // checking the 'class' attribute
-      node.dataset.x == x &amp;&amp; // reading the 'data-x' attribute
-      node.dataset.y == y) { // reading the 'data-y' attribute
-    var hp = parseInt(node.dataset.hp); // reading the 'data-hp' attribute
-    hp = hp - damage;
-    if (hp &lt; 0) {
-      hp = 0;
-      node.dataset.ai = 'dead'; // setting the 'data-ai' attribute
-      delete node.dataset.ability; // removing the 'data-ability' attribute
-    }
-    node.dataset.hp = hp; // setting the 'data-hp' attribute
-  }
-}</pre>
-
-  </div><h4 id="dom-feature-strings"><span class="secno">2.6.6 </span>DOM feature strings</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>DOM3 Core defines mechanisms for checking for interface support,
-  and for obtaining implementations of interfaces, using <a href="http://www.w3.org/TR/DOM-Level-3-Core/core.html#DOMFeatures">feature
-  strings</a>. <a href="references.html#refsDOMCORE">[DOMCORE]</a></p><p>Authors are strongly discouraged from using these, as they are
-  notoriously unreliable and imprecise. Authors are encouraged to rely
-  on explicit feature testing or the graceful degradation behavior
-  intrinsic to some of the features in this specification.</p><h4 id="exceptions"><span class="secno">2.6.7 </span>Exceptions</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The following are <code>DOMException</code> codes. <a href="references.html#refsDOMCORE">[DOMCORE]</a></p><ol class="brief"><li value="1"><dfn id="index_size_err"><code>INDEX_SIZE_ERR</code></dfn></li>
-   <li value="2"><dfn id="domstring_size_err"><code>DOMSTRING_SIZE_ERR</code></dfn></li>
-   <li value="3"><dfn id="hierarchy_request_err"><code>HIERARCHY_REQUEST_ERR</code></dfn></li>
-   <li value="4"><dfn id="wrong_document_err"><code>WRONG_DOCUMENT_ERR</code></dfn></li>
-   <li value="5"><dfn id="invalid_character_err"><code>INVALID_CHARACTER_ERR</code></dfn></li>
-   <li value="6"><dfn id="no_data_allowed_err"><code>NO_DATA_ALLOWED_ERR</code></dfn></li>
-   <li value="7"><dfn id="no_modification_allowed_err"><code>NO_MODIFICATION_ALLOWED_ERR</code></dfn></li>
-   <li value="8"><dfn id="not_found_err"><code>NOT_FOUND_ERR</code></dfn></li>
-   <li value="9"><dfn id="not_supported_err"><code>NOT_SUPPORTED_ERR</code></dfn></li>
-   <li value="10"><dfn id="inuse_attribute_err"><code>INUSE_ATTRIBUTE_ERR</code></dfn></li>
-   <li value="11"><dfn id="invalid_state_err"><code>INVALID_STATE_ERR</code></dfn></li>
-   <li value="12"><dfn id="syntax_err"><code>SYNTAX_ERR</code></dfn></li>
-   <li value="13"><dfn id="invalid_modification_err"><code>INVALID_MODIFICATION_ERR</code></dfn></li>
-   <li value="14"><dfn id="namespace_err"><code>NAMESPACE_ERR</code></dfn></li>
-   <li value="15"><dfn id="invalid_access_err"><code>INVALID_ACCESS_ERR</code></dfn></li>
-   <li value="16"><dfn id="validation_err"><code>VALIDATION_ERR</code></dfn></li>
-   <li value="17"><dfn id="type_mismatch_err"><code>TYPE_MISMATCH_ERR</code></dfn></li>
-   <li value="18"><dfn id="security_err"><code>SECURITY_ERR</code></dfn></li> <!-- actually in XHR for now -->
-   <li value="19"><dfn id="network_err"><code>NETWORK_ERR</code></dfn></li> <!-- actually in XHR for now -->
-   <li value="20"><dfn id="abort_err"><code>ABORT_ERR</code></dfn></li> <!-- actually in XHR for now -->
-   <li value="21"><dfn id="url_mismatch_err"><code>URL_MISMATCH_ERR</code></dfn></li> <!-- actually in workers for now -->
-   <li value="22"><dfn id="quota_exceeded_err"><code>QUOTA_EXCEEDED_ERR</code></dfn></li> <!-- actually defined right here for now -->
-<!--v2DATAGRID   <li value="23"><dfn><code>DATAGRID_MODEL_ERR</code></dfn></li> --> <!-- actually defined right here for now -->
-   <li value="81"><dfn id="parse_err"><code>PARSE_ERR</code></dfn></li> <!-- actually defined in dom3ls -->
-   <li value="82"><dfn id="serialize_err"><code>SERIALIZE_ERR</code></dfn></li> <!-- actually defined in dom3ls -->
-  </ol></body></html>
\ No newline at end of file

Index: iana.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/iana.html,v
retrieving revision 1.15
retrieving revision 1.16
diff -u -d -r1.15 -r1.16
--- iana.html	6 Jan 2010 15:49:34 -0000	1.15
+++ iana.html	6 Jan 2010 16:12:47 -0000	1.16
@@ -1,630 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
-<!DOCTYPE html>
-<!-- when publishing, change bits marked ZZZ --><html lang="en-US-x-Hixie" class="split chapter"><head><title>12 IANA considerations &#8212; HTML5 (Author Edition)</title><script src="link-fixup.js"></script><link href="whatwg.css" rel="stylesheet"><style type="text/css">
-   pre { margin-left: 2em; white-space: pre-wrap; }
-   h2 { margin: 3em 0 1em 0; }
-   h3 { margin: 2.5em 0 1em 0; }
-   h4 { margin: 2.5em 0 0.75em 0; }
-   h5, h6 { margin: 2.5em 0 1em; }
-   h1 + h2, h1 + h2 + h2 { margin: 0.75em 0 0.75em; }
-   h2 + h3, h3 + h4, h4 + h5, h5 + h6 { margin-top: 0.5em; }
-   p { margin: 1em 0; }
-   hr:not(.top) { display: block; background: none; border: none; padding: 0; margin: 2em 0; height: auto; }
-   dl, dd { margin-top: 0; margin-bottom: 0; }
-   dt { margin-top: 0.75em; margin-bottom: 0.25em; clear: left; }
-   dt + dt { margin-top: 0; }
-   dd dt { margin-top: 0.25em; margin-bottom: 0; }
-   dd p { margin-top: 0; }
-   dd dl + p { margin-top: 1em; }
-   dd table + p { margin-top: 1em; }
-   p + * > li, dd li { margin: 1em 0; }
-   dt, dfn { font-weight: bold; font-style: normal; }
-   dt dfn { font-style: italic; }
-   pre, code { font-size: inherit; font-family: monospace; font-variant: normal; }
-   pre strong { color: black; font: inherit; font-weight: bold; background: yellow; }
-   pre em { font-weight: bolder; font-style: normal; }
-   @media screen { code { color: orangered; } code :link, code :visited { color: inherit; } }
-   var sub { vertical-align: bottom; font-size: smaller; position: relative; top: 0.1em; }
-   table { border-collapse: collapse; border-style: hidden hidden none hidden; }
-   table thead { border-bottom: solid; }
-   table tbody th:first-child { border-left: solid; }
-   table tbody th { text-align: left; }
-   table td, table th { border-left: solid; border-right: solid; border-bottom: solid thin; vertical-align: top; padding: 0.2em; }
-   blockquote { margin: 0 0 0 2em; border: 0; padding: 0; font-style: italic; }
-
-   .bad, .bad *:not(.XXX) { color: gray; border-color: gray; background: transparent; }
-   .matrix, .matrix td { border: none; text-align: right; }
-   .matrix { margin-left: 2em; }
-   .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
-   .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
-   .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
-
-   .toc dfn, h1 dfn, h2 dfn, h3 dfn, h4 dfn, h5 dfn, h6 dfn { font: inherit; }
-   img.extra { float: right; }
-   pre.idl { border: solid thin; background: #EEEEEE; color: black; padding: 0.5em 1em; }
-   pre.idl :link, pre.idl :visited { color: inherit; background: transparent; }
-   pre.css { border: solid thin; background: #FFFFEE; color: black; padding: 0.5em 1em; }
-   pre.css:first-line { color: #AAAA50; }
-   dl.domintro { color: green; margin: 2em 0 2em 2em; padding: 0.5em 1em; border: none; background: #EEFFEE; }
-   hr + dl.domintro, div.impl + dl.domintro { margin-top: 2.5em; margin-bottom: 1.5em; }
-   dl.domintro dt, dl.domintro dt * { color: black; text-decoration: none; }
-   dl.domintro dd { margin: 0.5em 0 1em 2em; padding: 0; }
-   dl.domintro dd p { margin: 0.5em 0; }
-   dl.switch { padding-left: 2em; }
-   dl.switch > dt { text-indent: -1.5em; }
-   dl.switch > dt:before { content: '\21AA'; padding: 0 0.5em 0 0; display: inline-block; width: 1em; text-align: right; line-height: 0.5em; }
-   dl.triple { padding: 0 0 0 1em; }
-   dl.triple dt, dl.triple dd { margin: 0; display: inline }
-   dl.triple dt:after { content: ':'; }
-   dl.triple dd:after { content: '\A'; white-space: pre; }
-   .diff-old { text-decoration: line-through; color: silver; background: transparent; }
-   .diff-chg, .diff-new { text-decoration: underline; color: green; background: transparent; }
-   a .diff-new { border-bottom: 1px blue solid; }
-
-   h2 { page-break-before: always; }
-   h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
-   h1 + h2, hr + h2.no-toc { page-break-before: auto; }
-
-   p > span:not([title=""]):not([class="XXX"]):not([class="impl"]), li > span:not([title=""]):not([class="XXX"]):not([class="impl"]) { border-bottom: solid #9999CC; }
-
-   div.head { margin: 0 0 1em; padding: 1em 0 0 0; }
-   div.head p { margin: 0; }
-   div.head h1 { margin: 0; }
-   div.head .logo { float: right; margin: 0 1em; }
-   div.head .logo img { border: none } /* remove border from top image */
-   div.head dl { margin: 1em 0; }
-   div.head p.copyright, div.head p.alt { font-size: x-small; font-style: oblique; margin: 0; }
-
-   body > .toc > li { margin-top: 1em; margin-bottom: 1em; }
-   body > .toc.brief > li { margin-top: 0.35em; margin-bottom: 0.35em; }
-   body > .toc > li > * { margin-bottom: 0.5em; }
-   body > .toc > li > * > li > * { margin-bottom: 0.25em; }
-   .toc, .toc li { list-style: none; }
-
-   .brief { margin-top: 1em; margin-bottom: 1em; line-height: 1.1; }
-   .brief li { margin: 0; padding: 0; }
-   .brief li p { margin: 0; padding: 0; }
-
-   .category-list { margin-top: -0.75em; margin-bottom: 1em; line-height: 1.5; }
-   .category-list::before { content: '\21D2\A0'; font-size: 1.2em; font-weight: 900; }
-   .category-list li { display: inline; }
-   .category-list li:not(:last-child)::after { content: ', '; }
-   .category-list li > span, .category-list li > a { text-transform: lowercase; }
-   .category-list li * { text-transform: none; } /* don't affect <code> nested in <a> */
-
-   .XXX { color: #E50000; background: white; border: solid red; padding: 0.5em; margin: 1em 0; }
-   .XXX > :first-child { margin-top: 0; }
-   p .XXX { line-height: 3em; }
-   .annotation { border: solid thin black; background: #0C479D; color: white; position: relative; margin: 8px 0 20px 0; }
-   .annotation:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 6px -6px -6px 6px; background: #333333; z-index: -1; content: ''; }
-   .annotation :link, .annotation :visited { color: inherit; }
-   .annotation :link:hover, .annotation :visited:hover { background: transparent; }
-   .annotation span { border: none ! important; }
-   .note { color: green; background: transparent; font-family: sans-serif; }
-   .warning { color: red; background: transparent; }
-   .note, .warning { font-weight: bolder; font-style: italic; }
-   p.note, div.note { padding: 0.5em 2em; }
-   span.note { padding: 0 2em; }
-   .note p:first-child, .warning p:first-child { margin-top: 0; }
-   .note p:last-child, .warning p:last-child { margin-bottom: 0; }
-   .warning:before { font-style: normal; }
-   p.note:before { content: 'Note: '; }
-   p.warning:before { content: '\26A0 Warning! '; }
-
-   .bookkeeping:before { display: block; content: 'Bookkeeping details'; font-weight: bolder; font-style: italic; }
-   .bookkeeping { font-size: 0.8em; margin: 2em 0; }
-   .bookkeeping p { margin: 0.5em 2em; display: list-item; list-style: square; }
-
-   h4 { position: relative; z-index: 3; }
-   h4 + .element, h4 + div + .element { margin-top: -2.5em; padding-top: 2em; }
-   .element {
-     background: #EEEEFF;
-     color: black;
-     margin: 0 0 1em 0.15em;
-     padding: 0 1em 0.25em 0.75em;
-     border-left: solid #9999FF 0.25em;
-     position: relative;
-     z-index: 1;
-   }
-   .element:before {
-     position: absolute;
-     z-index: 2;
-     top: 0;
-     left: -1.15em;
-     height: 2em;
-     width: 0.9em;
-     background: #EEEEFF;
-     content: ' ';
-     border-style: none none solid solid;
-     border-color: #9999FF;
-     border-width: 0.25em;
-   }
-
-   .example { display: block; color: #222222; background: #FCFCFC; border-left: double; margin-left: 2em; padding-left: 1em; }
-   td > .example:only-child { margin: 0 0 0 0.1em; }
-
-   .tall-and-narrow {
-     font-size: 0.6em;
-     column-width: 25em;
-     column-gap: 1em;
-     -moz-column-width: 25em;
-     -moz-column-gap: 1em;
-     -webkit-column-width: 25em;
-     -webkit-column-gap: 1em;
-   }
-
-   ul.domTree, ul.domTree ul { padding: 0 0 0 1em; margin: 0; }
-   ul.domTree li { padding: 0; margin: 0; list-style: none; position: relative; }
-   ul.domTree li li { list-style: none; }
-   ul.domTree li:first-child::before { position: absolute; top: 0; height: 0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
-   ul.domTree li:not(:last-child)::after { position: absolute; top: 0; bottom: -0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
-   ul.domTree span { font-style: italic; font-family: serif; }
-   ul.domTree .t1 code { color: purple; font-weight: bold; }
-   ul.domTree .t2 { font-style: normal; font-family: monospace; }
-   ul.domTree .t2 .name { color: black; font-weight: bold; }
-   ul.domTree .t2 .value { color: blue; font-weight: normal; }
-   ul.domTree .t3 code, .domTree .t4 code, .domTree .t5 code { color: gray; }
-   ul.domTree .t7 code, .domTree .t8 code { color: green; }
-   ul.domTree .t10 code { color: teal; }
-
-   #configUI { position: absolute; z-index: 20; top: 10em; right: 1em; width: 11em; font-size: small; }
-   #configUI p { margin: 0.5em 0; padding: 0.3em; background: #EEEEEE; color: black; border: inset thin; }
-   #configUI p label { display: block; }
-   #configUI #updateUI, #configUI .loginUI { text-align: center; }
-   #configUI input[type=button] { display: block; margin: auto; }
-  </style><style type="text/css">
-
-   .applies thead th > * { display: block; }
-   .applies thead code { display: block; }
-   .applies tbody th { whitespace: nowrap; }
-   .applies td { text-align: center; }
-   .applies .yes { background: yellow; }
-
-   .matrix, .matrix td { border: none; text-align: right; }
-   .matrix { margin-left: 2em; }
-
-   .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
-   .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
-   .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
-
-   #table-example-1 { border: solid thin; border-collapse: collapse; margin-left: 3em; }
-   #table-example-1 * { font-family: "Essays1743", serif; line-height: 1.01em; }
-   #table-example-1 caption { padding-bottom: 0.5em; }
-   #table-example-1 thead, #table-example-1 tbody { border: none; }
-   #table-example-1 th, #table-example-1 td { border: solid thin; }
-   #table-example-1 th { font-weight: normal; }
-   #table-example-1 td { border-style: none solid; vertical-align: top; }
-   #table-example-1 th { padding: 0.5em; vertical-align: middle; text-align: center; }
-   #table-example-1 tbody tr:first-child td { padding-top: 0.5em; }
-   #table-example-1 tbody tr:last-child td { padding-bottom: 1.5em; }
-   #table-example-1 tbody td:first-child { padding-left: 2.5em; padding-right: 0; width: 9em; }
-   #table-example-1 tbody td:first-child::after { content: leader(". "); }
-   #table-example-1 tbody td { padding-left: 2em; padding-right: 2em; }
-   #table-example-1 tbody td:first-child + td { width: 10em; }
-   #table-example-1 tbody td:first-child + td ~ td { width: 2.5em; }
-   #table-example-1 tbody td:first-child + td + td + td ~ td { width: 1.25em; }
-
-   .apple-table-examples { border: none; border-collapse: separate; border-spacing: 1.5em 0em; width: 40em; margin-left: 3em; }
-   .apple-table-examples * { font-family: "Times", serif; }
-   .apple-table-examples td, .apple-table-examples th { border: none; white-space: nowrap; padding-top: 0; padding-bottom: 0; }
-   .apple-table-examples tbody th:first-child { border-left: none; width: 100%; }
-   .apple-table-examples thead th:first-child ~ th { font-size: smaller; font-weight: bolder; border-bottom: solid 2px; text-align: center; }
-   .apple-table-examples tbody th::after, .apple-table-examples tfoot th::after { content: leader(". ") }
-   .apple-table-examples tbody th, .apple-table-examples tfoot th { font: inherit; text-align: left; }
-   .apple-table-examples td { text-align: right; vertical-align: top; }
-   .apple-table-examples.e1 tbody tr:last-child td { border-bottom: solid 1px; }
-   .apple-table-examples.e1 tbody + tbody tr:last-child td { border-bottom: double 3px; }
-   .apple-table-examples.e2 th[scope=row] { padding-left: 1em; }
-   .apple-table-examples sup { line-height: 0; }
-
-  </style><link href="data:text/css," rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" rel="alternate stylesheet" title="Highlight implementation requirements"><link href="data:text/css," id="complete" rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" id="author" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" id="highlight" rel="alternate stylesheet" title="Highlight implementation requirements"><script>
-   function getCookie(name) {
-     var params = location.search.substr(1).split("&");
-     for (var index = 0; index < params.length; index++) {
-       if (params[index] == name)
-         return "1";
-       var data = params[index].split("=");
-       if (data[0] == name)
-         return unescape(data[1]);
-     }
-     var cookies = document.cookie.split("; ");
-     for (var index = 0; index < cookies.length; index++) {
-       var data = cookies[index].split("=");
-       if (data[0] == name)
-         return unescape(data[1]);
-     }
-     return null;
-   }
-   function load(script) {
-     var e = document.createElement('script');
-     e.setAttribute('src', 'http://www.whatwg.org/specs/web-apps/current-work/' + script + '?' + encodeURIComponent(location) + '&' + encodeURIComponent(document.referrer));
-     document.body.appendChild(e);
-   }
-   function init() {
-     if (location.search == '?slow-browser')
-       return;
-     var configUI = document.createElement('div');
-     configUI.id = 'configUI';
-     document.body.appendChild(configUI);
-     // load('reviewer.js'); // would need cross-site XHR
-     if (document.getElementById('head'))
-       load('toc.js');
-     
-     // load('updater.js'); // would need cross-site XHR
-     load('dfn.js');
-     // load('status.js'); // would need cross-site XHR
-     if (getCookie('profile') == '1')
-       document.getElementsByTagName('h2')[0].textContent += '; load: ' + (new Date() - loadTimer) + 'ms';
-     fixBrokenLink();
-   }
-  </script><link href="http://www.w3.org/StyleSheets/TR/W3C-ED" rel="stylesheet" type="text/css"><link href="obsolete.html" title="11 Obsolete features" rel="prev">
-  <link href="Overview.html#contents" title="Table of contents" rel="index">
-  <link href="index.html" title="Index" rel="next">
-  </head><body onload="fixBrokenLink(); init()"><div class="head" id="head">
-   <p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
-   <h1>HTML5 (Author Edition)</h1>
-   </div><div>
-   <a href="obsolete.html">&#8592; 11 Obsolete features</a> &#8211;
-   <a href="Overview.html#contents">Table of contents</a> &#8211;
-   <a href="index.html">Index &#8594;</a>
-  <ol class="toc"><li><a href="iana.html#iana"><span class="secno">12 </span>IANA considerations</a>
-  <ol><li><a href="iana.html#text-html"><span class="secno">12.1 </span><code>text/html</code></a></li><li><a href="iana.html#application-xhtml-xml"><span class="secno">12.2 </span><code>application/xhtml+xml</code></a></li><li><a href="iana.html#text-cache-manifest"><span class="secno">12.3 </span><code>text/cache-manifest</code></a></li><li><a href="iana.html#text-ping"><span class="secno">12.4 </span><code>text/ping</code></a></li><li><a href="iana.html#application-microdata-json"><span class="secno">12.5 </span><code>application/microdata+json</code></a></li><li><a href="iana.html#ping-from"><span class="secno">12.6 </span><code>Ping-From</code></a></li><li><a href="iana.html#ping-to"><span class="secno">12.7 </span><code>Ping-To</code></a></li></ol></li></ol></div>
-
-  <h2 id="iana"><span class="secno">12 </span>IANA considerations</h2><!-- http://www.w3.org/2002/06/registering-mediatype.html --><h3 id="text-html"><span class="secno">12.1 </span><dfn><code>text/html</code></dfn></h3><p>This registration is for community review and will be submitted
-  to the IESG for review, approval, and registration with IANA.</p><!--
-   To: http://www.ietf.org/rfc/rfc2854
-
-   Include a request to retire RFC 2854 persuant to section 6.4 of RFC 2026.
-  --><dl><dt>Type name:</dt>
-   <dd>text</dd>
-   <dt>Subtype name:</dt>
-   <dd>html</dd>
-   <dt>Required parameters:</dt>
-   <dd>No required parameters</dd>
-   <dt>Optional parameters:</dt>
-   <dd>
-    <dl><dt><code title="">charset</code></dt>
-     <dd>
-      <p>The <code title="">charset</code> parameter may be provided
-      to definitively specify the <a href="#document-s-character-encoding">document's character
-      encoding</a>, overriding any <a href="semantics.html#character-encoding-declaration" title="character encoding
-      declaration">character encoding declarations</a> in the
-      document. The parameter's value must be the name of the
-      character encoding used to serialize the file, must be a valid
-      character encoding name, and must be an <a href="infrastructure.html#ascii-case-insensitive">ASCII
-      case-insensitive</a> match for the <a href="infrastructure.html#preferred-mime-name">preferred MIME
-      name</a> for that encoding. <a href="references.html#refsIANACHARSET">[IANACHARSET]</a></p>
-     </dd>
-    </dl></dd>
-   <dt>Encoding considerations:</dt>
-   <dd>See the section on <a href="semantics.html#character-encoding-declaration" title="character encoding
-   declaration">character encoding declarations</a>.</dd>
-   <dt>Security considerations:</dt>
-   <dd>
-
-    <p>Entire novels have been written about the security
-    considerations that apply to HTML documents. Many are listed in
-    this document, to which the reader is referred for more
-    details. Some general concerns bear mentioning here, however:</p>
-
-    <p>HTML is scripted language, and has a large number of APIs (some
-    of which are described in this document). Script can expose the
-    user to potential risks of information leakage, credential
-    leakage, cross-site scripting attacks, cross-site request
-    forgeries, and a host of other problems. While the designs in this
-    specification are intended to be safe if implemented correctly, a
-    full implementation is a massive undertaking and, as with any
-    software, user agents are likely to have security bugs.</p>
-
-    <p>Even without scripting, there are specific features in HTML
-    which, for historical reasons, are required for broad
-    compatibility with legacy content but that expose the user to
-    unfortunate security problems. In particular, the <code><a href="embedded-content-1.html#the-img-element">img</a></code>
-    element can be used in conjunction with some other features as a
-    way to effect a port scan from the user's location on the
-    Internet. This can expose local network topologies that the
-    attacker would otherwise not be able to determine.</p>
-
-   </dd>
-   <dt>Interoperability considerations:</dt>
-   <dd>
-    Rules for processing both conforming and non-conforming content
-    are defined in this specification.
-   </dd>
-   <dt>Published specification:</dt>
-   <dd id="authors-using-html">
-    This document is the relevant specification. Labeling a resource
-    with the <code><a href="#text-html">text/html</a></code> type asserts that the resource is
-    an <a href="dom.html#html-documents" title="HTML documents">HTML document</a> using
-    <a href="syntax.html#syntax">the HTML syntax</a>.
-   </dd>
-   <dt>Applications that use this media type:</dt>
-   <dd>
-    Web browsers, tools for processing Web content, HTML authoring
-    tools, search engines, validators.
-   </dd>
-   <dt>Additional information:</dt>
-   <dd>
-    <dl><dt>Magic number(s):</dt>
-     <dd>No sequence of bytes can uniquely identify an HTML
-     document. More information on detecting HTML documents is
-     available in the Content-Type Processing Model specification. <a href="references.html#refsMIMESNIFF">[MIMESNIFF]</a></dd>
-     <dt>File extension(s):</dt>
-     <dd>"<code title="">html</code>" and "<code title="">htm</code>"
-     are commonly, but certainly not exclusively, used as the
-     extension for HTML documents.</dd>
-     <dt>Macintosh file type code(s):</dt>
-     <dd><code title="">TEXT</code></dd>
-    </dl></dd>
-   <dt>Person &amp; email address to contact for further information:</dt>
-   <dd>Ian Hickson &lt;http://www.ietf.org/rfc/rfc3236.txt
-  --><dl><dt>Type name:</dt>
-   <dd>application</dd>
-   <dt>Subtype name:</dt>
-   <dd>xhtml+xml</dd>
-   <dt>Required parameters:</dt>
-   <dd>Same as for <code>application/xml</code> <a href="references.html#refsRFC3023">[RFC3023]</a></dd>
-   <dt>Optional parameters:</dt>
-   <dd>Same as for <code>application/xml</code> <a href="references.html#refsRFC3023">[RFC3023]</a></dd>
-   <dt>Encoding considerations:</dt>
-   <dd>Same as for <code>application/xml</code> <a href="references.html#refsRFC3023">[RFC3023]</a></dd>
-   <dt>Security considerations:</dt>
-   <dd>Same as for <code>application/xml</code> <a href="references.html#refsRFC3023">[RFC3023]</a></dd>
-   <dt>Interoperability considerations:</dt>
-   <dd>Same as for <code>application/xml</code> <a href="references.html#refsRFC3023">[RFC3023]</a></dd>
-   <dt id="authors-using-xhtml">Published specification:</dt>
-   <dd>
-    Labeling a resource with the <code><a href="#application-xhtml-xml">application/xhtml+xml</a></code>
-    type asserts that the resource is an XML document that likely has
-    a root element from the <a href="#html-namespace-0">HTML namespace</a>. As such, the
-    relevant specifications are the XML specification, the Namespaces
-    in XML specification, and this specification. <a href="references.html#refsXML">[XML]</a> <a href="references.html#refsXMLNS">[XMLNS]</a>
-   </dd>
-   <dt>Applications that use this media type:</dt>
-   <dd>Same as for <code>application/xml</code> <a href="references.html#refsRFC3023">[RFC3023]</a></dd>
-   <dt>Additional information:</dt>
-   <dd>
-    <dl><dt>Magic number(s):</dt>
-     <dd>Same as for <code>application/xml</code> <a href="references.html#refsRFC3023">[RFC3023]</a></dd>
-     <dt>File extension(s):</dt>
-     <dd>"<code title="">xhtml</code>" and "<code title="">xht</code>"
-     are sometimes used as extensions for XML resources that have a
-     root element from the <a href="#html-namespace-0">HTML namespace</a>.</dd>
-     <dt>Macintosh file type code(s):</dt>
-     <dd><code title="">TEXT</code></dd>
-    </dl></dd>
-   <dt>Person &amp; email address to contact for further information:</dt>
-   <dd>Ian Hickson &lt;http://www.whatwg.org/specs/web-apps/current-work/' + script + '?' + encodeURIComponent(location) + '&' + encodeURIComponent(document.referrer));
-     document.body.appendChild(e);
-   }
-   function init() {
-     if (location.search == '?slow-browser')
-       return;
-     var configUI = document.createElement('div');
-     configUI.id = 'configUI';
-     document.body.appendChild(configUI);
-     // load('reviewer.js'); // would need cross-site XHR
-     if (document.getElementById('head'))
-       load('toc.js');
-     
-     // load('updater.js'); // would need cross-site XHR
-     load('dfn.js');
-     // load('status.js'); // would need cross-site XHR
-     if (getCookie('profile') == '1')
-       document.getElementsByTagName('h2')[0].textContent += '; load: ' + (new Date() - loadTimer) + 'ms';
-     fixBrokenLink();
-   }
-  </script><link href="http://www.w3.org/StyleSheets/TR/W3C-ED" rel="stylesheet" type="text/css"><link href="the-button-element.html" title="4.10.6 The button element" rel="prev">
-  <link href="Overview.html#contents" title="Table of contents" rel="index">
-  <link href="interactive-elements.html" title="4.11 Interactive elements" rel="next">
-  </head><body onload="fixBrokenLink(); init()"><div class="head" id="head">
-   <p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
-   <h1>HTML5 (Author Edition)</h1>
-   </div><div>
-   <a href="the-button-element.html">&#8592; 4.10.6 The button element</a> &#8211;
-   <a href="Overview.html#contents">Table of contents</a> &#8211;
-   <a href="interactive-elements.html">4.11 Interactive elements &#8594;</a>
-  <ol class="toc"><li><ol><li><ol><li><a href="association-of-controls-and-forms.html#association-of-controls-and-forms"><span class="secno">4.10.14 </span>Association of controls and forms</a></li><li><a href="association-of-controls-and-forms.html#attributes-common-to-form-controls"><span class="secno">4.10.15 </span>Attributes common to form controls</a>
-      <ol><li><a href="association-of-controls-and-forms.html#naming-form-controls"><span class="secno">4.10.15.1 </span>Naming form controls</a></li><li><a href="association-of-controls-and-forms.html#enabling-and-disabling-form-controls"><span class="secno">4.10.15.2 </span>Enabling and disabling form controls</a></li><li><a href="association-of-controls-and-forms.html#autofocusing-a-form-control"><span class="secno">4.10.15.3 </span>Autofocusing a form control</a></li><li><a href="association-of-controls-and-forms.html#limiting-user-input-length"><span class="secno">4.10.15.4 </span>Limiting user input length</a></li><li><a href="association-of-controls-and-forms.html#form-submission-0"><span class="secno">4.10.15.5 </span>Form submission</a></li></ol></li><li><a href="association-of-controls-and-forms.html#constraints"><span class="secno">4.10.16 </span>Constraints</a>
-      <ol><li><a href="association-of-controls-and-forms.html#definitions"><span class="secno">4.10.16.1 </span>Definitions</a></li><li><a href="association-of-controls-and-forms.html#the-constraint-validation-api"><span class="secno">4.10.16.2 </span>The constraint validation API</a></li></ol></li><li><a href="association-of-controls-and-forms.html#form-submission"><span class="secno">4.10.17 </span>Form submission</a></li></ol></li></ol></li></ol></div>
-
-  <h4 id="association-of-controls-and-forms"><span class="secno">4.10.14 </span>Association of controls and forms</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>A <a href="forms.html#form-associated-element">form-associated element</a> can have a relationship
-  with a <code><a href="forms.html#the-form-element">form</a></code> element, which is called the element's
-  <dfn id="form-owner">form owner</dfn>. If a <a href="forms.html#form-associated-element">form-associated element</a> is
-  not associated with a <code><a href="forms.html#the-form-element">form</a></code> element, its <a href="#form-owner">form
-  owner</a> is said to be null.</p><p>A <a href="forms.html#form-associated-element">form-associated element</a> is, by default, associated
-  with its nearest ancestor <code><a href="forms.html#the-form-element">form</a></code> element, but may have a <dfn id="attr-fae-form" title="attr-fae-form"><code>form</code></dfn> attribute specified to
-  override this.</p><p>If a <a href="forms.html#form-associated-element">form-associated element</a> has a <code title="attr-fae-form"><a href="#attr-fae-form">form</a></code> attribute specified, then its
-  value must be the ID of a <code><a href="forms.html#the-form-element">form</a></code> element in the element's
-  owner <code>Document</code>.</p><dl class="domintro"><dt><var title="">element</var> . <code title="dom-fae-form"><a href="#dom-fae-form">form</a></code></dt>
-
-   <dd>
-
-    <p>Returns the element's <a href="#form-owner">form owner</a>.</p>
-
-    <p>Returns null if there isn't one.</p>
-
-   </dd>
-
-  </dl><h4 id="attributes-common-to-form-controls"><span class="secno">4.10.15 </span><dfn>Attributes common to form controls</dfn></h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><h5 id="naming-form-controls"><span class="secno">4.10.15.1 </span>Naming form controls</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-fe-name" title="attr-fe-name"><code>name</code></dfn> content
-  attribute gives the name of the form control, as used in <a href="#form-submission">form
-  submission</a> and in the <code><a href="forms.html#the-form-element">form</a></code> element's <code title="dom-form-elements"><a href="#dom-form-elements">elements</a></code> object. If the attribute
-  is specified, its value must not be the empty string.</p><h5 id="enabling-and-disabling-form-controls"><span class="secno">4.10.15.2 </span>Enabling and disabling form controls</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-fe-disabled" title="attr-fe-disabled"><code>disabled</code></dfn>
-  content attribute is a <a href="common-microsyntaxes.html#boolean-attribute">boolean attribute</a>.</p><p>A form control is <dfn id="concept-fe-disabled" title="concept-fe-disabled">disabled</dfn>
-  if its <code title="attr-fe-disabled"><a href="#attr-fe-disabled">disabled</a></code> attribute is
-  set, or if it is a descendant of a <code><a href="forms.html#the-fieldset-element">fieldset</a></code> element
-  whose <code title="attr-fieldset-disabled"><a href="forms.html#attr-fieldset-disabled">disabled</a></code> attribute
-  is set and is <em>not</em> a descendant of that
-  <code><a href="forms.html#the-fieldset-element">fieldset</a></code> element's first <code><a href="forms.html#the-legend-element">legend</a></code> element
-  child, if any.</p><h5 id="autofocusing-a-form-control"><span class="secno">4.10.15.3 </span>Autofocusing a form control</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- v2: Apply this to contentEditable elements --><p>The <dfn id="attr-fe-autofocus" title="attr-fe-autofocus"><code>autofocus</code></dfn>
-  content attribute allows the user to indicate that a control is to
-  be focused as soon as the page is loaded, allowing the user to just
-  start typing without having to manually focus the main control.</p><p>The <code title="attr-fe-autofocus"><a href="#attr-fe-autofocus">autofocus</a></code> attribute is
-  a <a href="common-microsyntaxes.html#boolean-attribute">boolean attribute</a>.</p><p>There must not be more than one element in the document with the
-  <code title="attr-fe-autofocus"><a href="#attr-fe-autofocus">autofocus</a></code> attribute
-  specified.</p><div class="example">
-   <p>In the following snippet, the text control would be focused when
-   the document was loaded.</p>
-   <pre>&lt;input maxlength="256" name="q" value="" autofocus&gt;
-&lt;input type="submit" value="Search"&gt;</pre>
-  </div><h5 id="limiting-user-input-length"><span class="secno">4.10.15.4 </span>Limiting user input length</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>A <dfn id="attr-fe-maxlength" title="attr-fe-maxlength">form control <code title="">maxlength</code> attribute</dfn>, controlled by a <var title="">dirty value flag</var> declares a limit on the number of
-  characters a user can input.</p><p>If an element has its <a href="#attr-fe-maxlength" title="attr-fe-maxlength">form
-  control <code title="">maxlength</code> attribute</a> specified,
-  the attribute's value must be a <a href="common-microsyntaxes.html#valid-non-negative-integer">valid non-negative
-  integer</a>. If the attribute is specified and applying the
-  <a href="#rules-for-parsing-non-negative-integers">rules for parsing non-negative integers</a> to its value
-  results in a number, then that number is the element's <dfn id="maximum-allowed-value-length">maximum
-  allowed value length</dfn>. If the attribute is omitted or parsing
-  its value results in an error, then there is no <a href="#maximum-allowed-value-length">maximum
-  allowed value length</a>.</p><h5 id="form-submission-0"><span class="secno">4.10.15.5 </span>Form submission</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><dfn id="attributes-for-form-submission">Attributes for form submission</dfn> can be specified both
-  on <code><a href="forms.html#the-form-element">form</a></code> elements and on <a href="forms.html#concept-submit-button" title="concept-submit-button">submit buttons</a> (elements that
-  represent buttons that submit forms, e.g. an <code><a href="the-input-element.html#the-input-element">input</a></code>
-  element whose <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute is
-  in the <a href="number-state.html#submit-button-state" title="attr-input-type-submit">Submit Button</a>
-  state).
-
-  </p><p>The <a href="#attributes-for-form-submission">attributes for form submission</a> that may be
-  specified on <code><a href="forms.html#the-form-element">form</a></code> elements are <code title="attr-fs-action"><a href="#attr-fs-action">action</a></code>, <code title="attr-fs-enctype"><a href="#attr-fs-enctype">enctype</a></code>, <code title="attr-fs-method"><a href="#attr-fs-method">method</a></code>, <code title="attr-fs-novalidate"><a href="#attr-fs-novalidate">novalidate</a></code>, and <code title="attr-fs-target"><a href="#attr-fs-target">target</a></code>.</p><p>The corresponding <a href="#attributes-for-form-submission">attributes for form submission</a>
-  that may be specified on <a href="forms.html#concept-submit-button" title="concept-submit-button">submit
-  buttons</a> are <code title="attr-fs-formaction"><a href="#attr-fs-formaction">formaction</a></code>, <code title="attr-fs-formenctype"><a href="#attr-fs-formenctype">formenctype</a></code>, <code title="attr-fs-formmethod"><a href="#attr-fs-formmethod">formmethod</a></code>, <code title="attr-fs-formnovalidate"><a href="#attr-fs-formnovalidate">formnovalidate</a></code>, and <code title="attr-fs-formtarget"><a href="#attr-fs-formtarget">formtarget</a></code>. When omitted, they
-  default to the values given on the corresponding attributes on the
-  <code><a href="forms.html#the-form-element">form</a></code> element.</p><hr><p>The <dfn id="attr-fs-action" title="attr-fs-action"><code>action</code></dfn> and
-  <dfn id="attr-fs-formaction" title="attr-fs-formaction"><code>formaction</code></dfn>
-  content attributes, if specified, must have a value that is a
-  <a href="urls.html#valid-url">valid URL</a>.</p><p>The <dfn id="concept-fs-action" title="concept-fs-action">action</dfn> of an element is
-  the value of the element's <code title="attr-fs-formaction"><a href="#attr-fs-formaction">formaction</a></code> attribute, if the
-  element is a <a href="forms.html#concept-submit-button" title="concept-submit-button">submit
-  button</a> and has such an attribute, or the value of its
-  <a href="#form-owner">form owner</a>'s <code title="attr-fs-action"><a href="#attr-fs-action">action</a></code>
-  attribute, if <em>it</em> has one, or else the empty string.</p><hr><p>The <dfn id="attr-fs-method" title="attr-fs-method"><code>method</code></dfn> and
-  <dfn id="attr-fs-formmethod" title="attr-fs-formmethod"><code>formmethod</code></dfn>
-  content attributes are <a href="common-microsyntaxes.html#enumerated-attribute" title="enumerated attribute">enumerated
-  attributes</a> with the following keywords and states:</p><ul><li>The keyword <dfn id="attr-fs-method-get-keyword" title="attr-fs-method-GET-keyword"><code>GET</code></dfn>, mapping
-   to the state <dfn id="attr-fs-method-get" title="attr-fs-method-GET">GET</dfn>, indicating
-   the HTTP GET method.</li>
-
-   <li>The keyword <dfn id="attr-fs-method-post-keyword" title="attr-fs-method-POST-keyword"><code>POST</code></dfn>, mapping
-   to the state <dfn id="attr-fs-method-post" title="attr-fs-method-POST">POST</dfn>, indicating
-   the HTTP POST method.</li>
-
-   <li>The keyword <dfn id="attr-fs-method-put-keyword" title="attr-fs-method-PUT-keyword"><code>PUT</code></dfn>, mapping
-   to the state <dfn id="attr-fs-method-put" title="attr-fs-method-PUT">PUT</dfn>, indicating
-   the HTTP PUT method.</li>
-
-   <li>The keyword <dfn id="attr-fs-method-delete-keyword" title="attr-fs-method-DELETE-keyword"><code>DELETE</code></dfn>, mapping
-   to the state <dfn id="attr-fs-method-delete" title="attr-fs-method-DELETE">DELETE</dfn>, indicating
-   the HTTP DELETE method.</li>
-
-  </ul><p>The <i>missing value default</i> for these attributes is the
-  <a href="#attr-fs-method-get" title="attr-fs-method-GET">GET</a> state.</p><p>The <dfn id="concept-fs-method" title="concept-fs-method">method</dfn> of an element is
-  one of those four states. If the element is a <a href="forms.html#concept-submit-button" title="concept-submit-button">submit button</a> and has a <code title="attr-fs-formmethod"><a href="#attr-fs-formmethod">formmethod</a></code> attribute, then the
-  element's <a href="#concept-fs-method" title="concept-fs-method">method</a> is that
-  attribute's state; otherwise, it is the <a href="#form-owner">form owner</a>'s
-  <code title="attr-fs-method"><a href="#attr-fs-method">method</a></code> attribute's state.</p><hr><p>The <dfn id="attr-fs-enctype" title="attr-fs-enctype"><code>enctype</code></dfn> and
-  <dfn id="attr-fs-formenctype" title="attr-fs-formenctype"><code>formenctype</code></dfn>
-  content attributes are <a href="common-microsyntaxes.html#enumerated-attribute" title="enumerated attribute">enumerated
-  attributes</a> with the following keywords and states:</p><ul><li>The "<dfn id="attr-fs-enctype-urlencoded" title="attr-fs-enctype-urlencoded"><code>application/x-www-form-urlencoded</code></dfn>" keyword and corresponding state.</li>
-   <li>The "<dfn id="attr-fs-enctype-formdata" title="attr-fs-enctype-formdata"><code>multipart/form-data</code></dfn>" keyword and corresponding state.</li>
-   <li>The "<dfn id="attr-fs-enctype-text" title="attr-fs-enctype-text"><code>text/plain</code></dfn>" keyword and corresponding state.</li>
-  </ul><p>The <i>missing value default</i> for these attributes is the
-  <code title="attr-fs-enctype-urlencoded"><a href="#attr-fs-enctype-urlencoded">application/x-www-form-urlencoded</a></code>
-  state.</p><p>The <dfn id="concept-fs-enctype" title="concept-fs-enctype">enctype</dfn> of an element
-  is one of those three states. If the element is a <a href="forms.html#concept-submit-button" title="concept-submit-button">submit button</a> and has a <code title="attr-fs-formenctype"><a href="#attr-fs-formenctype">formenctype</a></code> attribute, then the
-  element's <a href="#concept-fs-enctype" title="concept-fs-enctype">enctype</a> is that
-  attribute's state; otherwise, it is the <a href="#form-owner">form owner</a>'s
-  <code title="attr-fs-enctype"><a href="#attr-fs-enctype">enctype</a></code> attribute's state.</p><hr><p>The <dfn id="attr-fs-target" title="attr-fs-target"><code>target</code></dfn> and
-  <dfn id="attr-fs-formtarget" title="attr-fs-formtarget"><code>formtarget</code></dfn>
-  content attributes, if specified, must have values that are <a href="browsers.html#valid-browsing-context-name-or-keyword" title="valid browsing context name or keyword">valid browsing
-  context names or keywords</a>.</p><p>The <dfn id="concept-fs-target" title="concept-fs-target">target</dfn> of an element is
-  the value of the element's <code title="attr-fs-formtarget"><a href="#attr-fs-formtarget">formtarget</a></code> attribute, if the
-  element is a <a href="forms.html#concept-submit-button" title="concept-submit-button">submit
-  button</a> and has such an attribute; or the value of its
-  <a href="#form-owner">form owner</a>'s <code title="attr-fs-target"><a href="#attr-fs-target">target</a></code>
-  attribute, if <em>it</em> has such an attribute; or, if one of the
-  child nodes of <a href="dom.html#the-head-element">the <code>head</code> element</a> is a
-  <code><a href="semantics.html#the-base-element">base</a></code> element with a <code title="attr-base-target"><a href="semantics.html#attr-base-target">target</a></code> attribute, then the value of
-  the <code title="attr-base-target"><a href="semantics.html#attr-base-target">target</a></code> attribute of the
-  first such <code><a href="semantics.html#the-base-element">base</a></code> element; or, if there is no such
-  element, the empty string.</p><!-- c.f. hyperlink following --><hr><p>The <dfn id="attr-fs-novalidate" title="attr-fs-novalidate"><code>novalidate</code></dfn>
-  and <dfn id="attr-fs-formnovalidate" title="attr-fs-formnovalidate"><code>formnovalidate</code></dfn>
-  content attributes are <a href="common-microsyntaxes.html#boolean-attribute" title="boolean attribute">boolean
-  attributes</a>. If present, they indicate that the form is not to
-  be validated during submission.</p><p>The <dfn id="concept-fs-novalidate" title="concept-fs-novalidate">no-validate state</dfn> of
-  an element is true if the element is a <a href="forms.html#concept-submit-button" title="concept-submit-button">submit button</a> and the element's
-  <code title="attr-fs-formnovalidate"><a href="#attr-fs-formnovalidate">formnovalidate</a></code> attribute
-  is present, or if the element's <a href="#form-owner">form owner</a>'s <code title="attr-fs-novalidate"><a href="#attr-fs-novalidate">novalidate</a></code> attribute is present,
-  and false otherwise.</p><div class="example">
-
-   <p>This attribute is useful to include "save" buttons on forms that
-   have validation constraints, to allow users to save their progress
-   even though they haven't fully entered the data in the form. The
-   following example shows a simple form that has two required
-   fields. There are three buttons: one to submit the form, which
-   requires both fields to be filled in; one to save the form so that
-   the user can come back and fill it in later; and one to cancel the
-   form altogether.</p>
-
-   <pre>&lt;form action="editor.cgi" method="post"&gt;
- &lt;p&gt;&lt;label&gt;Name: &lt;input required name=fn&gt;&lt;/label&gt;&lt;/p&gt;
- &lt;p&gt;&lt;label&gt;Essay: &lt;textarea name=essay&gt;&lt;/textarea&gt;&lt;/label&gt;&lt;/p&gt;
- &lt;p&gt;&lt;input type=submit name=submit value="Submit essay"&gt;&lt;/p&gt;
- &lt;p&gt;&lt;input type=submit formnovalidate name=save value="Save essay"&gt;&lt;/p&gt;
- &lt;p&gt;&lt;input type=submit formnovalidate name=cancel value="Cancel"&gt;&lt;/p&gt;
-&lt;/form&gt;</pre>
-
-  </div><h4 id="constraints"><span class="secno">4.10.16 </span>Constraints</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><h5 id="definitions"><span class="secno">4.10.16.1 </span>Definitions</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><h5 id="the-constraint-validation-api"><span class="secno">4.10.16.2 </span>The <dfn>constraint validation API</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="domintro"><dt><var title="">element</var> . <code title="dom-cva-willValidate"><a href="#dom-cva-willvalidate">willValidate</a></code></dt>
-
-   <dd>
-
-    <p>Returns true if the element will be validated when the form is submitted; false otherwise.</p>
-
-   </dd>
-
-   <dt><var title="">element</var> . <code title="dom-cva-setCustomValidity"><a href="#dom-cva-setcustomvalidity">setCustomValidity</a></code>(<var title="">message</var>)</dt>
-
-   <dd>
-
-    <p>Sets a custom error, so that the element would fail to
-    validate. The given message is the message to be shown to the user
-    when reporting the problem to the user.</p>
-
-    <p>If the argument is the empty string, clears the custom error.</p>
-
-   </dd>
-
-   <dt><var title="">element</var> . <code title="dom-cva-validity"><a href="#dom-cva-validity">validity</a></code> . <code title="dom-validitystate-valueMissing"><a href="#dom-validitystate-valuemissing">valueMissing</a></code></dt>
-
-   <dd>
-
-    <p>Returns true if the element has no value but is a required field; false otherwise.</p>
-
-   </dd>
-
-   <dt><var title="">element</var> . <code title="dom-cva-validity"><a href="#dom-cva-validity">validity</a></code> . <code title="dom-validitystate-typeMismatch"><a href="#dom-validitystate-typemismatch">typeMismatch</a></code></dt>
-
-   <dd>
-
-    <p>Returns true if the element's value is not in the correct syntax; false otherwise.</p>
-
-   </dd>
-
-   <dt><var title="">element</var> . <code title="dom-cva-validity"><a href="#dom-cva-validity">validity</a></code> . <code title="dom-validitystate-patternMismatch"><a href="#dom-validitystate-patternmismatch">patternMismatch</a></code></dt>
-
-   <dd>
-
-    <p>Returns true if the element's value doesn't match the provided pattern; false otherwise.</p>
-
-   </dd>
-
-   <dt><var title="">element</var> . <code title="dom-cva-validity"><a href="#dom-cva-validity">validity</a></code> . <code title="dom-validitystate-tooLong"><a href="#dom-validitystate-toolong">tooLong</a></code></dt>
-
-   <dd>
-
-    <p>Returns true if the element's value is longer than the provided maximum length; false otherwise.</p>
-
-   </dd>
-
-   <dt><var title="">element</var> . <code title="dom-cva-validity"><a href="#dom-cva-validity">validity</a></code> . <code title="dom-validitystate-rangeUnderflow"><a href="#dom-validitystate-rangeunderflow">rangeUnderflow</a></code></dt>
-
-   <dd>
-
-    <p>Returns true if the element's value is lower than the provided minimum; false otherwise.</p>
-
-   </dd>
-
-   <dt><var title="">element</var> . <code title="dom-cva-validity"><a href="#dom-cva-validity">validity</a></code> . <code title="dom-validitystate-rangeOverflow"><a href="#dom-validitystate-rangeoverflow">rangeOverflow</a></code></dt>
-
-   <dd>
-
-    <p>Returns true if the element's value is higher than the provided maximum; false otherwise.</p>
-
-   </dd>
-
-   <dt><var title="">element</var> . <code title="dom-cva-validity"><a href="#dom-cva-validity">validity</a></code> . <code title="dom-validitystate-stepMismatch"><a href="#dom-validitystate-stepmismatch">stepMismatch</a></code></dt>
-
-   <dd>
-
-    <p>Returns true if the element's value doesn't fit the rules given by the <code title="attr-input-step"><a href="common-input-element-attributes.html#attr-input-step">step</a></code> attribute; false otherwise.</p>
-
-   </dd>
-
-   <dt><var title="">element</var> . <code title="dom-cva-validity"><a href="#dom-cva-validity">validity</a></code> . <code title="dom-validitystate-customError"><a href="#dom-validitystate-customerror">customError</a></code></dt>
-
-   <dd>
-
-    <p>Returns true if the element has a custom error; false otherwise.</p>
-
-   </dd>
-
-   <dt><var title="">element</var> . <code title="dom-cva-validity"><a href="#dom-cva-validity">validity</a></code> . <code title="dom-validitystate-valid"><a href="#dom-validitystate-valid">valid</a></code></dt>
-
-   <dd>
-
-    <p>Returns true if the element's value has no validity problems; false otherwise.</p>
-
-   </dd>
-
-   <dt><var title="">valid</var> = <var title="">element</var> . <code title="dom-cva-checkValidatity"><a href="#dom-cva-checkvalidatity">checkValidity</a></code>()</dt>
-
-   <dd>
-
-    <p>Returns true if the element's value has no validity problems;
-    false otherwise. Fires an <code title="event-invalid">invalid</code> event at the element in the
-    latter case.</p>
-
-   </dd>
-
-   <dt><var title="">element</var> . <code title="dom-cva-validationMessage"><a href="#dom-cva-validationmessage">validationMessage</a></code></dt>
-
-   <dd>
-
-    <p>Returns the error message that would be shown to the user if
-    the element was to be checked for validity.</p>
-
-   </dd>
-
-  </dl><div class="example">
-
-   <p>In the following example, a script checks the value of a form
-   control each time it is edited, and whenever it is not a valid
-   value, uses the <code title="dom-cva-setCustomValidity"><a href="#dom-cva-setcustomvalidity">setCustomValidity()</a></code> method
-   to set an appropriate message.</p>
-
-   <pre>&lt;label&gt;Feeling: &lt;input name=f type="text" oninput="check(this)"&gt;&lt;/label&gt;
-&lt;script&gt;
- function check(input) {
-   if (input.value == "good" ||
-       input.value == "fine" ||
-       input.value == "tired") {
-     input.setCustomValidity('"' + input.value + '" is not a feeling.');
-<!--   } else if (input.value == "...") {
-     input.setCustomValidity('...');
--->   } else {
-     // input is fine -- reset the error message
-     input.setCustomValidity('');
-   }
- }
-&lt;/script&gt;</pre>
-
-  </div><h4 id="form-submission"><span class="secno">4.10.17 </span><dfn>Form submission</dfn></h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><i>This section is non-normative.</i></p><p>When forms are submitted, the data in the form is converted into
-  the form specified by the <a href="#concept-fs-enctype" title="concept-fs-enctype">enctype</a>, and then sent to the
-  destination specified by the <a href="#concept-fs-action" title="concept-fs-action">action</a> using the given <a href="#concept-fs-method" title="concept-fs-method">method</a>.</p><p>For example, take the following form:</p><pre>&lt;form action="/find.cgi" method=get&gt;
- &lt;input type=text name=t&gt;
- &lt;input type=search name=q&gt;
- &lt;input type=submit&gt;
-&lt;/form&gt;</pre><p>If the user types in "cats" in the first field and "fur" in the
-  second, and then hits the submit button, then the user agent will
-  load <code title="">/find.cgi?t=cats&amp;q=fur</code>.</p><p>On the other hand, consider this form:</p><pre>&lt;form action="/find.cgi" method=post enctype="multipart/form-data"&gt;
- &lt;input type=text name=t&gt;
- &lt;input type=search name=q&gt;
- &lt;input type=submit&gt;
-&lt;/form&gt;</pre><p>Given the same user input, the result on submission is quite
-  different: the user agent instead does an HTTP POST to the given
-  URL, with as the entity body something like the following text:</p><pre>------kYFrd4jNJEgCervE
-Content-Disposition: form-data; name="t"
-
-cats
-------kYFrd4jNJEgCervE
-Content-Disposition: form-data; name="q"
-
-fur
-------kYFrd4jNJEgCervE--</pre></body></html>
\ No newline at end of file
+   .apple-table-examples.e1 tbody tr:last-child td { border-bottom: solid 1px;
\ No newline at end of file

Index: forms.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/forms.html,v
retrieving revision 1.558
retrieving revision 1.559
diff -u -d -r1.558 -r1.559
--- forms.html	6 Jan 2010 15:49:34 -0000	1.558
+++ forms.html	6 Jan 2010 16:12:47 -0000	1.559
@@ -1,687 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
-<!DOCTYPE html>
-<!-- when publishing, change bits marked ZZZ --><html lang="en-US-x-Hixie" class="split chapter"><head><title>4.10 Forms &#8212; HTML5 (Author Edition)</title><script src="link-fixup.js"></script><link href="whatwg.css" rel="stylesheet"><style type="text/css">
-   pre { margin-left: 2em; white-space: pre-wrap; }
-   h2 { margin: 3em 0 1em 0; }
-   h3 { margin: 2.5em 0 1em 0; }
-   h4 { margin: 2.5em 0 0.75em 0; }
-   h5, h6 { margin: 2.5em 0 1em; }
-   h1 + h2, h1 + h2 + h2 { margin: 0.75em 0 0.75em; }
-   h2 + h3, h3 + h4, h4 + h5, h5 + h6 { margin-top: 0.5em; }
-   p { margin: 1em 0; }
-   hr:not(.top) { display: block; background: none; border: none; padding: 0; margin: 2em 0; height: auto; }
-   dl, dd { margin-top: 0; margin-bottom: 0; }
-   dt { margin-top: 0.75em; margin-bottom: 0.25em; clear: left; }
-   dt + dt { margin-top: 0; }
-   dd dt { margin-top: 0.25em; margin-bottom: 0; }
-   dd p { margin-top: 0; }
-   dd dl + p { margin-top: 1em; }
-   dd table + p { margin-top: 1em; }
-   p + * > li, dd li { margin: 1em 0; }
-   dt, dfn { font-weight: bold; font-style: normal; }
-   dt dfn { font-style: italic; }
-   pre, code { font-size: inherit; font-family: monospace; font-variant: normal; }
-   pre strong { color: black; font: inherit; font-weight: bold; background: yellow; }
-   pre em { font-weight: bolder; font-style: normal; }
-   @media screen { code { color: orangered; } code :link, code :visited { color: inherit; } }
-   var sub { vertical-align: bottom; font-size: smaller; position: relative; top: 0.1em; }
-   table { border-collapse: collapse; border-style: hidden hidden none hidden; }
-   table thead { border-bottom: solid; }
-   table tbody th:first-child { border-left: solid; }
-   table tbody th { text-align: left; }
-   table td, table th { border-left: solid; border-right: solid; border-bottom: solid thin; vertical-align: top; padding: 0.2em; }
-   blockquote { margin: 0 0 0 2em; border: 0; padding: 0; font-style: italic; }
-
-   .bad, .bad *:not(.XXX) { color: gray; border-color: gray; background: transparent; }
-   .matrix, .matrix td { border: none; text-align: right; }
-   .matrix { margin-left: 2em; }
-   .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
-   .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
-   .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
-
-   .toc dfn, h1 dfn, h2 dfn, h3 dfn, h4 dfn, h5 dfn, h6 dfn { font: inherit; }
-   img.extra { float: right; }
-   pre.idl { border: solid thin; background: #EEEEEE; color: black; padding: 0.5em 1em; }
-   pre.idl :link, pre.idl :visited { color: inherit; background: transparent; }
-   pre.css { border: solid thin; background: #FFFFEE; color: black; padding: 0.5em 1em; }
-   pre.css:first-line { color: #AAAA50; }
-   dl.domintro { color: green; margin: 2em 0 2em 2em; padding: 0.5em 1em; border: none; background: #EEFFEE; }
-   hr + dl.domintro, div.impl + dl.domintro { margin-top: 2.5em; margin-bottom: 1.5em; }
-   dl.domintro dt, dl.domintro dt * { color: black; text-decoration: none; }
-   dl.domintro dd { margin: 0.5em 0 1em 2em; padding: 0; }
-   dl.domintro dd p { margin: 0.5em 0; }
-   dl.switch { padding-left: 2em; }
-   dl.switch > dt { text-indent: -1.5em; }
-   dl.switch > dt:before { content: '\21AA'; padding: 0 0.5em 0 0; display: inline-block; width: 1em; text-align: right; line-height: 0.5em; }
-   dl.triple { padding: 0 0 0 1em; }
-   dl.triple dt, dl.triple dd { margin: 0; display: inline }
-   dl.triple dt:after { content: ':'; }
-   dl.triple dd:after { content: '\A'; white-space: pre; }
-   .diff-old { text-decoration: line-through; color: silver; background: transparent; }
-   .diff-chg, .diff-new { text-decoration: underline; color: green; background: transparent; }
-   a .diff-new { border-bottom: 1px blue solid; }
-
-   h2 { page-break-before: always; }
-   h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
-   h1 + h2, hr + h2.no-toc { page-break-before: auto; }
-
-   p > span:not([title=""]):not([class="XXX"]):not([class="impl"]), li > span:not([title=""]):not([class="XXX"]):not([class="impl"]) { border-bottom: solid #9999CC; }
-
-   div.head { margin: 0 0 1em; padding: 1em 0 0 0; }
-   div.head p { margin: 0; }
-   div.head h1 { margin: 0; }
-   div.head .logo { float: right; margin: 0 1em; }
-   div.head .logo img { border: none } /* remove border from top image */
-   div.head dl { margin: 1em 0; }
-   div.head p.copyright, div.head p.alt { font-size: x-small; font-style: oblique; margin: 0; }
-
-   body > .toc > li { margin-top: 1em; margin-bottom: 1em; }
-   body > .toc.brief > li { margin-top: 0.35em; margin-bottom: 0.35em; }
-   body > .toc > li > * { margin-bottom: 0.5em; }
-   body > .toc > li > * > li > * { margin-bottom: 0.25em; }
-   .toc, .toc li { list-style: none; }
-
-   .brief { margin-top: 1em; margin-bottom: 1em; line-height: 1.1; }
-   .brief li { margin: 0; padding: 0; }
-   .brief li p { margin: 0; padding: 0; }
-
-   .category-list { margin-top: -0.75em; margin-bottom: 1em; line-height: 1.5; }
-   .category-list::before { content: '\21D2\A0'; font-size: 1.2em; font-weight: 900; }
-   .category-list li { display: inline; }
-   .category-list li:not(:last-child)::after { content: ', '; }
-   .category-list li > span, .category-list li > a { text-transform: lowercase; }
-   .category-list li * { text-transform: none; } /* don't affect <code> nested in <a> */
-
-   .XXX { color: #E50000; background: white; border: solid red; padding: 0.5em; margin: 1em 0; }
-   .XXX > :first-child { margin-top: 0; }
-   p .XXX { line-height: 3em; }
-   .annotation { border: solid thin black; background: #0C479D; color: white; position: relative; margin: 8px 0 20px 0; }
-   .annotation:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 6px -6px -6px 6px; background: #333333; z-index: -1; content: ''; }
-   .annotation :link, .annotation :visited { color: inherit; }
-   .annotation :link:hover, .annotation :visited:hover { background: transparent; }
-   .annotation span { border: none ! important; }
-   .note { color: green; background: transparent; font-family: sans-serif; }
-   .warning { color: red; background: transparent; }
-   .note, .warning { font-weight: bolder; font-style: italic; }
-   p.note, div.note { padding: 0.5em 2em; }
-   span.note { padding: 0 2em; }
-   .note p:first-child, .warning p:first-child { margin-top: 0; }
-   .note p:last-child, .warning p:last-child { margin-bottom: 0; }
-   .warning:before { font-style: normal; }
-   p.note:before { content: 'Note: '; }
-   p.warning:before { content: '\26A0 Warning! '; }
-
-   .bookkeeping:before { display: block; content: 'Bookkeeping details'; font-weight: bolder; font-style: italic; }
-   .bookkeeping { font-size: 0.8em; margin: 2em 0; }
-   .bookkeeping p { margin: 0.5em 2em; display: list-item; list-style: square; }
-
-   h4 { position: relative; z-index: 3; }
-   h4 + .element, h4 + div + .element { margin-top: -2.5em; padding-top: 2em; }
-   .element {
-     background: #EEEEFF;
-     color: black;
-     margin: 0 0 1em 0.15em;
-     padding: 0 1em 0.25em 0.75em;
-     border-left: solid #9999FF 0.25em;
-     position: relative;
-     z-index: 1;
-   }
-   .element:before {
-     position: absolute;
-     z-index: 2;
-     top: 0;
-     left: -1.15em;
-     height: 2em;
-     width: 0.9em;
-     background: #EEEEFF;
-     content: ' ';
-     border-style: none none solid solid;
-     border-color: #9999FF;
-     border-width: 0.25em;
-   }
-
-   .example { display: block; color: #222222; background: #FCFCFC; border-left: double; margin-left: 2em; padding-left: 1em; }
-   td > .example:only-child { margin: 0 0 0 0.1em; }
-
-   .tall-and-narrow {
-     font-size: 0.6em;
-     column-width: 25em;
-     column-gap: 1em;
-     -moz-column-width: 25em;
-     -moz-column-gap: 1em;
-     -webkit-column-width: 25em;
-     -webkit-column-gap: 1em;
-   }
-
-   ul.domTree, ul.domTree ul { padding: 0 0 0 1em; margin: 0; }
-   ul.domTree li { padding: 0; margin: 0; list-style: none; position: relative; }
-   ul.domTree li li { list-style: none; }
-   ul.domTree li:first-child::before { position: absolute; top: 0; height: 0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
-   ul.domTree li:not(:last-child)::after { position: absolute; top: 0; bottom: -0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
-   ul.domTree span { font-style: italic; font-family: serif; }
-   ul.domTree .t1 code { color: purple; font-weight: bold; }
-   ul.domTree .t2 { font-style: normal; font-family: monospace; }
-   ul.domTree .t2 .name { color: black; font-weight: bold; }
-   ul.domTree .t2 .value { color: blue; font-weight: normal; }
-   ul.domTree .t3 code, .domTree .t4 code, .domTree .t5 code { color: gray; }
-   ul.domTree .t7 code, .domTree .t8 code { color: green; }
-   ul.domTree .t10 code { color: teal; }
-
-   #configUI { position: absolute; z-index: 20; top: 10em; right: 1em; width: 11em; font-size: small; }
-   #configUI p { margin: 0.5em 0; padding: 0.3em; background: #EEEEEE; color: black; border: inset thin; }
-   #configUI p label { display: block; }
-   #configUI #updateUI, #configUI .loginUI { text-align: center; }
-   #configUI input[type=button] { display: block; margin: auto; }
-  </style><style type="text/css">
-
-   .applies thead th > * { display: block; }
-   .applies thead code { display: block; }
-   .applies tbody th { whitespace: nowrap; }
-   .applies td { text-align: center; }
-   .applies .yes { background: yellow; }
-
-   .matrix, .matrix td { border: none; text-align: right; }
-   .matrix { margin-left: 2em; }
-
-   .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
-   .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
-   .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
-
-   #table-example-1 { border: solid thin; border-collapse: collapse; margin-left: 3em; }
-   #table-example-1 * { font-family: "Essays1743", serif; line-height: 1.01em; }
-   #table-example-1 caption { padding-bottom: 0.5em; }
-   #table-example-1 thead, #table-example-1 tbody { border: none; }
-   #table-example-1 th, #table-example-1 td { border: solid thin; }
-   #table-example-1 th { font-weight: normal; }
-   #table-example-1 td { border-style: none solid; vertical-align: top; }
-   #table-example-1 th { padding: 0.5em; vertical-align: middle; text-align: center; }
-   #table-example-1 tbody tr:first-child td { padding-top: 0.5em; }
-   #table-example-1 tbody tr:last-child td { padding-bottom: 1.5em; }
-   #table-example-1 tbody td:first-child { padding-left: 2.5em; padding-right: 0; width: 9em; }
-   #table-example-1 tbody td:first-child::after { content: leader(". "); }
-   #table-example-1 tbody td { padding-left: 2em; padding-right: 2em; }
-   #table-example-1 tbody td:first-child + td { width: 10em; }
-   #table-example-1 tbody td:first-child + td ~ td { width: 2.5em; }
-   #table-example-1 tbody td:first-child + td + td + td ~ td { width: 1.25em; }
-
-   .apple-table-examples { border: none; border-collapse: separate; border-spacing: 1.5em 0em; width: 40em; margin-left: 3em; }
-   .apple-table-examples * { font-family: "Times", serif; }
-   .apple-table-examples td, .apple-table-examples th { border: none; white-space: nowrap; padding-top: 0; padding-bottom: 0; }
-   .apple-table-examples tbody th:first-child { border-left: none; width: 100%; }
-   .apple-table-examples thead th:first-child ~ th { font-size: smaller; font-weight: bolder; border-bottom: solid 2px; text-align: center; }
-   .apple-table-examples tbody th::after, .apple-table-examples tfoot th::after { content: leader(". ") }
-   .apple-table-examples tbody th, .apple-table-examples tfoot th { font: inherit; text-align: left; }
-   .apple-table-examples td { text-align: right; vertical-align: top; }
-   .apple-table-examples.e1 tbody tr:last-child td { border-bottom: solid 1px; }
-   .apple-table-examples.e1 tbody + tbody tr:last-child td { border-bottom: double 3px; }
-   .apple-table-examples.e2 th[scope=row] { padding-left: 1em; }
-   .apple-table-examples sup { line-height: 0; }
-
-  </style><link href="data:text/css," rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" rel="alternate stylesheet" title="Highlight implementation requirements"><link href="data:text/css," id="complete" rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" id="author" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" id="highlight" rel="alternate stylesheet" title="Highlight implementation requirements"><script>
-   function getCookie(name) {
-     var params = location.search.substr(1).split("&");
-     for (var index = 0; index < params.length; index++) {
-       if (params[index] == name)
-         return "1";
-       var data = params[index].split("=");
-       if (data[0] == name)
-         return unescape(data[1]);
-     }
-     var cookies = document.cookie.split("; ");
-     for (var index = 0; index < cookies.length; index++) {
-       var data = cookies[index].split("=");
-       if (data[0] == name)
-         return unescape(data[1]);
-     }
-     return null;
-   }
-   function load(script) {
-     var e = document.createElement('script');
-     e.setAttribute('src', 'http://www.whatwg.org/specs/web-apps/current-work/' + script + '?' + encodeURIComponent(location) + '&' + encodeURIComponent(document.referrer));
-     document.body.appendChild(e);
-   }
-   function init() {
-     if (location.search == '?slow-browser')
-       return;
-     var configUI = document.createElement('div');
-     configUI.id = 'configUI';
-     document.body.appendChild(configUI);
-     // load('reviewer.js'); // would need cross-site XHR
-     if (document.getElementById('head'))
-       load('toc.js');
-     
-     // load('updater.js'); // would need cross-site XHR
-     load('dfn.js');
-     // load('status.js'); // would need cross-site XHR
-     if (getCookie('profile') == '1')
-       document.getElementsByTagName('h2')[0].textContent += '; load: ' + (new Date() - loadTimer) + 'ms';
-     fixBrokenLink();
-   }
-  </script><link href="http://www.w3.org/StyleSheets/TR/W3C-ED" rel="stylesheet" type="text/css"><link href="tabular-data.html" title="4.9 Tabular data" rel="prev">
-  <link href="Overview.html#contents" title="Table of contents" rel="index">
-  <link href="the-input-element.html" title="4.10.5 The input element" rel="next">
-  </head><body onload="fixBrokenLink(); init()"><div class="head" id="head">
-   <p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
-   <h1>HTML5 (Author Edition)</h1>
-   </div><div>
-   <a href="tabular-data.html">&#8592; 4.9 Tabular data</a> &#8211;
-   <a href="Overview.html#contents">Table of contents</a> &#8211;
-   <a href="the-input-element.html">4.10.5 The input element &#8594;</a>
-  <ol class="toc"><li><ol><li><a href="forms.html#forms"><span class="secno">4.10 </span>Forms</a>
-    <ol><li><a href="forms.html#the-form-element"><span class="secno">4.10.1 </span>The <code>form</code> element</a></li><li><a href="forms.html#the-fieldset-element"><span class="secno">4.10.2 </span>The <code>fieldset</code> element</a></li><li><a href="forms.html#the-legend-element"><span class="secno">4.10.3 </span>The <code>legend</code> element</a></li><li><a href="forms.html#the-label-element"><span class="secno">4.10.4 </span>The <code>label</code> element</a></li></ol></li></ol></li></ol></div>
-
-  <h3 id="forms"><span class="secno">4.10 </span>Forms</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>Forms allow unscripted client-server interaction: given a form, a
-  user can provide data, submit it to the server, and have the server
-  act on it accordingly (e.g. returning the results of a search or
-  calculation). The elements used in forms can also be used for user
-  interaction with no associated submission mechanism, in conjunction
-  with scripts.</p><p>Mostly for historical reasons, elements in this section fall into
-  several overlapping (but subtly different) categories in addition to
-  the usual ones like <a href="content-models.html#flow-content">flow content</a>, <a href="content-models.html#phrasing-content">phrasing
-  content</a>, and <a href="content-models.html#interactive-content">interactive content</a>.</p><p>A number of the elements are <dfn id="form-associated-element" title="form-associated
-  element">form-associated elements</dfn>, which means they can have a
-  <a href="association-of-controls-and-forms.html#form-owner">form owner</a> and, to expose this, have a <code title="attr-fae-form"><a href="association-of-controls-and-forms.html#attr-fae-form">form</a></code> content attribute with a matching
-  <code title="dom-fae-form"><a href="#dom-fae-form">form</a></code> IDL attribute.</p><ul class="brief category-list"><li><code><a href="the-button-element.html#the-button-element">button</a></code></li>
-   <li><code><a href="#the-fieldset-element">fieldset</a></code></li>
-   <li><code><a href="the-input-element.html#the-input-element">input</a></code></li>
-   <li><code><a href="the-button-element.html#the-keygen-element">keygen</a></code></li>
-   <li><code><a href="#the-label-element">label</a></code></li>
-   <li><code><a href="the-iframe-element.html#the-object-element">object</a></code></li>
-   <li><code><a href="the-button-element.html#the-output-element">output</a></code></li>
-   <li><code><a href="the-button-element.html#the-select-element">select</a></code></li>
-   <li><code><a href="the-button-element.html#the-textarea-element">textarea</a></code></li>
-  </ul><p>The <a href="#form-associated-element" title="form-associated element">form-associated
-  elements</a> fall into several subcategories:</p><dl><dt><dfn id="category-listed" title="category-listed">Listed</dfn></dt>
-
-   <dd>
-
-    <p>Denotes elements that are listed in the <code title="dom-form-elements"><a href="#dom-form-elements"><var title="">form</var>.elements</a></code>
-    and <code title="dom-fieldset-elements"><a href="#dom-fieldset-elements"><var title="">fieldset</var>.elements</a></code> APIs.</p>
-
-    <ul class="brief category-list"><li><code><a href="the-button-element.html#the-button-element">button</a></code></li>
-     <li><code><a href="#the-fieldset-element">fieldset</a></code></li>
-     <li><code><a href="the-input-element.html#the-input-element">input</a></code></li>
-     <li><code><a href="the-button-element.html#the-keygen-element">keygen</a></code></li>
-     <li><code><a href="the-iframe-element.html#the-object-element">object</a></code></li>
-     <li><code><a href="the-button-element.html#the-output-element">output</a></code></li>
-     <li><code><a href="the-button-element.html#the-select-element">select</a></code></li>
-     <li><code><a href="the-button-element.html#the-textarea-element">textarea</a></code></li>
-    </ul></dd>
-
-   <dt><dfn id="category-label" title="category-label">Labelable</dfn></dt>
-
-   <dd>
-
-    <p>Denotes elements that can be associated with <code><a href="#the-label-element">label</a></code>
-    elements.</p>
-
-    <ul class="brief category-list"><li><code><a href="the-button-element.html#the-button-element">button</a></code></li>
-     <li><code><a href="the-input-element.html#the-input-element">input</a></code></li>
-     <li><code><a href="the-button-element.html#the-keygen-element">keygen</a></code></li>
-     <li><code><a href="the-button-element.html#the-select-element">select</a></code></li>
-     <li><code><a href="the-button-element.html#the-textarea-element">textarea</a></code></li>
-    </ul></dd>
-
-   <dt><dfn id="category-submit" title="category-submit">Submittable elements</dfn></dt>
-
-   <dd>
-
-    <p>Denotes elements that can be used for <a href="#constructing-form-data-set">constructing the form data
-    set</a> when a <code><a href="#the-form-element">form</a></code> element is <a href="#concept-form-submit" title="concept-form-submit">submitted</a>.</p>
-
-    <ul class="brief category-list"><li><code><a href="the-button-element.html#the-button-element">button</a></code></li>
-     <li><code><a href="the-input-element.html#the-input-element">input</a></code></li>
-     <li><code><a href="the-button-element.html#the-keygen-element">keygen</a></code></li>
-     <li><code><a href="the-iframe-element.html#the-object-element">object</a></code></li>
-     <li><code><a href="the-button-element.html#the-select-element">select</a></code></li>
-     <li><code><a href="the-button-element.html#the-textarea-element">textarea</a></code></li>
-    </ul></dd>
-
-   <dt><dfn id="category-reset" title="category-reset">Resettable elements</dfn></dt>
-
-   <dd>
-
-    <p>Denotes elements that can be affected when a <code><a href="#the-form-element">form</a></code>
-    element is <a href="#concept-form-reset" title="concept-form-reset">reset</a>.</p>
-
-    <ul class="brief category-list"><li><code><a href="the-input-element.html#the-input-element">input</a></code></li>
-     <li><code><a href="the-button-element.html#the-keygen-element">keygen</a></code></li>
-     <li><code><a href="the-button-element.html#the-output-element">output</a></code></li>
-     <li><code><a href="the-button-element.html#the-select-element">select</a></code></li>
-     <li><code><a href="the-button-element.html#the-textarea-element">textarea</a></code></li>
-    </ul></dd>
-
-  </dl><p>In addition, some <a href="#category-submit" title="category-submit">submittable
-  elements</a> can be, depending on their attributes, <dfn id="concept-button" title="concept-button">buttons</dfn>. The prose below defines when
-  an element is a button. Some buttons are specifically <dfn id="concept-submit-button" title="concept-submit-button">submit buttons</dfn>.</p><p class="note">The <code><a href="the-iframe-element.html#the-object-element">object</a></code> element is also a
-  <a href="#form-associated-element">form-associated element</a> and can, with the use of a
-  suitable <a href="infrastructure.html#plugin">plugin</a>, partake in <a href="association-of-controls-and-forms.html#form-submission">form
-  submission</a>.</p><h4 id="the-form-element"><span class="secno">4.10.1 </span>The <dfn><code>form</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="element"><dt>Categories</dt>
-   <dd><a href="content-models.html#flow-content">Flow content</a>.</dd>
-   <dt>Contexts in which this element may be used:</dt>
-   <dd>Where <a href="content-models.html#flow-content">flow content</a> is expected.</dd>
-   <dt>Content model:</dt>
-   <dd><a href="content-models.html#flow-content">Flow content</a>, but with no <code><a href="#the-form-element">form</a></code> element descendants.</dd>
-   <dt>Content attributes:</dt>
-   <dd><a href="elements.html#global-attributes">Global attributes</a></dd>
-   <dd><code title="attr-form-accept-charset"><a href="#attr-form-accept-charset">accept-charset</a></code></dd>
-   <dd><code title="attr-fs-action"><a href="association-of-controls-and-forms.html#attr-fs-action">action</a></code></dd>
-   <dd><code title="attr-form-autocomplete"><a href="#attr-form-autocomplete">autocomplete</a></code></dd>
-   <dd><code title="attr-fs-enctype"><a href="association-of-controls-and-forms.html#attr-fs-enctype">enctype</a></code></dd>
-   <dd><code title="attr-fs-method"><a href="association-of-controls-and-forms.html#attr-fs-method">method</a></code></dd>
-   <dd><code title="attr-form-name"><a href="#attr-form-name">name</a></code></dd>
-   <dd><code title="attr-fs-novalidate"><a href="association-of-controls-and-forms.html#attr-fs-novalidate">novalidate</a></code></dd>
-   <dd><code title="attr-fs-target"><a href="association-of-controls-and-forms.html#attr-fs-target">target</a></code></dd>
-   <dt>DOM interface:</dt>
-   <dd>
-<pre class="idl">[OverrideBuiltins]
-interface <dfn id="htmlformelement">HTMLFormElement</dfn> : <a href="elements.html#htmlelement">HTMLElement</a> {
-           attribute DOMString <a href="#dom-form-acceptcharset" title="dom-form-acceptCharset">acceptCharset</a>;
-           attribute DOMString <a href="#dom-fs-action" title="dom-fs-action">action</a>;
-           attribute boolean <a href="#dom-form-autocomplete" title="dom-form-autocomplete">autocomplete</a>;
-           attribute DOMString <a href="#dom-fs-enctype" title="dom-fs-enctype">enctype</a>;
-           attribute DOMString <a href="#dom-fs-method" title="dom-fs-method">method</a>;
-           attribute DOMString <a href="#dom-form-name" title="dom-form-name">name</a>;
-           attribute boolean <a href="#dom-fs-novalidate" title="dom-fs-noValidate">noValidate</a>;
-           attribute DOMString <a href="#dom-fs-target" title="dom-fs-target">target</a>;
-
-  readonly attribute <a href="urls.html#htmlformcontrolscollection">HTMLFormControlsCollection</a> <a href="#dom-form-elements" title="dom-form-elements">elements</a>;
-  readonly attribute long <a href="#dom-form-length" title="dom-form-length">length</a>;
-  caller getter any <a href="#dom-form-item" title="dom-form-item">item</a>(in unsigned long index);
-  caller getter any <a href="#dom-form-nameditem" title="dom-form-namedItem">namedItem</a>(in DOMString name);
-
-  void <a href="#dom-form-submit" title="dom-form-submit">submit</a>();
-  void <a href="#dom-form-reset" title="dom-form-reset">reset</a>();
-  boolean <a href="#dom-form-checkvalidity" title="dom-form-checkValidity">checkValidity</a>();
-
-  void <a href="#dom-form-dispatchforminput" title="dom-form-dispatchFormInput">dispatchFormInput</a>();
-  void <a href="#dom-form-dispatchformchange" title="dom-form-dispatchFormChange">dispatchFormChange</a>();
-};</pre>
-   </dd>
-  </dl><p>The <code><a href="#the-form-element">form</a></code> element <a href="#represents">represents</a> a
-  collection of <a href="#form-associated-element" title="form-associated element">form-associated
-  elements</a>, some of which can represent editable values that
-  can be submitted to a server for processing.</p><p>The <dfn id="attr-form-accept-charset" title="attr-form-accept-charset"><code>accept-charset</code></dfn>
-  attribute gives the character encodings that are to be used for the
-  submission. If specified, the value must be an <a href="common-microsyntaxes.html#ordered-set-of-unique-space-separated-tokens">ordered set of
-  unique space-separated tokens</a>, and each token must be an
-  <a href="infrastructure.html#ascii-case-insensitive">ASCII case-insensitive</a> match for the <a href="infrastructure.html#preferred-mime-name">preferred
-  MIME name</a> of an <a href="infrastructure.html#ascii-compatible-character-encoding">ASCII-compatible character
-  encoding</a>. <a href="references.html#refsIANACHARSET">[IANACHARSET]</a></p><p>The <dfn id="attr-form-name" title="attr-form-name"><code>name</code></dfn> attribute
-  represents the <code><a href="#the-form-element">form</a></code>'s name within the <code title="dom-document-forms"><a href="#dom-document-forms">forms</a></code> collection. The value must
-  not be the empty string, and the value must be unique amongst the
-  <code><a href="#the-form-element">form</a></code> elements in the <code title="dom-document-forms"><a href="#dom-document-forms">forms</a></code> collection that it is in, if
-  any.</p><p>The <dfn id="attr-form-autocomplete" title="attr-form-autocomplete"><code>autocomplete</code></dfn>
-  attribute is an <a href="common-microsyntaxes.html#enumerated-attribute">enumerated attribute</a>. The attribute has
-  two states. The <code title="attr-form-autocomplete-on">on</code>
-  keyword maps to the <dfn id="attr-form-autocomplete-on-state" title="attr-form-autocomplete-on-state">on</dfn> state, and the
-  <code title="attr-form-autocomplete-off">off</code> keyword maps to
-  the <dfn id="attr-form-autocomplete-off-state" title="attr-form-autocomplete-off-state">off</dfn>
-  state. The attribute may also be omitted. The <i>missing value
-  default</i> is the <a href="#attr-form-autocomplete-on-state" title="attr-form-autocomplete-on-state">on</a> state. The <a href="#attr-form-autocomplete-off-state" title="attr-form-autocomplete-off-state">off</a> state indicates
-  that by default, <code><a href="the-input-element.html#the-input-element">input</a></code> elements in the form will have
-  their <a href="#resulting-autocompletion-state">resulting autocompletion state</a> set to <i title="">off</i>; the <a href="#attr-form-autocomplete-on-state" title="attr-form-autocomplete-on-state">on</a> state indicates
-  that by default, <code><a href="the-input-element.html#the-input-element">input</a></code> elements in the form will have
-  their <a href="#resulting-autocompletion-state">resulting autocompletion state</a> set to <i title="">on</i>.</p><p>The <code title="attr-fs-action"><a href="association-of-controls-and-forms.html#attr-fs-action">action</a></code>, <code title="attr-fs-enctype"><a href="association-of-controls-and-forms.html#attr-fs-enctype">enctype</a></code>, <code title="attr-fs-method"><a href="association-of-controls-and-forms.html#attr-fs-method">method</a></code>, <code title="attr-fs-novalidate"><a href="association-of-controls-and-forms.html#attr-fs-novalidate">novalidate</a></code>, and <code title="attr-fs-target"><a href="association-of-controls-and-forms.html#attr-fs-target">target</a></code> attributes are <a href="association-of-controls-and-forms.html#attributes-for-form-submission">attributes
-  for form submission</a>.</p><dl class="domintro"><dt><var title="">form</var> . <code title="dom-form-elements"><a href="#dom-form-elements">elements</a></code></dt>
-
-   <dd>
-
-    <p>Returns an <code><a href="urls.html#htmlcollection">HTMLCollection</a></code> of the form controls in
-    the form (excluding image buttons for historical reasons).</p>
-
-   </dd>
-
-   <dt><var title="">form</var> . <code title="dom-form-length"><a href="#dom-form-length">length</a></code></dt>
-
-   <dd>
-
-    <p>Returns the number of form controls in the form (excluding
-    image buttons for historical reasons).</p>
-
-   </dd>
-
-   <dt><var title="">element</var> = <var title="">form</var> . <code title="dom-form-item"><a href="#dom-form-item">item</a></code>(<var title="">index</var>)</dt>
-   <dt><var title="">form</var>[<var title="">index</var>]</dt>
-   <dt><var title="">form</var>(<var title="">index</var>)</dt>
-
-   <dd>
-
-    <p>Returns the <var title="">index</var>th element in the form
-    (excluding image buttons for historical reasons).</p>
-
-   </dd>
-
-   <dt><var title="">element</var> = <var title="">form</var> . <code title="dom-form-namedItem"><a href="#dom-form-nameditem">namedItem</a></code>(<var title="">name</var>)</dt>
-   <dt><var title="">form</var>[<var title="">name</var>]</dt>
-   <dt><var title="">form</var>(<var title="">name</var>)</dt>
-
-   <dd>
-
-    <p>Returns the form control in the form with the given ID or <code title="attr-fe-name"><a href="association-of-controls-and-forms.html#attr-fe-name">name</a></code> (excluding image buttons for
-    historical reasons).</p>
-
-    <p>Once an element has been referenced using a particular name,
-    that name will continue being available as a way to reference that
-    element in this method, even if the element's actual ID or <code title="attr-fe-name"><a href="association-of-controls-and-forms.html#attr-fe-name">name</a></code> changes, for as long as the
-    element remains in the <code>Document</code>.</p>
-
-    <p>If there are multiple matching items, then a
-    <code>NodeList</code> object containing all those elements is
-    returned.</p>
-
-    <p>Returns null if no element with that <a href="elements.html#concept-id" title="concept-id">ID</a> or <code title="attr-fe-name"><a href="association-of-controls-and-forms.html#attr-fe-name">name</a></code> could be found.</p>
-
-   </dd>
-
-   <dt><var title="">form</var> . <code title="dom-form-submit"><a href="#dom-form-submit">submit</a></code>()</dt>
-
-   <dd>
-
-    <p>Submits the form.</p>
-
-   </dd>
-
-   <dt><var title="">form</var> . <code title="dom-form-reset"><a href="#dom-form-reset">reset</a></code>()</dt>
-
-   <dd>
-
-    <p>Resets the form.</p>
-
-   </dd>
-
-   <dt><var title="">form</var> . <code title="dom-form-checkValidity"><a href="#dom-form-checkvalidity">checkValidity</a></code>()</dt>
-
-   <dd>
-
-    <p>Returns true if the form's controls are all valid; otherwise,
-    returns false.</p>
-
-   </dd>
-
-   <dt><var title="">form</var> . <code title="dom-form-dispatchFormInput"><a href="#dom-form-dispatchforminput">dispatchFormInput</a></code>()</dt>
-
-   <dd>
-
-    <p>Dispatches a <code title="event-forminput">forminput</code> event at all the form controls.</p>
-
-   </dd>
-
-   <dt><var title="">form</var> . <code title="dom-form-dispatchFormChange"><a href="#dom-form-dispatchformchange">dispatchFormChange</a></code>()</dt>
-
-   <dd>
-
-    <p>Dispatches a <code title="event-formchange">formchange</code> event at all the form controls.</p>
-
-   </dd>
-
-  </dl><div class="example">
-
-   <p>This example shows two search forms:</p>
-
-   <pre>&lt;form action="http://www.google.com/search" method="get"&gt;
- &lt;label&gt;Google: &lt;input type="search" name="q"&gt;&lt;/label&gt; &lt;input type="submit" value="Search..."&gt;
-&lt;/form&gt;
-&lt;form action="http://www.bing.com/search" method="get"&gt;
- &lt;label&gt;Bing: &lt;input type="search" name="q"&gt;&lt;/label&gt; &lt;input type="submit" value="Search..."&gt;
-&lt;/form&gt;</pre>
-
-  </div><h4 id="the-fieldset-element"><span class="secno">4.10.2 </span>The <dfn><code>fieldset</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="element"><dt>Categories</dt>
-   <dd><a href="content-models.html#flow-content">Flow content</a>.</dd>
-   <dd><a href="sections.html#sectioning-root">Sectioning root</a>.</dd>
-   <dd><a href="#category-listed" title="category-listed">Listed</a> <a href="#form-associated-element">form-associated element</a>.</dd>
-   <dt>Contexts in which this element may be used:</dt>
-   <dd>Where <a href="content-models.html#flow-content">flow content</a> is expected.</dd>
-   <dt>Content model:</dt>
-   <dd>Optionally a <code><a href="#the-legend-element">legend</a></code> element, followed by <a href="content-models.html#flow-content">flow content</a>.</dd>
-   <dt>Content attributes:</dt>
-   <dd><a href="elements.html#global-attributes">Global attributes</a></dd>
-   <dd><code title="attr-fieldset-disabled"><a href="#attr-fieldset-disabled">disabled</a></code></dd>
-   <dd><code title="attr-fae-form"><a href="association-of-controls-and-forms.html#attr-fae-form">form</a></code></dd>
-   <dd><code title="attr-fe-name"><a href="association-of-controls-and-forms.html#attr-fe-name">name</a></code></dd>
-   <dt>DOM interface:</dt>
-   <dd>
-<pre class="idl">interface <dfn id="htmlfieldsetelement">HTMLFieldSetElement</dfn> : <a href="elements.html#htmlelement">HTMLElement</a> {
-           attribute boolean <a href="#dom-fieldset-disabled" title="dom-fieldset-disabled">disabled</a>;
-  readonly attribute <a href="#htmlformelement">HTMLFormElement</a> <a href="#dom-fae-form" title="dom-fae-form">form</a>;
-           attribute DOMString <a href="#dom-fe-name" title="dom-fe-name">name</a>;
-
-  readonly attribute DOMString <a href="#dom-fieldset-type" title="dom-fieldset-type">type</a>;
-
-  readonly attribute <a href="urls.html#htmlformcontrolscollection">HTMLFormControlsCollection</a> <a href="#dom-fieldset-elements" title="dom-fieldset-elements">elements</a>;
-
-  readonly attribute boolean <a href="#dom-cva-willvalidate" title="dom-cva-willValidate">willValidate</a>;
-  readonly attribute <a href="#validitystate">ValidityState</a> <a href="#dom-cva-validity" title="dom-cva-validity">validity</a>;
-  readonly attribute DOMString <a href="#dom-cva-validationmessage" title="dom-cva-validationMessage">validationMessage</a>;
-  boolean <a href="#dom-cva-checkvalidatity" title="dom-cva-checkValidatity">checkValidity</a>();
-  void <a href="#dom-cva-setcustomvalidity" title="dom-cva-setCustomValidity">setCustomValidity</a>(in DOMString error);
-};</pre>
-   </dd>
-  </dl><p>The <code><a href="#the-fieldset-element">fieldset</a></code> element <a href="#represents">represents</a> a set
-  of form controls optionally grouped under a common name.</p><p>The name of the group is given by the first <code><a href="#the-legend-element">legend</a></code>
-  element that is a child of the <code><a href="#the-fieldset-element">fieldset</a></code> element, if
-  any. The remainder of the descendants form the group.</p><p>The <dfn id="attr-fieldset-disabled" title="attr-fieldset-disabled"><code>disabled</code></dfn>
-  attribute, when specified, causes all the form control descendants
-  of the <code><a href="#the-fieldset-element">fieldset</a></code> element, excluding those that are
-  descendants of the <code><a href="#the-fieldset-element">fieldset</a></code> element's first
-  <code><a href="#the-legend-element">legend</a></code> element child, if any, to be <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a>.</p><p>The <code title="attr-fae-form"><a href="association-of-controls-and-forms.html#attr-fae-form">form</a></code> attribute is used to
-  explicitly associate the <code><a href="#the-fieldset-element">fieldset</a></code> element with its
-  <a href="association-of-controls-and-forms.html#form-owner">form owner</a>. The <code title="attr-fe-name"><a href="association-of-controls-and-forms.html#attr-fe-name">name</a></code>
-  attribute represents the element's name.</p><dl class="domintro"><dt><var title="">fieldset</var> . <code title="dom-fieldset-type"><a href="#dom-fieldset-type">type</a></code></dt>
-
-   <dd>
-
-    <p>Returns the string "fieldset".</p>
-
-   </dd>
-
-   <dt><var title="">fieldset</var> . <code title="dom-form-elements"><a href="#dom-form-elements">elements</a></code></dt>
-
-   <dd>
-
-    <p>Returns an <code><a href="urls.html#htmlcollection">HTMLCollection</a></code> of the form controls in
-    the element.</p>
-
-   </dd>
-
-  </dl><div class="example">
-
-   <p>The following snippet shows a fieldset with a checkbox in the
-   legend that controls whether or not the fieldset is enabled. The
-   contents of the fieldset consist of two required text fields and an
-   optional year/month control.</p>
-
-   <pre>&lt;fieldset name="clubfields" disabled&gt;
- &lt;legend&gt; &lt;label&gt;
-  &lt;input type=checkbox name=club onchange="form.clubfields.disabled = !checked"&gt;
-  Use Club Card
- &lt;/label&gt; &lt;/legend&gt;
- &lt;p&gt;&lt;label&gt;Name on card: &lt;input name=clubname required&gt;&lt;/label&gt;&lt;/p&gt;
- &lt;p&gt;&lt;label&gt;Card number: &lt;input name=clubnum required pattern="[-0-9]+"&gt;&lt;/label&gt;&lt;/p&gt;
- &lt;p&gt;&lt;label&gt;Expiry date: &lt;input name=clubexp type=month&gt;&lt;/label&gt;&lt;/p&gt;
-&lt;/fieldset&gt;</pre>
-
-  </div><h4 id="the-legend-element"><span class="secno">4.10.3 </span>The <dfn><code>legend</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="element"><dt>Categories</dt>
-   <dd>None.</dd>
-   <dt>Contexts in which this element may be used:</dt>
-   <dd>As the first child of a <code><a href="#the-fieldset-element">fieldset</a></code> element.</dd>
-   <dt>Content model:</dt>
-   <dd><a href="content-models.html#phrasing-content">Phrasing content</a>.</dd>
-   <dt>Content attributes:</dt>
-   <dd><a href="elements.html#global-attributes">Global attributes</a></dd>
-   <dt>DOM interface:</dt>
-   <dd>
-    <pre class="idl">interface <dfn id="htmllegendelement">HTMLLegendElement</dfn> : <a href="elements.html#htmlelement">HTMLElement</a> {
-  readonly attribute <a href="#htmlformelement">HTMLFormElement</a> <a href="#dom-legend-form" title="dom-legend-form">form</a>;
-};</pre>
-   </dd>
-  </dl><p>The <code><a href="#the-legend-element">legend</a></code> element <a href="#represents">represents</a> a caption
-  for the rest of the contents of the <code><a href="#the-legend-element">legend</a></code> element's
-  parent <code><a href="#the-fieldset-element">fieldset</a></code> element.</p><dl class="domintro"><dt><var title="">legend</var> . <code title="dom-legend-form"><a href="#dom-legend-form">form</a></code></dt>
-
-   <dd>
-
-    <p>Returns the element's <code><a href="#the-form-element">form</a></code> element, if any, or
-    null otherwise.</p>
-
-   </dd>
-
-  </dl><h4 id="the-label-element"><span class="secno">4.10.4 </span>The <dfn><code>label</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="element"><dt>Categories</dt>
-   <dd><a href="content-models.html#flow-content">Flow content</a>.</dd>
-   <dd><a href="content-models.html#phrasing-content">Phrasing content</a>.</dd>
-   <dd><a href="content-models.html#interactive-content">Interactive content</a>.</dd>
-   <dd><a href="#form-associated-element">Form-associated element</a>.</dd>
-   <dt>Contexts in which this element may be used:</dt>
-   <dd>Where <a href="content-models.html#phrasing-content">phrasing content</a> is expected.</dd>
-   <dt>Content model:</dt>
-   <dd><a href="content-models.html#phrasing-content">Phrasing content</a>, but with no descendant <a href="#category-label" title="category-label">labelable form-associated elements</a> unless it is the element's <a href="#labeled-control">labeled control</a>, and no descendant <code><a href="#the-label-element">label</a></code> elements.</dd>
-   <dt>Content attributes:</dt>
-   <dd><a href="elements.html#global-attributes">Global attributes</a></dd>
-   <dd><code title="attr-fae-form"><a href="association-of-controls-and-forms.html#attr-fae-form">form</a></code></dd>
-   <dd><code title="attr-label-for"><a href="#attr-label-for">for</a></code></dd>
-   <dt>DOM interface:</dt>
-   <dd>
-<pre class="idl">interface <dfn id="htmllabelelement">HTMLLabelElement</dfn> : <a href="elements.html#htmlelement">HTMLElement</a> {
-  readonly attribute <a href="#htmlformelement">HTMLFormElement</a> <a href="#dom-fae-form" title="dom-fae-form">form</a>;
-           attribute DOMString <a href="#dom-label-htmlfor" title="dom-label-htmlFor">htmlFor</a>;
-  readonly attribute <a href="elements.html#htmlelement">HTMLElement</a> <a href="#dom-label-control" title="dom-label-control">control</a>;
-};</pre>
-   </dd>
-  </dl><p>The <code><a href="#the-label-element">label</a></code> <a href="#represents">represents</a> a caption in a
-  user interface. The caption can be associated with a specific form
-  control, either using <code title="attr-label-for"><a href="#attr-label-for">for</a></code> attribute, or by putting the form
-  control inside the <code><a href="#the-label-element">label</a></code> element itself.</p><p>The <dfn id="attr-label-for" title="attr-label-for"><code>for</code></dfn> attribute
-  may be specified to indicate a form control with which the caption
-  is to be associated. If the attribute is specified, the attribute's
-  value must be the ID of a <a href="#category-label" title="category-label">labelable
-  form-associated element</a> in the same <code>Document</code> as
-  the <code><a href="#the-label-element">label</a></code> element. </p><dl class="domintro"><dt><var title="">label</var> . <code title="dom-label-control"><a href="#dom-label-control">control</a></code></dt>
-
-   <dd>
-
-    <p>Returns the form control that is associated with this element.</p>
-
-   </dd>
-
-  </dl><p>The <code title="attr-fae-form"><a href="association-of-controls-and-forms.html#attr-fae-form">form</a></code> attribute is used to
-  explicitly associate the <code><a href="#the-label-element">label</a></code> element with its
-  <a href="association-of-controls-and-forms.html#form-owner">form owner</a>.</p><hr><dl class="domintro"><dt><var title="">control</var> . <code title="dom-lfe-labels"><a href="#dom-lfe-labels">labels</a></code></dt>
-
-   <dd>
-
-    <p>Returns a <code>NodeList</code> of all the <code><a href="#the-label-element">label</a></code>
-    elements that the form control is associated with.</p>
-
-   </dd>
-
-  </dl><div class="example">
-
-   <p>The following example shows three form controls each with a
-   label, two of which have small text showing the right format for
-   users to use.</p>
-
-   <pre>&lt;p&gt;&lt;label&gt;Full name: &lt;input name=fn&gt; &lt;small&gt;Format: First Last&lt;/small&gt;&lt;/label&gt;&lt;/p&gt;
-&lt;p&gt;&lt;label&gt;Age: &lt;input name=age type=number min=0&gt;&lt;/label&gt;&lt;/p&gt;
-&lt;p&gt;&lt;label&gt;Post code: &lt;input name=pc&gt; &lt;small&gt;Format: AB12 3CD&lt;/small&gt;&lt;/label&gt;&lt;/p&gt;</pre>
-
-  </div></body></html>
\ No newline at end of file

Index: interactive-elements.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/interactive-elements.html,v
retrieving revision 1.558
retrieving revision 1.559
diff -u -d -r1.558 -r1.559
--- interactive-elements.html	6 Jan 2010 15:49:34 -0000	1.558
+++ interactive-elements.html	6 Jan 2010 16:12:47 -0000	1.559
@@ -213,2939 +213,4 @@
    .apple-table-examples tbody th, .apple-table-examples tfoot th { font: inherit; text-align: left; }
    .apple-table-examples td { text-align: right; vertical-align: top; }
    .apple-table-examples.e1 tbody tr:last-child td { border-bottom: solid 1px; }
-   .apple-table-examples.e1 tbody + tbody tr:last-child td { border-bottom: double 3px; }
-   .apple-table-examples.e2 th[scope=row] { padding-left: 1em; }
-   .apple-table-examples sup { line-height: 0; }
-
-  </style><link href="data:text/css," rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" rel="alternate stylesheet" title="Highlight implementation requirements"><link href="data:text/css," id="complete" rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" id="author" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" id="highlight" rel="alternate stylesheet" title="Highlight implementation requirements"><script>
-   function getCookie(name) {
-     var params = location.search.substr(1).split("&");
-     for (var index = 0; index < params.length; index++) {
[...2911 lines suppressed...]
-
-   <p>Here is an example of a context menu for an input control:</p>
-
-   <pre>&lt;form name="npc"&gt;
- &lt;label&gt;Character name: &lt;input name=char type=text contextmenu=namemenu required&gt;&lt;/label&gt;
- &lt;menu type=context id=namemenu&gt;
-  &lt;command label="Pick random name" onclick="document.forms.npc.elements.char.value = getRandomName()"&gt;
-  &lt;command label="Prefill other fields based on name" onclick="prefillFields(document.forms.npc.elements.char.value)"&gt;
- &lt;/menu&gt;
-&lt;/form&gt;</pre>
-
-   <p>This adds to items to the control's context menu, one called
-   "Pick random name", and one called "Prefill other fields based on
-   name". They invoke scripts that are not shown in the example
-   above.</p>
-
-  </div></body></html>
\ No newline at end of file
+   .apple-tab
\ No newline at end of file

Index: editing.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/editing.html,v
retrieving revision 1.561
retrieving revision 1.562
diff -u -d -r1.561 -r1.562
--- editing.html	6 Jan 2010 15:49:34 -0000	1.561
+++ editing.html	6 Jan 2010 16:12:47 -0000	1.562
@@ -213,598 +213,4 @@
    .apple-table-examples tbody th, .apple-table-examples tfoot th { font: inherit; text-align: left; }
    .apple-table-examples td { text-align: right; vertical-align: top; }
    .apple-table-examples.e1 tbody tr:last-child td { border-bottom: solid 1px; }
-   .apple-table-examples.e1 tbody + tbody tr:last-child td { border-bottom: double 3px; }
-   .apple-table-examples.e2 th[scope=row] { padding-left: 1em; }
-   .apple-table-examples sup { line-height: 0; }
-
-  </style><link href="data:text/css," rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" rel="alternate stylesheet" title="Highlight implementation requirements"><link href="data:text/css," id="complete" rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" id="author" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" id="highlight" rel="alternate stylesheet" title="Highlight implementation requirements"><script>
-   function getCookie(name) {
-     var params = location.search.substr(1).split("&");
-     for (var index = 0; index < params.length; index++) {
-       if (params[index] == name)
-         return "1";
-       var data = params[index].split("=");
-       if (data[0] == name)
-         return unescape(data[1]);
-     }
-     var cookies = document.cookie.split("; ");
-     for (var index = 0; index < cookies.length; index++) {
-       var data = cookies[index].split("=");
-       if (data[0] == name)
-         return unescape(data[1]);
-     }
-     return null;
-   }
-   function load(script) {
-     var e = document.createElement('script');
-     e.setAttribute('src', 'http://www.whatwg.org/specs/web-apps/current-work/' + script + '?' + encodeURIComponent(location) + '&' + encodeURIComponent(document.referrer));
-     document.body.appendChild(e);
-   }
-   function init() {
-     if (location.search == '?slow-browser')
-       return;
-     var configUI = document.createElement('div');
-     configUI.id = 'configUI';
-     document.body.appendChild(configUI);
-     // load('reviewer.js'); // would need cross-site XHR
-     if (document.getElementById('head'))
-       load('toc.js');
-     
-     // load('updater.js'); // would need cross-site XHR
-     load('dfn.js');
-     // load('status.js'); // would need cross-site XHR
-     if (getCookie('profile') == '1')
-       document.getElementsByTagName('h2')[0].textContent += '; load: ' + (new Date() - loadTimer) + 'ms';
-     fixBrokenLink();
-   }
-  </script><link href="http://www.w3.org/StyleSheets/TR/W3C-ED" rel="stylesheet" type="text/css"><link href="links.html" title="6.10 Links" rel="prev">
-  <link href="Overview.html#contents" title="Table of contents" rel="index">
-  <link href="dnd.html" title="7.9 Drag and drop" rel="next">
-  </head><body onload="fixBrokenLink(); init()"><div class="head" id="head">
-   <p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
-   <h1>HTML5 (Author Edition)</h1>
-   </div><div>
-   <a href="links.html">&#8592; 6.10 Links</a> &#8211;
-   <a href="Overview.html#contents">Table of contents</a> &#8211;
-   <a href="dnd.html">7.9 Drag and drop &#8594;</a>
-  <ol class="toc"><li><a href="editing.html#editing"><span class="secno">7 </span>User Interaction</a>
-  <ol><li><a href="editing.html#the-hidden-attribute"><span class="secno">7.1 </span>The <code>hidden</code> attribute</a></li><li><a href="editing.html#activation"><span class="secno">7.2 </span>Activation</a></li><li><a href="editing.html#scrolling-elements-into-view"><span class="secno">7.3 </span>Scrolling elements into view</a></li><li><a href="editing.html#focus"><span class="secno">7.4 </span>Focus</a>
-    <ol><li><a href="editing.html#sequential-focus-navigation"><span class="secno">7.4.1 </span>Sequential focus navigation</a></li><li><a href="editing.html#document-level-focus-apis"><span class="secno">7.4.2 </span>Document-level focus APIs</a></li><li><a href="editing.html#element-level-focus-apis"><span class="secno">7.4.3 </span>Element-level focus APIs</a></li></ol></li><li><a href="editing.html#the-accesskey-attribute"><span class="secno">7.5 </span>The <code>accesskey</code> attribute</a></li><li><a href="editing.html#selection"><span class="secno">7.6 </span>The text selection APIs</a>
-    <ol><li><a href="editing.html#documentSelection"><span class="secno">7.6.1 </span>APIs for the browsing context selection</a></li><li><a href="editing.html#textFieldSelection"><span class="secno">7.6.2 </span>APIs for the text field selections</a></li></ol></li><li><a href="editing.html#contenteditable"><span class="secno">7.7 </span>The <code title="attr-contenteditable">contenteditable</code> attribute</a>
-    <ol><li><a href="editing.html#making-entire-documents-editable"><span class="secno">7.7.1 </span>Making entire documents editable</a></li></ol></li><li><a href="editing.html#spelling-and-grammar-checking"><span class="secno">7.8 </span>Spelling and grammar checking</a></li></ol></li></ol></div>
-
-  <h2 id="editing"><span class="secno">7 </span><dfn>User Interaction</dfn></h2><p>This section describes various features that allow authors to
-  enable users to edit documents and parts of documents
-  interactively.</p><h3 id="the-hidden-attribute"><span class="secno">7.1 </span>The <dfn title="attr-hidden"><code>hidden</code></dfn> attribute</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>All <a href="infrastructure.html#html-elements">HTML elements</a> may have the <code title="attr-hidden"><a href="#the-hidden-attribute">hidden</a></code> content attribute set. The <code title="attr-hidden"><a href="#the-hidden-attribute">hidden</a></code> attribute is a <a href="common-microsyntaxes.html#boolean-attribute">boolean
-  attribute</a>. When specified on an element, it indicates that
-  the element is not yet, or is no longer, relevant. </p><div class="example">
-
-   <p>In the following skeletal example, the attribute is used to hide
-   the Web game's main screen until the user logs in:</p>
-
-   <pre>  &lt;h1&gt;The Example Game&lt;/h1&gt;
-  &lt;section id="login"&gt;
-   &lt;h2&gt;Login&lt;/h2&gt;
-   &lt;form&gt;
-    ...
-    &lt;!-- calls login() once the user's credentials have been checked --&gt;
-   &lt;/form&gt;
-   &lt;script&gt;
-    function login() {
-      // switch screens
-      document.getElementById('login').hidden = true;
-      document.getElementById('game').hidden = false;
-    }
-   &lt;/script&gt;
-  &lt;/section&gt;
-  &lt;section id="game" hidden&gt;
-   ...
-  &lt;/section&gt;</pre>
-
-  </div><p>The <code title="attr-hidden"><a href="#the-hidden-attribute">hidden</a></code> attribute must not be
-  used to hide content that could legitimately be shown in another
-  presentation. For example, it is incorrect to use <code title="attr-hidden"><a href="#the-hidden-attribute">hidden</a></code> to hide panels in a tabbed dialog,
-  because the tabbed interface is merely a kind of overflow
-  presentation &#8212; showing all the form controls in one big page
-  with a scrollbar would be equivalent, and no less correct.</p><p>Elements in a section hidden by the <code title="attr-hidden"><a href="#the-hidden-attribute">hidden</a></code> attribute are still active,
-  e.g. scripts and form controls in such sections still execute
-  and submit respectively. Only their presentation to the user
-  changes.</p><h3 id="activation"><span class="secno">7.2 </span>Activation</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- v2 idea: HTMLImageElement.click(x, y); or clickPoint(), if
-       click() can't be done in IE; can this be emulated in IE by
-       posting a synthetic mouse click event with those X and Y
-       coords? (ack Csaba Gabor)
-  --><dl class="domintro"><dt><var title="">element</var> . <code title="dom-click"><a href="#dom-click">click</a></code>()</dt>
-
-   <dd>
-
-    <p>Acts as if the element was clicked.</p>
-
-   </dd>
-
-  </dl><h3 id="scrolling-elements-into-view"><span class="secno">7.3 </span>Scrolling elements into view</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- maybe this should move to [CSSOM] --><dl class="domintro"><dt><var title="">element</var> . <code title="dom-scrollIntoView"><a href="#dom-scrollintoview">scrollIntoView</a></code>( [ <var title="">top</var> ] )</dt>
-
-   <dd>
-
-    <p>Scrolls the element into view. If the <var title="">top</var>
-    argument is true, then the element will be scrolled to the top of
-    the viewport, otherwise it'll be scrolled to the bottom. The
-    default is the top.</p>
-
-   </dd>
-
-  </dl><h3 id="focus"><span class="secno">7.4 </span>Focus</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%20%0A...%3Cform%3E%3Cinput%20name%3Da%20onfocus%3D%22value%2B%3D1%3Bd.name%3D%27a%27%3Bname%3D%27d%27%3Bb.focus()%22%3E%0A%3Cinput%20name%3Db%20onfocus%3D%22value%2B%3D1%3Bc.focus()%22%3E%0A%3Cinput%20name%3Dc%20onfocus%3D%22value%2B%3D1%3Bd.focus()%22%3E%0A%3Cinput%20name%3Dd%20onfocus%3D%22value%2B%3D1%3Ba.focus()%22%3E --><!-- http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%0A...%3Cform%3E%0A%3Ctextarea%20name%3Dt%20cols%3D100%20rows%3D3%3E%3C%2Ftextarea%3E%3Cp%3E%0A%3Cinput%20name%3Da%20onfocus%3D%22t.value%2B%3D%27af1%20%27%3Bb.focus()%3Balert(document.activeElement.name)%3Bt.value%2B%3D%27af2%20%27%3B%22%20onblur%3D%22t.value%2B%3D%27ab%20%27%3B%22%3E%0A%3Cinput%20name%3Db%20onfocus%3D%22t.value%2B%3D%27bf1%20%27%3Bc.focus()%3Bt.value%2B%3D%27bf2%20%27%3B%22%20onblur%3D%22t.value%2B%3D%27bb%20%27%3B%22%3E%0A%3Cinput%20name%3Dc%20onfocus%3D%22t.value%2B%3D%27cf1%20%27%3Bc.focus()%3Bt.value%2B%3D%27cf2%20%27%3B%22%20onblur%3D%22t.value%2B%3D%27cb%20%27%3B%22%3E%0A --><!-- http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%3Cbody%20onload%3D%22document.forms%5B0%5D.a.focus()%22%3E%0A...%3Cform%3E%0A%3Ctextarea%20name%3Dt%20cols%3D100%20rows%3D3%3E%3C%2Ftextarea%3E%3Cp%3E%0A%3Cinput%20name%3Da%20onblur%3D%22t.value%2B%3D'ab%20'%3B%20b.focus()%3B%22%3E%0A%3Cinput%20name%3Db%20onfocus%3D%22t.value%2B%3D'bf1%20'%3Ba.focus()%3Bt.value%2B%3D'bf2%20'%3B%22%20onblur%3D%22t.value%2B%3D'bb%20'%3B%22%3E --><!-- http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%3Cbody%3E...%3Cform%3E%0A%3Ctextarea%20name%3Dt%20cols%3D100%20rows%3D3%3E%3C%2Ftextarea%3E%3Cp%3E%0A%3Cinput%20name%3Da%20onfocus%3D%22t.value%2B%3D%27af%20%27%3B%22%20onblur%3D%22t.value%2B%3D%27ab1%20%27%3Bb.focus()%3Bt.value%2B%3D%27ab2%20%27%3B%22%3E%0A%3Cinput%20name%3Db%20onfocus%3D%22t.value%2B%3D%27bf1%20%27%3Ba.focus()%3Bt.value%2B%3D%27bf2%20%27%3B%22%20onblur%3D%22t.value%2B%3D%27bb%20%27%3B%22%3E --><!-- v2: more things to define, if no other specs define them:
-   - define onfocus/onblur behaviour for Window
-   - Other things to look at are IE's focus APIs (HTMLElement.setActive(),
-     onBeforeActivate, onActivate, onBeforeDeactivate, onDeactivate):
-       https://bugzilla.mozilla.org/show_bug.cgi?id=296471
-       https://bugzilla.mozilla.org/show_bug.cgi?id=296469
-       http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/setactive.asp
-       http://msdn.microsoft.com/workshop/author/dhtml/reference/events/onbeforeactivate.asp
-  --><h4 id="sequential-focus-navigation"><span class="secno">7.4.1 </span>Sequential focus navigation</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-tabindex" title="attr-tabindex"><code>tabindex</code></dfn>
-  content attribute specifies whether the element is focusable,
-  whether it can be reached using sequential focus navigation, and the
-  relative order of the element for the purposes of sequential focus
-  navigation. The name "tab index" comes from the common use of the
-  "tab" key to navigate through the focusable elements. The term
-  "tabbing" refers to moving forward through the focusable elements
-  that can be reached using sequential focus navigation.</p><p>The <code title="attr-tabindex"><a href="#attr-tabindex">tabindex</a></code> attribute, if
-  specified, must have a value that is a <a href="common-microsyntaxes.html#valid-integer">valid
-  integer</a>.</p><h4 id="document-level-focus-apis"><span class="secno">7.4.2 </span>Document-level focus APIs</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="domintro"><dt><var title="">document</var> . <code title="dom-document-activeElement"><a href="#dom-document-activeelement">activeElement</a></code></dt>
-
-   <dd>
-
-    <p>Returns the currently focused element.</p>
-
-   </dd>
-
-   <dt><var title="">document</var> . <code title="dom-document-hasFocus"><a href="#dom-document-hasfocus">hasFocus</a></code>()</dt>
-
-   <dd>
-
-    <p>Returns true if the document has focus; otherwise, returns false.</p>
-
-   </dd>
-
-   <dt><var title="">window</var> . <code title="dom-window-focus"><a href="#dom-window-focus">focus</a></code>()</dt>
-
-   <dd>
-
-    <p>Focuses the window. Use of this method is discouraged. Allow the user to control window focus instead.</p>
-
-   </dd>
-
-   <dt><var title="">window</var> . <code title="dom-window-blur"><a href="#dom-window-blur">blur</a></code>()</dt>
-
-   <dd>
-
-    <p>Unfocuses the window. Use of this method is discouraged. Allow the user to control window focus instead.</p>
-
-   </dd>
-
-  </dl><h4 id="element-level-focus-apis"><span class="secno">7.4.3 </span>Element-level focus APIs</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="domintro"><dt><var title="">element</var> . <code title="dom-focus"><a href="#dom-focus">focus</a></code>()</dt>
-
-   <dd>
-
-    <p>Focuses the element.</p>
-
-   </dd>
-
-   <dt><var title="">element</var> . <code title="dom-blur"><a href="#dom-blur">blur</a></code>()</dt>
-
-   <dd>
-
-    <p>Unfocuses the element. Use of this method is discouraged. Focus another element instead.</p>
-
-   </dd>
-
-  </dl><h3 id="the-accesskey-attribute"><span class="secno">7.5 </span>The <dfn title="attr-accesskey"><code>accesskey</code></dfn> attribute</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>All <a href="infrastructure.html#html-elements">HTML elements</a> may have the <code title="attr-accesskey"><a href="#the-accesskey-attribute">accesskey</a></code> content attribute set. The
-  <code title="attr-accesskey"><a href="#the-accesskey-attribute">accesskey</a></code> attribute's value is
-  used by the user agent as a guide for creating a keyboard shortcut
-  that activates or focuses the element.</p><p>If specified, the value must be an <a href="common-microsyntaxes.html#ordered-set-of-unique-space-separated-tokens">ordered set of unique
-  space-separated tokens</a>, each of which must be exactly one
-  Unicode code point in length.</p><div class="example">
-
-   <p>In the following example, a variety of links are given with
-   access keys so that keyboard users familiar with the site can
-   more quickly navigate to the relevant pages:</p>
-
-   <pre>&lt;nav&gt;
- &lt;p&gt;
-  &lt;a title="Consortium Activities" accesskey="A" href="/Consortium/activities"&gt;Activities&lt;/a&gt; |
-  &lt;a title="Technical Reports and Recommendations" accesskey="T" href="/TR/"&gt;Technical Reports&lt;/a&gt; |
-  &lt;a title="Alphabetical Site Index" accesskey="S" href="/Consortium/siteindex"&gt;Site Index&lt;/a&gt; |
-  &lt;a title="About This Site" accesskey="B" href="/Consortium/"&gt;About Consortium&lt;/a&gt; |
-  &lt;a title="Contact Consortium" accesskey="C" href="/Consortium/contact"&gt;Contact&lt;/a&gt;
- &lt;/p&gt;
-&lt;/nav&gt;</pre>
-
-  </div><div class="example">
-
-   <p>In the following example, the search field is given two possible
-   access keys, "s" and "0" (in that order). A user agent on a device
-   with a full keyboard might pick
-   <kbd><kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>S</kbd></kbd> as the
-   shortcut key, while a user agent on a small device with just a
-   numeric keypad might pick just the plain unadorned key
-   <kbd><kbd>0</kbd></kbd>:</p>
-
-   <pre>&lt;form action="/search"&gt;
- &lt;label&gt;Search: &lt;input type="search" name="q" accesskey="s 0"&gt;&lt;/label&gt;
- &lt;input type="submit"&gt;
-&lt;/form&gt;</pre>
-
-  </div><div class="example">
-
-   <p>In the following example, a button has possible access keys
-   described. A script then tries to update the button's label to
-   advertise the key combination the user agent selected.</p>
-
-   <pre>&lt;input type=submit accesskey="N @ 1" value="Compose"&gt;
-...
-&lt;script&gt;
- function labelButton(button) {
-   if (button.accessKeyLabel)
-     button.value += ' (' + button.accessKeyLabel + ')';
- }
- var inputs = document.getElementsByTagName('input');
- for (var i = 0; i &lt; inputs.length; i += 1) {
-   if (inputs[i].type == "submit")
-     labelButton(inputs[i]);
- }
-&lt;/script&gt;</pre>
-
-   <p>On one user agent, the button's label might become
-   "<samp>Compose (&#8984;N)</samp>". On another, it might become
-   "<samp>Compose (Alt+&#8679;+1)</samp>". If the user agent doesn't
-   assign a key, it will be just "<samp>Compose</samp>". The exact
-   string depends on what the <a href="#assigned-access-key">assigned access key</a> is, and
-   on how the user agent represents that key combination.</p>
-
-  </div><h3 id="selection"><span class="secno">7.6 </span>The text selection APIs</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>Every <a href="browsers.html#browsing-context">browsing context</a> has <dfn id="the-selection" title="the
-  selection">a selection</dfn>. The selection can be empty, and the
-  selection can have more than one range (a disjointed selection). The
-  user agent should allow the user to change the selection. User
-  agents are not required to let the user select more than one range,
-  and may collapse multiple ranges in the selection to a single range
-  when the user interacts with the selection. (But, of course, the
-  user agent may let the user create selections with multiple
-  ranges.)</p><p>This one selection must be shared by all the content of the
-  browsing context (though not by nested <a href="browsers.html#browsing-context" title="browsing
-  context">browsing contexts</a>), including any editing hosts in
-  the document. (Editing hosts that are not inside a document cannot
-  have a selection.)</p><p>Mostly for historical reasons, in addition to the <a href="browsers.html#browsing-context">browsing
-  context</a>'s <a href="#the-selection" title="the selection">selection</a>, each
-  <code><a href="the-button-element.html#the-textarea-element">textarea</a></code> and <code><a href="the-input-element.html#the-input-element">input</a></code> element has an
-  independent selection. These are the <dfn id="text-field-selection" title="text field
-  selection">text field selections</dfn>.</p><!-- v2DATAGRID v2DGS:
-  <p>The <code>datagrid</code> and <code>select</code> elements also
-  have selections, indicating which items have been picked by the
-  user. These are not discussed in this section.</p>
-  --><p>The <code><a href="the-button-element.html#the-select-element">select</a></code> element also has a selection, indicating
-  which items have been picked by the user. This is not discussed in
-  this section.</p><p class="note">This specification does not specify how selections
-  are presented to the user. The Selectors specification, in
-  conjunction with CSS, can be used to style text selections using the
-  <code title="selector-selection">::selection</code>
-  pseudo-element. <a href="references.html#refsSELECTORS">[SELECTORS]</a> <a href="references.html#refsCSS">[CSS]</a></p><h4 id="documentSelection"><span class="secno">7.6.1 </span>APIs for the browsing context selection</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="domintro"><dt><var title="">window</var> . <code title="dom-getSelection"><a href="#dom-getselection">getSelection</a></code>()</dt>
-   <dt><var title="">document</var> . <code title="dom-document-getSelection"><a href="#dom-document-getselection">getSelection</a></code>()</dt>
-
-   <dd>
-
-    <p>Returns the <code><a href="#selection-0">Selection</a></code> object for the window, which
-    stringifies to the text of the current selection.</p>
-
-   </dd>
-
-  </dl><pre class="idl">interface <dfn id="selection-0">Selection</dfn> {
-  readonly attribute Node <a href="#dom-selection-anchornode" title="dom-selection-anchorNode">anchorNode</a>;
-  readonly attribute long <a href="#dom-selection-anchoroffset" title="dom-selection-anchorOffset">anchorOffset</a>;
-  readonly attribute Node <a href="#dom-selection-focusnode" title="dom-selection-focusNode">focusNode</a>;
-  readonly attribute long <a href="#dom-selection-focusoffset" title="dom-selection-focusOffset">focusOffset</a>;
-  readonly attribute boolean <a href="#dom-selection-iscollapsed" title="dom-selection-isCollapsed">isCollapsed</a>;
-  void <a href="#dom-selection-collapse" title="dom-selection-collapse">collapse</a>(in Node parentNode, in long offset);
-  void <a href="#dom-selection-collapsetostart" title="dom-selection-collapseToStart">collapseToStart</a>();
-  void <a href="#dom-selection-collapsetoend" title="dom-selection-collapseToEnd">collapseToEnd</a>();
-  void <a href="#dom-selection-selectallchildren" title="dom-selection-selectAllChildren">selectAllChildren</a>(in Node parentNode);
-  void <a href="#dom-selection-deletefromdocument" title="dom-selection-deleteFromDocument">deleteFromDocument</a>();
-  readonly attribute long <a href="#dom-selection-rangecount" title="dom-selection-rangeCount">rangeCount</a>;
-  Range <a href="#dom-selection-getrangeat" title="dom-selection-getRangeAt">getRangeAt</a>(in long index);
-  void <a href="#dom-selection-addrange" title="dom-selection-addRange">addRange</a>(in Range range);
-  void <a href="#dom-selection-removerange" title="dom-selection-removeRange">removeRange</a>(in Range range);
-  void <a href="#dom-selection-removeallranges" title="dom-selection-removeAllRanges">removeAllRanges</a>();
-  <a href="#dom-selection-tostring" title="dom-selection-toString">stringifier</a> DOMString ();
-};</pre><!--
-  See also:
-    http://lxr.mozilla.org/mozilla/source/content/base/public/nsISelection.idl
-  This spec doesn't have everything from there yet, in particular
-  selectionLanguageChange() and containsNode() are missing. They are missing
-  because I couldn't work out how to define them in terms of Ranges.
-
-  I also haven't included extend():
-
-    void <span title="dom-selection-extend">extend</span>(in Node parentNode, in long offset);
-    // raise if no range
-    // raise WRONG_DOCUMENT_ERR if parentNode not in document
-    // do something
-
-  ...mostly because I can't work out how to describe what it does quickly.
---><p>The <code><a href="#selection-0">Selection</a></code> interface is represents a list of
-  <code>Range</code> objects. The first item in the list has index 0,
-  and the last item has index <var title="">count</var>-1, where
-  <var title="">count</var> is the number of ranges in the list. <a href="references.html#refsDOMRANGE">[DOMRANGE]</a></p><p>All of the members of the <code><a href="#selection-0">Selection</a></code> interface are
-  defined in terms of operations on the <code>Range</code> objects
-  represented by this object. These operations can raise exceptions,
-  as defined for the <code>Range</code> interface; this can therefore
-  result in the members of the <code><a href="#selection-0">Selection</a></code> interface
-  raising exceptions as well, in addition to any explicitly called out
-  below.</p><dl class="domintro"><dt><var title="">selection</var> . <code title="dom-selection-anchorNode"><a href="#dom-selection-anchornode">anchorNode</a></code></dt>
-
-   <dd>
-
-    <p>Returns the element that contains the start of the selection.</p>
-
-    <p>Returns null if there's no selection.</p>
-
-   </dd>
-
-   <dt><var title="">selection</var> . <code title="dom-selection-anchorOffset"><a href="#dom-selection-anchoroffset">anchorOffset</a></code></dt>
-
-   <dd>
-
-    <p>Returns the offset of the start of the selection relative to the element that contains the start of the selection.</p>
-
-    <p>Returns 0 if there's no selection.</p>
-
-   </dd>
-
-   <dt><var title="">selection</var> . <code title="dom-selection-focusNode"><a href="#dom-selection-focusnode">focusNode</a></code></dt>
-
-   <dd>
-
-    <p>Returns the element that contains the end of the selection.</p>
-
-    <p>Returns null if there's no selection.</p>
-
-   </dd>
-
-   <dt><var title="">selection</var> . <code title="dom-selection-focusOffset"><a href="#dom-selection-focusoffset">focusOffset</a></code></dt>
-
-   <dd>
-
-    <p>Returns the offset of the end of the selection relative to the element that contains the end of the selection.</p>
-
-    <p>Returns 0 if there's no selection.</p>
-
-   </dd>
-
-   <dt><var title="">collapsed</var> = <var title="">selection</var> . <code title="dom-selection-isCollapsed"><a href="#dom-selection-iscollapsed">isCollapsed</a></code>()</dt>
-
-   <dd>
-
-    <p>Returns true if there's no selection or if the selection is empty. Otherwise, returns false.</p>
-
-   </dd>
-
-   <dt><var title="">selection</var> . <code title="dom-selection-collapsed">collapsed</code>(<var title="">parentNode</var>, <var title="">offset</var>)</dt>
-
-   <dd>
-
-    <p>Replaces the selection with an empty one at the given position.</p>
-
-    <p>Throws a <code><a href="urls.html#wrong_document_err">WRONG_DOCUMENT_ERR</a></code> exception if the given node is in a different document.</p>
-
-   </dd>
-
-   <dt><var title="">selection</var> . <code title="dom-selection-collapseToStart"><a href="#dom-selection-collapsetostart">collapseToStart</a></code>()</dt>
-
-   <dd>
-
-    <p>Replaces the selection with an empty one at the position of the start of the current selection.</p>
-
-    <p>Throws an <code><a href="urls.html#invalid_state_err">INVALID_STATE_ERR</a></code> exception if there is no selection.</p>
-
-   </dd>
-
-   <dt><var title="">selection</var> . <code title="dom-selection-collapseToEnd"><a href="#dom-selection-collapsetoend">collapseToEnd</a></code>()</dt>
-
-   <dd>
-
-    <p>Replaces the selection with an empty one at the position of the end of the current selection.</p>
-
-    <p>Throws an <code><a href="urls.html#invalid_state_err">INVALID_STATE_ERR</a></code> exception if there is no selection.</p>
-
-   </dd>
-
-   <dt><var title="">selection</var> . <code title="dom-selection-selectAllChildren"><a href="#dom-selection-selectallchildren">selectAllChildren</a></code>(<var title="">parentNode</var>)</dt>
-
-   <dd>
-
-    <p>Replaces the selection with one that contains all the contents of the given element.</p>
-
-    <p>Throws a <code><a href="urls.html#wrong_document_err">WRONG_DOCUMENT_ERR</a></code> exception if the given node is in a different document.</p>
-
-   </dd>
-
-   <dt><var title="">selection</var> . <code title="dom-selection-deleteFromDocument"><a href="#dom-selection-deletefromdocument">deleteFromDocument</a></code>()</dt>
-
-   <dd>
-
-    <p>Deletes the selection.</p>
-
-   </dd>
-
-   <dt><var title="">selection</var> . <code title="dom-selection-rangeCount"><a href="#dom-selection-rangecount">rangeCount</a></code></dt>
-
-   <dd>
-
-    <p>Returns the number of ranges in the selection.</p>
-
-   </dd>
-
-   <dt><var title="">selection</var> . <code title="dom-selection-getRangeAt"><a href="#dom-selection-getrangeat">getRangeAt</a></code>(<var title="">index</var>)</dt>
-
-   <dd>
-
-    <p>Returns the given range.</p>
-
-    <p>Throws an <code><a href="urls.html#invalid_state_err">INVALID_STATE_ERR</a></code> exception if the value is out of range.</p>
-
-   </dd>
-
-   <dt><var title="">selection</var> . <code title="dom-selection-addRange"><a href="#dom-selection-addrange">addRange</a></code>(<var title="">range</var>)</dt>
-
-   <dd>
-
-    <p>Adds the given range to the selection.</p>
-
-   </dd>
-
-   <dt><var title="">selection</var> . <code title="dom-selection-removeRange"><a href="#dom-selection-removerange">removeRange</a></code>(<var title="">range</var>)</dt>
-
-   <dd>
-
-    <p>Removes the given range from the selection, if the range was one of the ones in the selection.</p>
-
-   </dd>
-
-   <dt><var title="">selection</var> . <code title="dom-selection-removeAllRanges"><a href="#dom-selection-removeallranges">removeAllRanges</a></code>()</dt>
-
-   <dd>
-
-    <p>Removes all the ranges in the selection.</p>
-
-   </dd>
-
-  </dl><div class="example">
-   <p>In the following document fragment, the emphasized parts
-   indicate the selection.</p>
-   <pre>&lt;p&gt;The cute girl likes <em>the </em>&lt;cite&gt;<em>Oxford English</em> Dictionary&lt;/cite&gt;.&lt;/p&gt;</pre>
-   <p>If a script invoked <code title="">window.getSelection().toString()</code>, the return value
-   would be "<code>the Oxford English</code>".</p>
-  </div><!-- v2DATAGRID v2DGS:
-  <p class="note">The <code>Selection</code> interface has no relation
-  to the <code>DataGridSelection</code> interface.</p>
-  --><h4 id="textFieldSelection"><span class="secno">7.6.2 </span>APIs for the text field selections</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- v2 idea: DOM Range APIs to expose the textarea/input edited
-  value (ack martijnw) --><p>The <code><a href="the-input-element.html#the-input-element">input</a></code> and <code><a href="the-button-element.html#the-textarea-element">textarea</a></code> elements define
-  the following members in their DOM interfaces for handling their
-  text selection:</p><pre class="idl extract">  void <a href="#dom-textarea-input-select" title="dom-textarea/input-select">select</a>();
-           attribute unsigned long <a href="#dom-textarea-input-selectionstart" title="dom-textarea/input-selectionStart">selectionStart</a>;
-           attribute unsigned long <a href="#dom-textarea-input-selectionend" title="dom-textarea/input-selectionEnd">selectionEnd</a>;
-  void <a href="#dom-textarea-input-setselectionrange" title="dom-textarea/input-setSelectionRange">setSelectionRange</a>(in unsigned long start, in unsigned long end);</pre><!-- v2: also add textLength? it seems to be widely used --><p>These methods and attributes expose and control the selection of
-  <code><a href="the-input-element.html#the-input-element">input</a></code> and <code><a href="the-button-element.html#the-textarea-element">textarea</a></code> text fields.</p><dl class="domintro"><dt><var title="">element</var> . <code title="dom-textarea/input-select"><a href="#dom-textarea-input-select">select</a></code>()</dt>
-
-   <dd>
-
-    <p>Selects everything in the text field.</p>
-
-   </dd>
-
-   <dt><var title="">element</var> . <code title="dom-textarea/input-selecionStart">selectionStart</code> [ = <var title="">value</var> ]</dt>
-
-   <dd>
-
-    <p>Returns the offset to the start of the selection.</p>
-
-    <p>Can be set, to change the start of the selection.</p>
-
-   </dd>
-
-   <dt><var title="">element</var> . <code title="dom-textarea/input-selecionEnd">selectionEnd</code> [ = <var title="">value</var> ]</dt>
-
-   <dd>
-
-    <p>Returns the offset to the end of the selection.</p>
-
-    <p>Can be set, to change the end of the selection.</p>
-
-   </dd>
-
-   <dt><var title="">element</var> . <code title="dom-textarea/input-setSelectionRange"><a href="#dom-textarea-input-setselectionrange">setSelectionRange</a></code>(<var title="">start</var>, <var title="">end</var>)</dt>
-
-   <dd>
-
-    <p>Changes the selection to cover the given substring.</p>
-
-   </dd>
-
-  </dl><div class="example">
-
-   <p>To obtain the currently selected text, the following JavaScript
-   suffices:</p>
-
-   <pre>var selectionText = control.value.substring(control.selectionStart, control.selectionEnd);</pre>
-
-   <p>...where <var title="">control</var> is the <code><a href="the-input-element.html#the-input-element">input</a></code>
-   or <code><a href="the-button-element.html#the-textarea-element">textarea</a></code> element.</p>
-
-  </div><p>Characters with no visible rendering, such as U+200D ZERO WIDTH
-  JOINER, still count as characters. Thus, for instance, the selection
-  can include just an invisible character, and the text insertion
-  cursor can be placed to one side or another of such a character.</p><h3 id="contenteditable"><span class="secno">7.7 </span>The <code title="attr-contenteditable"><a href="#attr-contenteditable">contenteditable</a></code> attribute</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-contenteditable" title="attr-contenteditable"><code>contenteditable</code></dfn>
-  attribute is an <a href="common-microsyntaxes.html#enumerated-attribute">enumerated attribute</a> whose keywords are
-  the empty string, <code title="">true</code>, and <code title="">false</code>. The empty string and the <code title="">true</code> keyword map to the <i>true</i> state. The <code title="">false</code> keyword maps to the <i>false</i> state. In
-  addition, there is a third state, the <i>inherit</i> state, which is
-  the <i>missing value default</i> (and the <i>invalid value
-  default</i>).</p><p>The <i>true</i> state indicates that the element is editable. The
-  <i>inherit</i> state indicates that the element is editable if its
-  parent is. The <i>false</i> state indicates that the element is not
-  editable.</p><dl class="domintro"><dt><var title="">element</var> . <code title="dom-contentEditable"><a href="#dom-contenteditable">contentEditable</a></code> [ = <var title="">value</var> ]</dt>
-
-   <dd>
-
-    <p>Returns "<code title="">true</code>", "<code title="">false</code>", or "<code title="">inherit</code>", based
-    on the state of the <code title="attr-contenteditable"><a href="#attr-contenteditable">contenteditable</a></code> attribute.</p>
-
-    <p>Can be set, to change that state.</p>
-
-    <p>Throws a <code><a href="urls.html#syntax_err">SYNTAX_ERR</a></code> exception if the new value
-    isn't one of those strings.</p>
-
-   </dd>
-
-   <dt><var title="">element</var> . <code title="dom-isContentEditable"><a href="#dom-iscontenteditable">isContentEditable</a></code></dt>
-
-   <dd>
-
-    <p>Returns true if the element is editable; otherwise, returns false.</p>
-
-   </dd>
-
-  </dl><h4 id="making-entire-documents-editable"><span class="secno">7.7.1 </span>Making entire documents editable</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="domintro"><dt><var title="">document</var> . <code title="dom-document-designMode"><a href="#designMode">designMode</a></code> [ = <var title="">value</var> ]</dt>
-
-   <dd>
-
-    <p>Returns "<code title="">on</code>" if the document is editable,
-    and "<code title="">off</code>" if it isn't.</p>
-
-    <p>Can be set, to change the document's current state.</p>
-
-   </dd>
-
-  </dl><h3 id="spelling-and-grammar-checking"><span class="secno">7.8 </span>Spelling and grammar checking</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-spellcheck" title="attr-spellcheck"><code>spellcheck</code></dfn>
-  attribute is an <a href="common-microsyntaxes.html#enumerated-attribute">enumerated attribute</a> whose keywords are
-  the empty string, <code title="">true</code> and <code title="">false</code>. The empty string and the <code title="">true</code> keyword map to the <i>true</i> state. The <code title="">false</code> keyword maps to the <i>false</i> state. In
-  addition, there is a third state, the <i>default</i> state, which is
-  the <i>missing value default</i> (and the <i>invalid value
-  default</i>).</p><p>The <i>true</i> state indicates that the element is to have its
-  spelling and grammar checked. The <i>default</i> state indicates
-  that the element is to act according to a default behavior, possibly
-  based on the parent element's own <code title="attr-spellcheck"><a href="#attr-spellcheck">spellcheck</a></code> state. The <i>false</i>
-  state indicates that the element is not to be checked.</p><dl class="domintro"><dt><var title="">element</var> . <code title="dom-spellcheck"><a href="#dom-spellcheck">spellcheck</a></code> [ = <var title="">value</var> ]</dt>
-
-   <dd>
-
-    <p>Returns "<code title="">true</code>", "<code title="">false</code>", or "<code title="">default</code>", based
-    on the state of the <code title="attr-spellcheck"><a href="#attr-spellcheck">spellcheck</a></code> attribute.</p>
-
-    <p>Can be set, to change that state.</p>
-
-    <p>Throws a <code><a href="urls.html#syntax_err">SYNTAX_ERR</a></code> exception if the new value
-    isn't one of those strings.</p>
-
-   </dd>
-
-  </dl><p class="note">This specification does not define the user
-  interface for spelling and grammar checkers. A user agent could
-  offer on-demand checking, could perform continuous checking while
-  the checking is enabled, or could use other interfaces.</p></body></html>
\ No newline at end of file
+   .apple-table-exam
\ No newline at end of file

Index: browsers.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/browsers.html,v
retrieving revision 1.564
retrieving revision 1.565
diff -u -d -r1.564 -r1.565
--- browsers.html	6 Jan 2010 15:49:33 -0000	1.564
+++ browsers.html	6 Jan 2010 16:12:46 -0000	1.565
@@ -1,707 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
-<!DOCTYPE html>
-<!-- when publishing, change bits marked ZZZ --><html lang="en-US-x-Hixie" class="split chapter"><head><title>6 Web browsers &#8212; HTML5 (Author Edition)</title><script src="link-fixup.js"></script><link href="whatwg.css" rel="stylesheet"><style type="text/css">
-   pre { margin-left: 2em; white-space: pre-wrap; }
-   h2 { margin: 3em 0 1em 0; }
-   h3 { margin: 2.5em 0 1em 0; }
-   h4 { margin: 2.5em 0 0.75em 0; }
-   h5, h6 { margin: 2.5em 0 1em; }
-   h1 + h2, h1 + h2 + h2 { margin: 0.75em 0 0.75em; }
-   h2 + h3, h3 + h4, h4 + h5, h5 + h6 { margin-top: 0.5em; }
-   p { margin: 1em 0; }
-   hr:not(.top) { display: block; background: none; border: none; padding: 0; margin: 2em 0; height: auto; }
-   dl, dd { margin-top: 0; margin-bottom: 0; }
-   dt { margin-top: 0.75em; margin-bottom: 0.25em; clear: left; }
-   dt + dt { margin-top: 0; }
-   dd dt { margin-top: 0.25em; margin-bottom: 0; }
-   dd p { margin-top: 0; }
-   dd dl + p { margin-top: 1em; }
-   dd table + p { margin-top: 1em; }
-   p + * > li, dd li { margin: 1em 0; }
-   dt, dfn { font-weight: bold; font-style: normal; }
-   dt dfn { font-style: italic; }
-   pre, code { font-size: inherit; font-family: monospace; font-variant: normal; }
-   pre strong { color: black; font: inherit; font-weight: bold; background: yellow; }
-   pre em { font-weight: bolder; font-style: normal; }
-   @media screen { code { color: orangered; } code :link, code :visited { color: inherit; } }
-   var sub { vertical-align: bottom; font-size: smaller; position: relative; top: 0.1em; }
-   table { border-collapse: collapse; border-style: hidden hidden none hidden; }
-   table thead { border-bottom: solid; }
-   table tbody th:first-child { border-left: solid; }
-   table tbody th { text-align: left; }
-   table td, table th { border-left: solid; border-right: solid; border-bottom: solid thin; vertical-align: top; padding: 0.2em; }
-   blockquote { margin: 0 0 0 2em; border: 0; padding: 0; font-style: italic; }
-
-   .bad, .bad *:not(.XXX) { color: gray; border-color: gray; background: transparent; }
-   .matrix, .matrix td { border: none; text-align: right; }
-   .matrix { margin-left: 2em; }
-   .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
-   .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
-   .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
-
-   .toc dfn, h1 dfn, h2 dfn, h3 dfn, h4 dfn, h5 dfn, h6 dfn { font: inherit; }
-   img.extra { float: right; }
-   pre.idl { border: solid thin; background: #EEEEEE; color: black; padding: 0.5em 1em; }
-   pre.idl :link, pre.idl :visited { color: inherit; background: transparent; }
-   pre.css { border: solid thin; background: #FFFFEE; color: black; padding: 0.5em 1em; }
-   pre.css:first-line { color: #AAAA50; }
-   dl.domintro { color: green; margin: 2em 0 2em 2em; padding: 0.5em 1em; border: none; background: #EEFFEE; }
-   hr + dl.domintro, div.impl + dl.domintro { margin-top: 2.5em; margin-bottom: 1.5em; }
-   dl.domintro dt, dl.domintro dt * { color: black; text-decoration: none; }
-   dl.domintro dd { margin: 0.5em 0 1em 2em; padding: 0; }
-   dl.domintro dd p { margin: 0.5em 0; }
-   dl.switch { padding-left: 2em; }
-   dl.switch > dt { text-indent: -1.5em; }
-   dl.switch > dt:before { content: '\21AA'; padding: 0 0.5em 0 0; display: inline-block; width: 1em; text-align: right; line-height: 0.5em; }
-   dl.triple { padding: 0 0 0 1em; }
-   dl.triple dt, dl.triple dd { margin: 0; display: inline }
-   dl.triple dt:after { content: ':'; }
-   dl.triple dd:after { content: '\A'; white-space: pre; }
-   .diff-old { text-decoration: line-through; color: silver; background: transparent; }
-   .diff-chg, .diff-new { text-decoration: underline; color: green; background: transparent; }
-   a .diff-new { border-bottom: 1px blue solid; }
-
-   h2 { page-break-before: always; }
-   h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
-   h1 + h2, hr + h2.no-toc { page-break-before: auto; }
-
-   p > span:not([title=""]):not([class="XXX"]):not([class="impl"]), li > span:not([title=""]):not([class="XXX"]):not([class="impl"]) { border-bottom: solid #9999CC; }
-
-   div.head { margin: 0 0 1em; padding: 1em 0 0 0; }
-   div.head p { margin: 0; }
-   div.head h1 { margin: 0; }
-   div.head .logo { float: right; margin: 0 1em; }
-   div.head .logo img { border: none } /* remove border from top image */
-   div.head dl { margin: 1em 0; }
-   div.head p.copyright, div.head p.alt { font-size: x-small; font-style: oblique; margin: 0; }
-
-   body > .toc > li { margin-top: 1em; margin-bottom: 1em; }
-   body > .toc.brief > li { margin-top: 0.35em; margin-bottom: 0.35em; }
-   body > .toc > li > * { margin-bottom: 0.5em; }
-   body > .toc > li > * > li > * { margin-bottom: 0.25em; }
-   .toc, .toc li { list-style: none; }
-
-   .brief { margin-top: 1em; margin-bottom: 1em; line-height: 1.1; }
-   .brief li { margin: 0; padding: 0; }
-   .brief li p { margin: 0; padding: 0; }
-
-   .category-list { margin-top: -0.75em; margin-bottom: 1em; line-height: 1.5; }
-   .category-list::before { content: '\21D2\A0'; font-size: 1.2em; font-weight: 900; }
-   .category-list li { display: inline; }
-   .category-list li:not(:last-child)::after { content: ', '; }
-   .category-list li > span, .category-list li > a { text-transform: lowercase; }
-   .category-list li * { text-transform: none; } /* don't affect <code> nested in <a> */
-
-   .XXX { color: #E50000; background: white; border: solid red; padding: 0.5em; margin: 1em 0; }
-   .XXX > :first-child { margin-top: 0; }
-   p .XXX { line-height: 3em; }
-   .annotation { border: solid thin black; background: #0C479D; color: white; position: relative; margin: 8px 0 20px 0; }
-   .annotation:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 6px -6px -6px 6px; background: #333333; z-index: -1; content: ''; }
-   .annotation :link, .annotation :visited { color: inherit; }
-   .annotation :link:hover, .annotation :visited:hover { background: transparent; }
-   .annotation span { border: none ! important; }
-   .note { color: green; background: transparent; font-family: sans-serif; }
-   .warning { color: red; background: transparent; }
-   .note, .warning { font-weight: bolder; font-style: italic; }
-   p.note, div.note { padding: 0.5em 2em; }
-   span.note { padding: 0 2em; }
-   .note p:first-child, .warning p:first-child { margin-top: 0; }
-   .note p:last-child, .warning p:last-child { margin-bottom: 0; }
-   .warning:before { font-style: normal; }
-   p.note:before { content: 'Note: '; }
-   p.warning:before { content: '\26A0 Warning! '; }
-
-   .bookkeeping:before { display: block; content: 'Bookkeeping details'; font-weight: bolder; font-style: italic; }
-   .bookkeeping { font-size: 0.8em; margin: 2em 0; }
-   .bookkeeping p { margin: 0.5em 2em; display: list-item; list-style: square; }
-
-   h4 { position: relative; z-index: 3; }
-   h4 + .element, h4 + div + .element { margin-top: -2.5em; padding-top: 2em; }
-   .element {
-     background: #EEEEFF;
-     color: black;
-     margin: 0 0 1em 0.15em;
-     padding: 0 1em 0.25em 0.75em;
-     border-left: solid #9999FF 0.25em;
-     position: relative;
-     z-index: 1;
-   }
-   .element:before {
-     position: absolute;
-     z-index: 2;
-     top: 0;
-     left: -1.15em;
-     height: 2em;
-     width: 0.9em;
-     background: #EEEEFF;
-     content: ' ';
-     border-style: none none solid solid;
-     border-color: #9999FF;
-     border-width: 0.25em;
-   }
-
-   .example { display: block; color: #222222; background: #FCFCFC; border-left: double; margin-left: 2em; padding-left: 1em; }
-   td > .example:only-child { margin: 0 0 0 0.1em; }
-
-   .tall-and-narrow {
-     font-size: 0.6em;
-     column-width: 25em;
-     column-gap: 1em;
-     -moz-column-width: 25em;
-     -moz-column-gap: 1em;
-     -webkit-column-width: 25em;
-     -webkit-column-gap: 1em;
-   }
-
-   ul.domTree, ul.domTree ul { padding: 0 0 0 1em; margin: 0; }
-   ul.domTree li { padding: 0; margin: 0; list-style: none; position: relative; }
-   ul.domTree li li { list-style: none; }
-   ul.domTree li:first-child::before { position: absolute; top: 0; height: 0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
-   ul.domTree li:not(:last-child)::after { position: absolute; top: 0; bottom: -0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
-   ul.domTree span { font-style: italic; font-family: serif; }
-   ul.domTree .t1 code { color: purple; font-weight: bold; }
-   ul.domTree .t2 { font-style: normal; font-family: monospace; }
-   ul.domTree .t2 .name { color: black; font-weight: bold; }
-   ul.domTree .t2 .value { color: blue; font-weight: normal; }
-   ul.domTree .t3 code, .domTree .t4 code, .domTree .t5 code { color: gray; }
-   ul.domTree .t7 code, .domTree .t8 code { color: green; }
-   ul.domTree .t10 code { color: teal; }
-
-   #configUI { position: absolute; z-index: 20; top: 10em; right: 1em; width: 11em; font-size: small; }
-   #configUI p { margin: 0.5em 0; padding: 0.3em; background: #EEEEEE; color: black; border: inset thin; }
-   #configUI p label { display: block; }
-   #configUI #updateUI, #configUI .loginUI { text-align: center; }
-   #configUI input[type=button] { display: block; margin: auto; }
-  </style><style type="text/css">
-
-   .applies thead th > * { display: block; }
-   .applies thead code { display: block; }
-   .applies tbody th { whitespace: nowrap; }
-   .applies td { text-align: center; }
-   .applies .yes { background: yellow; }
-
-   .matrix, .matrix td { border: none; text-align: right; }
-   .matrix { margin-left: 2em; }
-
-   .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
-   .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
-   .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
-
-   #table-example-1 { border: solid thin; border-collapse: collapse; margin-left: 3em; }
-   #table-example-1 * { font-family: "Essays1743", serif; line-height: 1.01em; }
-   #table-example-1 caption { padding-bottom: 0.5em; }
-   #table-example-1 thead, #table-example-1 tbody { border: none; }
-   #table-example-1 th, #table-example-1 td { border: solid thin; }
-   #table-example-1 th { font-weight: normal; }
-   #table-example-1 td { border-style: none solid; vertical-align: top; }
-   #table-example-1 th { padding: 0.5em; vertical-align: middle; text-align: center; }
-   #table-example-1 tbody tr:first-child td { padding-top: 0.5em; }
-   #table-example-1 tbody tr:last-child td { padding-bottom: 1.5em; }
-   #table-example-1 tbody td:first-child { padding-left: 2.5em; padding-right: 0; width: 9em; }
-   #table-example-1 tbody td:first-child::after { content: leader(". "); }
-   #table-example-1 tbody td { padding-left: 2em; padding-right: 2em; }
-   #table-example-1 tbody td:first-child + td { width: 10em; }
-   #table-example-1 tbody td:first-child + td ~ td { width: 2.5em; }
-   #table-example-1 tbody td:first-child + td + td + td ~ td { width: 1.25em; }
-
-   .apple-table-examples { border: none; border-collapse: separate; border-spacing: 1.5em 0em; width: 40em; margin-left: 3em; }
-   .apple-table-examples * { font-family: "Times", serif; }
-   .apple-table-examples td, .apple-table-examples th { border: none; white-space: nowrap; padding-top: 0; padding-bottom: 0; }
-   .apple-table-examples tbody th:first-child { border-left: none; width: 100%; }
-   .apple-table-examples thead th:first-child ~ th { font-size: smaller; font-weight: bolder; border-bottom: solid 2px; text-align: center; }
-   .apple-table-examples tbody th::after, .apple-table-examples tfoot th::after { content: leader(". ") }
-   .apple-table-examples tbody th, .apple-table-examples tfoot th { font: inherit; text-align: left; }
-   .apple-table-examples td { text-align: right; vertical-align: top; }
-   .apple-table-examples.e1 tbody tr:last-child td { border-bottom: solid 1px; }
-   .apple-table-examples.e1 tbody + tbody tr:last-child td { border-bottom: double 3px; }
-   .apple-table-examples.e2 th[scope=row] { padding-left: 1em; }
-   .apple-table-examples sup { line-height: 0; }
-
-  </style><link href="data:text/css," rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" rel="alternate stylesheet" title="Highlight implementation requirements"><link href="data:text/css," id="complete" rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" id="author" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" id="highlight" rel="alternate stylesheet" title="Highlight implementation requirements"><script>
-   function getCookie(name) {
-     var params = location.search.substr(1).split("&");
-     for (var index = 0; index < params.length; index++) {
-       if (params[index] == name)
-         return "1";
-       var data = params[index].split("=");
-       if (data[0] == name)
-         return unescape(data[1]);
-     }
-     var cookies = document.cookie.split("; ");
-     for (var index = 0; index < cookies.length; index++) {
-       var data = cookies[index].split("=");
-       if (data[0] == name)
-         return unescape(data[1]);
-     }
-     return null;
-   }
-   function load(script) {
-     var e = document.createElement('script');
-     e.setAttribute('src', 'http://www.whatwg.org/specs/web-apps/current-work/' + script + '?' + encodeURIComponent(location) + '&' + encodeURIComponent(document.referrer));
-     document.body.appendChild(e);
-   }
-   function init() {
-     if (location.search == '?slow-browser')
-       return;
-     var configUI = document.createElement('div');
-     configUI.id = 'configUI';
-     document.body.appendChild(configUI);
-     // load('reviewer.js'); // would need cross-site XHR
-     if (document.getElementById('head'))
-       load('toc.js');
-     
-     // load('updater.js'); // would need cross-site XHR
-     load('dfn.js');
-     // load('status.js'); // would need cross-site XHR
-     if (getCookie('profile') == '1')
-       document.getElementsByTagName('h2')[0].textContent += '; load: ' + (new Date() - loadTimer) + 'ms';
-     fixBrokenLink();
-   }
-  </script><link href="http://www.w3.org/StyleSheets/TR/W3C-ED" rel="stylesheet" type="text/css"><link href="microdata.html" title="5 Microdata" rel="prev">
-  <link href="Overview.html#contents" title="Table of contents" rel="index">
-  <link href="timers.html" title="6.4 Timers" rel="next">
-  </head><body onload="fixBrokenLink(); init()"><div class="head" id="head">
-   <p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
-   <h1>HTML5 (Author Edition)</h1>
-   </div><div>
-   <a href="microdata.html">&#8592; 5 Microdata</a> &#8211;
-   <a href="Overview.html#contents">Table of contents</a> &#8211;
-   <a href="timers.html">6.4 Timers &#8594;</a>
-  <ol class="toc"><li><a href="browsers.html#browsers"><span class="secno">6 </span>Web browsers</a>
-  <ol><li><a href="browsers.html#windows"><span class="secno">6.1 </span>Browsing contexts</a>
-    <ol><li><a href="browsers.html#nested-browsing-contexts"><span class="secno">6.1.1 </span>Nested browsing contexts</a>
-      <ol><li><a href="browsers.html#navigating-nested-browsing-contexts-in-the-dom"><span class="secno">6.1.1.1 </span>Navigating nested browsing contexts in the DOM</a></li></ol></li><li><a href="browsers.html#auxiliary-browsing-contexts"><span class="secno">6.1.2 </span>Auxiliary browsing contexts</a>
-      <ol><li><a href="browsers.html#navigating-auxiliary-browsing-contexts-in-the-dom"><span class="secno">6.1.2.1 </span>Navigating auxiliary browsing contexts in the DOM</a></li></ol></li><li><a href="browsers.html#secondary-browsing-contexts"><span class="secno">6.1.3 </span>Secondary browsing contexts</a></li><li><a href="browsers.html#browsing-context-names"><span class="secno">6.1.4 </span>Browsing context names</a></li></ol></li><li><a href="browsers.html#the-window-object"><span class="secno">6.2 </span>The <code>Window</code> object</a>
-    <ol><li><a href="browsers.html#apis-for-creating-and-navigating-browsing-contexts-by-name"><span class="secno">6.2.1 </span>APIs for creating and navigating browsing contexts by name</a></li><li><a href="browsers.html#accessing-other-browsing-contexts"><span class="secno">6.2.2 </span>Accessing other browsing contexts</a></li><li><a href="browsers.html#named-access-on-the-window-object"><span class="secno">6.2.3 </span>Named access on the <code>Window</code> object</a></li><li><a href="browsers.html#browser-interface-elements"><span class="secno">6.2.4 </span>Browser interface elements</a></li><li><a href="browsers.html#relaxing-the-same-origin-restriction"><span class="secno">6.2.5 </span>Relaxing the same-origin restriction</a></li></ol></li><li><a href="browsers.html#scripting"><span class="secno">6.3 </span>Scripting</a>
-    <ol><li><a href="browsers.html#introduction-2"><span class="secno">6.3.1 </span>Introduction</a></li><li><a href="browsers.html#events"><span class="secno">6.3.2 </span>Events</a></li></ol></li></ol></li></ol></div>
-
-  <h2 id="browsers"><span class="secno">6 </span>Web browsers</h2><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><h3 id="windows"><span class="secno">6.1 </span>Browsing contexts</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>A <dfn id="browsing-context">browsing context</dfn> is an environment in which
-  <code>Document</code> objects are presented to the user.</p><p class="note">A tab or window in a Web browser typically contains
-  a <a href="#browsing-context">browsing context</a>, as does an <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code>.</p><p>Each <a href="#browsing-context">browsing context</a> has a corresponding
-  <code><a href="#windowproxy">WindowProxy</a></code> object.</p><p>A <a href="#browsing-context">browsing context</a> has a <a href="history.html#session-history">session
-  history</a>, which lists the <code>Document</code> objects that
-  that <a href="#browsing-context">browsing context</a> has presented, is presenting, or
-  will present. At any time, one <code>Document</code> in each
-  <a href="#browsing-context">browsing context</a> is designated the <dfn id="active-document">active
-  document</dfn>.</p><p>Each <code>Document</code> has a collection of one or more <a href="#view" title="view">views</a>.</p><p>A <dfn id="view">view</dfn> is a user agent interface tied to a particular
-  media used for the presentation of a particular
-  <code>Document</code> object in some media. A view may be
-  interactive. Each view is represented by an
-  <code>AbstractView</code> object. <a href="references.html#refsDOMVIEWS">[DOMVIEWS]</a></p><p>The main <a href="#view">view</a> through which a user primarily
-  interacts with a user agent is the <dfn id="default-view">default view</dfn>. The
-  <code>AbstractView</code> object that represents this view  is referred to as the <code>Document</code>'s
-  <code><a href="#window">Window</a></code> object. <code><a href="#windowproxy">WindowProxy</a></code> objects forward
-  everything to the <a href="#active-document">active document</a>'s <a href="#default-view">default
-  view</a>'s <code><a href="#window">Window</a></code> object.</p><p class="note">The <code title="dom-document">document</code>
-  attribute of an <code>AbstractView</code> object representing a
-  <a href="#view">view</a> gives the view's corresponding
-  <code>Document</code> object. <a href="references.html#refsDOMVIEWS">[DOMVIEWS]</a></p><p class="note">In general, there is a 1-to-1 mapping from the
-  <code><a href="#window">Window</a></code> object to the <code>Document</code> object. In
-  one particular case, a set of <a href="#view" title="view">views</a> can be
-  reused for the presentation of a second <code>Document</code> in the
-  same <a href="#browsing-context">browsing context</a>, such that the mapping is then
-  2:1. This occurs when a <a href="#browsing-context">browsing context</a> is <a href="#navigate" title="navigate">navigated</a> from the initial
-  <code><a href="#about:blank">about:blank</a></code> <code>Document</code> to another, with
-  <a href="#replacement-enabled">replacement enabled</a>.</p><p class="note">A typical Web browser has one obvious
-  <a href="#view">view</a> per <code>Document</code>: the browser's window
-  (screen media). This is typically the <a href="#default-view">default view</a>. If
-  a page is printed, however, a second view becomes evident, that of
-  the print media. The two views always share the same underlying
-  <code>Document</code> object, but they have a different presentation
-  of that object. A speech browser might have a different
-  <a href="#default-view">default view</a>, using the speech media.</p><p class="note">A <code>Document</code> does not necessarily have a
-  <a href="#browsing-context">browsing context</a> associated with it. In particular,
-  data mining tools are likely to never instantiate browsing
-  contexts.</p><hr><p>A <a href="#browsing-context">browsing context</a> can have a <dfn id="creator-browsing-context">creator browsing
-  context</dfn>, the <a href="#browsing-context">browsing context</a> that was
-  responsible for its creation. </p><p>If a <a href="#browsing-context">browsing context</a> <var title="">A</var> has a
-  <a href="#creator-browsing-context">creator browsing context</a>, then the
-  <code>Document</code> that was the <a href="#active-document">active document</a> of
-  that <a href="#creator-browsing-context">creator browsing context</a> at the time <var title="">A</var> was created is the <dfn id="creator-document">creator
-  <code>Document</code></dfn>.</p><h4 id="nested-browsing-contexts"><span class="secno">6.1.1 </span>Nested browsing contexts</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>Certain elements (for example, <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code> elements) can
-  instantiate further <a href="#browsing-context" title="browsing context">browsing
-  contexts</a>. These are called <dfn id="nested-browsing-context" title="nested browsing
-  context">nested browsing contexts</dfn>. If a browsing context <var title="">P</var> has an element <var title="">E</var> in one of its
-  <code>Document</code>s <var title="">D</var> that nests another
-  browsing context <var title="">C</var> inside it, then <var title="">P</var> is said to be the <dfn id="parent-browsing-context">parent browsing
-  context</dfn> of <var title="">C</var>, <var title="">C</var> is
-  said to be a <dfn id="child-browsing-context">child browsing context</dfn> of <var title="">P</var>, <var title="">C</var> is said to be <dfn id="browsing-context-nested-through" title="browsing context nested through">nested through</dfn> <var title="">D</var>, and <var title="">E</var> is said to be the
-  <dfn id="browsing-context-container">browsing context container</dfn> of <var title="">C</var>.</p><p>A browsing context <var title="">A</var> is said to be an
-  ancestor of a browsing context <var title="">B</var> if there exists
-  a browsing context <var title="">A'</var> that is a <a href="#child-browsing-context">child
-  browsing context</a> of <var title="">A</var> and that is itself
-  an ancestor of <var title="">B</var>, or if there is a browsing
-  context <var title="">P</var> that is a <a href="#child-browsing-context">child browsing
-  context</a> of <var title="">A</var> and that is the <a href="#parent-browsing-context">parent
-  browsing context</a> of <var title="">B</var>.</p><p>The browsing context with no <a href="#parent-browsing-context">parent browsing context</a>
-  is the <dfn id="top-level-browsing-context">top-level browsing context</dfn> of all the browsing
-  contexts <a href="#nested-browsing-context" title="nested browsing context">nested</a> within
-  it (either directly or indirectly through other nested browsing
-  contexts).</p><p>The transitive closure of <a href="#parent-browsing-context" title="parent browsing
-  context">parent browsing contexts</a> for a <a href="#nested-browsing-context">nested browsing
-  context</a> gives the list of <dfn id="ancestor-browsing-context" title="ancestor browsing
-  context">ancestor browsing contexts</dfn>.</p><p>The <dfn id="list-of-the-descendant-browsing-contexts">list of the descendant browsing contexts</dfn> of a
-  <code>Document</code> <var title="">d</var> is the list returned by
-  the following algorithm:</p><ol><li><p>Let <var title="">list</var> be an empty list.</p></li>
-
-   <li><p>For each <a href="#child-browsing-context">child browsing context</a> of <var title="">d</var> that is <a href="#browsing-context-nested-through" title="browsing context nested
-   through">nested through</a> an element that is <a href="infrastructure.html#in-a-document" title="in a
-   document">in the <code>Document</code></a> <var title="">d</var>, in the <a href="infrastructure.html#tree-order">tree order</a> of the elements of
-   the elements nesting those <a href="#browsing-context" title="browsing context">browsing
-   contexts</a>, append to the list <var title="">list</var> the
-   <a href="#list-of-the-descendant-browsing-contexts">list of the descendant browsing contexts</a> of the
-   <a href="#active-document">active document</a> of that <a href="#child-browsing-context">child browsing
-   context</a>.</p></li>
-
-   <li><p>Return the constructed <var title="">list</var>.</p></li>
-
-  </ol><hr><p>A <code>Document</code> is said to be <dfn id="fully-active">fully active</dfn>
-  when it is the <a href="#active-document">active document</a> of its <a href="#browsing-context">browsing
-  context</a>, and either its browsing context is a <a href="#top-level-browsing-context">top-level
-  browsing context</a>, or the <code>Document</code> <a href="#browsing-context-nested-through" title="browsing context nested through">through which</a> that
-  browsing context is <a href="#nested-browsing-context" title="nested browsing
-  context">nested</a> is itself <a href="#fully-active">fully active</a>.</p><p>Because they are nested through an element, <a href="#child-browsing-context" title="child
-  browsing context">child browsing contexts</a> are always tied to
-  a specific <code>Document</code> in their <a href="#parent-browsing-context">parent browsing
-  context</a>. User agents must not allow the user to interact with
-  <a href="#child-browsing-context" title="child browsing context">child browsing contexts</a>
-  of elements that are in <code>Document</code>s that are not
-  themselves <a href="#fully-active">fully active</a>.</p><p>A <a href="#nested-browsing-context">nested browsing context</a> can have a <a href="#seamless-browsing-context-flag">seamless
-  browsing context flag</a> set, if it is embedded through an
-  <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code> element with a <code title="attr-iframe-seamless"><a href="the-iframe-element.html#attr-iframe-seamless">seamless</a></code> attribute.</p><h5 id="navigating-nested-browsing-contexts-in-the-dom"><span class="secno">6.1.1.1 </span>Navigating nested browsing contexts in the DOM</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="domintro"><dt><var title="">window</var> . <code title="dom-top"><a href="#dom-top">top</a></code></dt>
-
-   <dd>
-
-    <p>Returns the <code><a href="#windowproxy">WindowProxy</a></code> for the <a href="#top-level-browsing-context">top-level browsing context</a>.</p>
-
-   </dd>
-
-   <dt><var title="">window</var> . <code title="dom-parent"><a href="#dom-parent">parent</a></code></dt>
-
-   <dd>
-
-    <p>Returns the <code><a href="#windowproxy">WindowProxy</a></code> for the <a href="#parent-browsing-context">parent browsing context</a>.</p>
-
-   </dd>
-
-   <dt><var title="">window</var> . <code title="dom-frameElement"><a href="#dom-frameelement">frameElement</a></code></dt>
-
-   <dd>
-
-    <p>Returns the <code>Element</code> for the <a href="#browsing-context-container">browsing context container</a>.</p>
-
-    <p>Returns null if there isn't one.</p>
-
-    <p>Throws a <code><a href="urls.html#security_err">SECURITY_ERR</a></code> exception in cross-origin situations.</p>
-
-   </dd>
-
-  </dl><h4 id="auxiliary-browsing-contexts"><span class="secno">6.1.2 </span>Auxiliary browsing contexts</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>It is possible to create new browsing contexts that are related
-  to a <a href="#top-level-browsing-context">top-level browsing context</a> without being nested
-  through an element. Such browsing contexts are called <dfn id="auxiliary-browsing-context" title="auxiliary browsing context">auxiliary browsing
-  contexts</dfn>. Auxiliary browsing contexts are always <a href="#top-level-browsing-context" title="top-level browsing context">top-level browsing
-  contexts</a>.</p><p>An <a href="#auxiliary-browsing-context">auxiliary browsing context</a> has an <dfn id="opener-browsing-context">opener
-  browsing context</dfn>, which is the <a href="#browsing-context">browsing context</a>
-  from which the <a href="#auxiliary-browsing-context">auxiliary browsing context</a> was created,
-  and it has a <dfn id="furthest-ancestor-browsing-context">furthest ancestor browsing context</dfn>, which is
-  the <a href="#top-level-browsing-context">top-level browsing context</a> of the <a href="#opener-browsing-context">opener
-  browsing context</a> when the <a href="#auxiliary-browsing-context">auxiliary browsing
-  context</a> was created.</p><h5 id="navigating-auxiliary-browsing-contexts-in-the-dom"><span class="secno">6.1.2.1 </span>Navigating auxiliary browsing contexts in the DOM</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="dom-opener" title="dom-opener"><code>opener</code></dfn> IDL
-  attribute on the <code><a href="#window">Window</a></code> object must return the
-  <code><a href="#windowproxy">WindowProxy</a></code> object of the <a href="#browsing-context">browsing context</a>
-  from which the current <a href="#browsing-context">browsing context</a> was created
-  (its <a href="#opener-browsing-context">opener browsing context</a>), if there is one and it
-  is still available.</p><h4 id="secondary-browsing-contexts"><span class="secno">6.1.3 </span>Secondary browsing contexts</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>User agents may support <dfn id="secondary-browsing-context" title="secondary browsing
-  context">secondary browsing contexts</dfn>, which are <a href="#browsing-context" title="browsing context">browsing contexts</a> that form part of
-  the user agent's interface, apart from the main content area.</p><h4 id="browsing-context-names"><span class="secno">6.1.4 </span>Browsing context names</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>Browsing contexts can have a <dfn id="browsing-context-name">browsing context name</dfn>. By
-  default, a browsing context has no name (its name is not set).</p><p>A <dfn id="valid-browsing-context-name">valid browsing context name</dfn> is any string with at
-  least one character that does not start with a U+005F LOW LINE
-  character. (Names starting with an underscore are reserved for
-  special keywords.)</p><p>A <dfn id="valid-browsing-context-name-or-keyword">valid browsing context name or keyword</dfn> is any string
-  that is either a <a href="#valid-browsing-context-name">valid browsing context name</a> or that is
-  an <a href="infrastructure.html#ascii-case-insensitive">ASCII case-insensitive</a> match for one of: <code title="">_blank</code>, <code title="">_self</code>, <code title="">_parent</code>, or <code title="">_top</code>.</p><h3 id="the-window-object"><span class="secno">6.2 </span>The <code><a href="#window">Window</a></code> object</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><pre class="idl">[OverrideBuiltins, ReplaceableNamedProperties] <!-- XXX http://www.w3.org/Bugs/Public/show_bug.cgi?id=8241 -->
-interface <dfn id="window">Window</dfn> {
-  // the current browsing context
-  readonly attribute <a href="#windowproxy">WindowProxy</a> <a href="#dom-window" title="dom-window">window</a>;
-  readonly attribute <a href="#windowproxy">WindowProxy</a> <a href="#dom-self" title="dom-self">self</a>;
-           attribute DOMString <a href="#dom-name" title="dom-name">name</a>;
-  [PutForwards=href] readonly attribute <a href="history.html#location">Location</a> <a href="#dom-location" title="dom-location">location</a>;
-  readonly attribute <a href="history.html#history-0">History</a> <a href="#dom-history" title="dom-history">history</a>;
-  readonly attribute <a href="dnd.html#undomanager">UndoManager</a> <a href="#dom-undomanager" title="dom-undoManager">undoManager</a>;
-  <a href="editing.html#selection-0">Selection</a> <a href="#dom-getselection" title="dom-getSelection">getSelection</a>();
-  [Replaceable] readonly attribute <a href="#barprop">BarProp</a> <a href="#dom-window-locationbar" title="dom-window-locationbar">locationbar</a>;
-  [Replaceable] readonly attribute <a href="#barprop">BarProp</a> <a href="#dom-window-menubar" title="dom-window-menubar">menubar</a>;
-  [Replaceable] readonly attribute <a href="#barprop">BarProp</a> <a href="#dom-window-personalbar" title="dom-window-personalbar">personalbar</a>;
-  [Replaceable] readonly attribute <a href="#barprop">BarProp</a> <a href="#dom-window-scrollbars" title="dom-window-scrollbars">scrollbars</a>;
-  [Replaceable] readonly attribute <a href="#barprop">BarProp</a> <a href="#dom-window-statusbar" title="dom-window-statusbar">statusbar</a>;
-  [Replaceable] readonly attribute <a href="#barprop">BarProp</a> <a href="#dom-window-toolbar" title="dom-window-toolbar">toolbar</a>;<!--
-  [Replaceable] readonly attribute <span>BarProp</span> <span title="dom-window-directories">directories</span>; // legacy (Gecko-only) -->
-  void <a href="#dom-window-close" title="dom-window-close">close</a>();
-  void <a href="#dom-window-focus" title="dom-window-focus">focus</a>();
-  void <a href="#dom-window-blur" title="dom-window-blur">blur</a>();
-
-  // other browsing contexts
-  [Replaceable] readonly attribute <a href="#windowproxy">WindowProxy</a> <a href="#dom-frames" title="dom-frames">frames</a>;
-  [Replaceable] readonly attribute unsigned long <a href="#dom-length" title="dom-length">length</a>;
-  readonly attribute <a href="#windowproxy">WindowProxy</a> <a href="#dom-top" title="dom-top">top</a>;
-  [Replaceable] readonly attribute <a href="#windowproxy">WindowProxy</a> <a href="#dom-opener" title="dom-opener">opener</a>;
-  readonly attribute <a href="#windowproxy">WindowProxy</a> <a href="#dom-parent" title="dom-parent">parent</a>;
-  readonly attribute <span>Element</span> <a href="#dom-frameelement" title="dom-frameElement">frameElement</a>;
-  <a href="#windowproxy">WindowProxy</a> <a href="#dom-open" title="dom-open">open</a>(in optional DOMString url, in optional DOMString target, in optional DOMString features, in optional DOMString replace);
-  <a href="#dom-window-item" title="dom-window-item">getter</a> <a href="#windowproxy">WindowProxy</a> (in unsigned long index);
-  <a href="#dom-window-nameditem" title="dom-window-namedItem">getter</a> <a href="#windowproxy">WindowProxy</a> (in DOMString name);
-
-  // the user agent
-  readonly attribute <a href="timers.html#navigator">Navigator</a> <a href="#dom-navigator" title="dom-navigator">navigator</a>; <!-- IE also has window.clientInformation === window.navigator -->
-  readonly attribute <a href="offline.html#applicationcache">ApplicationCache</a> <a href="#dom-applicationcache" title="dom-applicationCache">applicationCache</a>;
-
-  // user prompts
-  void <a href="#dom-alert" title="dom-alert">alert</a>(in DOMString message);
-  boolean <a href="#dom-confirm" title="dom-confirm">confirm</a>(in DOMString message);
-  DOMString <a href="#dom-prompt" title="dom-prompt">prompt</a>(in DOMString message, in optional DOMString default);
-  void <a href="#dom-print" title="dom-print">print</a>();
-  any <a href="#dom-showmodaldialog" title="dom-showModalDialog">showModalDialog</a>(in DOMString url, in optional any argument<!--, in optional DOMString features-->);
-
-  // <a href="comms.html#crossDocumentMessages">cross-document messaging</a>
-  void <a href="#dom-window-postmessage-2" title="dom-window-postMessage-2">postMessage</a>(in any message, in DOMString targetOrigin);
-  void <a href="#dom-window-postmessage-3" title="dom-window-postMessage-3">postMessage</a>(in any message, in <a href="comms.html#messageportarray">MessagePortArray</a> ports, in DOMString targetOrigin);
-
-  // <a href="#event-handler-idl-attributes">event handler IDL attributes</a>
-           attribute <a href="#function">Function</a> <a href="#handler-onabort" title="handler-onabort">onabort</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-window-onafterprint" title="handler-window-onafterprint">onafterprint</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-window-onbeforeprint" title="handler-window-onbeforeprint">onbeforeprint</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-window-onbeforeunload" title="handler-window-onbeforeunload">onbeforeunload</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-window-onblur" title="handler-window-onblur">onblur</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-oncanplay" title="handler-oncanplay">oncanplay</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-oncanplaythrough" title="handler-oncanplaythrough">oncanplaythrough</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onchange" title="handler-onchange">onchange</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onclick" title="handler-onclick">onclick</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-oncontextmenu" title="handler-oncontextmenu">oncontextmenu</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-ondblclick" title="handler-ondblclick">ondblclick</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-ondrag" title="handler-ondrag">ondrag</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-ondragend" title="handler-ondragend">ondragend</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-ondragenter" title="handler-ondragenter">ondragenter</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-ondragleave" title="handler-ondragleave">ondragleave</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-ondragover" title="handler-ondragover">ondragover</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-ondragstart" title="handler-ondragstart">ondragstart</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-ondrop" title="handler-ondrop">ondrop</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-ondurationchange" title="handler-ondurationchange">ondurationchange</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onemptied" title="handler-onemptied">onemptied</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onended" title="handler-onended">onended</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-window-onerror" title="handler-window-onerror">onerror</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-window-onfocus" title="handler-window-onfocus">onfocus</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onformchange" title="handler-onformchange">onformchange</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onforminput" title="handler-onforminput">onforminput</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-window-onhashchange" title="handler-window-onhashchange">onhashchange</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-oninput" title="handler-oninput">oninput</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-oninvalid" title="handler-oninvalid">oninvalid</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onkeydown" title="handler-onkeydown">onkeydown</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onkeypress" title="handler-onkeypress">onkeypress</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onkeyup" title="handler-onkeyup">onkeyup</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-window-onload" title="handler-window-onload">onload</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onloadeddata" title="handler-onloadeddata">onloadeddata</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onloadedmetadata" title="handler-onloadedmetadata">onloadedmetadata</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onloadstart" title="handler-onloadstart">onloadstart</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-window-onmessage" title="handler-window-onmessage">onmessage</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onmousedown" title="handler-onmousedown">onmousedown</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onmousemove" title="handler-onmousemove">onmousemove</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onmouseout" title="handler-onmouseout">onmouseout</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onmouseover" title="handler-onmouseover">onmouseover</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onmouseup" title="handler-onmouseup">onmouseup</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onmousewheel" title="handler-onmousewheel">onmousewheel</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-window-onoffline" title="handler-window-onoffline">onoffline</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-window-ononline" title="handler-window-ononline">ononline</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onpause" title="handler-onpause">onpause</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onplay" title="handler-onplay">onplay</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onplaying" title="handler-onplaying">onplaying</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-window-onpagehide" title="handler-window-onpagehide">onpagehide</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-window-onpageshow" title="handler-window-onpageshow">onpageshow</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-window-onpopstate" title="handler-window-onpopstate">onpopstate</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onprogress" title="handler-onprogress">onprogress</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onratechange" title="handler-onratechange">onratechange</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onreadystatechange" title="handler-onreadystatechange">onreadystatechange</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-window-onredo" title="handler-window-onredo">onredo</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-window-onresize" title="handler-window-onresize">onresize</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onscroll" title="handler-onscroll">onscroll</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onseeked" title="handler-onseeked">onseeked</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onseeking" title="handler-onseeking">onseeking</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onselect" title="handler-onselect">onselect</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onshow" title="handler-onshow">onshow</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onstalled" title="handler-onstalled">onstalled</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-window-onstorage" title="handler-window-onstorage">onstorage</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onsubmit" title="handler-onsubmit">onsubmit</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onsuspend" title="handler-onsuspend">onsuspend</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-ontimeupdate" title="handler-ontimeupdate">ontimeupdate</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-window-onundo" title="handler-window-onundo">onundo</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-window-onunload" title="handler-window-onunload">onunload</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onvolumechange" title="handler-onvolumechange">onvolumechange</a>;
-           attribute <a href="#function">Function</a> <a href="#handler-onwaiting" title="handler-onwaiting">onwaiting</a>;
-};
-<a href="#window">Window</a> implements <span>EventTarget</span>;</pre><!-- for more features to add here, look here:
- http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/obj_window.asp
- http://www.mozilla.org/docs/dom/domref/dom_window_ref.html
- http://lxr.mozilla.org/mozilla/source/dom/public/idl/base/nsIDOMWindow.idl - scrollBy, etc
- http://lxr.mozilla.org/mozilla/source/dom/public/idl/base/nsIDOMWindowInternal.idl - DOM level 0
---><dl class="domintro"><dt><var title="">window</var> . <code title="dom-window"><a href="#dom-window">window</a></code></dt>
-   <dt><var title="">window</var> . <code title="dom-frames"><a href="#dom-frames">frames</a></code></dt>
-   <dt><var title="">window</var> . <code title="dom-self"><a href="#dom-self">self</a></code></dt>
-
-   <dd>
-
-    <p>These attributes all return <var title="">window</var>.</p>
-
-   </dd>
-
-  </dl><h4 id="apis-for-creating-and-navigating-browsing-contexts-by-name"><span class="secno">6.2.1 </span>APIs for creating and navigating browsing contexts by name</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="domintro"><dt><var title="">window</var> = <var title="">window</var> . <code title="dom-open"><a href="#dom-open">open</a></code>( [ <var title="">url</var> [, <var title="">target</var> [, <var title="">features</var> [, <var title="">replace</var> ] ] ] ] )</dt>
-
-   <dd>
-
-    <p>Opens a window to show <var title="">url</var> (defaults to
-    <code><a href="#about:blank">about:blank</a></code>), and returns it. The <var title="">target</var> argument gives the name of the new
-    window. If a window exists with that name already, it is
-    reused. The <var title="">replace</var> attribute, if true, means
-    that whatever page is currently open in that window will be
-    removed from the window's session history. The <var title="">features</var> argument is ignored.</p>
-
-   </dd>
-
-   <dt><var title="">window</var> . <code title="dom-name"><a href="#dom-name">name</a></code> [ = <var title="">value</var> ]</dt>
-
-   <dd>
-
-    <p>Returns the name of the window.</p>
-
-    <p>Can be set, to change the name.</p>
-
-   </dd>
-
-   <dt><var title="">window</var> . <code title="dom-close">close</code>()</dt>
-
-   <dd>
-
-    <p>Closes the window.</p>
-
-   </dd>
-
-  </dl><h4 id="accessing-other-browsing-contexts"><span class="secno">6.2.2 </span>Accessing other browsing contexts</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="domintro"><dt><var title="">window</var> . <code title="dom-length"><a href="#dom-length">length</a></code></dt>
-
-   <dd>
-
-    <p>Returns the number of <a href="#child-browsing-context" title="child browsing
-    context">child browsing contexts</a>.</p>
-
-   </dd>
-
-   <dt><var title="">window</var>[<var title="">index</var>]</dt>
-
-   <dd>
-
-    <p>Returns the indicated <a href="#child-browsing-context">child browsing context</a>.</p>
-
-   </dd>
-
-  </dl><h4 id="named-access-on-the-window-object"><span class="secno">6.2.3 </span>Named access on the <code><a href="#window">Window</a></code> object</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="domintro"><dt><var title="">window</var>[<var title="">name</var>]</dt>
-
-   <dd>
-
-    <p>Returns the indicated <a href="#child-browsing-context">child browsing context</a>.</p>
-
-   </dd>
-
-  </dl><h4 id="browser-interface-elements"><span class="secno">6.2.4 </span>Browser interface elements</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>To allow Web pages to integrate with Web browsers, certain Web
-  browser interface elements are exposed in a limited way to scripts
-  in Web pages.</p><p>Each interface element is represented by a <code><a href="#barprop">BarProp</a></code>
-  object:</p><pre class="idl">interface <dfn id="barprop">BarProp</dfn> {
-           attribute boolean <a href="#dom-barprop-visible" title="dom-BarProp-visible">visible</a>;
-};</pre><dl class="domintro"><dt><var title="">window</var> . <code title="dom-window-locationbar"><a href="#dom-window-locationbar">locationbar</a></code> . <code title="dom-BarProp-visible"><a href="#dom-barprop-visible">visible</a></code></dt>
-   <dd>
-    <p>Returns true if the location bar is visible; otherwise, returns false.</p>
-   </dd>
-
-   <dt><var title="">window</var> . <code title="dom-window-menubar"><a href="#dom-window-menubar">menubar</a></code> . <code title="dom-BarProp-visible"><a href="#dom-barprop-visible">visible</a></code></dt>
-   <dd>
-    <p>Returns true if the menu bar is visible; otherwise, returns false.</p>
-   </dd>
-
-   <dt><var title="">window</var> . <code title="dom-window-personalbar"><a href="#dom-window-personalbar">personalbar</a></code> . <code title="dom-BarProp-visible"><a href="#dom-barprop-visible">visible</a></code></dt>
-   <!--<dt><var title="">window</var> . <code title="dom-window-directories">directories</code> . <code title="dom-BarProp-visible">visible</code></dt>-->
-   <dd>
-    <p>Returns true if the personal bar is visible; otherwise, returns false.</p>
-   </dd>
-
-   <dt><var title="">window</var> . <code title="dom-window-scrollbars"><a href="#dom-window-scrollbars">scrollbars</a></code> . <code title="dom-BarProp-visible"><a href="#dom-barprop-visible">visible</a></code></dt>
-   <dd>
-    <p>Returns true if the scroll bars are visible; otherwise, returns false.</p>
-   </dd>
-
-   <dt><var title="">window</var> . <code title="dom-window-statusbar"><a href="#dom-window-statusbar">statusbar</a></code> . <code title="dom-BarProp-visible"><a href="#dom-barprop-visible">visible</a></code></dt>
-   <dd>
-    <p>Returns true if the status bar is visible; otherwise, returns false.</p>
-   </dd>
-
-   <dt><var title="">window</var> . <code title="dom-window-toolbar"><a href="#dom-window-toolbar">toolbar</a></code> . <code title="dom-BarProp-visible"><a href="#dom-barprop-visible">visible</a></code></dt>
-   <dd>
-    <p>Returns true if the toolbar is visible; otherwise, returns false.</p>
-   </dd>
-
-  </dl><h4 id="relaxing-the-same-origin-restriction"><span class="secno">6.2.5 </span>Relaxing the same-origin restriction</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="domintro"><dt><var title="">document</var> . <code title="dom-document-domain"><a href="#dom-document-domain">domain</a></code> [ = <var title="">domain</var> ]</dt>
-
-   <dd>
-
-    <p>Returns the current domain used for security checks.</p>
-
-    <p>Can be set to a value that removes subdomains, to allow pages
-    on other subdomains of the same domain (if they do the same thing)
-    to access each other.</p>
-
-   </dd>
-
-  </dl><p class="note">The <code title="dom-document-domain"><a href="#dom-document-domain">domain</a></code>
-  attribute is used to enable pages on different hosts of a domain to
-  access each others' DOMs.</p><p class="warning">Do not use the <code title="dom-document-domain"><a href="#dom-document-domain">document.domain</a></code> attribute when
-  using shared hosting. If an untrusted third party is able to host an
-  HTTP server at the same IP address but on a different port, then the
-  same-origin protection that normally protects two different sites on
-  the same host will fail, as the ports are ignored when comparing
-  origins after the <code title="dom-document-domain"><a href="#dom-document-domain">document.domain</a></code> attribute has
-  been used.</p><h3 id="scripting"><span class="secno">6.3 </span>Scripting</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><h4 id="introduction-2"><span class="secno">6.3.1 </span>Introduction</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>Various mechanisms can cause author-provided executable code to
-  run in the context of a document. These mechanisms include, but are
-  probably not limited to:</p><ul><li>Processing of <code><a href="scripting-1.html#script">script</a></code> elements.</li>
-
-   <li>Processing of inline <code title="javascript
-   protocol"><a href="#javascript-protocol">javascript:</a></code> URLs (e.g. the <code title="attr-img-src"><a href="embedded-content-1.html#attr-img-src">src</a></code> attribute of <code><a href="embedded-content-1.html#the-img-element">img</a></code>
-   elements, or an <code title="">@import</code> rule in a CSS
-   <code><a href="semantics.html#the-style-element">style</a></code> element block).</li>
-
-   <li>Event handlers, whether registered through the DOM using <code title="">addEventListener()</code>, by explicit <a href="#event-handler-content-attributes">event handler
-   content attributes</a>, by <a href="#event-handler-idl-attributes">event handler IDL
-   attributes</a>, or otherwise.</li>
-
-   <li>Processing of technologies like XBL or SVG that have their own
-   scripting features.</li>
-
-  </ul><h4 id="events"><span class="secno">6.3.2 </span>Events</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!--test: <a href="http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%0A...%3Cscript%3E%0Aw(a%3Ddocument.implementation.createDocument(null%2C%20null%2C%20null))%3B%0Aw(a.appendChild(a.createElementNS('http%3A%2F%2Fwww.w3.org%2F1999%2Fxhtml'%2C%20'html')))%3B%0Aw(b%3Da.firstChild.appendChild(a.createElementNS('http%3A%2F%2Fwww.w3.org%2F1999%2Fxhtml'%2C%20'body')))%3B%0Aw(b.test%20%3D%20w)%3B%0Aw(b.setAttribute('onclick'%2C%20'test(%22fire%3A%20%22%20%2B%20event)'))%3B%0Aw(b.onclick)%3B%0Aw(e%3Da.createEvent('Event'))%3B%0Aw(e.initEvent('click'%2C%20false%2C%20false))%3B%0Aw(b.dispatchEvent(e))%3B%0A%3C%2Fscript%3E">test</a>--><p>Many objects can have <dfn id="event-handlers">event handlers</dfn> specified. These
-  act as bubbling event listeners for the object on which they are
-  specified.</p><p>An <a href="#event-handlers" title="event handlers">event handler</a> can either
-  have the value null or be set to a <code><a href="#function">Function</a></code>
-  object. </p><p>Event handlers are exposed in one or two ways.</p><p>The first way, common to all event handlers, is as an <a href="#event-handler-idl-attributes" title="event handler IDL attributes">event handler IDL
-  attribute</a>.</p><p>The second way is as an <a href="#event-handler-content-attributes" title="event handler content
-  attributes">event handler content attribute</a>. Event handlers
-  on <a href="infrastructure.html#html-elements">HTML elements</a> and some of the event handlers on
-  <code><a href="#window">Window</a></code> objects are exposed in this way.</p><p><dfn id="event-handler-content-attributes">Event handler content attributes</dfn>, when specified, must
-  contain valid JavaScript code matching the <code title="">FunctionBody</code> production. <a href="references.html#refsECMA262">[ECMA262]</a></p><p class="note">When an <a href="#event-handler-content-attributes" title="event handler content
-  attributes">event handler content attribute</a> is set on an
-  element owned by a <code>Document</code> that is not in a
-  <a href="#browsing-context">browsing context</a>, the corresponding event handler is
-  not changed.</p><!-- v2: we should probably support HTML4's Content-Script-Type header here. --><p class="note"><a href="#event-handlers">Event handlers</a>  always fire before event listeners
-  attached using <code title="dom-EventTarget-addEventListener">addEventListener()</code>.</p><!-- IE actually uncancels the event if the function returns true --><hr><p>The <code><a href="#function">Function</a></code> interface represents a function in the
-  scripting language being used. It is represented in IDL as
-  follows:</p><pre class="idl">[Callback=FunctionOnly, NoInterfaceObject]
-interface <dfn id="function">Function</dfn> {
-  any <a href="#dom-function-call" title="dom-function-call">call</a>(in any... arguments);
-};</pre><p>The <dfn id="dom-function-call" title="dom-function-call"><code>call(...)</code></dfn>
-  method is the object's callback.</p><p class="note">In JavaScript, any <code title="">Function</code>
-  object implements this interface.</p><p>The return value of the function is affects whether the event is
-  canceled or not: as described above,<code class="event-mouseover">mouseover</code> events, where the return
-  value has to be true to cancel the event). With <code title="event-beforeunload">beforeunload</code> events, the value is
-  instead used to determine the message to show the user.</p></body></html>
\ No newline at end of file

Index: offline.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/offline.html,v
retrieving revision 1.557
retrieving revision 1.558
diff -u -d -r1.557 -r1.558
--- offline.html	6 Jan 2010 15:49:34 -0000	1.557
+++ offline.html	6 Jan 2010 16:12:47 -0000	1.558
@@ -569,152 +569,4 @@
   which another namespace in the <a href="#concept-appcache-onlinewhitelist" title="concept-appcache-onlinewhitelist">online whitelist</a> is
   a <a href="infrastructure.html#prefix-match">prefix match</a>.</p><p>Relative URLs must be given relative to the manifest's own
   URL. All URLs in the manifest must have the same <a href="#url-scheme" title="url-scheme">&lt;scheme&gt;</a> as the manifest itself
-  (either explicitly or implicitly, through the use of relative
-  URLs).</p><p>URLs in manifests must not have fragment identifiers (i.e. the
-  U+0023 NUMBER SIGN character isn't allowed in URLs in
-  manifests).</p><p><a href="#concept-appcache-fallback-ns" title="concept-appcache-fallback-ns">Fallback
-  namespaces</a> and namespaces in the <a href="#concept-appcache-onlinewhitelist" title="concept-appcache-onlinewhitelist">online whitelist</a> are
-  matched by <a href="infrastructure.html#prefix-match">prefix match</a>.</p><h4 id="expiring-application-caches"><span class="secno">6.7.3 </span>Expiring application caches</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>As a general rule, user agents should not expire application
-  caches, except on request from the user, or after having been left
-  unused for an extended period of time.</p><p>Application caches and cookies have similar implications with
-  respect to privacy (e.g. if the site can identify the user when
-  providing the cache, it can store data in the cache that can be used
-  for cookie resurrection). Implementors are therefore encouraged to
-  expose application caches in a manner related to HTTP cookies,
-  allowing caches to be expunged together with cookies and other
-  origin-specific data.</p><p class="example">For example, a user agent could have a "delete
-  site-specific data" feature that clears all cookies, application
-  caches, local storage, databases, etc, from an origin all at
-  once.</p><h4 id="application-cache-api"><span class="secno">6.7.4 </span>Application cache API</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><pre class="idl">interface <dfn id="applicationcache">ApplicationCache</dfn> {
-
-  // <a href="#concept-appcache-status" title="concept-appcache-status">update status</a>
-  const unsigned short <a href="#dom-appcache-uncached" title="dom-appcache-UNCACHED">UNCACHED</a> = 0;
-  const unsigned short <a href="#dom-appcache-idle" title="dom-appcache-IDLE">IDLE</a> = 1;
-  const unsigned short <a href="#dom-appcache-checking" title="dom-appcache-CHECKING">CHECKING</a> = 2;
-  const unsigned short <a href="#dom-appcache-downloading" title="dom-appcache-DOWNLOADING">DOWNLOADING</a> = 3;
-  const unsigned short <a href="#dom-appcache-updateready" title="dom-appcache-UPDATEREADY">UPDATEREADY</a> = 4;
-  const unsigned short <a href="#dom-appcache-obsolete" title="dom-appcache-OBSOLETE">OBSOLETE</a> = 5;
-  readonly attribute unsigned short <a href="#dom-appcache-status" title="dom-appcache-status">status</a>;
-
-  // updates
-  void <a href="#dom-appcache-update" title="dom-appcache-update">update</a>();
-  void <a href="#dom-appcache-swapcache" title="dom-appcache-swapCache">swapCache</a>();
-
-  // events
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-appcache-onchecking" title="handler-appcache-onchecking">onchecking</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-appcache-onerror" title="handler-appcache-onerror">onerror</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-appcache-onnoupdate" title="handler-appcache-onnoupdate">onnoupdate</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-appcache-ondownloading" title="handler-appcache-ondownloading">ondownloading</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-appcache-onprogress" title="handler-appcache-onprogress">onprogress</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-appcache-onupdateready" title="handler-appcache-onupdateready">onupdateready</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-appcache-oncached" title="handler-appcache-oncached">oncached</a>;
-           attribute <a href="browsers.html#function">Function</a> <a href="#handler-appcache-onobsolete" title="handler-appcache-onobsolete">onobsolete</a>;
-};
-<a href="#applicationcache">ApplicationCache</a> implements <span>EventTarget</span>;</pre><dl class="domintro"><dt><var title="">cache</var> = <var title="">window</var> . <code title="dom-applicationCache"><a href="#dom-applicationcache">applicationCache</a></code></dt>
-   <dd>
-
-    <p>(In a window.) Returns the <code><a href="#applicationcache">ApplicationCache</a></code> object that applies to the <a href="browsers.html#active-document">active document</a> of that <code><a href="browsers.html#window">Window</a></code>.</p>
-
-   </dd>
-
-   <dt><var title="">cache</var> = <var title="">self</var> . <code title="dom-applicationCache"><a href="#dom-applicationcache">applicationCache</a></code></dt>
-   <dd>
-
-    <p>(In a shared worker.) Returns the <code><a href="#applicationcache">ApplicationCache</a></code> object that applies to the current shared worker.</p>
-
-   </dd>
-
-   <dt><var title="">cache</var> . <code title="dom-appcache-status"><a href="#dom-appcache-status">status</a></code></dt>
-   <dd>
-
-    <p>Returns the current status of the application cache, as given by the constants defined below.</p>
-
-   </dd>
-
-   <dt><var title="">cache</var> . <code title="dom-appcache-update"><a href="#dom-appcache-update">update</a></code>()</dt>
-   <dd>
-
-    <p>Invokes the <a href="#application-cache-download-process">application cache download process</a>.</p>
-
-    <p>Throws an <code><a href="urls.html#invalid_state_err">INVALID_STATE_ERR</a></code> exception if there is no application cache to update.</p>
-
-   </dd>
-
-   <dt><var title="">cache</var> . <code title="dom-appcache-swapCache"><a href="#dom-appcache-swapcache">swapCache</a></code>()</dt>
-   <dd>
-
-    <p>Switches to the most recent application cache, if there is a
-    newer one. If there isn't, throws an
-    <code><a href="urls.html#invalid_state_err">INVALID_STATE_ERR</a></code> exception.</p>
-
-    <p>This does not cause previously-loaded resources to be reloaded;
-    for example, images do not suddenly get reloaded and style sheets
-    and scripts do not get reparsed or reevaluated. The only change is
-    that subsequent requests for cached resources will obtain the
-    newer copies.</p>
-
-   </dd>
-
-  </dl><dl><dt><dfn id="dom-appcache-uncached" title="dom-appcache-UNCACHED"><code>UNCACHED</code></dfn>
-   (numeric value 0)</dt>
-
-   <dd><p>The <code><a href="#applicationcache">ApplicationCache</a></code> object's <a href="#cache-host">cache
-   host</a> is not associated with an <a href="#application-cache">application
-   cache</a> at this time.</p></dd>
-
-   <dt><dfn id="dom-appcache-idle" title="dom-appcache-IDLE"><code>IDLE</code></dfn>
-   (numeric value 1)</dt>
-
-   <dd><p>The <code><a href="#applicationcache">ApplicationCache</a></code> object's <a href="#cache-host">cache
-   host</a> is associated with an <a href="#application-cache">application cache</a>
-   whose <a href="#application-cache-group">application cache group</a>'s <a href="#concept-appcache-status" title="concept-appcache-status">update status</a> is
-   <i>idle</i>, and that <a href="#application-cache">application cache</a> is the <a href="#concept-appcache-newer" title="concept-appcache-newer">newest</a> cache in its
-   <a href="#application-cache-group">application cache group</a>, and the <a href="#application-cache-group">application
-   cache group</a> is not marked as <a href="#concept-appcache-obsolete" title="concept-appcache-obsolete">obsolete</a>.</p></dd>
-
-   <dt><dfn id="dom-appcache-checking" title="dom-appcache-CHECKING"><code>CHECKING</code></dfn>
-   (numeric value 2)</dt>
-
-   <dd><p>The <code><a href="#applicationcache">ApplicationCache</a></code> object's <a href="#cache-host">cache
-   host</a> is associated with an <a href="#application-cache">application cache</a>
-   whose <a href="#application-cache-group">application cache group</a>'s <a href="#concept-appcache-status" title="concept-appcache-status">update status</a> is
-   <i>checking</i>.</p></dd>
-
-   <dt><dfn id="dom-appcache-downloading" title="dom-appcache-DOWNLOADING"><code>DOWNLOADING</code></dfn>
-   (numeric value 3)</dt>
-
-   <dd><p>The <code><a href="#applicationcache">ApplicationCache</a></code> object's <a href="#cache-host">cache
-   host</a> is associated with an <a href="#application-cache">application cache</a>
-   whose <a href="#application-cache-group">application cache group</a>'s <a href="#concept-appcache-status" title="concept-appcache-status">update status</a> is
-   <i>downloading</i>.</p></dd>
-
-   <dt><dfn id="dom-appcache-updateready" title="dom-appcache-UPDATEREADY"><code>UPDATEREADY</code></dfn>
-   (numeric value 4)</dt>
-
-   <dd><p>The <code><a href="#applicationcache">ApplicationCache</a></code> object's <a href="#cache-host">cache
-   host</a> is associated with an <a href="#application-cache">application cache</a>
-   whose <a href="#application-cache-group">application cache group</a>'s <a href="#concept-appcache-status" title="concept-appcache-status">update status</a> is
-   <i>idle</i>, and whose <a href="#application-cache-group">application cache group</a> is not
-   marked as <a href="#concept-appcache-obsolete" title="concept-appcache-obsolete">obsolete</a>,
-   but that <a href="#application-cache">application cache</a> is <em>not</em> the <a href="#concept-appcache-newer" title="concept-appcache-newer">newest</a> cache in its
-   group.</p></dd>
-
-   <dt><dfn id="dom-appcache-obsolete" title="dom-appcache-OBSOLETE"><code>OBSOLETE</code></dfn>
-   (numeric value 5)</dt>
-
-   <dd><p>The <code><a href="#applicationcache">ApplicationCache</a></code> object's <a href="#cache-host">cache
-   host</a> is associated with an <a href="#application-cache">application cache</a>
-   whose <a href="#application-cache-group">application cache group</a> is marked as <a href="#concept-appcache-obsolete" title="concept-appcache-obsolete">obsolete</a>.</p></dd>
-
-  </dl><h4 id="browser-state"><span class="secno">6.7.5 </span>Browser state</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="domintro"><dt><var title="">window</var> . <code title="dom-navigator"><a href="#dom-navigator">navigator</a></code> . <code title="dom-navigator-onLine"><a href="#dom-navigator-online">onLine</a></code></dt>
-
-   <dd>
-
-    <p>Returns false if the user agent is definitely offline
-    (disconnected from the network). Returns true if the user agent
-    might be online.</p>
-
-   </dd>
-
-  </dl><p class="note">This attribute is inherently unreliable. A computer
-  can be connected to a network without having Internet access.</p></body></html>
\ No newline at end of file
+  (either explicitly or implicitly, throu
\ No newline at end of file

Index: content-models.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/content-models.html,v
retrieving revision 1.12
retrieving revision 1.13
diff -u -d -r1.12 -r1.13
--- content-models.html	6 Jan 2010 15:49:33 -0000	1.12
+++ content-models.html	6 Jan 2010 16:12:46 -0000	1.13
@@ -62,928 +62,4 @@
    a .diff-new { border-bottom: 1px blue solid; }
 
    h2 { page-break-before: always; }
-   h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
-   h1 + h2, hr + h2.no-toc { page-break-before: auto; }
-
-   p > span:not([title=""]):not([class="XXX"]):not([class="impl"]), li > span:not([title=""]):not([class="XXX"]):not([class="impl"]) { border-bottom: solid #9999CC; }
-
-   div.head { margin: 0 0 1em; padding: 1em 0 0 0; }
-   div.head p { margin: 0; }
-   div.head h1 { margin: 0; }
-   div.head .logo { float: right; margin: 0 1em; }
-   div.head .logo img { border: none } /* remove border from top image */
-   div.head dl { margin: 1em 0; }
-   div.head p.copyright, div.head p.alt { font-size: x-small; font-style: oblique; margin: 0; }
-
-   body > .toc > li { margin-top: 1em; margin-bottom: 1em; }
-   body > .toc.brief > li { margin-top: 0.35em; margin-bottom: 0.35em; }
-   body > .toc > li > * { margin-bottom: 0.5em; }
-   body > .toc > li > * > li > * { margin-bottom: 0.25em; }
-   .toc, .toc li { list-style: none; }
-
-   .brief { margin-top: 1em; margin-bottom: 1em; line-height: 1.1; }
-   .brief li { margin: 0; padding: 0; }
-   .brief li p { margin: 0; padding: 0; }
-
-   .category-list { margin-top: -0.75em; margin-bottom: 1em; line-height: 1.5; }
-   .category-list::before { content: '\21D2\A0'; font-size: 1.2em; font-weight: 900; }
-   .category-list li { display: inline; }
-   .category-list li:not(:last-child)::after { content: ', '; }
-   .category-list li > span, .category-list li > a { text-transform: lowercase; }
-   .category-list li * { text-transform: none; } /* don't affect <code> nested in <a> */
-
-   .XXX { color: #E50000; background: white; border: solid red; padding: 0.5em; margin: 1em 0; }
-   .XXX > :first-child { margin-top: 0; }
-   p .XXX { line-height: 3em; }
-   .annotation { border: solid thin black; background: #0C479D; color: white; position: relative; margin: 8px 0 20px 0; }
-   .annotation:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 6px -6px -6px 6px; background: #333333; z-index: -1; content: ''; }
-   .annotation :link, .annotation :visited { color: inherit; }
-   .annotation :link:hover, .annotation :visited:hover { background: transparent; }
-   .annotation span { border: none ! important; }
-   .note { color: green; background: transparent; font-family: sans-serif; }
-   .warning { color: red; background: transparent; }
-   .note, .warning { font-weight: bolder; font-style: italic; }
-   p.note, div.note { padding: 0.5em 2em; }
-   span.note { padding: 0 2em; }
-   .note p:first-child, .warning p:first-child { margin-top: 0; }
-   .note p:last-child, .warning p:last-child { margin-bottom: 0; }
-   .warning:before { font-style: normal; }
-   p.note:before { content: 'Note: '; }
-   p.warning:before { content: '\26A0 Warning! '; }
-
-   .bookkeeping:before { display: block; content: 'Bookkeeping details'; font-weight: bolder; font-style: italic; }
-   .bookkeeping { font-size: 0.8em; margin: 2em 0; }
-   .bookkeeping p { margin: 0.5em 2em; display: list-item; list-style: square; }
-
-   h4 { position: relative; z-index: 3; }
-   h4 + .element, h4 + div + .element { margin-top: -2.5em; padding-top: 2em; }
-   .element {
-     background: #EEEEFF;
-     color: black;
-     margin: 0 0 1em 0.15em;
-     padding: 0 1em 0.25em 0.75em;
-     border-left: solid #9999FF 0.25em;
-     position: relative;
-     z-index: 1;
-   }
-   .element:before {
-     position: absolute;
-     z-index: 2;
-     top: 0;
-     left: -1.15em;
-     height: 2em;
-     width: 0.9em;
-     background: #EEEEFF;
-     content: ' ';
-     border-style: none none solid solid;
-     border-color: #9999FF;
-     border-width: 0.25em;
-   }
-
-   .example { display: block; color: #222222; background: #FCFCFC; border-left: double; margin-left: 2em; padding-left: 1em; }
-   td > .example:only-child { margin: 0 0 0 0.1em; }
-
-   .tall-and-narrow {
-     font-size: 0.6em;
-     column-width: 25em;
-     column-gap: 1em;
-     -moz-column-width: 25em;
-     -moz-column-gap: 1em;
-     -webkit-column-width: 25em;
-     -webkit-column-gap: 1em;
-   }
-
-   ul.domTree, ul.domTree ul { padding: 0 0 0 1em; margin: 0; }
-   ul.domTree li { padding: 0; margin: 0; list-style: none; position: relative; }
-   ul.domTree li li { list-style: none; }
-   ul.domTree li:first-child::before { position: absolute; top: 0; height: 0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
-   ul.domTree li:not(:last-child)::after { position: absolute; top: 0; bottom: -0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
-   ul.domTree span { font-style: italic; font-family: serif; }
-   ul.domTree .t1 code { color: purple; font-weight: bold; }
-   ul.domTree .t2 { font-style: normal; font-family: monospace; }
-   ul.domTree .t2 .name { color: black; font-weight: bold; }
-   ul.domTree .t2 .value { color: blue; font-weight: normal; }
-   ul.domTree .t3 code, .domTree .t4 code, .domTree .t5 code { color: gray; }
-   ul.domTree .t7 code, .domTree .t8 code { color: green; }
-   ul.domTree .t10 code { color: teal; }
-
-   #configUI { position: absolute; z-index: 20; top: 10em; right: 1em; width: 11em; font-size: small; }
-   #configUI p { margin: 0.5em 0; padding: 0.3em; background: #EEEEEE; color: black; border: inset thin; }
-   #configUI p label { display: block; }
-   #configUI #updateUI, #configUI .loginUI { text-align: center; }
-   #configUI input[type=button] { display: block; margin: auto; }
-  </style><style type="text/css">
-
-   .applies thead th > * { display: block; }
-   .applies thead code { display: block; }
-   .applies tbody th { whitespace: nowrap; }
-   .applies td { text-align: center; }
-   .applies .yes { background: yellow; }
-
-   .matrix, .matrix td { border: none; text-align: right; }
-   .matrix { margin-left: 2em; }
-
-   .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
-   .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
-   .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
-
-   #table-example-1 { border: solid thin; border-collapse: collapse; margin-left: 3em; }
-   #table-example-1 * { font-family: "Essays1743", serif; line-height: 1.01em; }
-   #table-example-1 caption { padding-bottom: 0.5em; }
-   #table-example-1 thead, #table-example-1 tbody { border: none; }
-   #table-example-1 th, #table-example-1 td { border: solid thin; }
-   #table-example-1 th { font-weight: normal; }
-   #table-example-1 td { border-style: none solid; vertical-align: top; }
-   #table-example-1 th { padding: 0.5em; vertical-align: middle; text-align: center; }
-   #table-example-1 tbody tr:first-child td { padding-top: 0.5em; }
-   #table-example-1 tbody tr:last-child td { padding-bottom: 1.5em; }
-   #table-example-1 tbody td:first-child { padding-left: 2.5em; padding-right: 0; width: 9em; }
-   #table-example-1 tbody td:first-child::after { content: leader(". "); }
-   #table-example-1 tbody td { padding-left: 2em; padding-right: 2em; }
-   #table-example-1 tbody td:first-child + td { width: 10em; }
-   #table-example-1 tbody td:first-child + td ~ td { width: 2.5em; }
-   #table-example-1 tbody td:first-child + td + td + td ~ td { width: 1.25em; }
-
-   .apple-table-examples { border: none; border-collapse: separate; border-spacing: 1.5em 0em; width: 40em; margin-left: 3em; }
-   .apple-table-examples * { font-family: "Times", serif; }
-   .apple-table-examples td, .apple-table-examples th { border: none; white-space: nowrap; padding-top: 0; padding-bottom: 0; }
-   .apple-table-examples tbody th:first-child { border-left: none; width: 100%; }
-   .apple-table-examples thead th:first-child ~ th { font-size: smaller; font-weight: bolder; border-bottom: solid 2px; text-align: center; }
-   .apple-table-examples tbody th::after, .apple-table-examples tfoot th::after { content: leader(". ") }
-   .apple-table-examples tbody th, .apple-table-examples tfoot th { font: inherit; text-align: left; }
-   .apple-table-examples td { text-align: right; vertical-align: top; }
-   .apple-table-examples.e1 tbody tr:last-child td { border-bottom: solid 1px; }
-   .apple-table-examples.e1 tbody + tbody tr:last-child td { border-bottom: double 3px; }
-   .apple-table-examples.e2 th[scope=row] { padding-left: 1em; }
-   .apple-table-examples sup { line-height: 0; }
-
-  </style><link href="data:text/css," rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" rel="alternate stylesheet" title="Highlight implementation requirements"><link href="data:text/css," id="complete" rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" id="author" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" id="highlight" rel="alternate stylesheet" title="Highlight implementation requirements"><script>
-   function getCookie(name) {
-     var params = location.search.substr(1).split("&");
-     for (var index = 0; index < params.length; index++) {
-       if (params[index] == name)
-         return "1";
-       var data = params[index].split("=");
-       if (data[0] == name)
-         return unescape(data[1]);
-     }
-     var cookies = document.cookie.split("; ");
-     for (var index = 0; index < cookies.length; index++) {
-       var data = cookies[index].split("=");
-       if (data[0] == name)
-         return unescape(data[1]);
-     }
-     return null;
-   }
-   function load(script) {
-     var e = document.createElement('script');
-     e.setAttribute('src', 'http://www.whatwg.org/specs/web-apps/current-work/' + script + '?' + encodeURIComponent(location) + '&' + encodeURIComponent(document.referrer));
-     document.body.appendChild(e);
-   }
-   function init() {
-     if (location.search == '?slow-browser')
-       return;
-     var configUI = document.createElement('div');
-     configUI.id = 'configUI';
-     document.body.appendChild(configUI);
-     // load('reviewer.js'); // would need cross-site XHR
-     if (document.getElementById('head'))
-       load('toc.js');
-     
-     // load('updater.js'); // would need cross-site XHR
-     load('dfn.js');
-     // load('status.js'); // would need cross-site XHR
-     if (getCookie('profile') == '1')
-       document.getElementsByTagName('h2')[0].textContent += '; load: ' + (new Date() - loadTimer) + 'ms';
-     fixBrokenLink();
-   }
-  </script><link href="http://www.w3.org/StyleSheets/TR/W3C-ED" rel="stylesheet" type="text/css"><link href="elements.html" title="3.2 Elements" rel="prev">
-  <link href="Overview.html#contents" title="Table of contents" rel="index">
-  <link href="apis-in-html-documents.html" title="3.3 APIs in HTML documents" rel="next">
-  </head><body onload="fixBrokenLink(); init()"><div class="head" id="head">
-   <p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
-   <h1>HTML5 (Author Edition)</h1>
-   </div><div>
-   <a href="elements.html">&#8592; 3.2 Elements</a> &#8211;
-   <a href="Overview.html#contents">Table of contents</a> &#8211;
-   <a href="apis-in-html-documents.html">3.3 APIs in HTML documents &#8594;</a>
-  <ol class="toc"><li><ol><li><ol><li><a href="content-models.html#content-models"><span class="secno">3.2.5 </span>Content models</a>
-      <ol><li><a href="content-models.html#kinds-of-content"><span class="secno">3.2.5.1 </span>Kinds of content</a>
-        <ol><li><a href="content-models.html#metadata-content-0"><span class="secno">3.2.5.1.1 </span>Metadata content</a></li><li><a href="content-models.html#flow-content-0"><span class="secno">3.2.5.1.2 </span>Flow content</a></li><li><a href="content-models.html#sectioning-content-0"><span class="secno">3.2.5.1.3 </span>Sectioning content</a></li><li><a href="content-models.html#heading-content-0"><span class="secno">3.2.5.1.4 </span>Heading content</a></li><li><a href="content-models.html#phrasing-content-0"><span class="secno">3.2.5.1.5 </span>Phrasing content</a></li><li><a href="content-models.html#embedded-content-0"><span class="secno">3.2.5.1.6 </span>Embedded content</a></li><li><a href="content-models.html#interactive-content-0"><span class="secno">3.2.5.1.7 </span>Interactive content</a></li></ol></li><li><a href="content-models.html#transparent-content-models"><span class="secno">3.2.5.2 </span>Transparent content models</a></li><li><a href="content-models.html#paragraphs"><span class="secno">3.2.5.3 </span>Paragraphs</a></li></ol></li><li><a href="content-models.html#annotations-for-assistive-technology-products-aria"><span class="secno">3.2.6 </span>Annotations for assistive technology products (ARIA)</a></li></ol></li></ol></li></ol></div>
-
-  <h4 id="content-models"><span class="secno">3.2.5 </span><dfn>Content models</dfn></h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>Each element defined in this specification has a content model: a
-  description of the element's expected contents. An <a href="infrastructure.html#html-elements" title="HTML
-  elements">HTML element</a> must have contents that match the
-  requirements described in the element's content model.</p><p class="note">As noted in the conformance and terminology
-  sections, for the purposes of determining if an element matches its
-  content model or not, <a href="infrastructure.html#text-node" title="text
-  node"><code>CDATASection</code> nodes in the DOM are treated as
-  equivalent to <code>Text</code> nodes</a>, and <a href="#entity-references">entity reference nodes are treated as if
-  they were expanded in place</a>.</p><p>The <a href="#space-character" title="space character">space characters</a> are
-  always allowed between elements. User agents represent these
-  characters between elements in the source markup as text nodes in
-  the DOM.<!-- not a conf criteria since the parser now requires this
-  --> Empty <a href="infrastructure.html#text-node" title="text node">text nodes</a> and <a href="infrastructure.html#text-node" title="text node">text nodes</a> consisting of just sequences of
-  those characters are considered <dfn id="inter-element-whitespace">inter-element
-  whitespace</dfn>.</p><p><a href="#inter-element-whitespace">Inter-element whitespace</a>, comment nodes, and
-  processing instruction nodes must be ignored when establishing
-  whether an element's contents match the element's content model or
-  not, and must be ignored when following algorithms that define
-  document and element semantics.</p><p>An element <var title="">A</var> is said to be <dfn id="preceded-or-followed">preceded or
-  followed</dfn> by a second element <var title="">B</var> if <var title="">A</var> and <var title="">B</var> have the same parent node
-  and there are no other element nodes or text nodes (other than
-  <a href="#inter-element-whitespace">inter-element whitespace</a>) between them.</p><p>Authors must not use <a href="infrastructure.html#html-elements">HTML elements</a> anywhere except
-  where they are explicitly allowed, as defined for each element, or
-  as explicitly required by other specifications. For XML compound
-  documents, these contexts could be inside elements from other
-  namespaces, if those elements are defined as providing the relevant
-  contexts.</p><div class="example">
-   <p>The Atom specification defines the Atom <code title="">content</code> element, when its <code title="">type</code> attribute has the value <code title="">xhtml</code>, as requiring that it contains a single HTML
-   <code><a href="grouping-content.html#the-div-element">div</a></code> element. Thus, a <code><a href="grouping-content.html#the-div-element">div</a></code> element is
-   allowed in that context, even though this is not explicitly
-   normatively stated by this specification. <a href="references.html#refsATOM">[ATOM]</a></p>
-  </div><p>In addition, <a href="infrastructure.html#html-elements">HTML elements</a> may be orphan nodes
-  (i.e. without a parent node).</p><div class="example">
-
-   <p>For example, creating a <code><a href="tabular-data.html#the-td-element">td</a></code> element and storing it
-   in a global variable in a script is conforming, even though
-   <code><a href="tabular-data.html#the-td-element">td</a></code> elements are otherwise only supposed to be used
-   inside <code><a href="tabular-data.html#the-tr-element">tr</a></code> elements.</p>
-
-   <pre>var data = {
-  name: "Banana",
-  cell: document.createElement('td'),
-};</pre>
-
-  </div><h5 id="kinds-of-content"><span class="secno">3.2.5.1 </span>Kinds of content</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>Each element in HTML falls into zero or more <dfn id="content-categories" title="content
-  categories">categories</dfn> that group elements with similar
-  characteristics together. The following broad categories are used in
-  this specification:</p><ul class="brief"><li><a href="#metadata-content">Metadata content</a></li>
-   <li><a href="#flow-content">Flow content</a></li>
-   <li><a href="#sectioning-content">Sectioning content</a></li>
-   <li><a href="#heading-content">Heading content</a></li>
-   <li><a href="#phrasing-content">Phrasing content</a></li>
-   <li><a href="#embedded-content">Embedded content</a></li>
-   <li><a href="#interactive-content">Interactive content</a></li>
-  </ul><p class="note">Some elements also fall into other categories, which
-  are defined in other parts of this specification.</p><p>These categories are related as follows:</p><p><object data="images/content-venn.svg" height="288" width="512"><img alt="Sectioning content, heading content, phrasing content, and
-  embedded content are all types of flow content. Embedded content is
-  also a type of phrasing content." src="images/content-venn.png"></object></p><p>In addition, certain elements are categorized as <a href="forms.html#form-associated-element" title="form-associated element">form-associated elements</a> and
-  further subcategorized to define their role in various form-related
-  processing models.</p><p>Some elements have unique requirements and do not fit into any
-  particular category.</p><h6 id="metadata-content-0"><span class="secno">3.2.5.1.1 </span>Metadata content</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><dfn id="metadata-content">Metadata content</dfn> is content that sets up the
-  presentation or behavior of the rest of the content, or that sets
-  up the relationship of the document with other documents, or that
-  conveys other "out of band" information.</p><ul class="brief category-list"><li><code><a href="semantics.html#the-base-element">base</a></code></li>
-   <li><code><a href="interactive-elements.html#the-command">command</a></code></li>
-   <li><code><a href="semantics.html#the-link-element">link</a></code></li>
-   <li><code><a href="semantics.html#meta">meta</a></code></li>
-   <li><code><a href="scripting-1.html#the-noscript-element">noscript</a></code></li>
-   <li><code><a href="scripting-1.html#script">script</a></code></li>
-   <li><code><a href="semantics.html#the-style-element">style</a></code></li>
-   <li><code><a href="semantics.html#the-title-element-0">title</a></code></li>
-  </ul><p>Elements from other namespaces whose semantics are primarily
-  metadata-related (e.g. RDF) are also <a href="#metadata-content">metadata
-  content</a>.</p><div class="example">
-
-   <p>Thus, in the XML serialization, one can use RDF, like this:</p>
-
-   <pre>&lt;html xmlns="http://www.w3.org/1999/xhtml"
-      xmlns:r="http://www.w3.org/1999/02/22-rdf-syntax-ns#"&gt;
- &lt;head&gt;
-  &lt;title&gt;Hedral's Home Page&lt;/title&gt;
-  &lt;r:RDF&gt;
-   &lt;Person xmlns="http://www.w3.org/2000/10/swap/pim/contact#"
-           r:about="http://hedral.example.com/#"&gt;
-    &lt;fullName&gt;Cat Hedral&lt;/fullName&gt;
-    &lt;mailbox r:resource="mailto:http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20html%3E%0A%3Cp%20tabindex%3D1%3Etest%20%3Ca%20href%3D%22%22%3E%20%3Cem%3Etest%3C/em%3E%20%3C/a%3E%0A%3Cscript%3E%0A%20function%20test%20%28e%29%20%7B%20w%28e.type%20+%20%27%20on%20%27%20+%20e.target.tagName%20+%20%27%20through%20%27%20+%20e.currentTarget.tagName%29%3B%20%7D%0A%20document.getElementsByTagName%28%27a%27%29%5B0%5D.addEventListener%28%27click%27%2C%20test%2C%20false%29%3B%0A%20document.getElementsByTagName%28%27a%27%29%5B0%5D.addEventListener%28%27DOMActivate%27%2C%20test%2C%20false%29%3B%0A%20document.getElementsByTagName%28%27p%27%29%5B0%5D.addEventListener%28%27click%27%2C%20test%2C%20false%29%3B%0A%20document.getElementsByTagName%28%27p%27%29%5B0%5D.addEventListener%28%27DOMActivate%27%2C%20test%2C%20false%29%3B%0A%3C/script%3E%0A
-http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20HTML%3E%0A%3Ca%20href%3Dhttp%3A//google.com/%20target%3Da%3EA%3C/a%3E%3Ca%20href%3Dhttp%3A//yahoo.com/%20target%3Db%3EB%3C/a%3E%3Cbr%3E%0A%3Ciframe%20name%3Da%3E%3C/iframe%3E%3Ciframe%20name%3Db%3E%3C/iframe%3E%0A%3Cscript%3E%0A%20var%20a%20%3D%20document.getElementsByTagName%28%27a%27%29%5B0%5D%3B%0A%20var%20b%20%3D%20document.getElementsByTagName%28%27a%27%29%5B1%5D%3B%0A%20a.appendChild%28b%29%3B%0A%3C/script%3E
-http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20HTML%3E%0A%3Cform%20action%3D%22http%3A//google.com/%22%20onsubmit%3D%22w%28%27onsubmit%27%29%22%3E%3Cem%3EA%3C/em%3E%3C/form%3E%0A%3Cscript%3E%0Adocument.getElementsByTagName%28%27form%27%29%5B0%5D.attachEvent%28%27onsubmit%27%2C%20function%20%28%29%20%7B%20w%28%27submit%20fired%27%29%20%7D%29%3B%0Adocument.getElementsByTagName%28%27form%27%29%5B0%5D.fireEvent%28%27onsubmit%27%29%3B%0A%3C/script%3E
-http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20HTML%3E%0A%3Cform%20action%3D%22http%3A//google.com/%22%3EX%3C/form%3E%0A%3Cscript%3E%0Avar%20evt%20%3D%20document.createEvent%28%22Events%22%29%3B%0Aevt.initEvent%28%22submit%22%2C%20true%2C%20true%29%3B%0Adocument.getElementsByTagName%28%27form%27%29%5B0%5D.dispatchEvent%28evt%29%3B%0A%3C/script%3E
---><p><dfn id="interactive-content">Interactive content</dfn> is content that is specifically
-  intended for user interaction.</p><ul class="brief category-list"><li><code><a href="text-level-semantics.html#the-a-element">a</a></code></li>
-   <li><code><a href="video.html#audio">audio</a></code> (if the <code title="attr-media-controls"><a href="video.html#attr-media-controls">controls</a></code> attribute is present)</li>
-   <li><code><a href="the-button-element.html#the-button-element">button</a></code></li>
-<!-- v2DATAGRID   <li><code>datagrid</code></li> -->
-   <li><code><a href="interactive-elements.html#the-details-element">details</a></code></li>
-   <li><code><a href="the-iframe-element.html#the-embed-element">embed</a></code></li>
-   <li><code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code></li>
-   <li><code><a href="embedded-content-1.html#the-img-element">img</a></code> (if the <code title="attr-hyperlink-usemap"><a href="the-map-element.html#attr-hyperlink-usemap">usemap</a></code> attribute is present)</li>
-   <li><code><a href="the-input-element.html#the-input-element">input</a></code> (if the <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute is <em>not</em> in the <a href="states-of-the-type-attribute.html#hidden-state" title="attr-input-type-hidden">Hidden</a> state)</li>
-   <li><code><a href="the-button-element.html#the-keygen-element">keygen</a></code></li>
-   <li><code><a href="forms.html#the-label-element">label</a></code></li>
-   <li><code><a href="interactive-elements.html#menus">menu</a></code> (if the <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute is in the <a href="interactive-elements.html#toolbar-state" title="toolbar state">toolbar</a> state)</li>
-   <li><code><a href="the-iframe-element.html#the-object-element">object</a></code> (if the <code title="attr-hyperlink-usemap"><a href="the-map-element.html#attr-hyperlink-usemap">usemap</a></code> attribute is present)<!-- see also comment in <object> section --></li>
-   <li><code><a href="the-button-element.html#the-select-element">select</a></code></li>
-   <li><code><a href="the-button-element.html#the-textarea-element">textarea</a></code></li>
-   <li><code><a href="video.html#video">video</a></code> (if the <code title="attr-media-controls"><a href="video.html#attr-media-controls">controls</a></code> attribute is present)</li>
-  </ul><p>Certain elements in HTML have an <a href="#activation-behavior">activation
-  behavior</a>, which means that the user can activate them. This
-  triggers a sequence of events dependent on the activation mechanism,
-  and normally culminating in a <code title="event-click">click</code>
-  event followed by a <code title="event-DOMActivate">DOMActivate</code> event.</p><h5 id="transparent-content-models"><span class="secno">3.2.5.2 </span>Transparent content models</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>Some elements are described as <dfn id="transparent">transparent</dfn>; they have
-  "transparent" in the description of their content model.</p><p>When a content model includes a part that is "transparent", those
-  parts must not contain content that would not be conformant if all
-  transparent elements in the tree were replaced, in their parent
-  element, by the children in the "transparent" part of their content
-  model, retaining order.</p><div class="example">
-
-   <p>Consider the following markup fragment:</p>
-
-   <pre>&lt;p&gt;Hello &lt;a href="world.html"&gt;&lt;em&gt;wonderful&lt;/em&gt; world&lt;/a&gt;!&lt;/p&gt;</pre>
-
-   <p>Its DOM looks like the following:</p>
-
-   <ul class="domTree"><li class="t1"><code><a href="grouping-content.html#the-p-element">p</a></code><ul><li class="t3"><code>#text</code>: <span title="">Hello </span></li><li class="t1"><code><a href="text-level-semantics.html#the-a-element">a</a></code> <span class="t2" title=""><code class="attribute name">href</code>="<code class="attribute value">world.html</code>"</span><ul><li class="t1"><code><a href="text-level-semantics.html#the-em-element">em</a></code><ul><li class="t3"><code>#text</code>: <span title="">wonderful</span></li></ul></li><li class="t3"><code>#text</code>: <span title=""> world</span></li></ul></li><li class="t3"><code>#text</code>: <span title="">!</span></li></ul></li></ul><p>The content model of the <code><a href="text-level-semantics.html#the-a-element">a</a></code> element is
-   <a href="#transparent">transparent</a>. To see if its contents are conforming,
-   therefore, the element is replaced by its contents:</p>
-
-   <ul class="domTree"><li class="t1"><code><a href="grouping-content.html#the-p-element">p</a></code><ul><li class="t3"><code>#text</code>: <span title="">Hello </span></li><li class="t1"><code><a href="text-level-semantics.html#the-em-element">em</a></code><ul><li class="t3"><code>#text</code>: <span title="">wonderful</span></li></ul></li><li class="t3"><code>#text</code>: <span title=""> world</span></li><li class="t3"><code>#text</code>: <span title="">!</span></li></ul></li></ul><p>Since that is conforming, the contents of the <code><a href="text-level-semantics.html#the-a-element">a</a></code> are
-   conforming in the original fragment.</p>
-
-  </div><p>When a transparent element has no parent, then the part of its
-  content model that is "transparent" must instead be treated as
-  accepting any <a href="#flow-content">flow content</a>.</p><h5 id="paragraphs"><span class="secno">3.2.5.3 </span>Paragraphs</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p class="note">The term <a href="#paragraph">paragraph</a> as defined in this
-  section is distinct from (though related to) the <code><a href="grouping-content.html#the-p-element">p</a></code>
-  element defined later. The <a href="#paragraph">paragraph</a> concept defined
-  here is used to describe how to interpret documents.</p><p>A <dfn id="paragraph">paragraph</dfn> is typically a run of <a href="#phrasing-content">phrasing
-  content</a> that forms a block of text with one or more sentences
-  that discuss a particular topic, as in typography, but can also be
-  used for more general thematic grouping. For instance, an address is
-  also a paragraph, as is a part of a form, a byline, or a stanza in a
-  poem.</p><div class="example">
-
-   <p>In the following example, there are two paragraphs in a
-   section. There is also a heading, which contains phrasing content
-   that is not a paragraph. Note how the comments and
-   <a href="#inter-element-whitespace">inter-element whitespace</a> do not form paragraphs.</p>
-
-   <pre>&lt;section&gt;
-  &lt;h1&gt;Example of paragraphs&lt;/h1&gt;
-  This is the &lt;em&gt;first&lt;/em&gt; paragraph in this example.
-  &lt;p&gt;This is the second.&lt;/p&gt;
-  &lt;!-- This is not a paragraph. --&gt;
-&lt;/section&gt;</pre>
-
-  </div><p>Paragraphs in <a href="#flow-content">flow content</a> are defined relative to
-  what the document looks like without the <code><a href="text-level-semantics.html#the-a-element">a</a></code>,
-  <code><a href="edits.html#the-ins-element">ins</a></code>, <code><a href="edits.html#the-del-element">del</a></code>, and <code><a href="the-map-element.html#the-map-element">map</a></code> elements
-  complicating matters, since those elements, with their hybrid
-  content models, can straddle paragraph boundaries, as shown in the
-  first two examples below.</p><p class="note">Generally, having elements straddle paragraph
-  boundaries is best avoided. Maintaining such markup can be
-  difficult.</p><div class="example">
-
-   <p>The following example takes the markup from the earlier example
-   and puts <code><a href="edits.html#the-ins-element">ins</a></code> and <code><a href="edits.html#the-del-element">del</a></code> elements around some
-   of the markup to show that the text was changed (though in this
-   case, the changes admittedly don't make much sense). Notice how
-   this example has exactly the same paragraphs as the previous one,
-   despite the <code><a href="edits.html#the-ins-element">ins</a></code> and <code><a href="edits.html#the-del-element">del</a></code> elements &#8212;
-   the <code><a href="edits.html#the-ins-element">ins</a></code> element straddles the heading and the first
-   paragraph, and the <code><a href="edits.html#the-del-element">del</a></code> element straddles the boundary
-   between the two paragraphs.</p>
-
-   <pre>&lt;section&gt;
-  &lt;ins&gt;&lt;h1&gt;Example of paragraphs&lt;/h1&gt;
-  This is the &lt;em&gt;first&lt;/em&gt; paragraph in&lt;/ins&gt; this example&lt;del&gt;.
-  &lt;p&gt;This is the second.&lt;/p&gt;&lt;/del&gt;
-  &lt;!-- This is not a paragraph. --&gt;
-&lt;/section&gt;</pre>
-
-  </div><p>A <a href="#paragraph">paragraph</a> is also formed explicitly by
-  <code><a href="grouping-content.html#the-p-element">p</a></code> elements.</p><p class="note">The <code><a href="grouping-content.html#the-p-element">p</a></code> element can be used to wrap
-  individual paragraphs when there would otherwise not be any content
-  other than phrasing content to separate the paragraphs from each
-  other.</p><div class="example">
-
-   <p>In the following example, the link spans half of the first
-   paragraph, all of the heading separating the two paragraphs, and
-   half of the second paragraph. It straddles the paragraphs and the
-   heading.</p>
-
-   <pre>&lt;aside&gt;
- Welcome!
- &lt;a href="about.html"&gt;
-  This is home of...
-  &lt;h1&gt;The Falcons!&lt;/h1&gt;
-  The Lockheed Martin multirole jet fighter aircraft!
- &lt;/a&gt;
- This page discusses the F-16 Fighting Falcon's innermost secrets.
-&lt;/aside&gt;</pre>
-
-   <p>Here is another way of marking this up, this time showing the
-   paragraphs explicitly, and splitting the one link element into
-   three:</p>
-
-   <pre>&lt;aside&gt;
- &lt;p&gt;Welcome! &lt;a href="about.html"&gt;This is home of...&lt;/a&gt;&lt;/p&gt;
- &lt;h1&gt;&lt;a href="about.html"&gt;The Falcons!&lt;/a&gt;&lt;/h1&gt;
- &lt;p&gt;&lt;a href="about.html"&gt;The Lockheed Martin multirole jet
- fighter aircraft!&lt;/a&gt; This page discusses the F-16 Fighting
- Falcon's innermost secrets.&lt;/p&gt;
-&lt;/aside&gt;</pre>
-
-  </div><div class="example">
-
-   <!-- I don't know if there's a better way to deal with this, but if
-   there is, let me know... -->
-
-   <p>It is possible for paragraphs to overlap when using certain
-   elements that define fallback content. For example, in the
-   following section:</p>
-
-   <pre>&lt;section&gt;
- &lt;h1&gt;My Cats&lt;/h1&gt;
- You can play with my cat simulator.
- &lt;object data="cats.sim"&gt;
-  To see the cat simulator, use one of the following links:
-  &lt;ul&gt;
-   &lt;li&gt;&lt;a href="cats.sim"&gt;Download simulator file&lt;/a&gt;
-   &lt;li&gt;&lt;a href="http://sims.example.com/watch?v=LYds5xY4INU"&gt;Use online simulator&lt;/a&gt;
-  &lt;/ul&gt;
-  Alternatively, upgrade to the Mellblom Browser.
- &lt;/object&gt;
- I'm quite proud of it.
-&lt;/section&gt;</pre>
-
-   <p>There are five paragraphs:</p>
-
-   <ol class="brief"><li>The paragraph that says "You can play with my cat
-    simulator. <i title="">object</i> I'm quite proud of it.", where
-    <i title="">object</i> is the <code><a href="the-iframe-element.html#the-object-element">object</a></code> element.</li>
-
-    <li>The paragraph that says "To see the cat simulator, use one of
-    the following links:".</li>
-
-    <li>The paragraph that says "Download simulator file".</li>
-
-    <li>The paragraph that says "Use online simulator".</li>
-
-    <li>The paragraph that says "Alternatively, upgrade to the Mellblom Browser.".</li>
-
-   </ol><p>The first paragraph is overlapped by the other four. A user
-   agent that supports the "cats.sim" resource will only show the
-   first one, but a user agent that shows the fallback will
-   confusingly show the first sentence of the first paragraph as
-   if it was in the same paragraph as the second one, and will show
-   the last paragraph as if it was at the start of the second sentence
-   of the first paragraph.</p>
-
-   <p>To avoid this confusion, explicit <code><a href="grouping-content.html#the-p-element">p</a></code> elements can be
-   used.</p>
-
-  </div><h4 id="annotations-for-assistive-technology-products-aria"><span class="secno">3.2.6 </span><dfn>Annotations for assistive technology products</dfn> (ARIA)</h4><p>Authors may use the ARIA <code title="attr-aria-role">role</code>
-  and <code title="attr-aria-*">aria-*</code> attributes on <a href="infrastructure.html#html-elements">HTML
-  elements</a>, in accordance with the requirements described in
-  the ARIA specifications, except where these conflict with the
-  <span>strong native semantics</span> described below. These
-  exceptions are intended to prevent authors from making assistive
-  technology products report nonsensical states that do not represent
-  the actual state of the document. <a href="references.html#refsARIA">[ARIA]</a></p><p>The following table defines the <span>strong native
-  semantics</span>  that apply to <a href="infrastructure.html#html-elements">HTML
-  elements</a>. Each language feature (element or attribute) in a
-  cell in the first column implies the ARIA semantics (role, states,
-  and/or properties) given in the cell in the second column of the
-  same row. Authors must not set the ARIA <code title="attr-aria-role">role</code> and <code title="attr-aria-*">aria-*</code> attributes in a manner that
-  conflicts with the semantics described in the following table. </p><table><thead><tr><th>Language feature
-     </th><th>Strong native semantics and implied ARIA semantics</th></tr></thead><tbody><tr><td><code><a href="text-level-semantics.html#the-a-element">a</a></code> element that represents a <a href="links.html#hyperlink">hyperlink</a>
-     </td><td><code title="attr-aria-role-link">link</code> role
-
-    </td></tr><tr><td><code><a href="sections.html#the-address-element">address</a></code> element
-     </td><td><code title="attr-aria-role-contentinfo">contentinfo</code> role
-
-    </td></tr><tr><td><code><a href="the-map-element.html#the-area-element">area</a></code> element that represents a <a href="links.html#hyperlink">hyperlink</a>
-     </td><td><code title="attr-aria-role-link">link</code> role
-
-    </td></tr><tr><td><code><a href="the-button-element.html#the-button-element">button</a></code> element
-     </td><td><code title="attr-aria-role-button">button</code> role
-
-    </td></tr><tr><td><code><a href="the-button-element.html#the-datalist-element">datalist</a></code> element
-     </td><td><code title="attr-aria-role-listbox">listbox</code> role, with the <code title="attr-aria-multiselectable">aria-multiselectable</code> property set to "false"
-
-    </td></tr><tr><td><code><a href="sections.html#the-footer-element">footer</a></code> element
-     </td><td><code title="attr-aria-role-contentinfo">contentinfo</code> role
-
-    </td></tr><tr><td><code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code> element that does not have an <code><a href="sections.html#the-hgroup-element">hgroup</a></code> ancestor
-     </td><td><code title="attr-aria-role-heading">heading</code> role, with the <code title="attr-aria-level">aria-level</code> property set to the element's <a href="#outline-depth">outline depth</a>
-
-    </td></tr><tr><td><code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h2</a></code> element that does not have an <code><a href="sections.html#the-hgroup-element">hgroup</a></code> ancestor
-     </td><td><code title="attr-aria-role-heading">heading</code> role, with the <code title="attr-aria-level">aria-level</code> property set to the element's <a href="#outline-depth">outline depth</a>
-
-    </td></tr><tr><td><code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h3</a></code> element that does not have an <code><a href="sections.html#the-hgroup-element">hgroup</a></code> ancestor
-     </td><td><code title="attr-aria-role-heading">heading</code> role, with the <code title="attr-aria-level">aria-level</code> property set to the element's <a href="#outline-depth">outline depth</a>
-
-    </td></tr><tr><td><code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h4</a></code> element that does not have an <code><a href="sections.html#the-hgroup-element">hgroup</a></code> ancestor
-     </td><td><code title="attr-aria-role-heading">heading</code> role, with the <code title="attr-aria-level">aria-level</code> property set to the element's <a href="#outline-depth">outline depth</a>
-
-    </td></tr><tr><td><code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code> element that does not have an <code><a href="sections.html#the-hgroup-element">hgroup</a></code> ancestor
-     </td><td><code title="attr-aria-role-heading">heading</code> role, with the <code title="attr-aria-level">aria-level</code> property set to the element's <a href="#outline-depth">outline depth</a>
-
-    </td></tr><tr><td><code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code> element that does not have an <code><a href="sections.html#the-hgroup-element">hgroup</a></code> ancestor
-     </td><td><code title="attr-aria-role-heading">heading</code> role, with the <code title="attr-aria-level">aria-level</code> property set to the element's <a href="#outline-depth">outline depth</a>
-
-    </td></tr><tr><td><code><a href="sections.html#the-hgroup-element">hgroup</a></code> element
-     </td><td><code title="attr-aria-role-heading">heading</code> role, with the <code title="attr-aria-level">aria-level</code> property set to the element's <a href="#outline-depth">outline depth</a>
-
-    </td></tr><tr><td><code><a href="grouping-content.html#the-hr-element">hr</a></code> element
-     </td><td><code title="attr-aria-role-separator">separator</code> role
-
-    </td></tr><tr><td><code><a href="embedded-content-1.html#the-img-element">img</a></code> element whose <code title="attr-img-alt"><a href="embedded-content-1.html#attr-img-alt">alt</a></code> attribute's value is empty
-     </td><td><code title="attr-aria-role-presentation">presentation</code> role
-
-    </td></tr><tr><td><code><a href="the-input-element.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="number-state.html#button-state" title="attr-input-type-button">Button</a> state
-     </td><td><code title="attr-aria-role-button">button</code> role
-
-    </td></tr><tr><td><code><a href="the-input-element.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="number-state.html#checkbox-state" title="attr-input-type-checkbox">Checkbox</a> state
-     </td><td><code title="attr-aria-role-checkbox">checkbox</code> role, with the <code title="attr-aria-checked">aria-checked</code> state set to "mixed" if the element's <code title="dom-input-indeterminate"><a href="#dom-input-indeterminate">indeterminate</a></code> IDL attribute is true, or "true" if the element's <a href="#concept-fe-checked" title="concept-fe-checked">checkedness</a> is true, or "false" otherwise
-
-    </td></tr><tr><td><code><a href="the-input-element.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="number-state.html#color-state" title="attr-input-type-color">Color</a> state
-     </td><td>No role
-
-    </td></tr><tr><td><code><a href="the-input-element.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="states-of-the-type-attribute.html#date-state" title="attr-input-type-date">Date</a> state
-     </td><td>No role, with the <code title="title-aria-readonly">aria-readonly</code> state set to "true" if the element has a <code title="attr-input-readonly"><a href="common-input-element-attributes.html#attr-input-readonly">readonly</a></code> attribute
-
-    </td></tr><tr><td><code><a href="the-input-element.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="states-of-the-type-attribute.html#date-and-time-state" title="attr-input-type-datetime">Date and Time</a> state
-     </td><td>No role, with the <code title="title-aria-readonly">aria-readonly</code> state set to "true" if the element has a <code title="attr-input-readonly"><a href="common-input-element-attributes.html#attr-input-readonly">readonly</a></code> attribute
-
-    </td></tr><tr><td><code><a href="the-input-element.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="states-of-the-type-attribute.html#local-date-and-time-state" title="attr-input-type-datetime-local">Local Date and Time</a> state
-     </td><td>No role, with the <code title="title-aria-readonly">aria-readonly</code> state set to "true" if the element has a <code title="attr-input-readonly"><a href="common-input-element-attributes.html#attr-input-readonly">readonly</a></code> attribute
-
-    </td></tr><tr><td><code><a href="the-input-element.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="states-of-the-type-attribute.html#e-mail-state" title="attr-input-type-email">E-mail</a> state with no <a href="#concept-input-list" title="concept-input-list">suggestions source element</a>
-     </td><td><code title="attr-aria-role-textbox">textbox</code> role, with the <code title="title-aria-readonly">aria-readonly</code> state set to "true" if the element has a <code title="attr-input-readonly"><a href="common-input-element-attributes.html#attr-input-readonly">readonly</a></code> attribute
-
-    </td></tr><tr><td><code><a href="the-input-element.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="number-state.html#file-upload-state" title="attr-input-type-file">File Upload</a> state
-     </td><td><code title="attr-aria-role-button">button</code> role
-
-    </td></tr><tr><td><code><a href="the-input-element.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="states-of-the-type-attribute.html#hidden-state" title="attr-input-type-hidden">Hidden</a> state
-     </td><td>No role
-
-    </td></tr><tr><td><code><a href="the-input-element.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="number-state.html#image-button-state" title="attr-input-type-image">Image Button</a> state
-     </td><td><code title="attr-aria-role-button">button</code> role
-
-    </td></tr><tr><td><code><a href="the-input-element.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="states-of-the-type-attribute.html#month-state" title="attr-input-type-month">Month</a> state
-     </td><td>No role, with the <code title="title-aria-readonly">aria-readonly</code> state set to "true" if the element has a <code title="attr-input-readonly"><a href="common-input-element-attributes.html#attr-input-readonly">readonly</a></code> attribute
-
-    </td></tr><tr><td><code><a href="the-input-element.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="number-state.html#number-state" title="attr-input-type-number">Number</a> state
-     </td><td><code title="attr-aria-role-spinbutton">spinbutton</code> role, with the <code title="title-aria-readonly">aria-readonly</code> state set to "true" if the element has a <code title="attr-input-readonly"><a href="common-input-element-attributes.html#attr-input-readonly">readonly</a></code> attribute, the <code title="attr-aria-valuemax">aria-valuemax</code> property set to the element's <a href="#concept-input-max" title="concept-input-max">maximum</a>, the <code title="attr-aria-valuemin">aria-valuemin</code> property set to the element's <a href="#concept-input-min" title="concept-input-min">minimum</a>, and, if the result of applying the <a href="#rules-for-parsing-floating-point-number-values">rules for parsing floating point number values</a> to the element's <a href="#concept-fe-value" title="concept-fe-value">value</a> is a number, with the <code title="attr-aria-valuenow">aria-valuenow</code> property set to that number
-
-    </td></tr><tr><td><code><a href="the-input-element.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="states-of-the-type-attribute.html#password-state" title="attr-input-type-password">Password</a> state
-     </td><td><code title="attr-aria-role-textbox">textbox</code> role, with the <code title="title-aria-readonly">aria-readonly</code> state set to "true" if the element has a <code title="attr-input-readonly"><a href="common-input-element-attributes.html#attr-input-readonly">readonly</a></code> attribute
-
-    </td></tr><tr><td><code><a href="the-input-element.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="number-state.html#radio-button-state" title="attr-input-type-radio">Radio Button</a> state
-     </td><td><code title="attr-aria-role-radio">radio</code> role, with the <code title="attr-aria-checked">aria-checked</code> state set to "true" if the element's <a href="#concept-fe-checked" title="concept-fe-checked">checkedness</a> is true, or "false" otherwise
-
-    </td></tr><tr><td><code><a href="the-input-element.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="number-state.html#range-state" title="attr-input-type-range">Range</a> state
-     </td><td><code title="attr-aria-role-slider">slider</code> role, with the <code title="attr-aria-valuemax">aria-valuemax</code> property set to the element's <a href="#concept-input-max" title="concept-input-max">maximum</a>, the <code title="attr-aria-valuemin">aria-valuemin</code> property set to the element's <a href="#concept-input-min" title="concept-input-min">minimum</a>, and the <code title="attr-aria-valuenow">aria-valuenow</code> property set to the result of applying the <a href="#rules-for-parsing-floating-point-number-values">rules for parsing floating point number values</a> to the element's <a href="#concept-fe-value" title="concept-fe-value">value</a>, if that that results in a number, or the <a href="number-state.html#concept-input-value-default-range" title="concept-input-value-default-range">default value</a> otherwise
-
-    </td></tr><tr><td><code><a href="the-input-element.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="number-state.html#reset-button-state" title="attr-input-type-reset">Reset Button</a> state
-     </td><td><code title="attr-aria-role-button">button</code> role
-
-    </td></tr><tr><td><code><a href="the-input-element.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="states-of-the-type-attribute.html#text-state-and-search-state" title="attr-input-type-search">Search</a> state with no <a href="#concept-input-list" title="concept-input-list">suggestions source element</a>
-     </td><td><code title="attr-aria-role-textbox">textbox</code> role, with the <code title="title-aria-readonly">aria-readonly</code> state set to "true" if the element has a <code title="attr-input-readonly"><a href="common-input-element-attributes.html#attr-input-readonly">readonly</a></code> attribute
-
-    </td></tr><tr><td><code><a href="the-input-element.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="number-state.html#submit-button-state" title="attr-input-type-submit">Submit Button</a> state
-     </td><td><code title="attr-aria-role-button">button</code> role
-
-    </td></tr><tr><td><code><a href="the-input-element.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="states-of-the-type-attribute.html#telephone-state" title="attr-input-type-tel">Telephone</a> state with no <a href="#concept-input-list" title="concept-input-list">suggestions source element</a>
-     </td><td><code title="attr-aria-role-textbox">textbox</code> role, with the <code title="title-aria-readonly">aria-readonly</code> state set to "true" if the element has a <code title="attr-input-readonly"><a href="common-input-element-attributes.html#attr-input-readonly">readonly</a></code> attribute
-
-    </td></tr><tr><td><code><a href="the-input-element.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="states-of-the-type-attribute.html#text-state-and-search-state" title="attr-input-type-text">Text</a> state with no <a href="#concept-input-list" title="concept-input-list">suggestions source element</a>
-     </td><td><code title="attr-aria-role-textbox">textbox</code> role, with the <code title="title-aria-readonly">aria-readonly</code> state set to "true" if the element has a <code title="attr-input-readonly"><a href="common-input-element-attributes.html#attr-input-readonly">readonly</a></code> attribute
-
-    </td></tr><tr><td><code><a href="the-input-element.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="states-of-the-type-attribute.html#text-state-and-search-state" title="attr-input-type-text">Text</a>, <a href="states-of-the-type-attribute.html#text-state-and-search-state" title="attr-input-type-search">Search</a>, <a href="states-of-the-type-attribute.html#telephone-state" title="attr-input-type-tel">Telephone</a>, <a href="states-of-the-type-attribute.html#url-state" title="attr-input-type-url">URL</a>, or <a href="states-of-the-type-attribute.html#e-mail-state" title="attr-input-type-email">E-mail</a> states with a <a href="#concept-input-list" title="concept-input-list">suggestions source element</a>
-     </td><td><code title="attr-aria-role-combobox">combobox</code> role, with the <code title="attr-aria-owns">aria-owns</code> property set to the same value as the <code title="attr-input-list"><a href="common-input-element-attributes.html#attr-input-list">list</a></code> attribute, and the <code title="title-aria-readonly">aria-readonly</code> state set to "true" if the element has a <code title="attr-input-readonly"><a href="common-input-element-attributes.html#attr-input-readonly">readonly</a></code> attribute
-
-    </td></tr><tr><td><code><a href="the-input-element.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="states-of-the-type-attribute.html#time-state" title="attr-input-type-time">Time</a> state
-     </td><td>No role, with the <code title="title-aria-readonly">aria-readonly</code> state set to "true" if the element has a <code title="attr-input-readonly"><a href="common-input-element-attributes.html#attr-input-readonly">readonly</a></code> attribute
-
-    </td></tr><tr><td><code><a href="the-input-element.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="states-of-the-type-attribute.html#url-state" title="attr-input-type-url">URL</a> state with no <a href="#concept-input-list" title="concept-input-list">suggestions source element</a>
-     </td><td><code title="attr-aria-role-textbox">textbox</code> role, with the <code title="title-aria-readonly">aria-readonly</code> state set to "true" if the element has a <code title="attr-input-readonly"><a href="common-input-element-attributes.html#attr-input-readonly">readonly</a></code> attribute
-
-    </td></tr><tr><td><code><a href="the-input-element.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="states-of-the-type-attribute.html#week-state" title="attr-input-type-week">Week</a> state
-     </td><td>No role, with the <code title="title-aria-readonly">aria-readonly</code> state set to "true" if the element has a <code title="attr-input-readonly"><a href="common-input-element-attributes.html#attr-input-readonly">readonly</a></code> attribute
-
-    </td></tr><tr><td><code><a href="semantics.html#the-link-element">link</a></code> element that represents a <a href="links.html#hyperlink">hyperlink</a>
-     </td><td><code title="attr-aria-role-link">link</code> role
-
-    </td></tr><tr><td><code><a href="interactive-elements.html#menus">menu</a></code> element with a <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute in the <a href="interactive-elements.html#context-menu-state" title="context menu state">context menu</a> state
-     </td><td>No role
-
-    </td></tr><tr><td><code><a href="interactive-elements.html#menus">menu</a></code> element with a <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute in the <a href="interactive-elements.html#list-state" title="list state">list</a> state
-     </td><td><code title="attr-aria-role-menu">menu</code> role
-
-    </td></tr><tr><td><code><a href="interactive-elements.html#menus">menu</a></code> element with a <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute in the <a href="interactive-elements.html#toolbar-state" title="toolbar state">toolbar</a> state
-     </td><td><code title="attr-aria-role-toolbar">toolbar</code> role
-
-    </td></tr><tr><td><code><a href="sections.html#the-nav-element">nav</a></code> element
-     </td><td><code title="attr-aria-role-navigation">navigation</code> role
-
-    </td></tr><tr><td><code><a href="the-button-element.html#the-option-element">option</a></code> element that is in a <a href="the-button-element.html#concept-select-option-list" title="concept-select-option-list">list of options</a> or that represents a suggestion in a <code><a href="the-button-element.html#the-datalist-element">datalist</a></code> element
-     </td><td><code title="attr-aria-role-option">option</code> role, with the <code title="attr-aria-selected">aria-selected</code> state set to "true" if the element's <a href="#concept-option-selectedness" title="concept-option-selectedness">selectedness</a> is true, or "false" otherwise.
-
-    </td></tr><tr><td><code><a href="text-level-semantics.html#the-progress-element">progress</a></code> element
-     </td><td><code title="attr-aria-role-progressbar">progressbar</code> role, with, if the progress bar is determinate, the <code title="attr-aria-valuemax">aria-valuemax</code> property set to the maximum value of the progress bar, the <code title="attr-aria-valuemin">aria-valuemin</code> property set to zero, and the <code title="attr-aria-valuenow">aria-valuenow</code> property set to the current value of the progress bar
-
-    </td></tr><tr><td><code><a href="the-button-element.html#the-select-element">select</a></code> element with a <code title="attr-select-multiple"><a href="the-button-element.html#attr-select-multiple">multiple</a></code> attribute
-     </td><td><code title="attr-aria-role-listbox">listbox</code> role, with the <code title="attr-aria-multiselectable">aria-multiselectable</code> property set to "true"
-
-    </td></tr><tr><td><code><a href="the-button-element.html#the-select-element">select</a></code> element with no <code title="attr-select-multiple"><a href="the-button-element.html#attr-select-multiple">multiple</a></code> attribute
-     </td><td><code title="attr-aria-role-listbox">listbox</code> role, with the <code title="attr-aria-multiselectable">aria-multiselectable</code> property set to "false"
-
-    </td></tr><tr><td><code><a href="tabular-data.html#the-td-element">td</a></code> element
-     </td><td><code title="attr-aria-role-gridcell">gridcell</code> role, with the <code title="attr-aria-labelledby">aria-labelledby</code> property set to the value of the <code title="attr-tdth-headers"><a href="tabular-data.html#attr-tdth-headers">headers</a></code> attribute, if any
-
-    </td></tr><tr><td><code><a href="the-button-element.html#the-textarea-element">textarea</a></code> element
-     </td><td><code title="attr-aria-role-textbox">textbox</code> role, with the <code title="attr-aria-multiline">aria-multiline</code> property set to "true", and the <code title="title-aria-readonly">aria-readonly</code> state set to "true" if the element has a <code title="attr-textarea-readonly"><a href="the-button-element.html#attr-textarea-readonly">readonly</a></code> attribute
-
-    </td></tr><tr><td><code><a href="tabular-data.html#the-th-element">th</a></code> element that is neither a <a href="#column-header">column header</a> nor a <a href="#row-header">row header</a>
-     </td><td><code title="attr-aria-role-gridcell">gridcell</code> role, with the <code title="attr-aria-labelledby">aria-labelledby</code> property set to the value of the <code title="attr-tdth-headers"><a href="tabular-data.html#attr-tdth-headers">headers</a></code> attribute, if any
-
-    </td></tr><tr><td><code><a href="tabular-data.html#the-th-element">th</a></code> element that is a <a href="#column-header">column header</a>
-     </td><td><code title="attr-aria-role-columnheader">columnheader</code> role, with the <code title="attr-aria-labelledby">aria-labelledby</code> property set to the value of the <code title="attr-tdth-headers"><a href="tabular-data.html#attr-tdth-headers">headers</a></code> attribute, if any
-
-    </td></tr><tr><td><code><a href="tabular-data.html#the-th-element">th</a></code> element that is a <a href="#row-header">row header</a>
-     </td><td><code title="attr-aria-role-rowheader">rowheader</code> role, with the <code title="attr-aria-labelledby">aria-labelledby</code> property set to the value of the <code title="attr-tdth-headers"><a href="tabular-data.html#attr-tdth-headers">headers</a></code> attribute, if any
-
-    </td></tr><tr><td><code><a href="tabular-data.html#the-tr-element">tr</a></code> element
-     </td><td><code title="attr-aria-role-row">row</code> role
-
-    </td></tr><tr><td>An element that <a href="commands.html#concept-command" title="concept-command">defines a command</a>, whose <a href="commands.html#command-facet-type" title="command-facet-type">Type</a> facet is "checkbox", and that is a descendant of a <code><a href="interactive-elements.html#menus">menu</a></code> element whose <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute in the <a href="interactive-elements.html#list-state" title="list state">list</a> state
-     </td><td><code title="attr-aria-role-menuitemcheckbox">menuitemcheckbox</code> role, with the <code title="attr-aria-checked">aria-checked</code> state set to "true" if the command's <a href="commands.html#command-facet-checkedstate" title="command-facet-checkedstate">Checked State</a> facet is true, and "false" otherwise
-
-    </td></tr><tr><td>An element that <a href="commands.html#concept-command" title="concept-command">defines a command</a>, whose <a href="commands.html#command-facet-type" title="command-facet-type">Type</a> facet is "command", and that is a descendant of a <code><a href="interactive-elements.html#menus">menu</a></code> element whose <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute in the <a href="interactive-elements.html#list-state" title="list state">list</a> state
-     </td><td><code title="attr-aria-role-menuitem">menuitem</code> role
-
-    </td></tr><tr><td>An element that <a href="commands.html#concept-command" title="concept-command">defines a command</a>, whose <a href="commands.html#command-facet-type" title="command-facet-type">Type</a> facet is "radio", and that is a descendant of a <code><a href="interactive-elements.html#menus">menu</a></code> element whose <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute in the <a href="interactive-elements.html#list-state" title="list state">list</a> state
-     </td><td><code title="attr-aria-role-menuitemradio">menuitemradio</code> role, with the <code title="attr-aria-checked">aria-checked</code> state set to "true" if the command's <a href="commands.html#command-facet-checkedstate" title="command-facet-checkedstate">Checked State</a> facet is true, and "false" otherwise
-
-    </td></tr><tr><td>Elements that are <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a>
-     </td><td>The <code title="title-aria-disabled">aria-disabled</code> state set to "true"
-
-    </td></tr><tr><td>Elements that are <a href="common-input-element-attributes.html#concept-input-required" title="concept-input-required">required</a>
-     </td><td>The <code title="title-aria-required">aria-required</code> state set to "true"
-
-  </td></tr></tbody></table><p>Some <a href="infrastructure.html#html-elements">HTML elements</a> have native semantics that can be
-  overridden. The following table lists these elements,
-  along with the restrictions that apply to those elements. Each
-  language feature (element or attribute) in a cell in the first
-  column implies, unless otherwise overriden, the ARIA semantic (role,
-  state, or property) given in the cell in the second column of the
-  same row, but this semantic may be overridden under the conditions
-  listed in the cell in the third column of that row.</p><table><thead><tr><th>Language feature
-     </th><th>Default implied ARIA semantic
-     </th><th>Restrictions
-
-   </th></tr></thead><tbody><tr><td><code><a href="sections.html#the-article-element">article</a></code> element
-     </td><td><code title="attr-aria-role-article">article</code> role
-     </td><td>Role must be either <code title="attr-aria-role-article">article</code>, <code title="attr-aria-role-document">document</code>, <code title="attr-aria-role-application">application</code>, or <code title="attr-aria-role-main">main</code>
-
-    </td></tr><tr><td><code><a href="sections.html#the-aside-element">aside</a></code> element
-     </td><td><code title="attr-aria-role-note">note</code> role
-     </td><td>Role must be either <code title="attr-aria-role-note">note</code>, <code title="attr-aria-role-complementary">complementary</code>, or <code title="attr-aria-role-search">search</code>
-
-    </td></tr><tr><td><code><a href="sections.html#the-header-element">header</a></code> element
-     </td><td>No role
-     </td><td>If specified, role must be <code title="attr-aria-role-banner">banner</code>
-
-    </td></tr><tr><td><code><a href="grouping-content.html#the-li-element">li</a></code> element whose parent is an <code><a href="grouping-content.html#the-ol-element">ol</a></code> or <code><a href="grouping-content.html#the-ul-element">ul</a></code> element
-     </td><td><code title="attr-aria-role-listitem">listitem</code> role
-     </td><td>Role must be either <code title="attr-aria-role-listitem">listitem</code> or <code title="attr-aria-role-treeitem">treeitem</code>
-
-    </td></tr><tr><td><code><a href="grouping-content.html#the-ol-element">ol</a></code> element
-     </td><td><code title="attr-aria-role-list">list</code> role
-     </td><td>Role must be either <code title="attr-aria-role-list">list</code>, <code title="attr-aria-role-tree">tree</code>, or <code title="attr-aria-role-directory">directory</code>
-
-    </td></tr><tr><td><code><a href="the-button-element.html#the-output-element">output</a></code> element
-     </td><td><code title="attr-aria-role-status">status</code> role
-     </td><td>No restrictions
-
-    </td></tr><tr><td><code><a href="sections.html#the-section-element">section</a></code> element
-     </td><td><code title="attr-aria-role-region">region</code> role
-     </td><td>Role must be either <code title="attr-aria-role-region">region</code>, <code title="attr-aria-role-document">document</code>, <code title="attr-aria-role-application">application</code>, <code title="attr-aria-role-contentinfo">contentinfo</code>, <code title="attr-aria-role-main">main</code>, <code title="attr-aria-role-search">search</code>, <code title="attr-aria-role-alert">alert</code>, <code title="attr-aria-role-dialog">dialog</code>, <code title="attr-aria-role-alertdialog">alertdialog</code>, <code title="attr-aria-role-status">status</code>, or <code title="attr-aria-role-log">log</code>
-
-    </td></tr><tr><td><code><a href="tabular-data.html#the-table-element">table</a></code> element
-     </td><td><code title="attr-aria-role-grid">grid</code> role
-     </td><td>Role must be either <code title="attr-aria-role-grid">grid</code> or <code title="attr-aria-role-treegrid">treegrid</code>
-
-    </td></tr><tr><td><code><a href="grouping-content.html#the-ul-element">ul</a></code> element
-     </td><td><code title="attr-aria-role-list">list</code> role
-     </td><td>Role must be either <code title="attr-aria-role-list">list</code> or <code title="attr-aria-role-tree">tree</code>, or <code title="attr-aria-role-directory">directory</code>
-
-    </td></tr><tr><td><a href="dom.html#the-body-element">The body element</a>
-     </td><td><code title="attr-aria-role-document">document</code> role
-     </td><td>Role must be either <code title="attr-aria-role-document">document</code> or <code title="attr-aria-role-application">application</code>
-
-  </td></tr></tbody></table></body></html>
\ No newline at end of file
+   h1, h2, h3, h4, h5, h6 { page-b
\ No newline at end of file

Index: states-of-the-type-attribute.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/states-of-the-type-attribute.html,v
retrieving revision 1.10
retrieving revision 1.11
diff -u -d -r1.10 -r1.11
--- states-of-the-type-attribute.html	6 Jan 2010 05:10:12 -0000	1.10
+++ states-of-the-type-attribute.html	6 Jan 2010 16:12:48 -0000	1.11
@@ -62,1031 +62,4 @@
    a .diff-new { border-bottom: 1px blue solid; }
 
    h2 { page-break-before: always; }
-   h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
-   h1 + h2, hr + h2.no-toc { page-break-before: auto; }
-
-   p > span:not([title=""]):not([class="XXX"]):not([class="impl"]), li > span:not([title=""]):not([class="XXX"]):not([class="impl"]) { border-bottom: solid #9999CC; }
-
-   div.head { margin: 0 0 1em; padding: 1em 0 0 0; }
-   div.head p { margin: 0; }
-   div.head h1 { margin: 0; }
[...1003 lines suppressed...]
- &lt;legend&gt;Destination&lt;/legend&gt;
- &lt;p&gt;&lt;label&gt;Airport: &lt;input type=text name=to list=airports&gt;&lt;/label&gt;&lt;/p&gt;
- &lt;p&gt;&lt;label&gt;Departure time: &lt;input type=datetime-local name=totime step=3600&gt;&lt;/label&gt;&lt;/p&gt;
-&lt;/fieldset&gt;
-&lt;datalist id=airports&gt;
- &lt;option value=ATL label="Atlanta"&gt;
- &lt;option value=MEM label="Memphis"&gt;
- &lt;option value=LHR label="London Heathrow"&gt;
- &lt;option value=LAX label="Los Angeles"&gt;
- &lt;option value=FRA label="Frankfurt"&gt;
-&lt;/datalist&gt;</pre>
-
-   <p>If the application instead used the <code title="attr-input-type-datetime"><a href="#date-and-time-state">datetime</a></code> type, then the
-   user would have to work out the time-zone conversions himself,
-   which is clearly not a good user experience!</p>
-
-  </div></body></html>
\ No newline at end of file
+   h1, h2, h3, h4
\ No newline at end of file

Index: named-character-references.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/named-character-references.html,v
retrieving revision 1.559
retrieving revision 1.560
diff -u -d -r1.559 -r1.560
--- named-character-references.html	6 Jan 2010 15:49:34 -0000	1.559
+++ named-character-references.html	6 Jan 2010 16:12:47 -0000	1.560
@@ -1,281 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
-<!DOCTYPE html>
-<!-- when publishing, change bits marked ZZZ --><html lang="en-US-x-Hixie" class="split chapter"><head><title>9.2 Named character references &#8212; HTML5 (Author Edition)</title><script src="link-fixup.js"></script><link href="whatwg.css" rel="stylesheet"><style type="text/css">
-   pre { margin-left: 2em; white-space: pre-wrap; }
-   h2 { margin: 3em 0 1em 0; }
-   h3 { margin: 2.5em 0 1em 0; }
-   h4 { margin: 2.5em 0 0.75em 0; }
-   h5, h6 { margin: 2.5em 0 1em; }
-   h1 + h2, h1 + h2 + h2 { margin: 0.75em 0 0.75em; }
-   h2 + h3, h3 + h4, h4 + h5, h5 + h6 { margin-top: 0.5em; }
-   p { margin: 1em 0; }
-   hr:not(.top) { display: block; background: none; border: none; padding: 0; margin: 2em 0; height: auto; }
-   dl, dd { margin-top: 0; margin-bottom: 0; }
-   dt { margin-top: 0.75em; margin-bottom: 0.25em; clear: left; }
-   dt + dt { margin-top: 0; }
-   dd dt { margin-top: 0.25em; margin-bottom: 0; }
-   dd p { margin-top: 0; }
-   dd dl + p { margin-top: 1em; }
-   dd table + p { margin-top: 1em; }
-   p + * > li, dd li { margin: 1em 0; }
-   dt, dfn { font-weight: bold; font-style: normal; }
-   dt dfn { font-style: italic; }
-   pre, code { font-size: inherit; font-family: monospace; font-variant: normal; }
-   pre strong { color: black; font: inherit; font-weight: bold; background: yellow; }
-   pre em { font-weight: bolder; font-style: normal; }
-   @media screen { code { color: orangered; } code :link, code :visited { color: inherit; } }
-   var sub { vertical-align: bottom; font-size: smaller; position: relative; top: 0.1em; }
-   table { border-collapse: collapse; border-style: hidden hidden none hidden; }
-   table thead { border-bottom: solid; }
-   table tbody th:first-child { border-left: solid; }
-   table tbody th { text-align: left; }
-   table td, table th { border-left: solid; border-right: solid; border-bottom: solid thin; vertical-align: top; padding: 0.2em; }
-   blockquote { margin: 0 0 0 2em; border: 0; padding: 0; font-style: italic; }
-
-   .bad, .bad *:not(.XXX) { color: gray; border-color: gray; background: transparent; }
-   .matrix, .matrix td { border: none; text-align: right; }
-   .matrix { margin-left: 2em; }
-   .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
-   .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
-   .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
-
-   .toc dfn, h1 dfn, h2 dfn, h3 dfn, h4 dfn, h5 dfn, h6 dfn { font: inherit; }
-   img.extra { float: right; }
-   pre.idl { border: solid thin; background: #EEEEEE; color: black; padding: 0.5em 1em; }
-   pre.idl :link, pre.idl :visited { color: inherit; background: transparent; }
-   pre.css { border: solid thin; background: #FFFFEE; color: black; padding: 0.5em 1em; }
-   pre.css:first-line { color: #AAAA50; }
-   dl.domintro { color: green; margin: 2em 0 2em 2em; padding: 0.5em 1em; border: none; background: #EEFFEE; }
-   hr + dl.domintro, div.impl + dl.domintro { margin-top: 2.5em; margin-bottom: 1.5em; }
-   dl.domintro dt, dl.domintro dt * { color: black; text-decoration: none; }
-   dl.domintro dd { margin: 0.5em 0 1em 2em; padding: 0; }
-   dl.domintro dd p { margin: 0.5em 0; }
-   dl.switch { padding-left: 2em; }
-   dl.switch > dt { text-indent: -1.5em; }
-   dl.switch > dt:before { content: '\21AA'; padding: 0 0.5em 0 0; display: inline-block; width: 1em; text-align: right; line-height: 0.5em; }
-   dl.triple { padding: 0 0 0 1em; }
-   dl.triple dt, dl.triple dd { margin: 0; display: inline }
-   dl.triple dt:after { content: ':'; }
-   dl.triple dd:after { content: '\A'; white-space: pre; }
-   .diff-old { text-decoration: line-through; color: silver; background: transparent; }
-   .diff-chg, .diff-new { text-decoration: underline; color: green; background: transparent; }
-   a .diff-new { border-bottom: 1px blue solid; }
-
-   h2 { page-break-before: always; }
-   h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
-   h1 + h2, hr + h2.no-toc { page-break-before: auto; }
-
-   p > span:not([title=""]):not([class="XXX"]):not([class="impl"]), li > span:not([title=""]):not([class="XXX"]):not([class="impl"]) { border-bottom: solid #9999CC; }
-
-   div.head { margin: 0 0 1em; padding: 1em 0 0 0; }
-   div.head p { margin: 0; }
-   div.head h1 { margin: 0; }
-   div.head .logo { float: right; margin: 0 1em; }
-   div.head .logo img { border: none } /* remove border from top image */
-   div.head dl { margin: 1em 0; }
-   div.head p.copyright, div.head p.alt { font-size: x-small; font-style: oblique; margin: 0; }
-
-   body > .toc > li { margin-top: 1em; margin-bottom: 1em; }
-   body > .toc.brief > li { margin-top: 0.35em; margin-bottom: 0.35em; }
-   body > .toc > li > * { margin-bottom: 0.5em; }
-   body > .toc > li > * > li > * { margin-bottom: 0.25em; }
-   .toc, .toc li { list-style: none; }
-
-   .brief { margin-top: 1em; margin-bottom: 1em; line-height: 1.1; }
-   .brief li { margin: 0; padding: 0; }
-   .brief li p { margin: 0; padding: 0; }
-
-   .category-list { margin-top: -0.75em; margin-bottom: 1em; line-height: 1.5; }
-   .category-list::before { content: '\21D2\A0'; font-size: 1.2em; font-weight: 900; }
-   .category-list li { display: inline; }
-   .category-list li:not(:last-child)::after { content: ', '; }
-   .category-list li > span, .category-list li > a { text-transform: lowercase; }
-   .category-list li * { text-transform: none; } /* don't affect <code> nested in <a> */
-
-   .XXX { color: #E50000; background: white; border: solid red; padding: 0.5em; margin: 1em 0; }
-   .XXX > :first-child { margin-top: 0; }
-   p .XXX { line-height: 3em; }
-   .annotation { border: solid thin black; background: #0C479D; color: white; position: relative; margin: 8px 0 20px 0; }
-   .annotation:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 6px -6px -6px 6px; background: #333333; z-index: -1; content: ''; }
-   .annotation :link, .annotation :visited { color: inherit; }
-   .annotation :link:hover, .annotation :visited:hover { background: transparent; }
-   .annotation span { border: none ! important; }
-   .note { color: green; background: transparent; font-family: sans-serif; }
-   .warning { color: red; background: transparent; }
-   .note, .warning { font-weight: bolder; font-style: italic; }
-   p.note, div.note { padding: 0.5em 2em; }
-   span.note { padding: 0 2em; }
-   .note p:first-child, .warning p:first-child { margin-top: 0; }
-   .note p:last-child, .warning p:last-child { margin-bottom: 0; }
-   .warning:before { font-style: normal; }
-   p.note:before { content: 'Note: '; }
-   p.warning:before { content: '\26A0 Warning! '; }
-
-   .bookkeeping:before { display: block; content: 'Bookkeeping details'; font-weight: bolder; font-style: italic; }
-   .bookkeeping { font-size: 0.8em; margin: 2em 0; }
-   .bookkeeping p { margin: 0.5em 2em; display: list-item; list-style: square; }
-
-   h4 { position: relative; z-index: 3; }
-   h4 + .element, h4 + div + .element { margin-top: -2.5em; padding-top: 2em; }
-   .element {
-     background: #EEEEFF;
-     color: black;
-     margin: 0 0 1em 0.15em;
-     padding: 0 1em 0.25em 0.75em;
-     border-left: solid #9999FF 0.25em;
-     position: relative;
-     z-index: 1;
-   }
-   .element:before {
-     position: absolute;
-     z-index: 2;
-     top: 0;
-     left: -1.15em;
-     height: 2em;
-     width: 0.9em;
-     background: #EEEEFF;
-     content: ' ';
-     border-style: none none solid solid;
-     border-color: #9999FF;
-     border-width: 0.25em;
-   }
-
-   .example { display: block; color: #222222; background: #FCFCFC; border-left: double; margin-left: 2em; padding-left: 1em; }
-   td > .example:only-child { margin: 0 0 0 0.1em; }
-
-   .tall-and-narrow {
-     font-size: 0.6em;
-     column-width: 25em;
-     column-gap: 1em;
-     -moz-column-width: 25em;
-     -moz-column-gap: 1em;
-     -webkit-column-width: 25em;
-     -webkit-column-gap: 1em;
-   }
-
-   ul.domTree, ul.domTree ul { padding: 0 0 0 1em; margin: 0; }
-   ul.domTree li { padding: 0; margin: 0; list-style: none; position: relative; }
-   ul.domTree li li { list-style: none; }
-   ul.domTree li:first-child::before { position: absolute; top: 0; height: 0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
-   ul.domTree li:not(:last-child)::after { position: absolute; top: 0; bottom: -0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
-   ul.domTree span { font-style: italic; font-family: serif; }
-   ul.domTree .t1 code { color: purple; font-weight: bold; }
-   ul.domTree .t2 { font-style: normal; font-family: monospace; }
-   ul.domTree .t2 .name { color: black; font-weight: bold; }
-   ul.domTree .t2 .value { color: blue; font-weight: normal; }
-   ul.domTree .t3 code, .domTree .t4 code, .domTree .t5 code { color: gray; }
-   ul.domTree .t7 code, .domTree .t8 code { color: green; }
-   ul.domTree .t10 code { color: teal; }
-
-   #configUI { position: absolute; z-index: 20; top: 10em; right: 1em; width: 11em; font-size: small; }
-   #configUI p { margin: 0.5em 0; padding: 0.3em; background: #EEEEEE; color: black; border: inset thin; }
-   #configUI p label { display: block; }
-   #configUI #updateUI, #configUI .loginUI { text-align: center; }
-   #configUI input[type=button] { display: block; margin: auto; }
-  </style><style type="text/css">
-
-   .applies thead th > * { display: block; }
-   .applies thead code { display: block; }
-   .applies tbody th { whitespace: nowrap; }
-   .applies td { text-align: center; }
-   .applies .yes { background: yellow; }
-
-   .matrix, .matrix td { border: none; text-align: right; }
-   .matrix { margin-left: 2em; }
-
-   .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
-   .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
-   .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
-
-   #table-example-1 { border: solid thin; border-collapse: collapse; margin-left: 3em; }
-   #table-example-1 * { font-family: "Essays1743", serif; line-height: 1.01em; }
-   #table-example-1 caption { padding-bottom: 0.5em; }
-   #table-example-1 thead, #table-example-1 tbody { border: none; }
-   #table-example-1 th, #table-example-1 td { border: solid thin; }
-   #table-example-1 th { font-weight: normal; }
-   #table-example-1 td { border-style: none solid; vertical-align: top; }
-   #table-example-1 th { padding: 0.5em; vertical-align: middle; text-align: center; }
-   #table-example-1 tbody tr:first-child td { padding-top: 0.5em; }
-   #table-example-1 tbody tr:last-child td { padding-bottom: 1.5em; }
-   #table-example-1 tbody td:first-child { padding-left: 2.5em; padding-right: 0; width: 9em; }
-   #table-example-1 tbody td:first-child::after { content: leader(". "); }
-   #table-example-1 tbody td { padding-left: 2em; padding-right: 2em; }
-   #table-example-1 tbody td:first-child + td { width: 10em; }
-   #table-example-1 tbody td:first-child + td ~ td { width: 2.5em; }
-   #table-example-1 tbody td:first-child + td + td + td ~ td { width: 1.25em; }
-
-   .apple-table-examples { border: none; border-collapse: separate; border-spacing: 1.5em 0em; width: 40em; margin-left: 3em; }
-   .apple-table-examples * { font-family: "Times", serif; }
-   .apple-table-examples td, .apple-table-examples th { border: none; white-space: nowrap; padding-top: 0; padding-bottom: 0; }
-   .apple-table-examples tbody th:first-child { border-left: none; width: 100%; }
-   .apple-table-examples thead th:first-child ~ th { font-size: smaller; font-weight: bolder; border-bottom: solid 2px; text-align: center; }
-   .apple-table-examples tbody th::after, .apple-table-examples tfoot th::after { content: leader(". ") }
-   .apple-table-examples tbody th, .apple-table-examples tfoot th { font: inherit; text-align: left; }
-   .apple-table-examples td { text-align: right; vertical-align: top; }
-   .apple-table-examples.e1 tbody tr:last-child td { border-bottom: solid 1px; }
-   .apple-table-examples.e1 tbody + tbody tr:last-child td { border-bottom: double 3px; }
-   .apple-table-examples.e2 th[scope=row] { padding-left: 1em; }
-   .apple-table-examples sup { line-height: 0; }
-
-  </style><link href="data:text/css," rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" rel="alternate stylesheet" title="Highlight implementation requirements"><link href="data:text/css," id="complete" rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20%7B%20display:%20none;%20%7D" id="author" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20%7B%20background:%20%23FFEEEE;%20%7D" id="highlight" rel="alternate stylesheet" title="Highlight implementation requirements"><script>
-   function getCookie(name) {
-     var params = location.search.substr(1).split("&");
-     for (var index = 0; index < params.length; index++) {
-       if (params[index] == name)
-         return "1";
-       var data = params[index].split("=");
-       if (data[0] == name)
-         return unescape(data[1]);
-     }
-     var cookies = document.cookie.split("; ");
-     for (var index = 0; index < cookies.length; index++) {
-       var data = cookies[index].split("=");
-       if (data[0] == name)
-         return unescape(data[1]);
-     }
-     return null;
-   }
-   function load(script) {
-     var e = document.createElement('script');
-     e.setAttribute('src', 'http://www.whatwg.org/specs/web-apps/current-work/' + script + '?' + encodeURIComponent(location) + '&' + encodeURIComponent(document.referrer));
-     document.body.appendChild(e);
-   }
-   function init() {
-     if (location.search == '?slow-browser')
-       return;
-     var configUI = document.createElement('div');
-     configUI.id = 'configUI';
-     document.body.appendChild(configUI);
-     // load('reviewer.js'); // would need cross-site XHR
-     if (document.getElementById('head'))
-       load('toc.js');
-     
-     // load('updater.js'); // would need cross-site XHR
-     load('dfn.js');
-     // load('status.js'); // would need cross-site XHR
-     if (getCookie('profile') == '1')
-       document.getElementsByTagName('h2')[0].textContent += '; load: ' + (new Date() - loadTimer) + 'ms';
-     fixBrokenLink();
-   }
-  </script><link href="http://www.w3.org/StyleSheets/TR/W3C-ED" rel="stylesheet" type="text/css"><link href="syntax.html" title="9 The HTML syntax" rel="prev">
-  <link href="Overview.html#contents" title="Table of contents" rel="index">
-  <link href="the-xhtml-syntax.html" title="10 The XHTML syntax" rel="next">
-  </head><body onload="fixBrokenLink(); init()"><div class="head" id="head">
-   <p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
-   <h1>HTML5 (Author Edition)</h1>
-   </div><div>
-   <a href="syntax.html">&#8592; 9 The HTML syntax</a> &#8211;
-   <a href="Overview.html#contents">Table of contents</a> &#8211;
-   <a href="the-xhtml-syntax.html">10 The XHTML syntax &#8594;</a>
-  </div>
-
-  <h3 id="named-character-references"><span class="secno">9.2 </span><dfn>Named character references</dfn></h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>This table lists the character reference names that are supported
-  by HTML, and the code points to which they refer. It is referenced
-  by the previous sections.</p><div class="tall-and-narrow">
-   <table><thead><tr><th> Name </th> <th> Character </th> </tr></thead><tbody><tr><td> <code title="">AElig;</code> </td> <td> U+000C6 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">AMP;</code> </td> <td> U+00026 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Aacute;</code> </td> <td> U+000C1 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Abreve;</code> </td> <td> U+00102 </td> </tr><tr><td> <code title="">Acirc;</code> </td> <td> U+000C2 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Acy;</code> </td> <td> U+00410 </td> </tr><tr><td> <code title="">Afr;</code> </td> <td> U+1D504 </td> </tr><tr><td> <code title="">Agrave;</code> </td> <td> U+000C0 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Alpha;</code> </td> <td> U+00391 </td> </tr><tr><td> <code title="">Amacr;</code> </td> <td> U+00100 </td> </tr><tr><td> <code title="">And;</code> </td> <td> U+02A53 </td> </tr><tr><td> <code title="">Aogon;</code> </td> <td> U+00104 </td> </tr><tr><td> <code title="">Aopf;</code> </td> <td> U+1D538 </td> </tr><tr><td> <code title="">ApplyFunction;</code> </td> <td> U+02061 </td> </tr><tr><td> <code title="">Aring;</code> </td> <td> U+000C5 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Ascr;</code> </td> <td> U+1D49C </td> </tr><tr><td> <code title="">Assign;</code> </td> <td> U+02254 </td> </tr><tr><td> <code title="">Atilde;</code> </td> <td> U+000C3 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Auml;</code> </td> <td> U+000C4 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Backslash;</code> </td> <td> U+02216 </td> </tr><tr><td> <code title="">Barv;</code> </td> <td> U+02AE7 </td> </tr><tr><td> <code title="">Barwed;</code> </td> <td> U+02306 </td> </tr><tr><td> <code title="">Bcy;</code> </td> <td> U+00411 </td> </tr><tr><td> <code title="">Because;</code> </td> <td> U+02235 </td> </tr><tr><td> <code title="">Bernoullis;</code> </td> <td> U+0212C </td> </tr><tr><td> <code title="">Beta;</code> </td> <td> U+00392 </td> </tr><tr><td> <code title="">Bfr;</code> </td> <td> U+1D505 </td> </tr><tr><td> <code title="">Bopf;</code> </td> <td> U+1D539 </td> </tr><tr><td> <code title="">Breve;</code> </td> <td> U+002D8 </td> </tr><tr><td> <code title="">Bscr;</code> </td> <td> U+0212C </td> </tr><tr><td> <code title="">Bumpeq;</code> </td> <td> U+0224E </td> </tr><tr><td> <code title="">CHcy;</code> </td> <td> U+00427 </td> </tr><tr><td> <code title="">COPY;</code> </td> <td> U+000A9 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Cacute;</code> </td> <td> U+00106 </td> </tr><tr><td> <code title="">Cap;</code> </td> <td> U+022D2 </td> </tr><tr><td> <code title="">CapitalDifferentialD;</code> </td> <td> U+02145 </td> </tr><tr><td> <code title="">Cayleys;</code> </td> <td> U+0212D </td> </tr><tr><td> <code title="">Ccaron;</code> </td> <td> U+0010C </td> </tr><tr><td> <code title="">Ccedil;</code> </td> <td> U+000C7 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Ccirc;</code> </td> <td> U+00108 </td> </tr><tr><td> <code title="">Cconint;</code> </td> <td> U+02230 </td> </tr><tr><td> <code title="">Cdot;</code> </td> <td> U+0010A </td> </tr><tr><td> <code title="">Cedilla;</code> </td> <td> U+000B8 </td> </tr><tr><td> <code title="">CenterDot;</code> </td> <td> U+000B7 </td> </tr><tr><td> <code title="">Cfr;</code> </td> <td> U+0212D </td> </tr><tr><td> <code title="">Chi;</code> </td> <td> U+003A7 </td> </tr><tr><td> <code title="">CircleDot;</code> </td> <td> U+02299 </td> </tr><tr><td> <code title="">CircleMinus;</code> </td> <td> U+02296 </td> </tr><tr><td> <code title="">CirclePlus;</code> </td> <td> U+02295 </td> </tr><tr><td> <code title="">CircleTimes;</code> </td> <td> U+02297 </td> </tr><tr><td> <code title="">ClockwiseContourIntegral;</code> </td> <td> U+02232 </td> </tr><tr><td> <code title="">CloseCurlyDoubleQuote;</code> </td> <td> U+0201D </td> </tr><tr><td> <code title="">CloseCurlyQuote;</code> </td> <td> U+02019 </td> </tr><tr><td> <code title="">Colon;</code> </td> <td> U+02237 </td> </tr><tr><td> <code title="">Colone;</code> </td> <td> U+02A74 </td> </tr><tr><td> <code title="">Congruent;</code> </td> <td> U+02261 </td> </tr><tr><td> <code title="">Conint;</code> </td> <td> U+0222F </td> </tr><tr><td> <code title="">ContourIntegral;</code> </td> <td> U+0222E </td> </tr><tr><td> <code title="">Copf;</code> </td> <td> U+02102 </td> </tr><tr><td> <code title="">Coproduct;</code> </td> <td> U+02210 </td> </tr><tr><td> <code title="">CounterClockwiseContourIntegral;</code> </td> <td> U+02233 </td> </tr><tr><td> <code title="">Cross;</code> </td> <td> U+02A2F </td> </tr><tr><td> <code title="">Cscr;</code> </td> <td> U+1D49E </td> </tr><tr><td> <code title="">Cup;</code> </td> <td> U+022D3 </td> </tr><tr><td> <code title="">CupCap;</code> </td> <td> U+0224D </td> </tr><tr><td> <code title="">DD;</code> </td> <td> U+02145 </td> </tr><tr><td> <code title="">DDotrahd;</code> </td> <td> U+02911 </td> </tr><tr><td> <code title="">DJcy;</code> </td> <td> U+00402 </td> </tr><tr><td> <code title="">DScy;</code> </td> <td> U+00405 </td> </tr><tr><td> <code title="">DZcy;</code> </td> <td> U+0040F </td> </tr><tr><td> <code title="">Dagger;</code> </td> <td> U+02021 </td> </tr><tr><td> <code title="">Darr;</code> </td> <td> U+021A1 </td> </tr><tr><td> <code title="">Dashv;</code> </td> <td> U+02AE4 </td> </tr><tr><td> <code title="">Dcaron;</code> </td> <td> U+0010E </td> </tr><tr><td> <code title="">Dcy;</code> </td> <td> U+00414 </td> </tr><tr><td> <code title="">Del;</code> </td> <td> U+02207 </td> </tr><tr><td> <code title="">Delta;</code> </td> <td> U+00394 </td> </tr><tr><td> <code title="">Dfr;</code> </td> <td> U+1D507 </td> </tr><tr><td> <code title="">DiacriticalAcute;</code> </td> <td> U+000B4 </td> </tr><tr><td> <code title="">DiacriticalDot;</code> </td> <td> U+002D9 </td> </tr><tr><td> <code title="">DiacriticalDoubleAcute;</code> </td> <td> U+002DD </td> </tr><tr><td> <code title="">DiacriticalGrave;</code> </td> <td> U+00060 </td> </tr><tr><td> <code title="">DiacriticalTilde;</code> </td> <td> U+002DC </td> </tr><tr><td> <code title="">Diamond;</code> </td> <td> U+022C4 </td> </tr><tr><td> <code title="">DifferentialD;</code> </td> <td> U+02146 </td> </tr><tr><td> <code title="">Dopf;</code> </td> <td> U+1D53B </td> </tr><tr><td> <code title="">Dot;</code> </td> <td> U+000A8 </td> </tr><tr><td> <code title="">DotDot;</code> </td> <td> U+020DC </td> </tr><tr><td> <code title="">DotEqual;</code> </td> <td> U+02250 </td> </tr><tr><td> <code title="">DoubleContourIntegral;</code> </td> <td> U+0222F </td> </tr><tr><td> <code title="">DoubleDot;</code> </td> <td> U+000A8 </td> </tr><tr><td> <code title="">DoubleDownArrow;</code> </td> <td> U+021D3 </td> </tr><tr><td> <code title="">DoubleLeftArrow;</code> </td> <td> U+021D0 </td> </tr><tr><td> <code title="">DoubleLeftRightArrow;</code> </td> <td> U+021D4 </td> </tr><tr><td> <code title="">DoubleLeftTee;</code> </td> <td> U+02AE4 </td> </tr><tr><td> <code title="">DoubleLongLeftArrow;</code> </td> <td> U+027F8 </td> </tr><tr><td> <code title="">DoubleLongLeftRightArrow;</code> </td> <td> U+027FA </td> </tr><tr><td> <code title="">DoubleLongRightArrow;</code> </td> <td> U+027F9 </td> </tr><tr><td> <code title="">DoubleRightArrow;</code> </td> <td> U+021D2 </td> </tr><tr><td> <code title="">DoubleRightTee;</code> </td> <td> U+022A8 </td> </tr><tr><td> <code title="">DoubleUpArrow;</code> </td> <td> U+021D1 </td> </tr><tr><td> <code title="">DoubleUpDownArrow;</code> </td> <td> U+021D5 </td> </tr><tr><td> <code title="">DoubleVerticalBar;</code> </td> <td> U+02225 </td> </tr><tr><td> <code title="">DownArrow;</code> </td> <td> U+02193 </td> </tr><tr><td> <code title="">DownArrowBar;</code> </td> <td> U+02913 </td> </tr><tr><td> <code title="">DownArrowUpArrow;</code> </td> <td> U+021F5 </td> </tr><tr><td> <code title="">DownBreve;</code> </td> <td> U+00311 </td> </tr><tr><td> <code title="">DownLeftRightVector;</code> </td> <td> U+02950 </td> </tr><tr><td> <code title="">DownLeftTeeVector;</code> </td> <td> U+0295E </td> </tr><tr><td> <code title="">DownLeftVector;</code> </td> <td> U+021BD </td> </tr><tr><td> <code title="">DownLeftVectorBar;</code> </td> <td> U+02956 </td> </tr><tr><td> <code title="">DownRightTeeVector;</code> </td> <td> U+0295F </td> </tr><tr><td> <code title="">DownRightVector;</code> </td> <td> U+021C1 </td> </tr><tr><td> <code title="">DownRightVectorBar;</code> </td> <td> U+02957 </td> </tr><tr><td> <code title="">DownTee;</code> </td> <td> U+022A4 </td> </tr><tr><td> <code title="">DownTeeArrow;</code> </td> <td> U+021A7 </td> </tr><tr><td> <code title="">Downarrow;</code> </td> <td> U+021D3 </td> </tr><tr><td> <code title="">Dscr;</code> </td> <td> U+1D49F </td> </tr><tr><td> <code title="">Dstrok;</code> </td> <td> U+00110 </td> </tr><tr><td> <code title="">ENG;</code> </td> <td> U+0014A </td> </tr><tr><td> <code title="">ETH;</code> </td> <td> U+000D0 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Eacute;</code> </td> <td> U+000C9 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Ecaron;</code> </td> <td> U+0011A </td> </tr><tr><td> <code title="">Ecirc;</code> </td> <td> U+000CA </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Ecy;</code> </td> <td> U+0042D </td> </tr><tr><td> <code title="">Edot;</code> </td> <td> U+00116 </td> </tr><tr><td> <code title="">Efr;</code> </td> <td> U+1D508 </td> </tr><tr><td> <code title="">Egrave;</code> </td> <td> U+000C8 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Element;</code> </td> <td> U+02208 </td> </tr><tr><td> <code title="">Emacr;</code> </td> <td> U+00112 </td> </tr><tr><td> <code title="">EmptySmallSquare;</code> </td> <td> U+025FB </td> </tr><tr><td> <code title="">EmptyVerySmallSquare;</code> </td> <td> U+025AB </td> </tr><tr><td> <code title="">Eogon;</code> </td> <td> U+00118 </td> </tr><tr><td> <code title="">Eopf;</code> </td> <td> U+1D53C </td> </tr><tr><td> <code title="">Epsilon;</code> </td> <td> U+00395 </td> </tr><tr><td> <code title="">Equal;</code> </td> <td> U+02A75 </td> </tr><tr><td> <code title="">EqualTilde;</code> </td> <td> U+02242 </td> </tr><tr><td> <code title="">Equilibrium;</code> </td> <td> U+021CC </td> </tr><tr><td> <code title="">Escr;</code> </td> <td> U+02130 </td> </tr><tr><td> <code title="">Esim;</code> </td> <td> U+02A73 </td> </tr><tr><td> <code title="">Eta;</code> </td> <td> U+00397 </td> </tr><tr><td> <code title="">Euml;</code> </td> <td> U+000CB </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Exists;</code> </td> <td> U+02203 </td> </tr><tr><td> <code title="">ExponentialE;</code> </td> <td> U+02147 </td> </tr><tr><td> <code title="">Fcy;</code> </td> <td> U+00424 </td> </tr><tr><td> <code title="">Ffr;</code> </td> <td> U+1D509 </td> </tr><tr><td> <code title="">FilledSmallSquare;</code> </td> <td> U+025FC </td> </tr><tr><td> <code title="">FilledVerySmallSquare;</code> </td> <td> U+025AA </td> </tr><tr><td> <code title="">Fopf;</code> </td> <td> U+1D53D </td> </tr><tr><td> <code title="">ForAll;</code> </td> <td> U+02200 </td> </tr><tr><td> <code title="">Fouriertrf;</code> </td> <td> U+02131 </td> </tr><tr><td> <code title="">Fscr;</code> </td> <td> U+02131 </td> </tr><tr><td> <code title="">GJcy;</code> </td> <td> U+00403 </td> </tr><tr><td> <code title="">GT;</code> </td> <td> U+0003E </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Gamma;</code> </td> <td> U+00393 </td> </tr><tr><td> <code title="">Gammad;</code> </td> <td> U+003DC </td> </tr><tr><td> <code title="">Gbreve;</code> </td> <td> U+0011E </td> </tr><tr><td> <code title="">Gcedil;</code> </td> <td> U+00122 </td> </tr><tr><td> <code title="">Gcirc;</code> </td> <td> U+0011C </td> </tr><tr><td> <code title="">Gcy;</code> </td> <td> U+00413 </td> </tr><tr><td> <code title="">Gdot;</code> </td> <td> U+00120 </td> </tr><tr><td> <code title="">Gfr;</code> </td> <td> U+1D50A </td> </tr><tr><td> <code title="">Gg;</code> </td> <td> U+022D9 </td> </tr><tr><td> <code title="">Gopf;</code> </td> <td> U+1D53E </td> </tr><tr><td> <code title="">GreaterEqual;</code> </td> <td> U+02265 </td> </tr><tr><td> <code title="">GreaterEqualLess;</code> </td> <td> U+022DB </td> </tr><tr><td> <code title="">GreaterFullEqual;</code> </td> <td> U+02267 </td> </tr><tr><td> <code title="">GreaterGreater;</code> </td> <td> U+02AA2 </td> </tr><tr><td> <code title="">GreaterLess;</code> </td> <td> U+02277 </td> </tr><tr><td> <code title="">GreaterSlantEqual;</code> </td> <td> U+02A7E </td> </tr><tr><td> <code title="">GreaterTilde;</code> </td> <td> U+02273 </td> </tr><tr><td> <code title="">Gscr;</code> </td> <td> U+1D4A2 </td> </tr><tr><td> <code title="">Gt;</code> </td> <td> U+0226B </td> </tr><tr><td> <code title="">HARDcy;</code> </td> <td> U+0042A </td> </tr><tr><td> <code title="">Hacek;</code> </td> <td> U+002C7 </td> </tr><tr><td> <code title="">Hat;</code> </td> <td> U+0005E </td> </tr><tr><td> <code title="">Hcirc;</code> </td> <td> U+00124 </td> </tr><tr><td> <code title="">Hfr;</code> </td> <td> U+0210C </td> </tr><tr><td> <code title="">HilbertSpace;</code> </td> <td> U+0210B </td> </tr><tr><td> <code title="">Hopf;</code> </td> <td> U+0210D </td> </tr><tr><td> <code title="">HorizontalLine;</code> </td> <td> U+02500 </td> </tr><tr><td> <code title="">Hscr;</code> </td> <td> U+0210B </td> </tr><tr><td> <code title="">Hstrok;</code> </td> <td> U+00126 </td> </tr><tr><td> <code title="">HumpDownHump;</code> </td> <td> U+0224E </td> </tr><tr><td> <code title="">HumpEqual;</code> </td> <td> U+0224F </td> </tr><tr><td> <code title="">IEcy;</code> </td> <td> U+00415 </td> </tr><tr><td> <code title="">IJlig;</code> </td> <td> U+00132 </td> </tr><tr><td> <code title="">IOcy;</code> </td> <td> U+00401 </td> </tr><tr><td> <code title="">Iacute;</code> </td> <td> U+000CD </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Icirc;</code> </td> <td> U+000CE </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Icy;</code> </td> <td> U+00418 </td> </tr><tr><td> <code title="">Idot;</code> </td> <td> U+00130 </td> </tr><tr><td> <code title="">Ifr;</code> </td> <td> U+02111 </td> </tr><tr><td> <code title="">Igrave;</code> </td> <td> U+000CC </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Im;</code> </td> <td> U+02111 </td> </tr><tr><td> <code title="">Imacr;</code> </td> <td> U+0012A </td> </tr><tr><td> <code title="">ImaginaryI;</code> </td> <td> U+02148 </td> </tr><tr><td> <code title="">Implies;</code> </td> <td> U+021D2 </td> </tr><tr><td> <code title="">Int;</code> </td> <td> U+0222C </td> </tr><tr><td> <code title="">Integral;</code> </td> <td> U+0222B </td> </tr><tr><td> <code title="">Intersection;</code> </td> <td> U+022C2 </td> </tr><tr><td> <code title="">InvisibleComma;</code> </td> <td> U+02063 </td> </tr><tr><td> <code title="">InvisibleTimes;</code> </td> <td> U+02062 </td> </tr><tr><td> <code title="">Iogon;</code> </td> <td> U+0012E </td> </tr><tr><td> <code title="">Iopf;</code> </td> <td> U+1D540 </td> </tr><tr><td> <code title="">Iota;</code> </td> <td> U+00399 </td> </tr><tr><td> <code title="">Iscr;</code> </td> <td> U+02110 </td> </tr><tr><td> <code title="">Itilde;</code> </td> <td> U+00128 </td> </tr><tr><td> <code title="">Iukcy;</code> </td> <td> U+00406 </td> </tr><tr><td> <code title="">Iuml;</code> </td> <td> U+000CF </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Jcirc;</code> </td> <td> U+00134 </td> </tr><tr><td> <code title="">Jcy;</code> </td> <td> U+00419 </td> </tr><tr><td> <code title="">Jfr;</code> </td> <td> U+1D50D </td> </tr><tr><td> <code title="">Jopf;</code> </td> <td> U+1D541 </td> </tr><tr><td> <code title="">Jscr;</code> </td> <td> U+1D4A5 </td> </tr><tr><td> <code title="">Jsercy;</code> </td> <td> U+00408 </td> </tr><tr><td> <code title="">Jukcy;</code> </td> <td> U+00404 </td> </tr><tr><td> <code title="">KHcy;</code> </td> <td> U+00425 </td> </tr><tr><td> <code title="">KJcy;</code> </td> <td> U+0040C </td> </tr><tr><td> <code title="">Kappa;</code> </td> <td> U+0039A </td> </tr><tr><td> <code title="">Kcedil;</code> </td> <td> U+00136 </td> </tr><tr><td> <code title="">Kcy;</code> </td> <td> U+0041A </td> </tr><tr><td> <code title="">Kfr;</code> </td> <td> U+1D50E </td> </tr><tr><td> <code title="">Kopf;</code> </td> <td> U+1D542 </td> </tr><tr><td> <code title="">Kscr;</code> </td> <td> U+1D4A6 </td> </tr><tr><td> <code title="">LJcy;</code> </td> <td> U+00409 </td> </tr><tr><td> <code title="">LT;</code> </td> <td> U+0003C </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Lacute;</code> </td> <td> U+00139 </td> </tr><tr><td> <code title="">Lambda;</code> </td> <td> U+0039B </td> </tr><tr><td> <code title="">Lang;</code> </td> <td> U+027EA </td> </tr><tr><td> <code title="">Laplacetrf;</code> </td> <td> U+02112 </td> </tr><tr><td> <code title="">Larr;</code> </td> <td> U+0219E </td> </tr><tr><td> <code title="">Lcaron;</code> </td> <td> U+0013D </td> </tr><tr><td> <code title="">Lcedil;</code> </td> <td> U+0013B </td> </tr><tr><td> <code title="">Lcy;</code> </td> <td> U+0041B </td> </tr><tr><td> <code title="">LeftAngleBracket;</code> </td> <td> U+027E8 </td> </tr><tr><td> <code title="">LeftArrow;</code> </td> <td> U+02190 </td> </tr><tr><td> <code title="">LeftArrowBar;</code> </td> <td> U+021E4 </td> </tr><tr><td> <code title="">LeftArrowRightArrow;</code> </td> <td> U+021C6 </td> </tr><tr><td> <code title="">LeftCeiling;</code> </td> <td> U+02308 </td> </tr><tr><td> <code title="">LeftDoubleBracket;</code> </td> <td> U+027E6 </td> </tr><tr><td> <code title="">LeftDownTeeVector;</code> </td> <td> U+02961 </td> </tr><tr><td> <code title="">LeftDownVector;</code> </td> <td> U+021C3 </td> </tr><tr><td> <code title="">LeftDownVectorBar;</code> </td> <td> U+02959 </td> </tr><tr><td> <code title="">LeftFloor;</code> </td> <td> U+0230A </td> </tr><tr><td> <code title="">LeftRightArrow;</code> </td> <td> U+02194 </td> </tr><tr><td> <code title="">LeftRightVector;</code> </td> <td> U+0294E </td> </tr><tr><td> <code title="">LeftTee;</code> </td> <td> U+022A3 </td> </tr><tr><td> <code title="">LeftTeeArrow;</code> </td> <td> U+021A4 </td> </tr><tr><td> <code title="">LeftTeeVector;</code> </td> <td> U+0295A </td> </tr><tr><td> <code title="">LeftTriangle;</code> </td> <td> U+022B2 </td> </tr><tr><td> <code title="">LeftTriangleBar;</code> </td> <td> U+029CF </td> </tr><tr><td> <code title="">LeftTriangleEqual;</code> </td> <td> U+022B4 </td> </tr><tr><td> <code title="">LeftUpDownVector;</code> </td> <td> U+02951 </td> </tr><tr><td> <code title="">LeftUpTeeVector;</code> </td> <td> U+02960 </td> </tr><tr><td> <code title="">LeftUpVector;</code> </td> <td> U+021BF </td> </tr><tr><td> <code title="">LeftUpVectorBar;</code> </td> <td> U+02958 </td> </tr><tr><td> <code title="">LeftVector;</code> </td> <td> U+021BC </td> </tr><tr><td> <code title="">LeftVectorBar;</code> </td> <td> U+02952 </td> </tr><tr><td> <code title="">Leftarrow;</code> </td> <td> U+021D0 </td> </tr><tr><td> <code title="">Leftrightarrow;</code> </td> <td> U+021D4 </td> </tr><tr><td> <code title="">LessEqualGreater;</code> </td> <td> U+022DA </td> </tr><tr><td> <code title="">LessFullEqual;</code> </td> <td> U+02266 </td> </tr><tr><td> <code title="">LessGreater;</code> </td> <td> U+02276 </td> </tr><tr><td> <code title="">LessLess;</code> </td> <td> U+02AA1 </td> </tr><tr><td> <code title="">LessSlantEqual;</code> </td> <td> U+02A7D </td> </tr><tr><td> <code title="">LessTilde;</code> </td> <td> U+02272 </td> </tr><tr><td> <code title="">Lfr;</code> </td> <td> U+1D50F </td> </tr><tr><td> <code title="">Ll;</code> </td> <td> U+022D8 </td> </tr><tr><td> <code title="">Lleftarrow;</code> </td> <td> U+021DA </td> </tr><tr><td> <code title="">Lmidot;</code> <