- From: Michael Smith via cvs-syncmail <cvsmail@w3.org>
- Date: Wed, 06 Jan 2010 16:12:50 +0000
- To: public-html-commits@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><meter value=0.75>75%<meter></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><ruby> OJ <rp>(<rt>Orange Juice<rp>)</ruby></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><bdo dir=rtl>Juice</bdo></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><span lang="fr">sirop de sureau</span></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 — 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">← 4.8 Embedded content</a> –
- <a href="Overview.html#contents">Table of contents</a> –
- <a href="video.html">4.8.7 The video element →</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><p>We're not scared of you! Here is your content, unedited:</p>
-<iframe sandbox src="getusercontent.cgi?id=12193"></iframe></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><iframe sandbox="allow-same-origin allow-forms allow-scripts"
- src="http://maps.example.com/embedded.html"></iframe></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><nav><iframe seamless src="nav.include.html"></iframe></nav></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><iframe src="http://ads.example.com/?customerid=923513721&amp;format=banner"
- width="468" height="60"></iframe></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><embed src="catgame.swf"></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><embed src="catgame.swf" quality="high"></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><object data="catgame.swf">
- <param name="quality" value="high">
-</object></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><figure>
- <dd>
- <object type="application/x-java-applet">
- <param name="code" value="MyJavaClass">
- <p>You do not have Java available, or it is disabled.</p>
- </object>
- </dd>
- <dt>My Java Clock</dt>
-</figure></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><figure>
- <dd><object data="clock.html"></object>
- <dt>My HTML Clock
-</figure></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><!DOCTYPE HTML>
-<html lang="en">
- <head>
- <title>Flash test page</title>
- </head>
- <body>
- <p>
- <object type="application/x-shockwave-flash">
- <strong><param name=movie value="http://www.macromedia.com/shockwave/download/triggerpages_mmcom/flash.swf"></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.
- </object>
- </p>
- </body>
-</html></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><div itemscope>
- <p itemprop="a">1</p>
- <p itemprop="a">2</p>
- <p itemprop="b">test</p>
-</div></pre>
-
- <p>Thus, the following is equivalent:</p>
-
- <pre><div itemscope>
- <p itemprop="b">test</p>
- <p itemprop="a">1</p>
- <p itemprop="a">2</p>
-</div></pre>
-
- <p>As is the following:</p>
-
- <pre><div itemscope>
- <p itemprop="a">1</p>
- <p itemprop="b">test</p>
- <p itemprop="a">2</p>
-</div></pre>
-
- <p>And the following:</p>
-
- <pre><div itemscope itemref="x">
- <p itemprop="b">test</p>
- <p itemprop="a">2</p>
-</div>
-<div id="x">
- <p itemprop="a">1</p>
-</div>
-</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><dl itemscope
- itemtype="http://purl.org/vocab/frbr/core#Work"
- itemid="http://purl.oreilly.com/works/45U8QJGZSQKDH8N">
- <dt>Title</dt>
- <dd><cite itemprop="http://purl.org/dc/terms/title">Just a Geek</cite></dd>
- <dt>By</dt>
- <dd><span itemprop="http://purl.org/dc/terms/creator">Wil Wheaton</span></dd>
- <dt>Format</dt>
- <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">
- <link itemprop="http://purl.org/dc/terms/type" href="http://purl.oreilly.com/product-types/BOOK">
- Print
- </dd>
- <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">
- <link itemprop="http://purl.org/dc/terms/type" href="http://purl.oreilly.com/product-types/EBOOK">
- Ebook
- </dd>
-</dl></pre><p>This is equivalent to the following Turtle:</p><pre>@prefix dc: <http://purl.org/dc/terms/> .
-@prefix frbr: <http://purl.org/vocab/frbr/core#> .
-
-<http://purl.oreilly.com/works/45U8QJGZSQKDH8N> a frbr:Work ;
- dc:creator "Wil Wheaton"@en ;
- dc:title "Just a Geek"@en ;
- frbr:realization <http://purl.oreilly.com/products/9780596007683.BOOK>,
- <http://purl.oreilly.com/products/9780596802189.EBOOK> .
-
-<http://purl.oreilly.com/products/9780596007683.BOOK> a frbr:Expression ;
- dc:type <http://purl.oreilly.com/product-types/BOOK> .
-
-<http://purl.oreilly.com/products/9780596802189.EBOOK> a frbr:Expression ;
- dc:type <http://purl.oreilly.com/product-types/EBOOK> .</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 — 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">← 6.7 Offline Web applications</a> –
- <a href="Overview.html#contents">Table of contents</a> –
- <a href="links.html">6.10 Links →</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><!DOCTYPE HTML>
-<!-- this is http://example.com/line?x=5 -->
-<title>Line Game - 5</title>
-<p>You are at coordinate 5 on the line.</p>
-<p>
- <a href="?x=6">Advance to 6</a> or
- <a href="?x=4">retreat to 4</a>?
-</p></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><!DOCTYPE HTML>
-<!-- this starts off as http://example.com/line?x=5 -->
-<title>Line Game - 5</title>
-<p>You are at coordinate <span id="coord">5</span> on the line.</p>
-<p>
- <a href="?x=6" onclick="go(1)">Advance to 6</a> or
- <a href="?x=4" onclick="go(-1)">retreat to 4</a>?
-</p>
-<script>
- 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);
- }
-</script></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ï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><!DOCTYPE HTML>
-<TITLE>Line</TITLE>
-<SCRIPT>
- 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;
- }
-</SCRIPT>
-<BODY ONPOPSTATE="recover(event.state)">
-<FORM NAME=F>
-State: <OUTPUT NAME=I>1</OUTPUT> <INPUT VALUE="Increment" TYPE=BUTTON ONCLICK="inc()">
-</FORM></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="il">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 — 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">← 4.10.5.1.13 Number state</a> –
- <a href="Overview.html#contents">Table of contents</a> –
- <a href="the-button-element.html">4.10.6 The button element →</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..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> ttribute</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><p><label>Account: <input type="text" name="ac" autocomplete="off"></label></p>
-<p><label>PIN: <input type="password" name="pin" autocomplete="off"></label></p></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><label>Homepage: <input name=hp type=url list=hpurls></label>
-<datalist id=hpurls>
- <option value="http://www.google.com/" label="Google">
- <option value="http://www.reddit.com/" label="Reddit">
-</datalist></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><p>
- <label>
- Enter a breed:
- <input type="text" name="breed" list="breeds">
- <datalist id="breeds">
- <option value="Abyssinian">
- <option value="Alpaca">
- <!-- ... -->
- </datalist>
- </label>
-</p></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><p>
- <label>
- Enter a breed:
- <input type="text" name="breed" list="breeds">
- </label>
- <datalist id="breeds">
- <label>
- or select one from the list:
- <select name="breed">
- <option value=""> (none selected)
- <option>Abyssinian
- <option>Alpaca
- <!-- ... -->
- </select>
- </label>
- </datalist>
-</p>
-</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><form action="products.cgi" method=post enctype="multipart/formdata">
- <table>
- <tr> <th> Product ID <th> Product name <th> Price <th> Action
- <tr>
- <td> <input readonly name="1.pid" value="H412">
- <td> <input required name="1.pname" value="Floor lamp Ulke">
- <td> $<input required type=number min=0 step=0.01 name="1.pprice" value="49.99">
- <td> <button formnovalidate name="action" value="delete:1">Delete</button>
- <tr>
- <td> <input readonly name="2.pid" value="FG28">
- <td> <input required name="2.pname" value="Table lamp Ulke">
- <td> $<input required type=number min=0 step=0.01 name="2.pprice" value="24.99">
- <td> <button formnovalidate name="action" value="delete:2">Delete</button>
- <tr>
- <td> <input required name="3.pid" value="" pattern="[A-Z0-9]+">
- <td> <input required name="3.pname" value="">
- <td> $<input required type=number min=0 step=0.01 name="3.pprice" value="">
- <td> <button formnovalidate name="action" value="delete:3">Delete</button>
- </table>
- <p> <button formnovalidate name="action" value="add">Add</button> </p>
- <p> <button name="action" value="update">Save</button> </p>
-</form></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><h1>Create new account</h1>
-<form action="/newaccount" method=post>
- <p>
- <label for="username">E-mail address:</label>
- <input id="username" type=email required name=un>
- <p>
- <label for="password1">Password:</label>
- <input id="password1" type=password required name=up>
- <p>
- <label for="password2">Confirm password:</label>
- <input id="password2" type=password onforminput="setCustomValidity(value != password1.value ? 'Passwords do not match.' : '')">
- <p>
- <input type=submit value="Create account">
-</form></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><label>Cc: <input type=email multiple name=cc></label></pre>
-
- <p>If the user had, amongst many friends in his user contacts
- database, two friends "Arthur Dent" (with address
- "art@example.net") and "Adam Josh" (with address
- "adamjosh@example.net"), then, after the user has typed "a", the
- user agent might suggest these two e-mail addresses to the
- user.</p>
-
- <p><img alt="" src="images/sample-email-1.png"></p>
-
- <p>The page could also link in the user's contacts database from the site:</p>
-
- <pre><label>Cc: <input type=email multiple name=cc list=contacts></label>
-...
-<datalist id="contacts">
- <option value="hedral@damowmow.com">
- <option value="pillar@example.com">
- <option value="astrophy@cute.example">
- <option value="astronomy@science.example.org">
-</datalist></pre>
-
- <p>Suppose the user had entered "bob@example.net" into this text
- field, and then started typing a second e-mail address starting
- with "a". The user agent might show both the two friends mentioned
- earlier, as well as the "astrophy" and "astronomy" values given in
- the <code><a href="the-button-element.html#the-datalist-element">datalist</a></code> element.</p>
-
- <p><img alt="" src="images/sample-email-2.png"></p>
-
- </div><div class="example">
-
- <p>The following extract shows how an e-mail client's "Attachments"
- field could accept multiple files for upload.</p>
-
- <pre><label>Attachments: <input type=file multiple name=att></label></pre>
-
- </div><h6 id="the-maxlength-attribute"><span class="secno">4.10.5.2.7 </span>The <code title="attr-input-maxlength"><a href="#attr-input-maxlength">maxlength</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-maxlength" title="attr-input-maxlength"><code>maxlength</code></dfn>
- attribute is a <a href="association-of-controls-and-forms.html#attr-fe-maxlength" title="attr-fe-maxlength">form control <code title="">maxlength</code> attribute</a>.</p><p>If the <code><a href="the-input-element.html#the-input-element">input</a></code> element has a <a href="association-of-controls-and-forms.html#maximum-allowed-value-length">maximum allowed
- value length</a>, then the <a href="#code-point-length">code-point length</a> of the
- value of the element's <code title="attr-input-value"><a href="the-input-element.html#attr-input-value">value</a></code>
- attribute must be equal to or less than the element's <a href="association-of-controls-and-forms.html#maximum-allowed-value-length">maximum
- allowed value length</a>.</p><div class="example">
-
- <p>The following extract shows how a messaging client's text entry
- could be arbitrarily restricted to a fixed number of characters,
- thus forcing any conversion through this medium to be terse and
- discouraging intelligent discourse.</p>
-
- <pre>What are you doing? <input name=status maxlength=140></pre>
-
- </div><h6 id="the-pattern-attribute"><span class="secno">4.10.5.2.8 </span>The <code title="attr-input-pattern"><a href="#attr-input-pattern">pattern</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-pattern" title="attr-input-pattern"><code>pattern</code></dfn>
- attribute specifies a regular expression against which the control's
- <a href="#concept-fe-value" title="concept-fe-value">value</a> is to be checked.</p><p>If specified, the attribute's value must match the JavaScript <i title="">Pattern</i> production. <a href="references.html#refsECMA262">[ECMA262]</a></p><p>When an <code><a href="the-input-element.html#the-input-element">input</a></code> element has a <code title="attr-input-pattern"><a href="#attr-input-pattern">pattern</a></code> attribute specified,
- authors should include a <code title="attr-title"><a href="elements.html#the-title-attribute">title</a></code>
- attribute to give a description of the pattern. User agents may use
- the contents of this attribute, if it is present, when informing the
- user that the pattern is not matched, or at any other suitable time,
- such as in a tooltip or read out by assistive technology when the
- control gains focus.</p><div class="example">
- <p>For example, the following snippet:</p>
- <pre><label> Part number:
- <input pattern="[0-9][A-Z]{3}" name="part"
- title="A part number is a digit followed by three uppercase letters."/>
-</label></pre>
- <p>...could cause the UA to display an alert such as:</p>
- <pre><samp>A part number is a digit followed by three uppercase letters.
-You cannot complete this form until the field is correct.</samp></pre>
- </div><p>When a control has a <code>pattern</code> attribute, the
- <code><a href="semantics.html#the-title-element-0">title</a></code> attribute, if used, must describe the pattern.
- Additional information could also be included, so long as it assists
- the user in filling in the control. Otherwise, assistive technology
- would be impaired.</p><p class="example">For instance, if the title attribute contained
- the caption of the control, assistive technology could end up saying
- something like <samp>The text you have entered does not match the
- required pattern. Birthday</samp>, which is not useful.</p><p>UAs may still show the <code><a href="semantics.html#the-title-element-0">title</a></code> in non-error situations
- (for example, as a tooltip when hovering over the control), so
- authors should be careful not to word <code><a href="semantics.html#the-title-element-0">title</a></code>s as if an
- error has necessarily occurred.</p><h6 id="the-min-and-max-attributes"><span class="secno">4.10.5.2.9 </span>The <code title="attr-input-min"><a href="#attr-input-min">min</a></code> and <code title="attr-input-max"><a href="#attr-input-max">max</a></code> attributes</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-min" title="attr-input-min"><code>min</code></dfn> and <dfn id="attr-input-max" title="attr-input-max"><code>max</code></dfn> attributes indicate
- the allowed range of values for the element.</p><p>The <code title="attr-input-max"><a href="#attr-input-max">max</a></code> attribute's value
- (the <a href="#concept-input-max" title="concept-input-max">maximum</a>) must not be
- less than the <code title="attr-input-min"><a href="#attr-input-min">min</a></code> attribute's
- value (its <a href="#concept-input-min" title="concept-input-min">minimum</a>).</p><div class="example">
-
- <p>The following date control limits input to dates that are before
- the 1980s:</p>
-
- <pre><input name=bday type=date max="1979-12-31"></pre>
-
- </div><div class="example">
-
- <p>The following number control limits input to whole numbers
- greater than zero:</p>
-
- <pre><input name=quantity required type=number min=1 value=1></pre>
-
- </div><h6 id="the-step-attribute"><span class="secno">4.10.5.2.10 </span>The <code title="attr-input-step"><a href="#attr-input-step">step</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The <dfn id="attr-input-step" title="attr-input-step"><code>step</code></dfn>
- attribute indicates the granularity that is expected (and required)
- of the <a href="#concept-fe-value" title="concept-fe-value">value</a>, by limiting the
- allowed values. </p><p>The <code title="attr-input-step"><a href="#attr-input-step">step</a></code> attribute, if
- specified, must either have a value that is a <a href="common-microsyntaxes.html#valid-floating-point-number">valid floating
- point number</a> that <a href="#rules-for-parsing-floating-point-number-values" title="rules for parsing floating
- point number values">parses</a> to a number that is greater than
- zero, or must have a value that is an <a href="infrastructure.html#ascii-case-insensitive">ASCII
- case-insensitive</a> match for the string "<code title="">any</code>".</p><div class="example">
-
- <p>The following range control only accepts values in the range
- 0..1, and allows 256 steps in that range:</p>
-
- <pre><input name=opacity type=range min=0 max=1 step=0.00392156863></pre>
-
- </div><div class="example">
-
- <p>The following control allows any time in the day to be selected,
- with any accuracy (e.g. thousandth-of-a-second accuracy or
- more):</p>
-
- <pre><input name=favtime type=time step=any></pre>
-
- <p>Normally, time controls are limited to an accuracy of one
- minute.</p>
-
- </div><h6 id="the-placeholder-attribute"><span class="secno">4.10.5.2.11 </span>The <code title="attr-input-placeholder"><a href="#attr-input-placeholder">placeholder</a></code> attribute</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- similar text in the <textarea> section --><p>The <dfn id="attr-input-placeholder" title="attr-input-placeholder"><code>placeholder</code></dfn>
- attribute represents a <em>short</em> hint (a word or short phrase)
- intended to aid the user with data entry. A hint could be a sample
- value or a brief description of the expected format. The attribute,
- if specified, must have a value that contains no U+000A LINE FEED
- (LF) or U+000D CARRIAGE RETURN (CR) characters.</p><p class="note">For a longer hint or other advisory text, the <code title="attr-title"><a href="elements.html#the-title-attribute">title</a></code> attribute is more appropriate.</p><p>The <code title="attr-input-placeholder"><a href="#attr-input-placeholder">placeholder</a></code>
- attribute should not be used as an alternative to a
- <code><a href="forms.html#the-label-element">label</a></code>.</p><div class="example">
-
- <p>Here is an example of a mail configuration user interface that
- uses the <code title="attr-input-placeholder"><a href="#attr-input-placeholder">placeholder</a></code>
- attribute:</p>
-
- <pre><fieldset>
- <legend>Mail Account</legend>
- <p><label>Name: <input type="text" name="fullname" placeholder="John Ratzenberger"></label></p>
- <p><label>Address: <input type="email" name="address" placeholder="john@example.net"></label></p>
- <p><label>Password: <input type="password" name="password"></label></p>
- <p><label>Description: <input type="text" name="desc" placeholder="My Email Account"></label></p>
-</fieldset></pre>
-
- </div><h5 id="common-input-element-apis"><span class="secno">4.10.5.3 </span>Common <code><a href="the-input-element.html#the-input-element">input</a></code> element APIs</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><dl class="domintro"><dt><var title="">input</var> . <code title="dom-input-value"><a href="#dom-input-value">value</a></code> [ = <var title="">value</var> ]</dt>
-
- <dd>
-
- <p>Returns the current <a href="#concept-fe-value" title="concept-fe-value">value</a>
- of the form control.</p>
-
- <p>Can be set, to change the value.</p>
-
- <p>Throws an <code><a href="urls.html#invalid_state_err">INVALID_STATE_ERR</a></code> exception if it is
- set to any value other than the empty string when the control is a
- file upload control.</p>
-
- </dd>
-
- <dt><var title="">input</var> . <code title="dom-input-checked"><a href="#dom-input-checked">checked</a></code> [ = <var title="">value</var> ]</dt>
-
- <dd>
-
- <p>Returns the current <a href="#concept-fe-checked" title="concept-fe-checked">checkedness</a> of the form
- control.</p>
-
- <p>Can be set, to change the <a href="#concept-fe-checked" title="concept-fe-checked">checkedness</a>.</p>
-
- </dd>
-
- <dt><var title="">input</var> . <code title="dom-input-files"><a href="#dom-input-files">files</a></code></dt>
-
- <dd>
-
- <p>Returns a <code>FileList</code> object listing the <a href="number-state.html#concept-input-type-file-selected" title="concept-input-type-file-selected">selected files</a> of
- the form control.</p>
-
- <p>Throws an <code><a href="urls.html#invalid_state_err">INVALID_STATE_ERR</a></code> exception if the
- control isn't a file control.</p>
-
- </dd>
-
- <dt><var title="">input</var> . <code title="dom-input-valueAsDate"><a href="#dom-input-valueasdate">valueAsDate</a></code> [ = <var title="">value</var> ]</dt>
-
- <dd>
-
- <p>Returns a <code>Date</code> object representing the form
- control's <a href="#concept-fe-value" title="concept-fe-value">value</a>, if
- applicable; otherwise, returns null.</p>
-
- <p>Can be set, to change the value.</p>
-
- <p>Throws an <code><a href="urls.html#invalid_state_err">INVALID_STATE_ERR</a></code> exception if the
- control isn't date- or time-based.</p>
-
- </dd>
-
- <dt><var title="">input</var> . <code title="dom-input-valueAsNumber"><a href="#dom-input-valueasnumber">valueAsNumber</a></code> [ = <var title="">value</var> ]</dt>
-
- <dd>
-
- <p>Returns a number representing the form control's <a href="#concept-fe-value" title="concept-fe-value">value</a>, if applicable; otherwise,
- returns null.</p>
-
- <p>Can be set, to change the value.</p>
-
- <p>Throws an <code><a href="urls.html#invalid_state_err">INVALID_STATE_ERR</a></code> exception if the
- control is neither date- or time-based nor numeric.</p>
-
- </dd>
-
- <dt><var title="">input</var> . <code title="dom-input-stepUp"><a href="#dom-input-stepup">stepUp</a></code>( [ <var title="">n</var> ] )</dt>
- <dt><var title="">input</var> . <code title="dom-input-stepDown"><a href="#dom-input-stepdown">stepDown</a></code>( [ <var title="">n</var> ] )</dt>
-
- <dd>
-
- <p>Changes the form control's <a href="#concept-fe-value" title="concept-fe-value">value</a> by the value given in the
- <code title="attr-input-step"><a href="#attr-input-step">step</a></code> attribute, multiplied by
- <var title="">n</var>. The default is 1.</p>
-
- <p>Throws <code><a href="urls.html#invalid_state_err">INVALID_STATE_ERR</a></code> exception if the control
- is neither date- or time-based nor numeric, if the <code title="attr-input-step"><a href="#attr-input-step">step</a></code> attribute's value is "<code title="">any</code>", if the current <a href="#concept-fe-value" title="concept-fe-value">value</a> could not be parsed, or if
- stepping in the given direction by the given amount would take the
- value out of range.</p>
-
- </dd>
-
- <dt><var title="">input</var> . <code title="dom-input-list"><a href="#dom-input-list">list</a></code></dt>
-
- <dd>
-
- <p>Returns the <code><a href="the-button-element.html#the-datalist-element">datalist</a></code> element indicated by the
- <code title="attr-input-list"><a href="#attr-input-list">list</a></code> attribute.</p>
-
- </dd>
-
- <dt><var title="">input</var> . <code title="dom-input-selectedOption"><a href="#dom-input-selectedoption">selectedOption</a></code></dt>
-
- <dd>
-
- <p>Returns the <code><a href="the-button-element.html#the-option-element">option</a></code> element from the
- <code><a href="the-button-element.html#the-datalist-element">datalist</a></code> element indicated by the <code title="attr-input-list"><a href="#attr-input-list">list</a></code> attribute that matches the
- form control's <a href="#concept-fe-value" title="concept-fe-value">value</a>.</p>
-
- </dd>
-
- </dl></body></html>
\ No newline at end of file
Index: dom.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/dom.html,v
retrieving revision 1.560
retrieving revision 1.561
diff -u -d -r1.560 -r1.561
--- dom.html 6 Jan 2010 11:07:18 -0000 1.560
+++ dom.html 6 Jan 2010 16:12:47 -0000 1.561
@@ -212,425 +212,4 @@
.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="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">← 2.5 URLs</a> –
- <a href="Overview.html#contents">Table of contents</a> –
- <a href="elements.html">3.2 Elements →</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 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><div id="example">
- <p id="p1" class="aaa bbb"/>
- <p id="p2" class="aaa ccc"/>
- <p id="p3" class="bbb ccc"/>
-</div></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 bbb')</code>
- would only return one node, however, namely <code>p3</code>. A call
- to
- <code>document.getElementById('example').getElementsByClassName('bbb  ccc ')</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 — 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">← 7.9 Drag and drop</a> –
- <a href="Overview.html#contents">Table of contents</a> –
- <a href="syntax.html">9 The HTML syntax →</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<MessagePort> <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 — 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">← 3 Semantics, structure, and APIs of HTML documents</a> –
- <a href="Overview.html#contents">Table of contents</a> –
- <a href="content-models.html">3.2.5 Content models →</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"><!DOCTYPE HTML>
-<html lang="en-GB">
- <head> <title> Demonstration </title> </head>
- <body>
- <table>
- <tr> <td> My favourite animal is the cat. </td> </tr>
- <tr>
- <td>
- —<a href="http://example.org/~ernest/"><cite>Ernest</cite></a>,
- in an essay from 1992
- </td>
- </tr>
- </table>
- </body>
-</html></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><!DOCTYPE HTML>
-<html lang="en-GB">
- <head> <title> Demonstration </title> </head>
- <body>
- <blockquote>
- <p> My favourite animal is the cat. </p>
- </blockquote>
- <p>
- —<a href="http://example.org/~ernest/">Ernest</a>,
- in an essay from 1992
- </p>
- </body>
-</html></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"><body>
- <h1>ABC Company</h1>
- <h2>Leading the way in widget design since 1432</h2>
- ...</pre>
-
- <p>The <code><a href="sections.html#the-hgroup-element">hgroup</a></code> element is intended for these kinds of
- situations:</p>
-
- <pre><body>
- <hgroup>
- <h1>ABC Company</h1>
- <h2>Leading the way in widget design since 1432</h2>
- </hgroup>
- ...</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"><label>Carpet: <input type="carpet" name="c" texture="deep pile"></label></pre>
-
- <p>Here would be an alternative and correct way to mark this up:</p>
-
- <pre><label>Carpet: <input type="text" class="carpet" name="c" data-texture="deep pile"></label></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"><p>My logs show that there was some interest in <abbr title="Hypertext
-Transport Protocol">HTTP</abbr> today.</p></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><p>My sweat suit is <span style="color: green; background:
-transparent">green</span> and my eyes are <span style="color: blue;
-background: transparent">blue</span>.</p></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><ol>
- <li data-length="2m11s">Beyond The Sea</li>
- ...
-</ol></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><div class="spaceship" data-id="92432"
- data-weapons="laser 2" data-shields="50%"
- data-x="30" data-y="10" data-z="90">
- <button class="fire"
- onclick="spaceships[this.parentNode.dataset.id].fire()">
- Fire
- </button>
-</div></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 — 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">← 2.4 Common microsyntaxes</a> –
- <a href="Overview.html#contents">Table of contents</a> –
- <a href="dom.html">3 Semantics, structure, and APIs of HTML documents →</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 cass="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"><query></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"><query></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"><query></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"><fragment></a> component is not part of the <a href="#url-query" title="url-query"><query></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<any> <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><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"></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') && // checking the 'class' attribute
- node.dataset.x == x && // 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 < 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 — 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">← 11 Obsolete features</a> –
- <a href="Overview.html#contents">Table of contents</a> –
- <a href="index.html">Index →</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: ietf-types@iana.org
- Subject: Registration of media type text/html
- --><!--
- Obsoletes:
- 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 & email address to contact for further information:</dt>
- <dd>Ian Hickson <ian@hixie.ch></dd>
- <dt>Intended usage:</dt>
- <dd>Common</dd>
- <dt>Restrictions on usage:</dt>
- <dd>No restrictions apply.</dd>
- <dt>Author:</dt>
- <dd>Ian Hickson <ian@hixie.ch></dd>
- <dt>Change controller:</dt>
- <dd>W3C and WHATWG</dd>
- </dl><p>Fragment identifiers used with <code><a href="#text-html">text/html</a></code> resources
- refer to <a href="#the-indicated-part-of-the-document">the indicated part of the document</a>.</p><h3 id="application-xhtml-xml"><span class="secno">12.2 </span><dfn><code>application/xhtml+xml</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: ietf-types@iana.org
- Subject: Registration of media type application/xhtml+xml
- --><!--
- Obsoletes:
- 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 & email address to contact for further information:</dt>
- <dd>Ian Hickson <ian@hixie.ch></dd>
- <dt>Intended usage:</dt>
- <dd>Common</dd>
- <dt>Restrictions on usage:</dt>
- <dd>No restrictions apply.</dd>
- <dt>Author:</dt>
- <dd>Ian Hickson <ian@hixie.ch></dd>
- <dt>Change controller:</dt>
- <dd>W3C and WHATWG</dd>
- </dl><p>Fragment identifiers used with <code><a href="#application-xhtml-xml">application/xhtml+xml</a></code>
- resources have the same semantics as with any <a href="infrastructure.html#xml-mime-type">XML MIME
- type</a>. <a href="references.html#refsRFC3023">[RFC3023]</a></p><h3 id="text-cache-manifest"><span class="secno">12.3 </span><dfn><code>text/cache-manifest</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: ietf-types@iana.org
- Subject: Registration of media type text/cache-manifest
- --><dl><dt>Type name:</dt>
- <dd>text</dd>
- <dt>Subtype name:</dt>
- <dd>cache-manifest</dd>
- <dt>Required parameters:</dt>
- <dd>No parameters</dd>
- <dt>Optional parameters:</dt>
- <dd>No parameters</dd>
- <dt>Encoding considerations:</dt>
- <dd>Always UTF-8.</dd>
- <dt>Security considerations:</dt>
- <dd>
- <p>Cache manifests themselves pose no immediate risk unless
- sensitive information is included within the
- manifest. Implementations, however, are required to follow
- specific rules when populating a cache based on a cache manifest,
- to ensure that certain origin-based restrictions are
- honored. Failure to correctly implement these rules can result in
- information leakage, cross-site scripting attacks, and the
- like.</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>
- This document is the relevant specification.
- </dd>
- <dt>Applications that use this media type:</dt>
- <dd>
- Web browsers.
- </dd>
- <dt>Additional information:</dt>
- <dd>
- <dl><dt>Magic number(s):</dt>
- <dd>Cache manifests begin with the string "<code title="">CACHE
- MANIFEST</code>", followed by either a U+0020 SPACE character, a
- U+0009 CHARACTER TABULATION (tab) character, a U+000A LINE FEED
- (LF) character, or a U+000D CARRIAGE RETURN (CR) character.</dd>
- <dt>File extension(s):</dt>
- <dd>"<code title="">manifest</code>"</dd>
- <dt>Macintosh file type code(s):</dt>
- <dd>No specific Macintosh file type codes are recommended for this type.</dd>
- </dl></dd>
- <dt>Person & email address to contact for further information:</dt>
- <dd>Ian Hickson <ian@hixie.ch></dd>
- <dt>Intended usage:</dt>
- <dd>Common</dd>
- <dt>Restrictions on usage:</dt>
- <dd>No restrictions apply.</dd>
- <dt>Author:</dt>
- <dd>Ian Hickson <ian@hixie.ch></dd>
- <dt>Change controller:</dt>
- <dd>W3C and WHATWG</dd>
- </dl><p>Fragment identifiers have no meaning with
- <code><a href="#text-cache-manifest">text/cache-manifest</a></code> resources.</p><h3 id="text-ping"><span class="secno">12.4 </span><dfn><code>text/ping</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: ietf-types@iana.org
- Subject: Registration of media type text/ping
- --><dl><dt>Type name:</dt>
- <dd>text</dd>
- <dt>Subtype name:</dt>
- <dd>ping</dd>
- <dt>Required parameters:</dt>
- <dd>No parameters</dd>
- <dt>Optional parameters:</dt>
- <dd>No parameters</dd>
- <dt>Encoding considerations:</dt>
- <dd>Not applicable.</dd>
- <dt>Security considerations:</dt>
- <dd>
- <p>If used exclusively in the fashion described in the context of
- <a href="#hyperlink-auditing">hyperlink auditing</a>, this type introduces no new
- security concerns.</p>
- </dd>
- <dt>Interoperability considerations:</dt>
- <dd>
- Rules applicable to this type are defined in this specification.
- </dd>
- <dt>Published specification:</dt>
- <dd>
- This document is the relevant specification.
- </dd>
- <dt>Applications that use this media type:</dt>
- <dd>
- Web browsers.
- </dd>
- <dt>Additional information:</dt>
- <dd>
- <dl><dt>Magic number(s):</dt>
- <dd><code><a href="#text-ping">text/ping</a></code> resources always consist of the four
- bytes 0x50 0x49 0x4E 0x47 (ASCII 'PING').</dd>
- <dt>File extension(s):</dt>
- <dd>No specific file extension is recommended for this type.</dd>
- <dt>Macintosh file type code(s):</dt>
- <dd>No specific Macintosh file type codes are recommended for this type.</dd>
- </dl></dd>
- <dt>Person & email address to contact for further information:</dt>
- <dd>Ian Hickson <ian@hixie.ch></dd>
- <dt>Intended usage:</dt>
- <dd>Common</dd>
- <dt>Restrictions on usage:</dt>
- <dd>Only intended for use with HTTP POST requests generated as part
- of a Web browser's processing of the <code title="attr-hyperlink-ping"><a href="links.html#ping">ping</a></code> attribute.</dd>
- <dt>Author:</dt>
- <dd>Ian Hickson <ian@hixie.ch></dd>
- <dt>Change controller:</dt>
- <dd>W3C and WHATWG</dd>
- </dl><p>Fragment identifiers have no meaning with
- <code><a href="#text-ping">text/ping</a></code> resources.</p><h3 id="application-microdata-json"><span class="secno">12.5 </span><dfn><code>application/microdata+json</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: ietf-types@iana.org
- Subject: Registration of media type application/microdata+json
- --><dl><dt>Type name:</dt>
- <dd>application</dd>
- <dt>Subtype name:</dt>
- <dd>microdata+json</dd>
- <dt>Required parameters:</dt>
- <dd>Same as for <code>application/json</code> <a href="references.html#refsJSON">[JSON]</a></dd>
- <dt>Optional parameters:</dt>
- <dd>Same as for <code>application/json</code> <a href="references.html#refsJSON">[JSON]</a></dd>
- <dt>Encoding considerations:</dt>
- <dd>Always UTF-8.</dd>
- <dt>Security considerations:</dt>
- <dd>Same as for <code>application/json</code> <a href="references.html#refsJSON">[JSON]</a></dd>
- <dt>Interoperability considerations:</dt>
- <dd>Same as for <code>application/json</code> <a href="references.html#refsJSON">[JSON]</a></dd>
- <dt>Published specification:</dt>
- <dd>
-
- Labeling a resource with the
- <code><a href="#application-microdata-json">application/microdata+json</a></code> type asserts that the
- resource is a JSON text that consists of an object with a single
- entry called "<code title="">items</code>" consisting of an array
- of entries, each of which consists of an object with two entries,
- one called "<code title="">type</code>" whose value is an array of
- strings, and one called "<code title="">properties</code>" whose
- value is an object whose entries each have a value consisting of
- an array of either objects or strings, the objects being of the
- same form as the objects in the aforementioned "<code title="">items</code>" entry. As such, the relevant specifications
- are the JSON specification and this specification. <a href="references.html#refsJSON">[JSON]</a>
-
- </dd>
- <dt>Applications that use this media type:</dt>
- <dd>Same as for <code>application/json</code> <a href="references.html#refsJSON">[JSON]</a></dd>
- <dt>Additional information:</dt>
- <dd>
- <dl><dt>Magic number(s):</dt>
- <dd>Same as for <code>application/json</code> <a href="references.html#refsJSON">[JSON]</a></dd>
- <dt>File extension(s):</dt>
- <dd>Same as for <code>application/json</code> <a href="references.html#refsJSON">[JSON]</a></dd>
- <dt>Macintosh file type code(s):</dt>
- <dd>Same as for <code>application/json</code> <a href="references.html#refsJSON">[JSON]</a></dd>
- </dl></dd>
- <dt>Person & email address to contact for further information:</dt>
- <dd>Ian Hickson <ian@hixie.ch></dd>
- <dt>Intended usage:</dt>
- <dd>Common</dd>
- <dt>Restrictions on usage:</dt>
- <dd>No restrictions apply.</dd>
- <dt>Author:</dt>
- <dd>Ian Hickson <ian@hixie.ch></dd>
- <dt>Change controller:</dt>
- <dd>W3C and WHATWG</dd>
- </dl><p>Fragment identifiers used with
- <code><a href="#application-microdata-json">application/microdata+json</a></code> resources have the same
- semantics as when used with <code>application/json</code>. <a href="references.html#refsJSON">[JSON]</a></p><h3 id="ping-from"><span class="secno">12.6 </span><dfn title="http-ping-from"><code>Ping-From</code></dfn></h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>This section describes a header field for registration in the
- Permanent Message Header Field Registry. <a href="references.html#refsRFC3864">[RFC3864]</a></p><dl><dt>Header field name</dt>
- <dd>Ping-From</dd>
- <dt>Applicable protocol</dt>
- <dd>http</dd>
- <dt>Status</dt>
- <dd>standard</dd>
- <dt>Author/Change controller</dt>
- <dd>W3C and WHATWG</dd>
- <dt>Specification document(s)</dt>
- <dd>
- This document is the relevant specification.
- </dd>
- <dt>Related information</dt>
- <dd>None.</dd>
- </dl><h3 id="ping-to"><span class="secno">12.7 </span><dfn title="http-ping-to"><code>Ping-To</code></dfn></h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>This section describes a header field for registration in the
- Permanent Message Header Field Registry. <a href="references.html#refsRFC3864">[RFC3864]</a></p><dl><dt>Header field name</dt>
- <dd>Ping-To</dd>
- <dt>Applicable protocol</dt>
- <dd>http</dd>
- <dt>Status</dt>
- <dd>standard</dd>
- <dt>Author/Change controller</dt>
- <dd>W3C and WHATWG</dd>
- <dt>Specification document(s)</dt>
- <dd>
- This document is the relevant specification.
- </dd>
- <dt>Related information</dt>
- <dd>None.</dd>
- </dl></body></html>
\ No newline at end of file
Index: association-of-controls-and-forms.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/association-of-controls-and-forms.html,v
retrieving revision 1.11
retrieving revision 1.12
diff -u -d -r1.11 -r1.12
--- association-of-controls-and-forms.html 6 Jan 2010 15:49:33 -0000 1.11
+++ association-of-controls-and-forms.html 6 Jan 2010 16:12:46 -0000 1.12
@@ -212,363 +212,4 @@
.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="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">← 4.10.6 The button element</a> –
- <a href="Overview.html#contents">Table of contents</a> –
- <a href="interactive-elements.html">4.11 Interactive elements →</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><input maxlength="256" name="q" value="" autofocus>
-<input type="submit" value="Search"></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><form action="editor.cgi" method="post">
- <p><label>Name: <input required name=fn></label></p>
- <p><label>Essay: <textarea name=essay></textarea></label></p>
- <p><input type=submit name=submit value="Submit essay"></p>
- <p><input type=submit formnovalidate name=save value="Save essay"></p>
- <p><input type=submit formnovalidate name=cancel value="Cancel"></p>
-</form></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><label>Feeling: <input name=f type="text" oninput="check(this)"></label>
-<script>
- 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('');
- }
- }
-</script></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><form action="/find.cgi" method=get>
- <input type=text name=t>
- <input type=search name=q>
- <input type=submit>
-</form></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&q=fur</code>.</p><p>On the other hand, consider this form:</p><pre><form action="/find.cgi" method=post enctype="multipart/form-data">
- <input type=text name=t>
- <input type=search name=q>
- <input type=submit>
-</form></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 — 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">← 4.9 Tabular data</a> –
- <a href="Overview.html#contents">Table of contents</a> –
- <a href="the-input-element.html">4.10.5 The input element →</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><form action="http://www.google.com/search" method="get">
- <label>Google: <input type="search" name="q"></label> <input type="submit" value="Search...">
-</form>
-<form action="http://www.bing.com/search" method="get">
- <label>Bing: <input type="search" name="q"></label> <input type="submit" value="Search...">
-</form></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><fieldset name="clubfields" disabled>
- <legend> <label>
- <input type=checkbox name=club onchange="form.clubfields.disabled = !checked">
- Use Club Card
- </label> </legend>
- <p><label>Name on card: <input name=clubname required></label></p>
- <p><label>Card number: <input name=clubnum required pattern="[-0-9]+"></label></p>
- <p><label>Expiry date: <input name=clubexp type=month></label></p>
-</fieldset></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><p><label>Full name: <input name=fn> <small>Format: First Last</small></label></p>
-<p><label>Age: <input name=age type=number min=0></label></p>
-<p><label>Post code: <input name=pc> <small>Format: AB12 3CD</small></label></p></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><form name="npc">
- <label>Character name: <input name=char type=text contextmenu=namemenu required></label>
- <menu type=context id=namemenu>
- <command label="Pick random name" onclick="document.forms.npc.elements.char.value = getRandomName()">
- <command label="Prefill other fields based on name" onclick="prefillFields(document.forms.npc.elements.char.value)">
- </menu>
-</form></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">← 6.10 Links</a> –
- <a href="Overview.html#contents">Table of contents</a> –
- <a href="dnd.html">7.9 Drag and drop →</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> <h1>The Example Game</h1>
- <section id="login">
- <h2>Login</h2>
- <form>
- ...
- <!-- calls login() once the user's credentials have been checked -->
- </form>
- <script>
- function login() {
- // switch screens
- document.getElementById('login').hidden = true;
- document.getElementById('game').hidden = false;
- }
- </script>
- </section>
- <section id="game" hidden>
- ...
- </section></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 — 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%2%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%3Cinput20name%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><nav>
- <p>
- <a title="Consortium Activities" accesskey="A" href="/Consortium/activities">Activities</a> |
- <a title="Technical Reports and Recommendations" accesskey="T" href="/TR/">Technical Reports</a> |
- <a title="Alphabetical Site Index" accesskey="S" href="/Consortium/siteindex">Site Index</a> |
- <a title="About This Site" accesskey="B" href="/Consortium/">About Consortium</a> |
- <a title="Contact Consortium" accesskey="C" href="/Consortium/contact">Contact</a>
- </p>
-</nav></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><form action="/search">
- <label>Search: <input type="search" name="q" accesskey="s 0"></label>
- <input type="submit">
-</form></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><input type=submit accesskey="N @ 1" value="Compose">
-...
-<script>
- function labelButton(button) {
- if (button.accessKeyLabel)
- button.value += ' (' + button.accessKeyLabel + ')';
- }
- var inputs = document.getElementsByTagName('input');
- for (var i = 0; i < inputs.length; i += 1) {
- if (inputs[i].type == "submit")
- labelButton(inputs[i]);
- }
-</script></pre>
-
- <p>On one user agent, the button's label might become
- "<samp>Compose (⌘N)</samp>". On another, it might become
- "<samp>Compose (Alt+⇧+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><p>The cute girl likes <em>the </em><cite><em>Oxford English</em> Dictionary</cite>.</p></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 — 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">← 5 Microdata</a> –
- <a href="Overview.html#contents">Table of contents</a> –
- <a href="timers.html">6.4 Timers →</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"><scheme></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">← 3.2 Elements</a> –
- <a href="Overview.html#contents">Table of contents</a> –
- <a href="apis-in-html-documents.html">3.3 APIs in HTML documents →</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><html xmlns="http://www.w3.org/1999/xhtml"
- xmlns:r="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
- <head>
- <title>Hedral's Home Page</title>
- <r:RDF>
- <Person xmlns="http://www.w3.org/2000/10/swap/pim/contact#"
- r:about="http://hedral.example.com/#">
- <fullName>Cat Hedral</fullName>
- <mailbox r:resource="mailto:hedral@damowmow.com"/>
- <personalTitle>Sir</personalTitle>
- </Person>
- </r:RDF>
- </head>
- <body>
- <h1>My home page</h1>
- <p>I like playing with string, I guess. Sister says squirrels are fun
- too so sometimes I follow her to play with them.</p>
- </body>
-</html></pre>
-
- <p>This isn't possible in the HTML serialization, however.</p>
-
- </div><h6 id="flow-content-0"><span class="secno">3.2.5.1.2 </span>Flow content</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>Most elements that are used in the body of documents and
- applications are categorized as <dfn id="flow-content">flow content</dfn>.</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="text-level-semantics.html#the-abbr-element">abbr</a></code></li>
- <li><code><a href="sections.html#the-address-element">address</a></code></li>
- <li><code><a href="the-map-element.html#the-area-element">area</a></code> (if it is a descendant of a <code><a href="the-map-element.html#the-map-element">map</a></code> element)</li>
- <li><code><a href="sections.html#the-article-element">article</a></code></li>
- <li><code><a href="sections.html#the-aside-element">aside</a></code></li>
- <li><code><a href="video.html#audio">audio</a></code></li>
- <li><code><a href="text-level-semantics.html#the-b-element">b</a></code></li>
- <li><code><a href="text-level-semantics.html#the-bdo-element">bdo</a></code></li>
- <li><code><a href="grouping-content.html#the-blockquote-element">blockquote</a></code></li>
- <li><code><a href="grouping-content.html#the-br-element">br</a></code></li>
- <li><code><a href="the-button-element.html#the-button-element">button</a></code></li>
- <li><code><a href="the-canvas-element.html#the-canvas-element">canvas</a></code></li>
- <li><code><a href="text-level-semantics.html#the-cite-element">cite</a></code></li>
- <li><code><a href="text-level-semantics.html#the-code-element">code</a></code></li>
- <li><code><a href="interactive-elements.html#the-command">command</a></code></li>
-<!-- v2DATAGRID <li><code>datagrid</code></li> -->
- <li><code><a href="the-button-element.html#the-datalist-element">datalist</a></code></li>
- <li><code><a href="edits.html#the-del-element">del</a></code></li>
- <li><code><a href="interactive-elements.html#the-details-element">details</a></code></li>
- <li><code><a href="text-level-semantics.html#the-dfn-element">dfn</a></code></li>
- <li><code><a href="grouping-content.html#the-div-element">div</a></code></li>
- <li><code><a href="grouping-content.html#the-dl-element">dl</a></code></li>
- <li><code><a href="text-level-semantics.html#the-em-element">em</a></code></li>
- <li><code><a href="the-iframe-element.html#the-embed-element">embed</a></code></li>
- <li><code><a href="forms.html#the-fieldset-element">fieldset</a></code></li>
- <li><code><a href="embedded-content-1.html#the-figure-element">figure</a></code></li>
- <li><code><a href="sections.html#the-footer-element">footer</a></code></li>
- <li><code><a href="forms.html#the-form-element">form</a></code></li>
- <li><code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code></li>
- <li><code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h2</a></code></li>
- <li><code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h3</a></code></li>
- <li><code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h4</a></code></li>
- <li><code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code></li>
- <li><code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code></li>
- <li><code><a href="sections.html#the-header-element">header</a></code></li>
- <li><code><a href="sections.html#the-hgroup-element">hgroup</a></code></li>
- <li><code><a href="grouping-content.html#the-hr-element">hr</a></code></li>
- <li><code><a href="text-level-semantics.html#the-i-element">i</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></li>
- <li><code><a href="the-input-element.html#the-input-element">input</a></code></li>
- <li><code><a href="edits.html#the-ins-element">ins</a></code></li>
- <li><code><a href="text-level-semantics.html#the-kbd-element">kbd</a></code></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="semantics.html#the-link-element">link</a></code> (if the <code title="attr-itemprop"><a href="microdata.html#names:-the-itemprop-attribute">itemprop</a></code> attribute is present)</li>
- <li><code><a href="the-map-element.html#the-map-element">map</a></code></li>
- <li><code><a href="text-level-semantics.html#the-mark-element">mark</a></code></li>
- <li><code><a href="the-map-element.html#math">math</a></code></li>
- <li><code><a href="interactive-elements.html#menus">menu</a></code></li>
- <li><code><a href="semantics.html#meta">meta</a></code> (if the <code title="attr-itemprop"><a href="microdata.html#names:-the-itemprop-attribute">itemprop</a></code> attribute is present)</li>
- <li><code><a href="text-level-semantics.html#the-meter-element">meter</a></code></li>
- <li><code><a href="sections.html#the-nav-element">nav</a></code></li>
- <li><code><a href="scripting-1.html#the-noscript-element">noscript</a></code></li>
- <li><code><a href="the-iframe-element.html#the-object-element">object</a></code></li>
- <li><code><a href="grouping-content.html#the-ol-element">ol</a></code></li>
- <li><code><a href="the-button-element.html#the-output-element">output</a></code></li>
- <li><code><a href="grouping-content.html#the-p-element">p</a></code></li>
- <li><code><a href="grouping-content.html#the-pre-element">pre</a></code></li>
- <li><code><a href="text-level-semantics.html#the-progress-element">progress</a></code></li>
- <li><code><a href="text-level-semantics.html#the-q-element">q</a></code></li>
- <li><code><a href="text-level-semantics.html#the-ruby-element">ruby</a></code></li>
- <li><code><a href="text-level-semantics.html#the-samp-element">samp</a></code></li>
- <li><code><a href="scripting-1.html#script">script</a></code></li>
- <li><code><a href="sections.html#the-section-element">section</a></code></li>
- <li><code><a href="the-button-element.html#the-select-element">select</a></code></li>
- <li><code><a href="text-level-semantics.html#the-small-element">small</a></code></li>
- <li><code><a href="text-level-semantics.html#the-span-element">span</a></code></li>
- <li><code><a href="text-level-semantics.html#the-strong-element">strong</a></code></li>
- <li><code><a href="semantics.html#the-style-element">style</a></code> (if the <code title="attr-style-scoped"><a href="semantics.html#attr-style-scoped">scoped</a></code> attribute is present)</li>
- <li><code><a href="text-level-semantics.html#the-sub-and-sup-elements">sub</a></code></li>
- <li><code><a href="text-level-semantics.html#the-sub-and-sup-elements">sup</a></code></li>
- <li><code><a href="the-map-element.html#svg">svg</a></code></li>
- <li><code><a href="tabular-data.html#the-table-element">table</a></code></li>
- <li><code><a href="the-button-element.html#the-textarea-element">textarea</a></code></li>
- <li><code><a href="text-level-semantics.html#the-time-element">time</a></code></li>
- <li><code><a href="grouping-content.html#the-ul-element">ul</a></code></li>
- <li><code><a href="text-level-semantics.html#the-var-element">var</a></code></li>
- <li><code><a href="video.html#video">video</a></code></li>
- <li><a href="#text-content" title="text content">Text</a></li>
- </ul><p>As a general rule, elements whose content model allows any
- <a href="#flow-content">flow content</a> should have either at least one descendant
- <a href="infrastructure.html#text-node">text node</a> that is not <a href="#inter-element-whitespace">inter-element
- whitespace</a>, or at least one descendant element node that is
- <a href="#embedded-content">embedded content</a>. For the purposes of this requirement,
- <code><a href="edits.html#the-del-element">del</a></code> elements and their descendants must not be counted
- as contributing to the ancestors of the <code><a href="edits.html#the-del-element">del</a></code>
- element.</p><p>This requirement is not a hard requirement, however, as there are
- many cases where an element can be empty legitimately, for example
- when it is used as a placeholder which will later be filled in by a
- script, or when the element is part of a template and would on most
- pages be filled in but on some pages is not relevant.</p><h6 id="sectioning-content-0"><span class="secno">3.2.5.1.3 </span>Sectioning content</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><dfn id="sectioning-content">Sectioning content</dfn> is content that defines the scope
- of <a href="#heading-content" title="heading content">headings</a> and <a href="sections.html#the-footer-element" title="footer">footers</a>.</p><ul class="brief category-list"><li><code><a href="sections.html#the-article-element">article</a></code></li>
- <li><code><a href="sections.html#the-aside-element">aside</a></code></li>
- <li><code><a href="sections.html#the-nav-element">nav</a></code></li>
- <li><code><a href="sections.html#the-section-element">section</a></code></li>
- </ul><p>Each <a href="#sectioning-content">sectioning content</a> element potentially has a
- heading and an <a href="sections.html#outline">outline</a>. See the section on
- <a href="sections.html#headings-and-sections">headings and sections</a> for further details.</p><p class="note">There are also certain elements that are <a href="sections.html#sectioning-root" title="sectioning root">sectioning roots</a>. These are distinct
- from <a href="#sectioning-content">sectioning content</a>, but they can also have an
- <a href="sections.html#outline">outline</a>.</p><h6 id="heading-content-0"><span class="secno">3.2.5.1.4 </span>Heading content</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><dfn id="heading-content">Heading content</dfn> defines the header of a section
- (whether explicitly marked up using <a href="#sectioning-content">sectioning content</a>
- elements, or implied by the heading content itself).</p><ul class="brief category-list"><li><code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code></li>
- <li><code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h2</a></code></li>
- <li><code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h3</a></code></li>
- <li><code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h4</a></code></li>
- <li><code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code></li>
- <li><code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code></li>
- <li><code><a href="sections.html#the-hgroup-element">hgroup</a></code></li>
- </ul><h6 id="phrasing-content-0"><span class="secno">3.2.5.1.5 </span>Phrasing content</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><dfn id="phrasing-content">Phrasing content</dfn> is the text of the document, as well
- as elements that mark up that text at the intra-paragraph
- level. Runs of <a href="#phrasing-content">phrasing content</a> form <a href="#paragraph" title="paragraph">paragraphs</a>.</p><ul class="brief category-list"><li><code><a href="text-level-semantics.html#the-a-element">a</a></code> (if it contains only <a href="#phrasing-content">phrasing content</a>)</li>
- <li><code><a href="text-level-semantics.html#the-abbr-element">abbr</a></code></li>
- <li><code><a href="the-map-element.html#the-area-element">area</a></code> (if it is a descendant of a <code><a href="the-map-element.html#the-map-element">map</a></code> element)</li>
- <li><code><a href="video.html#audio">audio</a></code></li>
- <li><code><a href="text-level-semantics.html#the-b-element">b</a></code></li>
- <li><code><a href="text-level-semantics.html#the-bdo-element">bdo</a></code></li>
- <li><code><a href="grouping-content.html#the-br-element">br</a></code></li>
- <li><code><a href="the-button-element.html#the-button-element">button</a></code></li>
- <li><code><a href="the-canvas-element.html#the-canvas-element">canvas</a></code></li>
- <li><code><a href="text-level-semantics.html#the-cite-element">cite</a></code></li>
- <li><code><a href="text-level-semantics.html#the-code-element">code</a></code></li>
- <li><code><a href="interactive-elements.html#the-command">command</a></code></li>
- <li><code><a href="the-button-element.html#the-datalist-element">datalist</a></code></li>
- <li><code><a href="edits.html#the-del-element">del</a></code> (if it contains only <a href="#phrasing-content">phrasing content</a>)</li>
- <li><code><a href="text-level-semantics.html#the-dfn-element">dfn</a></code></li>
- <li><code><a href="text-level-semantics.html#the-em-element">em</a></code></li>
- <li><code><a href="the-iframe-element.html#the-embed-element">embed</a></code></li>
- <li><code><a href="text-level-semantics.html#the-i-element">i</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></li>
- <li><code><a href="the-input-element.html#the-input-element">input</a></code></li>
- <li><code><a href="edits.html#the-ins-element">ins</a></code> (if it contains only <a href="#phrasing-content">phrasing content</a>)</li>
- <li><code><a href="text-level-semantics.html#the-kbd-element">kbd</a></code></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="semantics.html#the-link-element">link</a></code> (if the <code title="attr-itemprop"><a href="microdata.html#names:-the-itemprop-attribute">itemprop</a></code> attribute is present)</li>
- <li><code><a href="the-map-element.html#the-map-element">map</a></code> (if it contains only <a href="#phrasing-content">phrasing content</a>)</li>
- <li><code><a href="text-level-semantics.html#the-mark-element">mark</a></code></li>
- <li><code><a href="the-map-element.html#math">math</a></code></li>
- <li><code><a href="semantics.html#meta">meta</a></code> (if the <code title="attr-itemprop"><a href="microdata.html#names:-the-itemprop-attribute">itemprop</a></code> attribute is present)</li>
- <li><code><a href="text-level-semantics.html#the-meter-element">meter</a></code></li>
- <li><code><a href="scripting-1.html#the-noscript-element">noscript</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="text-level-semantics.html#the-progress-element">progress</a></code></li>
- <li><code><a href="text-level-semantics.html#the-q-element">q</a></code></li>
- <li><code><a href="text-level-semantics.html#the-ruby-element">ruby</a></code></li>
- <li><code><a href="text-level-semantics.html#the-samp-element">samp</a></code></li>
- <li><code><a href="scripting-1.html#script">script</a></code></li>
- <li><code><a href="the-button-element.html#the-select-element">select</a></code></li>
- <li><code><a href="text-level-semantics.html#the-small-element">small</a></code></li>
- <li><code><a href="text-level-semantics.html#the-span-element">span</a></code></li>
- <li><code><a href="text-level-semantics.html#the-strong-element">strong</a></code></li>
- <li><code><a href="text-level-semantics.html#the-sub-and-sup-elements">sub</a></code></li>
- <li><code><a href="text-level-semantics.html#the-sub-and-sup-elements">sup</a></code></li>
- <li><code><a href="the-map-element.html#svg">svg</a></code></li>
- <li><code><a href="the-button-element.html#the-textarea-element">textarea</a></code></li>
- <li><code><a href="text-level-semantics.html#the-time-element">time</a></code></li>
- <li><code><a href="text-level-semantics.html#the-var-element">var</a></code></li>
- <li><code><a href="video.html#video">video</a></code></li>
- <li><a href="#text-content" title="text content">Text</a></li>
- </ul><p>As a general rule, elements whose content model allows any
- <a href="#phrasing-content">phrasing content</a> should have either at least one
- descendant <a href="infrastructure.html#text-node">text node</a> that is not <a href="#inter-element-whitespace">inter-element
- whitespace</a>, or at least one descendant element node that is
- <a href="#embedded-content">embedded content</a>. For the purposes of this requirement,
- nodes that are descendants of <code><a href="edits.html#the-del-element">del</a></code> elements must not be
- counted as contributing to the ancestors of the <code><a href="edits.html#the-del-element">del</a></code>
- element.</p><p class="note">Most elements that are categorized as phrasing
- content can only contain elements that are themselves categorized as
- phrasing content, not any flow content.</p><p><dfn id="text-content" title="text content">Text</dfn>, in the context of content
- models, means <a href="infrastructure.html#text-node" title="text node">text nodes</a>. <a href="#text-content" title="text content">Text</a> is sometimes used as a content
- model on its own, but is also <a href="#phrasing-content">phrasing content</a>, and can
- be <a href="#inter-element-whitespace">inter-element whitespace</a> (if the <a href="infrastructure.html#text-node" title="text
- node">text nodes</a> are empty or contain just <a href="#space-character" title="space
- character">space characters</a>).</p><h6 id="embedded-content-0"><span class="secno">3.2.5.1.6 </span>Embedded content</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><dfn id="embedded-content">Embedded content</dfn> is content that imports another
- resource into the document, or content from another vocabulary that
- is inserted into the document.</p><ul class="brief category-list"><li><code><a href="video.html#audio">audio</a></code></li>
- <li><code><a href="the-canvas-element.html#the-canvas-element">canvas</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></li>
- <li><code><a href="the-map-element.html#math">math</a></code></li>
- <li><code><a href="the-iframe-element.html#the-object-element">object</a></code></li>
- <li><code><a href="the-map-element.html#svg">svg</a></code></li>
- <li><code><a href="video.html#video">video</a></code></li>
- </ul><p>Elements that are from namespaces other than the <a href="#html-namespace-0">HTML
- namespace</a> and that convey content but not metadata, are
- <a href="#embedded-content">embedded content</a> for the purposes of the content models
- defined in this specification. (For example, MathML, or SVG.)</p><p>Some embedded content elements can have <dfn id="fallback-content">fallback
- content</dfn>: content that is to be used when the external resource
- cannot be used (e.g. because it is of an unsupported format). The
- element definitions state what the fallback is, if any.</p><h6 id="interactive-content-0"><span class="secno">3.2.5.1.7 </span>Interactive content</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!--
-TESTS:
-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><p>Hello <a href="world.html"><em>wonderful</em> world</a>!</p></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><section>
- <h1>Example of paragraphs</h1>
- This is the <em>first</em> paragraph in this example.
- <p>This is the second.</p>
- <!-- This is not a paragraph. -->
-</section></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 —
- 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><section>
- <ins><h1>Example of paragraphs</h1>
- This is the <em>first</em> paragraph in</ins> this example<del>.
- <p>This is the second.</p></del>
- <!-- This is not a paragraph. -->
-</section></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><aside>
- Welcome!
- <a href="about.html">
- This is home of...
- <h1>The Falcons!</h1>
- The Lockheed Martin multirole jet fighter aircraft!
- </a>
- This page discusses the F-16 Fighting Falcon's innermost secrets.
-</aside></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><aside>
- <p>Welcome! <a href="about.html">This is home of...</a></p>
- <h1><a href="about.html">The Falcons!</a></h1>
- <p><a href="about.html">The Lockheed Martin multirole jet
- fighter aircraft!</a> This page discusses the F-16 Fighting
- Falcon's innermost secrets.</p>
-</aside></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><section>
- <h1>My Cats</h1>
- You can play with my cat simulator.
- <object data="cats.sim">
- To see the cat simulator, use one of the following links:
- <ul>
- <li><a href="cats.sim">Download simulator file</a>
- <li><a href="http://sims.example.com/watch?v=LYds5xY4INU">Use online simulator</a>
- </ul>
- Alternatively, upgrade to the Mellblom Browser.
- </object>
- I'm quite proud of it.
-</section></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...]
- <legend>Destination</legend>
- <p><label>Airport: <input type=text name=to list=airports></label></p>
- <p><label>Departure time: <input type=datetime-local name=totime step=3600></label></p>
-</fieldset>
-<datalist id=airports>
- <option value=ATL label="Atlanta">
- <option value=MEM label="Memphis">
- <option value=LHR label="London Heathrow">
- <option value=LAX label="Los Angeles">
- <option value=FRA label="Frankfurt">
-</datalist></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 — 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">← 9 The HTML syntax</a> –
- <a href="Overview.html#contents">Table of contents</a> –
- <a href="the-xhtml-syntax.html">10 The XHTML syntax →</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="">arv;</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 </t> </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> </t> <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="">DoubeDot;</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 emicolon 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> </t><!-- (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="">Imcr;</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+0214 </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> <cod 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> </td> <td> U+0013F </td> </tr><tr><td> <code title="">LongLeftArrow;</code> </td> <td> U+027F5 </td> </tr><tr><td> <code title="">LongLeftRightArrow;</code> </td> <td> U+027F7 </td> </tr><tr><td> <code title="">LongRightArrow;</code> </td> <td> U+027F6 </td> </tr><tr><td> <code title="">Longleftarrow;</code> </td> <td> U+027F8 </td> </tr><tr><td> <code title="">Longleftrightarrow;</code> </td> <td> U+027FA </td> </tr><tr><td> <code title="">Longrightarrow;</code> </td> <td> U+027F9 </td> </tr><tr><td> <code title="">Lopf;</code> </td> <td> U+1D543 </td> </tr><tr><td> <code title="">LowerLeftArrw;</code> </td> <td> U+02199 </td> </tr><tr><td> <code title="">LowerRightArrow;</code> </td> <td> U+02198 </td> </tr><tr><td> <code title="">Lscr;</code> </td> <td> U+02112 </td> </tr><tr><td> <code title="">Lsh;</code> </td> <td> U+021B0 </td> </tr><tr><td> <code title="">Lstrok;</code> </td> <td> U+00141 </td> </tr><tr><td> <code title="">Lt;</code> </td> <td> U+0226A </td> </tr><tr><td> <code title="">Map;</code> </td> <td> U+02905 </td> </tr><tr><td> <code title="">Mcy;</code> </td> <td> U+0041C </td> </tr><tr><td> <code title="">MediumSpace;</code> </td> <td> U+0205F </td> </tr><tr><td> <code title="">Mellintrf;</code> </td> <td> U+02133 </td> </tr><tr><td> <code title="">Mfr;</code> </td> <td> U+1D510 </td> </tr><tr><td> <code title="">MinusPlus;</code> </td> <td> U+02213 </td> </tr><tr><td> <code title="">Mopf;</code> </td> <td> U+1D544 </td> </tr><tr><td> <code title="">Mscr;</code> </td> <td> U+02133 </td> </tr><tr><td> <code title="">Mu;</code> </td> <td> U+0039C </td> </tr><tr><td> <code title=">NJcy;</code> </td> <td> U+0040A </td> </tr><tr><td> <code title="">Nacute;</code> </td> <td> U+00143 </td> </tr><tr><td> <code title="">Ncaron;</code> </td> <td> U+00147 </td> </tr><tr><td> <code title="">Ncedil;</code> </td> <td> U+00145 </td> </tr><tr><td> <code title="">Ncy;</code> </td> <td> U+0041D </td> </tr><tr><td> <code title="">NegativeMediumSpace;</code> </td> <td> U+0200B </td> </tr><tr><td> <code title="">NegativeThickSpace;</code> </td> <td> U+0200B </td> </tr><tr><td> <code title="">NegativeThinSpace;</code> </td> <td> U+0200B </td> </tr><tr><td> <code title="">NegativeVeryThinSpace;</code> </td> <td> U+0200B </td> </tr><tr><td> <code title="">NestedGreaterGreater;</code> </td> <td> U+0226B </td> </tr><tr><td> <code title="">NestedLessLess;</code> </td> <td> U+0226A </td> </tr><tr><td> <code title="">NewLine;</code> </td> <td> U+0000A </td> </tr><tr><td> <code title="">Nfr;</code> </td> <td> U+1D511 </td> </tr><tr><td> <code title="">NoBreak;</code> </td> <td> U+02060 </td> </tr><tr><td> <coe title="">NonBreakingSpace;</code> </td> <td> U+000A0 </td> </tr><tr><td> <code title="">Nopf;</code> </td> <td> U+02115 </td> </tr><tr><td> <code title="">Not;</code> </td> <td> U+02AEC </td> </tr><tr><td> <code title="">NotCongruent;</code> </td> <td> U+02262 </td> </tr><tr><td> <code title="">NotCupCap;</code> </td> <td> U+0226D </td> </tr><tr><td> <code title="">NotDoubleVerticalBar;</code> </td> <td> U+02226 </td> </tr><tr><td> <code title="">NotElement;</code> </td> <td> U+02209 </td> </tr><tr><td> <code title="">NotEqual;</code> </td> <td> U+02260 </td> </tr><tr><td> <code title="">NotExists;</code> </td> <td> U+02204 </td> </tr><tr><td> <code title="">NotGreater;</code> </td> <td> U+0226F </td> </tr><tr><td> <code title="">NotGreaterEqual;</code> </td> <td> U+02271 </td> </tr><tr><td> <code title="">NotGreaterLess;</code> </td> <td> U+02279 </td> </tr><tr><td> <code title="">NotGreaterTilde;</code> </td> <td> U+02275 </td> </tr><tr><td> <code title="">NotLeftTriangle;</code> </td> <td> U+022EA </td </tr><tr><td> <code title="">NotLeftTriangleEqual;</code> </td> <td> U+022EC </td> </tr><tr><td> <code title="">NotLess;</code> </td> <td> U+0226E </td> </tr><tr><td> <code title="">NotLessEqual;</code> </td> <td> U+02270 </td> </tr><tr><td> <code title="">NotLessGreater;</code> </td> <td> U+02278 </td> </tr><tr><td> <code title="">NotLessTilde;</code> </td> <td> U+02274 </td> </tr><tr><td> <code title="">NotPrecedes;</code> </td> <td> U+02280 </td> </tr><tr><td> <code title="">NotPrecedesSlantEqual;</code> </td> <td> U+022E0 </td> </tr><tr><td> <code title="">NotReverseElement;</code> </td> <td> U+0220C </td> </tr><tr><td> <code title="">NotRightTriangle;</code> </td> <td> U+022EB </td> </tr><tr><td> <code title="">NotRightTriangleEqual;</code> </td> <td> U+022ED </td> </tr><tr><td> <code title="">NotSquareSubsetEqual;</code> </td> <td> U+022E2 </td> </tr><tr><td> <code title="">NotSquareSupersetEqual;</code> </td> <td> U+022E3 </td> </tr><tr><td> <code title="">NotSubsetEqual;</code> </td> <td> U+02288 <td> </tr><tr><td> <code title="">NotSucceeds;</code> </td> <td> U+02281 </td> </tr><tr><td> <code title="">NotSucceedsSlantEqual;</code> </td> <td> U+022E1 </td> </tr><tr><td> <code title="">NotSupersetEqual;</code> </td> <td> U+02289 </td> </tr><tr><td> <code title="">NotTilde;</code> </td> <td> U+02241 </td> </tr><tr><td> <code title="">NotTildeEqual;</code> </td> <td> U+02244 </td> </tr><tr><td> <code title="">NotTildeFullEqual;</code> </td> <td> U+02247 </td> </tr><tr><td> <code title="">NotTildeTilde;</code> </td> <td> U+02249 </td> </tr><tr><td> <code title="">NotVerticalBar;</code> </td> <td> U+02224 </td> </tr><tr><td> <code title="">Nscr;</code> </td> <td> U+1D4A9 </td> </tr><tr><td> <code title="">Ntilde;</code> </td> <td> U+000D1 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Nu;</code> </td> <td> U+0039D </td> </tr><tr><td> <code title="">OElig;</code> </td> <td> U+00152 </td> </tr><tr><td> <code title="">Oacute;</code> </td> <td> U+0003 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Ocirc;</code> </td> <td> U+000D4 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Ocy;</code> </td> <td> U+0041E </td> </tr><tr><td> <code title="">Odblac;</code> </td> <td> U+00150 </td> </tr><tr><td> <code title="">Ofr;</code> </td> <td> U+1D512 </td> </tr><tr><td> <code title="">Ograve;</code> </td> <td> U+000D2 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Omacr;</code> </td> <td> U+0014C </td> </tr><tr><td> <code title="">Omega;</code> </td> <td> U+003A9 </td> </tr><tr><td> <code title="">Omicron;</code> </td> <td> U+0039F </td> </tr><tr><td> <code title="">Oopf;</code> </td> <td> U+1D546 </td> </tr><tr><td> <code title="">OpenCurlyDoubleQuote;</code> </td> <td> U+0201C </td> </tr><tr><td> <code title="">OpenCurlyQuote;</code> </td> <td> U+02018 </td> </tr><tr><td> <code title=">Or;</code> </td> <td> U+02A54 </td> </tr><tr><td> <code title="">Oscr;</code> </td> <td> U+1D4AA </td> </tr><tr><td> <code title="">Oslash;</code> </td> <td> U+000D8 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Otilde;</code> </td> <td> U+000D5 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Otimes;</code> </td> <td> U+02A37 </td> </tr><tr><td> <code title="">Ouml;</code> </td> <td> U+000D6 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">OverBar;</code> </td> <td> U+0203E </td> </tr><tr><td> <code title="">OverBrace;</code> </td> <td> U+023DE </td> </tr><tr><td> <code title="">OverBracket;</code> </td> <td> U+023B4 </td> </tr><tr><td> <code title="">OverParenthesis;</code> </td> <td> U+023DC </td> </tr><tr><td> <code title="">PartialD;</code> </td> <td> U+02202 </td> </tr><tr><td> <code title="">Pcy;</code> </td> <td> U+0041F </t> </tr><tr><td> <code title="">Pfr;</code> </td> <td> U+1D513 </td> </tr><tr><td> <code title="">Phi;</code> </td> <td> U+003A6 </td> </tr><tr><td> <code title="">Pi;</code> </td> <td> U+003A0 </td> </tr><tr><td> <code title="">PlusMinus;</code> </td> <td> U+000B1 </td> </tr><tr><td> <code title="">Poincareplane;</code> </td> <td> U+0210C </td> </tr><tr><td> <code title="">Popf;</code> </td> <td> U+02119 </td> </tr><tr><td> <code title="">Pr;</code> </td> <td> U+02ABB </td> </tr><tr><td> <code title="">Precedes;</code> </td> <td> U+0227A </td> </tr><tr><td> <code title="">PrecedesEqual;</code> </td> <td> U+02AAF </td> </tr><tr><td> <code title="">PrecedesSlantEqual;</code> </td> <td> U+0227C </td> </tr><tr><td> <code title="">PrecedesTilde;</code> </td> <td> U+0227E </td> </tr><tr><td> <code title="">Prime;</code> </td> <td> U+02033 </td> </tr><tr><td> <code title="">Product;</code> </td> <td> U+0220F </td> </tr><tr><td> <code title="">Proportion;</code> </td> <td> U+02237 </td> </tr><tr><td> <code title=""Proportional;</code> </td> <td> U+0221D </td> </tr><tr><td> <code title="">Pscr;</code> </td> <td> U+1D4AB </td> </tr><tr><td> <code title="">Psi;</code> </td> <td> U+003A8 </td> </tr><tr><td> <code title="">QUOT;</code> </td> <td> U+00022 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Qfr;</code> </td> <td> U+1D514 </td> </tr><tr><td> <code title="">Qopf;</code> </td> <td> U+0211A </td> </tr><tr><td> <code title="">Qscr;</code> </td> <td> U+1D4AC </td> </tr><tr><td> <code title="">RBarr;</code> </td> <td> U+02910 </td> </tr><tr><td> <code title="">REG;</code> </td> <td> U+000AE </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Racute;</code> </td> <td> U+00154 </td> </tr><tr><td> <code title="">Rang;</code> </td> <td> U+027EB </td> </tr><tr><td> <code title="">Rarr;</code> </td> <td> U+021A0 </td> </tr><tr><td> <code title="">Rarrtl;</code> </td> <td> U+02916 </td> </tr><tr><td> <code title=">Rcaron;</code> </td> <td> U+00158 </td> </tr><tr><td> <code title="">Rcedil;</code> </td> <td> U+00156 </td> </tr><tr><td> <code title="">Rcy;</code> </td> <td> U+00420 </td> </tr><tr><td> <code title="">Re;</code> </td> <td> U+0211C </td> </tr><tr><td> <code title="">ReverseElement;</code> </td> <td> U+0220B </td> </tr><tr><td> <code title="">ReverseEquilibrium;</code> </td> <td> U+021CB </td> </tr><tr><td> <code title="">ReverseUpEquilibrium;</code> </td> <td> U+0296F </td> </tr><tr><td> <code title="">Rfr;</code> </td> <td> U+0211C </td> </tr><tr><td> <code title="">Rho;</code> </td> <td> U+003A1 </td> </tr><tr><td> <code title="">RightAngleBracket;</code> </td> <td> U+027E9 </td> </tr><tr><td> <code title="">RightArrow;</code> </td> <td> U+02192 </td> </tr><tr><td> <code title="">RightArrowBar;</code> </td> <td> U+021E5 </td> </tr><tr><td> <code title="">RightArrowLeftArrow;</code> </td> <td> U+021C4 </td> </tr><tr><td> <code title="">RightCeiling;</code> </td> <td> U+02309 </td> </tr><tr><td> <code ttle="">RightDoubleBracket;</code> </td> <td> U+027E7 </td> </tr><tr><td> <code title="">RightDownTeeVector;</code> </td> <td> U+0295D </td> </tr><tr><td> <code title="">RightDownVector;</code> </td> <td> U+021C2 </td> </tr><tr><td> <code title="">RightDownVectorBar;</code> </td> <td> U+02955 </td> </tr><tr><td> <code title="">RightFloor;</code> </td> <td> U+0230B </td> </tr><tr><td> <code title="">RightTee;</code> </td> <td> U+022A2 </td> </tr><tr><td> <code title="">RightTeeArrow;</code> </td> <td> U+021A6 </td> </tr><tr><td> <code title="">RightTeeVector;</code> </td> <td> U+0295B </td> </tr><tr><td> <code title="">RightTriangle;</code> </td> <td> U+022B3 </td> </tr><tr><td> <code title="">RightTriangleBar;</code> </td> <td> U+029D0 </td> </tr><tr><td> <code title="">RightTriangleEqual;</code> </td> <td> U+022B5 </td> </tr><tr><td> <code title="">RightUpDownVector;</code> </td> <td> U+0294F </td> </tr><tr><td> <code title="">RightUpTeeVector;</code> </td> <td> U+0295C </td> </tr><tr><td> <code title="">RihtUpVector;</code> </td> <td> U+021BE </td> </tr><tr><td> <code title="">RightUpVectorBar;</code> </td> <td> U+02954 </td> </tr><tr><td> <code title="">RightVector;</code> </td> <td> U+021C0 </td> </tr><tr><td> <code title="">RightVectorBar;</code> </td> <td> U+02953 </td> </tr><tr><td> <code title="">Rightarrow;</code> </td> <td> U+021D2 </td> </tr><tr><td> <code title="">Ropf;</code> </td> <td> U+0211D </td> </tr><tr><td> <code title="">RoundImplies;</code> </td> <td> U+02970 </td> </tr><tr><td> <code title="">Rrightarrow;</code> </td> <td> U+021DB </td> </tr><tr><td> <code title="">Rscr;</code> </td> <td> U+0211B </td> </tr><tr><td> <code title="">Rsh;</code> </td> <td> U+021B1 </td> </tr><tr><td> <code title="">RuleDelayed;</code> </td> <td> U+029F4 </td> </tr><tr><td> <code title="">SHCHcy;</code> </td> <td> U+00429 </td> </tr><tr><td> <code title="">SHcy;</code> </td> <td> U+00428 </td> </tr><tr><td> <code title="">SOFTcy;</code> </td> <td> U+0042C </td> </tr><tr><td> <code title="">Sacute;</code> </t> <td> U+0015A </td> </tr><tr><td> <code title="">Sc;</code> </td> <td> U+02ABC </td> </tr><tr><td> <code title="">Scaron;</code> </td> <td> U+00160 </td> </tr><tr><td> <code title="">Scedil;</code> </td> <td> U+0015E </td> </tr><tr><td> <code title="">Scirc;</code> </td> <td> U+0015C </td> </tr><tr><td> <code title="">Scy;</code> </td> <td> U+00421 </td> </tr><tr><td> <code title="">Sfr;</code> </td> <td> U+1D516 </td> </tr><tr><td> <code title="">ShortDownArrow;</code> </td> <td> U+02193 </td> </tr><tr><td> <code title="">ShortLeftArrow;</code> </td> <td> U+02190 </td> </tr><tr><td> <code title="">ShortRightArrow;</code> </td> <td> U+02192 </td> </tr><tr><td> <code title="">ShortUpArrow;</code> </td> <td> U+02191 </td> </tr><tr><td> <code title="">Sigma;</code> </td> <td> U+003A3 </td> </tr><tr><td> <code title="">SmallCircle;</code> </td> <td> U+02218 </td> </tr><tr><td> <code title="">Sopf;</code> </td> <td> U+1D54A </td> </tr><tr><td> <code title="">Sqrt;</code> </td> <td> U+0221A </td> </tr><tr><td> <ode title="">Square;</code> </td> <td> U+025A1 </td> </tr><tr><td> <code title="">SquareIntersection;</code> </td> <td> U+02293 </td> </tr><tr><td> <code title="">SquareSubset;</code> </td> <td> U+0228F </td> </tr><tr><td> <code title="">SquareSubsetEqual;</code> </td> <td> U+02291 </td> </tr><tr><td> <code title="">SquareSuperset;</code> </td> <td> U+02290 </td> </tr><tr><td> <code title="">SquareSupersetEqual;</code> </td> <td> U+02292 </td> </tr><tr><td> <code title="">SquareUnion;</code> </td> <td> U+02294 </td> </tr><tr><td> <code title="">Sscr;</code> </td> <td> U+1D4AE </td> </tr><tr><td> <code title="">Star;</code> </td> <td> U+022C6 </td> </tr><tr><td> <code title="">Sub;</code> </td> <td> U+022D0 </td> </tr><tr><td> <code title="">Subset;</code> </td> <td> U+022D0 </td> </tr><tr><td> <code title="">SubsetEqual;</code> </td> <td> U+02286 </td> </tr><tr><td> <code title="">Succeeds;</code> </td> <td> U+0227B </td> </tr><tr><td> <code title="">SucceedsEqual;</code> </td> <td> U+02AB0 </td> </tr><tr><d> <code title="">SucceedsSlantEqual;</code> </td> <td> U+0227D </td> </tr><tr><td> <code title="">SucceedsTilde;</code> </td> <td> U+0227F </td> </tr><tr><td> <code title="">SuchThat;</code> </td> <td> U+0220B </td> </tr><tr><td> <code title="">Sum;</code> </td> <td> U+02211 </td> </tr><tr><td> <code title="">Sup;</code> </td> <td> U+022D1 </td> </tr><tr><td> <code title="">Superset;</code> </td> <td> U+02283 </td> </tr><tr><td> <code title="">SupersetEqual;</code> </td> <td> U+02287 </td> </tr><tr><td> <code title="">Supset;</code> </td> <td> U+022D1 </td> </tr><tr><td> <code title="">THORN;</code> </td> <td> U+000DE </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">TRADE;</code> </td> <td> U+02122 </td> </tr><tr><td> <code title="">TSHcy;</code> </td> <td> U+0040B </td> </tr><tr><td> <code title="">TScy;</code> </td> <td> U+00426 </td> </tr><tr><td> <code title="">Tab;</code> </td> <td> U+00009 </td> </tr><tr><td> <code title="">Tau;</code> </td> <d> U+003A4 </td> </tr><tr><td> <code title="">Tcaron;</code> </td> <td> U+00164 </td> </tr><tr><td> <code title="">Tcedil;</code> </td> <td> U+00162 </td> </tr><tr><td> <code title="">Tcy;</code> </td> <td> U+00422 </td> </tr><tr><td> <code title="">Tfr;</code> </td> <td> U+1D517 </td> </tr><tr><td> <code title="">Therefore;</code> </td> <td> U+02234 </td> </tr><tr><td> <code title="">Theta;</code> </td> <td> U+00398 </td> </tr><tr><td> <code title="">ThinSpace;</code> </td> <td> U+02009 </td> </tr><tr><td> <code title="">Tilde;</code> </td> <td> U+0223C </td> </tr><tr><td> <code title="">TildeEqual;</code> </td> <td> U+02243 </td> </tr><tr><td> <code title="">TildeFullEqual;</code> </td> <td> U+02245 </td> </tr><tr><td> <code title="">TildeTilde;</code> </td> <td> U+02248 </td> </tr><tr><td> <code title="">Topf;</code> </td> <td> U+1D54B </td> </tr><tr><td> <code title="">TripleDot;</code> </td> <td> U+020DB </td> </tr><tr><td> <code title="">Tscr;</code> </td> <td> U+1D4AF </td> </tr><tr><td> <code title=">Tstrok;</code> </td> <td> U+00166 </td> </tr><tr><td> <code title="">Uacute;</code> </td> <td> U+000DA </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Uarr;</code> </td> <td> U+0219F </td> </tr><tr><td> <code title="">Uarrocir;</code> </td> <td> U+02949 </td> </tr><tr><td> <code title="">Ubrcy;</code> </td> <td> U+0040E </td> </tr><tr><td> <code title="">Ubreve;</code> </td> <td> U+0016C </td> </tr><tr><td> <code title="">Ucirc;</code> </td> <td> U+000DB </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Ucy;</code> </td> <td> U+00423 </td> </tr><tr><td> <code title="">Udblac;</code> </td> <td> U+00170 </td> </tr><tr><td> <code title="">Ufr;</code> </td> <td> U+1D518 </td> </tr><tr><td> <code title="">Ugrave;</code> </td> <td> U+000D9 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Umacr;</code> </td> <td> U+0016A </td> </tr><tr><td> code title="">UnderBar;</code> </td> <td> U+0005F </td> </tr><tr><td> <code title="">UnderBrace;</code> </td> <td> U+023DF </td> </tr><tr><td> <code title="">UnderBracket;</code> </td> <td> U+023B5 </td> </tr><tr><td> <code title="">UnderParenthesis;</code> </td> <td> U+023DD </td> </tr><tr><td> <code title="">Union;</code> </td> <td> U+022C3 </td> </tr><tr><td> <code title="">UnionPlus;</code> </td> <td> U+0228E </td> </tr><tr><td> <code title="">Uogon;</code> </td> <td> U+00172 </td> </tr><tr><td> <code title="">Uopf;</code> </td> <td> U+1D54C </td> </tr><tr><td> <code title="">UpArrow;</code> </td> <td> U+02191 </td> </tr><tr><td> <code title="">UpArrowBar;</code> </td> <td> U+02912 </td> </tr><tr><td> <code title="">UpArrowDownArrow;</code> </td> <td> U+021C5 </td> </tr><tr><td> <code title="">UpDownArrow;</code> </td> <td> U+02195 </td> </tr><tr><td> <code title="">UpEquilibrium;</code> </td> <td> U+0296E </td> </tr><tr><td> <code title="">UpTee;</code> </td> <td> U+022A5 </td> </tr><tr><td> <code titl="">UpTeeArrow;</code> </td> <td> U+021A5 </td> </tr><tr><td> <code title="">Uparrow;</code> </td> <td> U+021D1 </td> </tr><tr><td> <code title="">Updownarrow;</code> </td> <td> U+021D5 </td> </tr><tr><td> <code title="">UpperLeftArrow;</code> </td> <td> U+02196 </td> </tr><tr><td> <code title="">UpperRightArrow;</code> </td> <td> U+02197 </td> </tr><tr><td> <code title="">Upsi;</code> </td> <td> U+003D2 </td> </tr><tr><td> <code title="">Upsilon;</code> </td> <td> U+003A5 </td> </tr><tr><td> <code title="">Uring;</code> </td> <td> U+0016E </td> </tr><tr><td> <code title="">Uscr;</code> </td> <td> U+1D4B0 </td> </tr><tr><td> <code title="">Utilde;</code> </td> <td> U+00168 </td> </tr><tr><td> <code title="">Uuml;</code> </td> <td> U+000DC </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">VDash;</code> </td> <td> U+022AB </td> </tr><tr><td> <code title="">Vbar;</code> </td> <td> U+02AEB </td> </tr><tr><td> <code title="">Vcy;</code> </td> <td> U+00412 /td> </tr><tr><td> <code title="">Vdash;</code> </td> <td> U+022A9 </td> </tr><tr><td> <code title="">Vdashl;</code> </td> <td> U+02AE6 </td> </tr><tr><td> <code title="">Vee;</code> </td> <td> U+022C1 </td> </tr><tr><td> <code title="">Verbar;</code> </td> <td> U+02016 </td> </tr><tr><td> <code title="">Vert;</code> </td> <td> U+02016 </td> </tr><tr><td> <code title="">VerticalBar;</code> </td> <td> U+02223 </td> </tr><tr><td> <code title="">VerticalLine;</code> </td> <td> U+0007C </td> </tr><tr><td> <code title="">VerticalSeparator;</code> </td> <td> U+02758 </td> </tr><tr><td> <code title="">VerticalTilde;</code> </td> <td> U+02240 </td> </tr><tr><td> <code title="">VeryThinSpace;</code> </td> <td> U+0200A </td> </tr><tr><td> <code title="">Vfr;</code> </td> <td> U+1D519 </td> </tr><tr><td> <code title="">Vopf;</code> </td> <td> U+1D54D </td> </tr><tr><td> <code title="">Vscr;</code> </td> <td> U+1D4B1 </td> </tr><tr><td> <code title="">Vvdash;</code> </td> <td> U+022AA </td> </tr><tr><td> <code title=""Wcirc;</code> </td> <td> U+00174 </td> </tr><tr><td> <code title="">Wedge;</code> </td> <td> U+022C0 </td> </tr><tr><td> <code title="">Wfr;</code> </td> <td> U+1D51A </td> </tr><tr><td> <code title="">Wopf;</code> </td> <td> U+1D54E </td> </tr><tr><td> <code title="">Wscr;</code> </td> <td> U+1D4B2 </td> </tr><tr><td> <code title="">Xfr;</code> </td> <td> U+1D51B </td> </tr><tr><td> <code title="">Xi;</code> </td> <td> U+0039E </td> </tr><tr><td> <code title="">Xopf;</code> </td> <td> U+1D54F </td> </tr><tr><td> <code title="">Xscr;</code> </td> <td> U+1D4B3 </td> </tr><tr><td> <code title="">YAcy;</code> </td> <td> U+0042F </td> </tr><tr><td> <code title="">YIcy;</code> </td> <td> U+00407 </td> </tr><tr><td> <code title="">YUcy;</code> </td> <td> U+0042E </td> </tr><tr><td> <code title="">Yacute;</code> </td> <td> U+000DD </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">Ycirc;</code> </td> <td> U+00176 </td> </tr><tr><td> <code title="">Ycy;</code></td> <td> U+0042B </td> </tr><tr><td> <code title="">Yfr;</code> </td> <td> U+1D51C </td> </tr><tr><td> <code title="">Yopf;</code> </td> <td> U+1D550 </td> </tr><tr><td> <code title="">Yscr;</code> </td> <td> U+1D4B4 </td> </tr><tr><td> <code title="">Yuml;</code> </td> <td> U+00178 </td> </tr><tr><td> <code title="">ZHcy;</code> </td> <td> U+00416 </td> </tr><tr><td> <code title="">Zacute;</code> </td> <td> U+00179 </td> </tr><tr><td> <code title="">Zcaron;</code> </td> <td> U+0017D </td> </tr><tr><td> <code title="">Zcy;</code> </td> <td> U+00417 </td> </tr><tr><td> <code title="">Zdot;</code> </td> <td> U+0017B </td> </tr><tr><td> <code title="">ZeroWidthSpace;</code> </td> <td> U+0200B </td> </tr><tr><td> <code title="">Zeta;</code> </td> <td> U+00396 </td> </tr><tr><td> <code title="">Zfr;</code> </td> <td> U+02128 </td> </tr><tr><td> <code title="">Zopf;</code> </td> <td> U+02124 </td> </tr><tr><td> <code title="">Zscr;</code> </td> <td> U+1D4B5 </td> </tr><tr><td> <code title="">aacute;</code> </td <td> U+000E1 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">abreve;</code> </td> <td> U+00103 </td> </tr><tr><td> <code title="">ac;</code> </td> <td> U+0223E </td> </tr><tr><td> <code title="">acd;</code> </td> <td> U+0223F </td> </tr><tr><td> <code title="">acirc;</code> </td> <td> U+000E2 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">acute;</code> </td> <td> U+000B4 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">acy;</code> </td> <td> U+00430 </td> </tr><tr><td> <code title="">aelig;</code> </td> <td> U+000E6 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">af;</code> </td> <td> U+02061 </td> </tr><tr><td> <code title="">afr;</code> </td> <td> U+1D51E </td> </tr><tr><td> <code title="">agrave;</code> </td> <td> U+000E0 </td> </tr><!-- (invalid entity with missing semiclon for legacy support only) --><tr><td> <code title="">alefsym;</code> </td> <td> U+02135 </td> </tr><tr><td> <code title="">aleph;</code> </td> <td> U+02135 </td> </tr><tr><td> <code title="">alpha;</code> </td> <td> U+003B1 </td> </tr><tr><td> <code title="">amacr;</code> </td> <td> U+00101 </td> </tr><tr><td> <code title="">amalg;</code> </td> <td> U+02A3F </td> </tr><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="">and;</code> </td> <td> U+02227 </td> </tr><tr><td> <code title="">andand;</code> </td> <td> U+02A55 </td> </tr><tr><td> <code title="">andd;</code> </td> <td> U+02A5C </td> </tr><tr><td> <code title="">andslope;</code> </td> <td> U+02A58 </td> </tr><tr><td> <code title="">andv;</code> </td> <td> U+02A5A </td> </tr><tr><td> <code title="">ang;</code> </td> <td> U+02220 </td> </tr><tr><td> <code title="">ange;</code> </td> <td> U+029A4 </td> </tr><tr><td> <code title="">angle;</code></td> <td> U+02220 </td> </tr><tr><td> <code title="">angmsd;</code> </td> <td> U+02221 </td> </tr><tr><td> <code title="">angmsdaa;</code> </td> <td> U+029A8 </td> </tr><tr><td> <code title="">angmsdab;</code> </td> <td> U+029A9 </td> </tr><tr><td> <code title="">angmsdac;</code> </td> <td> U+029AA </td> </tr><tr><td> <code title="">angmsdad;</code> </td> <td> U+029AB </td> </tr><tr><td> <code title="">angmsdae;</code> </td> <td> U+029AC </td> </tr><tr><td> <code title="">angmsdaf;</code> </td> <td> U+029AD </td> </tr><tr><td> <code title="">angmsdag;</code> </td> <td> U+029AE </td> </tr><tr><td> <code title="">angmsdah;</code> </td> <td> U+029AF </td> </tr><tr><td> <code title="">angrt;</code> </td> <td> U+0221F </td> </tr><tr><td> <code title="">angrtvb;</code> </td> <td> U+022BE </td> </tr><tr><td> <code title="">angrtvbd;</code> </td> <td> U+0299D </td> </tr><tr><td> <code title="">angsph;</code> </td> <td> U+02222 </td> </tr><tr><td> <code title="">angst;</code> </td> <td> U+000C5 </td> </tr><tr><td> code title="">angzarr;</code> </td> <td> U+0237C </td> </tr><tr><td> <code title="">aogon;</code> </td> <td> U+00105 </td> </tr><tr><td> <code title="">aopf;</code> </td> <td> U+1D552 </td> </tr><tr><td> <code title="">ap;</code> </td> <td> U+02248 </td> </tr><tr><td> <code title="">apE;</code> </td> <td> U+02A70 </td> </tr><tr><td> <code title="">apacir;</code> </td> <td> U+02A6F </td> </tr><tr><td> <code title="">ape;</code> </td> <td> U+0224A </td> </tr><tr><td> <code title="">apid;</code> </td> <td> U+0224B </td> </tr><tr><td> <code title="">apos;</code> </td> <td> U+00027 </td> </tr><tr><td> <code title="">approx;</code> </td> <td> U+02248 </td> </tr><tr><td> <code title="">approxeq;</code> </td> <td> U+0224A </td> </tr><tr><td> <code title="">aring;</code> </td> <td> U+000E5 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">ascr;</code> </td> <td> U+1D4B6 </td> </tr><tr><td> <code title="">ast;</code> </td> <td> U+0002A </td> </tr><tr><td> <codetitle="">asymp;</code> </td> <td> U+02248 </td> </tr><tr><td> <code title="">asympeq;</code> </td> <td> U+0224D </td> </tr><tr><td> <code title="">atilde;</code> </td> <td> U+000E3 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">auml;</code> </td> <td> U+000E4 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">awconint;</code> </td> <td> U+02233 </td> </tr><tr><td> <code title="">awint;</code> </td> <td> U+02A11 </td> </tr><tr><td> <code title="">bNot;</code> </td> <td> U+02AED </td> </tr><tr><td> <code title="">backcong;</code> </td> <td> U+0224C </td> </tr><tr><td> <code title="">backepsilon;</code> </td> <td> U+003F6 </td> </tr><tr><td> <code title="">backprime;</code> </td> <td> U+02035 </td> </tr><tr><td> <code title="">backsim;</code> </td> <td> U+0223D </td> </tr><tr><td> <code title="">backsimeq;</code> </td> <td> U+022CD </td> </tr><tr><td> <code title="">barvee;</code> </td> <td> U+02BD </td> </tr><tr><td> <code title="">barwed;</code> </td> <td> U+02305 </td> </tr><tr><td> <code title="">barwedge;</code> </td> <td> U+02305 </td> </tr><tr><td> <code title="">bbrk;</code> </td> <td> U+023B5 </td> </tr><tr><td> <code title="">bbrktbrk;</code> </td> <td> U+023B6 </td> </tr><tr><td> <code title="">bcong;</code> </td> <td> U+0224C </td> </tr><tr><td> <code title="">bcy;</code> </td> <td> U+00431 </td> </tr><tr><td> <code title="">bdquo;</code> </td> <td> U+0201E </td> </tr><tr><td> <code title="">becaus;</code> </td> <td> U+02235 </td> </tr><tr><td> <code title="">because;</code> </td> <td> U+02235 </td> </tr><tr><td> <code title="">bemptyv;</code> </td> <td> U+029B0 </td> </tr><tr><td> <code title="">bepsi;</code> </td> <td> U+003F6 </td> </tr><tr><td> <code title="">bernou;</code> </td> <td> U+0212C </td> </tr><tr><td> <code title="">beta;</code> </td> <td> U+003B2 </td> </tr><tr><td> <code title="">beth;</code> </td> <td> U+02136 </td> </tr><tr><td> <code title="">between;</code> </td> <t> U+0226C </td> </tr><tr><td> <code title="">bfr;</code> </td> <td> U+1D51F </td> </tr><tr><td> <code title="">bigcap;</code> </td> <td> U+022C2 </td> </tr><tr><td> <code title="">bigcirc;</code> </td> <td> U+025EF </td> </tr><tr><td> <code title="">bigcup;</code> </td> <td> U+022C3 </td> </tr><tr><td> <code title="">bigodot;</code> </td> <td> U+02A00 </td> </tr><tr><td> <code title="">bigoplus;</code> </td> <td> U+02A01 </td> </tr><tr><td> <code title="">bigotimes;</code> </td> <td> U+02A02 </td> </tr><tr><td> <code title="">bigsqcup;</code> </td> <td> U+02A06 </td> </tr><tr><td> <code title="">bigstar;</code> </td> <td> U+02605 </td> </tr><tr><td> <code title="">bigtriangledown;</code> </td> <td> U+025BD </td> </tr><tr><td> <code title="">bigtriangleup;</code> </td> <td> U+025B3 </td> </tr><tr><td> <code title="">biguplus;</code> </td> <td> U+02A04 </td> </tr><tr><td> <code title="">bigvee;</code> </td> <td> U+022C1 </td> </tr><tr><td> <code title="">bigwedge;</code> </td> <td> U+022C0 </td> </tr><tr><td><code title="">bkarow;</code> </td> <td> U+0290D </td> </tr><tr><td> <code title="">blacklozenge;</code> </td> <td> U+029EB </td> </tr><tr><td> <code title="">blacksquare;</code> </td> <td> U+025AA </td> </tr><tr><td> <code title="">blacktriangle;</code> </td> <td> U+025B4 </td> </tr><tr><td> <code title="">blacktriangledown;</code> </td> <td> U+025BE </td> </tr><tr><td> <code title="">blacktriangleleft;</code> </td> <td> U+025C2 </td> </tr><tr><td> <code title="">blacktriangleright;</code> </td> <td> U+025B8 </td> </tr><tr><td> <code title="">blank;</code> </td> <td> U+02423 </td> </tr><tr><td> <code title="">blk12;</code> </td> <td> U+02592 </td> </tr><tr><td> <code title="">blk14;</code> </td> <td> U+02591 </td> </tr><tr><td> <code title="">blk34;</code> </td> <td> U+02593 </td> </tr><tr><td> <code title="">block;</code> </td> <td> U+02588 </td> </tr><tr><td> <code title="">bnot;</code> </td> <td> U+02310 </td> </tr><tr><td> <code title="">bopf;</code> </td> <td> U+1D553 </td> </tr><tr><td> <code title=">bot;</code> </td> <td> U+022A5 </td> </tr><tr><td> <code title="">bottom;</code> </td> <td> U+022A5 </td> </tr><tr><td> <code title="">bowtie;</code> </td> <td> U+022C8 </td> </tr><tr><td> <code title="">boxDL;</code> </td> <td> U+02557 </td> </tr><tr><td> <code title="">boxDR;</code> </td> <td> U+02554 </td> </tr><tr><td> <code title="">boxDl;</code> </td> <td> U+02556 </td> </tr><tr><td> <code title="">boxDr;</code> </td> <td> U+02553 </td> </tr><tr><td> <code title="">boxH;</code> </td> <td> U+02550 </td> </tr><tr><td> <code title="">boxHD;</code> </td> <td> U+02566 </td> </tr><tr><td> <code title="">boxHU;</code> </td> <td> U+02569 </td> </tr><tr><td> <code title="">boxHd;</code> </td> <td> U+02564 </td> </tr><tr><td> <code title="">boxHu;</code> </td> <td> U+02567 </td> </tr><tr><td> <code title="">boxUL;</code> </td> <td> U+0255D </td> </tr><tr><td> <code title="">boxUR;</code> </td> <td> U+0255A </td> </tr><tr><td> <code title="">boxUl;</code> </td> <td> U+0255C </td> </tr><tr><td> <code title="">boUr;</code> </td> <td> U+02559 </td> </tr><tr><td> <code title="">boxV;</code> </td> <td> U+02551 </td> </tr><tr><td> <code title="">boxVH;</code> </td> <td> U+0256C </td> </tr><tr><td> <code title="">boxVL;</code> </td> <td> U+02563 </td> </tr><tr><td> <code title="">boxVR;</code> </td> <td> U+02560 </td> </tr><tr><td> <code title="">boxVh;</code> </td> <td> U+0256B </td> </tr><tr><td> <code title="">boxVl;</code> </td> <td> U+02562 </td> </tr><tr><td> <code title="">boxVr;</code> </td> <td> U+0255F </td> </tr><tr><td> <code title="">boxbox;</code> </td> <td> U+029C9 </td> </tr><tr><td> <code title="">boxdL;</code> </td> <td> U+02555 </td> </tr><tr><td> <code title="">boxdR;</code> </td> <td> U+02552 </td> </tr><tr><td> <code title="">boxdl;</code> </td> <td> U+02510 </td> </tr><tr><td> <code title="">boxdr;</code> </td> <td> U+0250C </td> </tr><tr><td> <code title="">boxh;</code> </td> <td> U+02500 </td> </tr><tr><td> <code title="">boxhD;</code> </td> <td> U+02565 </td> </tr><tr><td> <code title="">boxhU;/code> </td> <td> U+02568 </td> </tr><tr><td> <code title="">boxhd;</code> </td> <td> U+0252C </td> </tr><tr><td> <code title="">boxhu;</code> </td> <td> U+02534 </td> </tr><tr><td> <code title="">boxminus;</code> </td> <td> U+0229F </td> </tr><tr><td> <code title="">boxplus;</code> </td> <td> U+0229E </td> </tr><tr><td> <code title="">boxtimes;</code> </td> <td> U+022A0 </td> </tr><tr><td> <code title="">boxuL;</code> </td> <td> U+0255B </td> </tr><tr><td> <code title="">boxuR;</code> </td> <td> U+02558 </td> </tr><tr><td> <code title="">boxul;</code> </td> <td> U+02518 </td> </tr><tr><td> <code title="">boxur;</code> </td> <td> U+02514 </td> </tr><tr><td> <code title="">boxv;</code> </td> <td> U+02502 </td> </tr><tr><td> <code title="">boxvH;</code> </td> <td> U+0256A </td> </tr><tr><td> <code title="">boxvL;</code> </td> <td> U+02561 </td> </tr><tr><td> <code title="">boxvR;</code> </td> <td> U+0255E </td> </tr><tr><td> <code title="">boxvh;</code> </td> <td> U+0253C </td> </tr><tr><td> <code title="">bovl;</code> </td> <td> U+02524 </td> </tr><tr><td> <code title="">boxvr;</code> </td> <td> U+0251C </td> </tr><tr><td> <code title="">bprime;</code> </td> <td> U+02035 </td> </tr><tr><td> <code title="">breve;</code> </td> <td> U+002D8 </td> </tr><tr><td> <code title="">brvbar;</code> </td> <td> U+000A6 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">bscr;</code> </td> <td> U+1D4B7 </td> </tr><tr><td> <code title="">bsemi;</code> </td> <td> U+0204F </td> </tr><tr><td> <code title="">bsim;</code> </td> <td> U+0223D </td> </tr><tr><td> <code title="">bsime;</code> </td> <td> U+022CD </td> </tr><tr><td> <code title="">bsol;</code> </td> <td> U+0005C </td> </tr><tr><td> <code title="">bsolb;</code> </td> <td> U+029C5 </td> </tr><tr><td> <code title="">bsolhsub;</code> </td> <td> U+027C8 </td> </tr><tr><td> <code title="">bull;</code> </td> <td> U+02022 </td> </tr><tr><td> <code title="">bullet;</code> </td> <td> U+02022 </td> </tr><tr><td> <code title=""bump;</code> </td> <td> U+0224E </td> </tr><tr><td> <code title="">bumpE;</code> </td> <td> U+02AAE </td> </tr><tr><td> <code title="">bumpe;</code> </td> <td> U+0224F </td> </tr><tr><td> <code title="">bumpeq;</code> </td> <td> U+0224F </td> </tr><tr><td> <code title="">cacute;</code> </td> <td> U+00107 </td> </tr><tr><td> <code title="">cap;</code> </td> <td> U+02229 </td> </tr><tr><td> <code title="">capand;</code> </td> <td> U+02A44 </td> </tr><tr><td> <code title="">capbrcup;</code> </td> <td> U+02A49 </td> </tr><tr><td> <code title="">capcap;</code> </td> <td> U+02A4B </td> </tr><tr><td> <code title="">capcup;</code> </td> <td> U+02A47 </td> </tr><tr><td> <code title="">capdot;</code> </td> <td> U+02A40 </td> </tr><tr><td> <code title="">caret;</code> </td> <td> U+02041 </td> </tr><tr><td> <code title="">caron;</code> </td> <td> U+002C7 </td> </tr><tr><td> <code title="">ccaps;</code> </td> <td> U+02A4D </td> </tr><tr><td> <code title="">ccaron;</code> </td> <td> U+0010D </td> </tr><tr><td> <code titl="">ccedil;</code> </td> <td> U+000E7 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">ccirc;</code> </td> <td> U+00109 </td> </tr><tr><td> <code title="">ccups;</code> </td> <td> U+02A4C </td> </tr><tr><td> <code title="">ccupssm;</code> </td> <td> U+02A50 </td> </tr><tr><td> <code title="">cdot;</code> </td> <td> U+0010B </td> </tr><tr><td> <code title="">cedil;</code> </td> <td> U+000B8 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">cemptyv;</code> </td> <td> U+029B2 </td> </tr><tr><td> <code title="">cent;</code> </td> <td> U+000A2 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">centerdot;</code> </td> <td> U+000B7 </td> </tr><tr><td> <code title="">cfr;</code> </td> <td> U+1D520 </td> </tr><tr><td> <code title="">chcy;</code> </td> <td> U+00447 </td> </tr><tr><td> <code title="">check;</code> </td> <td> U+02713 </td> </tr><tr><t> <code title="">checkmark;</code> </td> <td> U+02713 </td> </tr><tr><td> <code title="">chi;</code> </td> <td> U+003C7 </td> </tr><tr><td> <code title="">cir;</code> </td> <td> U+025CB </td> </tr><tr><td> <code title="">cirE;</code> </td> <td> U+029C3 </td> </tr><tr><td> <code title="">circ;</code> </td> <td> U+002C6 </td> </tr><tr><td> <code title="">circeq;</code> </td> <td> U+02257 </td> </tr><tr><td> <code title="">circlearrowleft;</code> </td> <td> U+021BA </td> </tr><tr><td> <code title="">circlearrowright;</code> </td> <td> U+021BB </td> </tr><tr><td> <code title="">circledR;</code> </td> <td> U+000AE </td> </tr><tr><td> <code title="">circledS;</code> </td> <td> U+024C8 </td> </tr><tr><td> <code title="">circledast;</code> </td> <td> U+0229B </td> </tr><tr><td> <code title="">circledcirc;</code> </td> <td> U+0229A </td> </tr><tr><td> <code title="">circleddash;</code> </td> <td> U+0229D </td> </tr><tr><td> <code title="">cire;</code> </td> <td> U+02257 </td> </tr><tr><td> <code title="">cirfnint;</ode> </td> <td> U+02A10 </td> </tr><tr><td> <code title="">cirmid;</code> </td> <td> U+02AEF </td> </tr><tr><td> <code title="">cirscir;</code> </td> <td> U+029C2 </td> </tr><tr><td> <code title="">clubs;</code> </td> <td> U+02663 </td> </tr><tr><td> <code title="">clubsuit;</code> </td> <td> U+02663 </td> </tr><tr><td> <code title="">colon;</code> </td> <td> U+0003A </td> </tr><tr><td> <code title="">colone;</code> </td> <td> U+02254 </td> </tr><tr><td> <code title="">coloneq;</code> </td> <td> U+02254 </td> </tr><tr><td> <code title="">comma;</code> </td> <td> U+0002C </td> </tr><tr><td> <code title="">commat;</code> </td> <td> U+00040 </td> </tr><tr><td> <code title="">comp;</code> </td> <td> U+02201 </td> </tr><tr><td> <code title="">compfn;</code> </td> <td> U+02218 </td> </tr><tr><td> <code title="">complement;</code> </td> <td> U+02201 </td> </tr><tr><td> <code title="">complexes;</code> </td> <td> U+02102 </td> </tr><tr><td> <code title="">cong;</code> </td> <td> U+02245 </td> </tr><tr><td> <code tile="">congdot;</code> </td> <td> U+02A6D </td> </tr><tr><td> <code title="">conint;</code> </td> <td> U+0222E </td> </tr><tr><td> <code title="">copf;</code> </td> <td> U+1D554 </td> </tr><tr><td> <code title="">coprod;</code> </td> <td> U+02210 </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="">copysr;</code> </td> <td> U+02117 </td> </tr><tr><td> <code title="">crarr;</code> </td> <td> U+021B5 </td> </tr><tr><td> <code title="">cross;</code> </td> <td> U+02717 </td> </tr><tr><td> <code title="">cscr;</code> </td> <td> U+1D4B8 </td> </tr><tr><td> <code title="">csub;</code> </td> <td> U+02ACF </td> </tr><tr><td> <code title="">csube;</code> </td> <td> U+02AD1 </td> </tr><tr><td> <code title="">csup;</code> </td> <td> U+02AD0 </td> </tr><tr><td> <code title="">csupe;</code> </td> <td> U+02AD2 </td> </tr><tr><td> <code title="">ctdot;</code> </td> <td> U+022EF </td> </tr><tr><td> <code ttle="">cudarrl;</code> </td> <td> U+02938 </td> </tr><tr><td> <code title="">cudarrr;</code> </td> <td> U+02935 </td> </tr><tr><td> <code title="">cuepr;</code> </td> <td> U+022DE </td> </tr><tr><td> <code title="">cuesc;</code> </td> <td> U+022DF </td> </tr><tr><td> <code title="">cularr;</code> </td> <td> U+021B6 </td> </tr><tr><td> <code title="">cularrp;</code> </td> <td> U+0293D </td> </tr><tr><td> <code title="">cup;</code> </td> <td> U+0222A </td> </tr><tr><td> <code title="">cupbrcap;</code> </td> <td> U+02A48 </td> </tr><tr><td> <code title="">cupcap;</code> </td> <td> U+02A46 </td> </tr><tr><td> <code title="">cupcup;</code> </td> <td> U+02A4A </td> </tr><tr><td> <code title="">cupdot;</code> </td> <td> U+0228D </td> </tr><tr><td> <code title="">cupor;</code> </td> <td> U+02A45 </td> </tr><tr><td> <code title="">curarr;</code> </td> <td> U+021B7 </td> </tr><tr><td> <code title="">curarrm;</code> </td> <td> U+0293C </td> </tr><tr><td> <code title="">curlyeqprec;</code> </td> <td> U+022DE </td> </tr<tr><td> <code title="">curlyeqsucc;</code> </td> <td> U+022DF </td> </tr><tr><td> <code title="">curlyvee;</code> </td> <td> U+022CE </td> </tr><tr><td> <code title="">curlywedge;</code> </td> <td> U+022CF </td> </tr><tr><td> <code title="">curren;</code> </td> <td> U+000A4 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">curvearrowleft;</code> </td> <td> U+021B6 </td> </tr><tr><td> <code title="">curvearrowright;</code> </td> <td> U+021B7 </td> </tr><tr><td> <code title="">cuvee;</code> </td> <td> U+022CE </td> </tr><tr><td> <code title="">cuwed;</code> </td> <td> U+022CF </td> </tr><tr><td> <code title="">cwconint;</code> </td> <td> U+02232 </td> </tr><tr><td> <code title="">cwint;</code> </td> <td> U+02231 </td> </tr><tr><td> <code title="">cylcty;</code> </td> <td> U+0232D </td> </tr><tr><td> <code title="">dArr;</code> </td> <td> U+021D3 </td> </tr><tr><td> <code title="">dHar;</code> </td> <td> U+02965 </td> </tr><tr><td> <code title="">dagger</code> </td> <td> U+02020 </td> </tr><tr><td> <code title="">daleth;</code> </td> <td> U+02138 </td> </tr><tr><td> <code title="">darr;</code> </td> <td> U+02193 </td> </tr><tr><td> <code title="">dash;</code> </td> <td> U+02010 </td> </tr><tr><td> <code title="">dashv;</code> </td> <td> U+022A3 </td> </tr><tr><td> <code title="">dbkarow;</code> </td> <td> U+0290F </td> </tr><tr><td> <code title="">dblac;</code> </td> <td> U+002DD </td> </tr><tr><td> <code title="">dcaron;</code> </td> <td> U+0010F </td> </tr><tr><td> <code title="">dcy;</code> </td> <td> U+00434 </td> </tr><tr><td> <code title="">dd;</code> </td> <td> U+02146 </td> </tr><tr><td> <code title="">ddagger;</code> </td> <td> U+02021 </td> </tr><tr><td> <code title="">ddarr;</code> </td> <td> U+021CA </td> </tr><tr><td> <code title="">ddotseq;</code> </td> <td> U+02A77 </td> </tr><tr><td> <code title="">deg;</code> </td> <td> U+000B0 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">delta</code> </td> <td> U+003B4 </td> </tr><tr><td> <code title="">demptyv;</code> </td> <td> U+029B1 </td> </tr><tr><td> <code title="">dfisht;</code> </td> <td> U+0297F </td> </tr><tr><td> <code title="">dfr;</code> </td> <td> U+1D521 </td> </tr><tr><td> <code title="">dharl;</code> </td> <td> U+021C3 </td> </tr><tr><td> <code title="">dharr;</code> </td> <td> U+021C2 </td> </tr><tr><td> <code title="">diam;</code> </td> <td> U+022C4 </td> </tr><tr><td> <code title="">diamond;</code> </td> <td> U+022C4 </td> </tr><tr><td> <code title="">diamondsuit;</code> </td> <td> U+02666 </td> </tr><tr><td> <code title="">diams;</code> </td> <td> U+02666 </td> </tr><tr><td> <code title="">die;</code> </td> <td> U+000A8 </td> </tr><tr><td> <code title="">digamma;</code> </td> <td> U+003DD </td> </tr><tr><td> <code title="">disin;</code> </td> <td> U+022F2 </td> </tr><tr><td> <code title="">div;</code> </td> <td> U+000F7 </td> </tr><tr><td> <code title="">divide;</code> </td> <td> U+000F7 </td> </tr><!-- (invalid entity withmissing semicolon for legacy support only) --><tr><td> <code title="">divideontimes;</code> </td> <td> U+022C7 </td> </tr><tr><td> <code title="">divonx;</code> </td> <td> U+022C7 </td> </tr><tr><td> <code title="">djcy;</code> </td> <td> U+00452 </td> </tr><tr><td> <code title="">dlcorn;</code> </td> <td> U+0231E </td> </tr><tr><td> <code title="">dlcrop;</code> </td> <td> U+0230D </td> </tr><tr><td> <code title="">dollar;</code> </td> <td> U+00024 </td> </tr><tr><td> <code title="">dopf;</code> </td> <td> U+1D555 </td> </tr><tr><td> <code title="">dot;</code> </td> <td> U+002D9 </td> </tr><tr><td> <code title="">doteq;</code> </td> <td> U+02250 </td> </tr><tr><td> <code title="">doteqdot;</code> </td> <td> U+02251 </td> </tr><tr><td> <code title="">dotminus;</code> </td> <td> U+02238 </td> </tr><tr><td> <code title="">dotplus;</code> </td> <td> U+02214 </td> </tr><tr><td> <code title="">dotsquare;</code> </td> <td> U+022A1 </td> </tr><tr><td> <code title="">doublebarwedge;</code> </td> <td> U+02306 </td> /tr><tr><td> <code title="">downarrow;</code> </td> <td> U+02193 </td> </tr><tr><td> <code title="">downdownarrows;</code> </td> <td> U+021CA </td> </tr><tr><td> <code title="">downharpoonleft;</code> </td> <td> U+021C3 </td> </tr><tr><td> <code title="">downharpoonright;</code> </td> <td> U+021C2 </td> </tr><tr><td> <code title="">drbkarow;</code> </td> <td> U+02910 </td> </tr><tr><td> <code title="">drcorn;</code> </td> <td> U+0231F </td> </tr><tr><td> <code title="">drcrop;</code> </td> <td> U+0230C </td> </tr><tr><td> <code title="">dscr;</code> </td> <td> U+1D4B9 </td> </tr><tr><td> <code title="">dscy;</code> </td> <td> U+00455 </td> </tr><tr><td> <code title="">dsol;</code> </td> <td> U+029F6 </td> </tr><tr><td> <code title="">dstrok;</code> </td> <td> U+00111 </td> </tr><tr><td> <code title="">dtdot;</code> </td> <td> U+022F1 </td> </tr><tr><td> <code title="">dtri;</code> </td> <td> U+025BF </td> </tr><tr><td> <code title="">dtrif;</code> </td> <td> U+025BE </td> </tr><tr><td> <code title="">duarr;/code> </td> <td> U+021F5 </td> </tr><tr><td> <code title="">duhar;</code> </td> <td> U+0296F </td> </tr><tr><td> <code title="">dwangle;</code> </td> <td> U+029A6 </td> </tr><tr><td> <code title="">dzcy;</code> </td> <td> U+0045F </td> </tr><tr><td> <code title="">dzigrarr;</code> </td> <td> U+027FF </td> </tr><tr><td> <code title="">eDDot;</code> </td> <td> U+02A77 </td> </tr><tr><td> <code title="">eDot;</code> </td> <td> U+02251 </td> </tr><tr><td> <code title="">eacute;</code> </td> <td> U+000E9 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">easter;</code> </td> <td> U+02A6E </td> </tr><tr><td> <code title="">ecaron;</code> </td> <td> U+0011B </td> </tr><tr><td> <code title="">ecir;</code> </td> <td> U+02256 </td> </tr><tr><td> <code title="">ecirc;</code> </td> <td> U+000EA </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">ecolon;</code> </td> <td> U+02255 </td> </tr><tr><td> <code titl="">ecy;</code> </td> <td> U+0044D </td> </tr><tr><td> <code title="">edot;</code> </td> <td> U+00117 </td> </tr><tr><td> <code title="">ee;</code> </td> <td> U+02147 </td> </tr><tr><td> <code title="">efDot;</code> </td> <td> U+02252 </td> </tr><tr><td> <code title="">efr;</code> </td> <td> U+1D522 </td> </tr><tr><td> <code title="">eg;</code> </td> <td> U+02A9A </td> </tr><tr><td> <code title="">egrave;</code> </td> <td> U+000E8 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">egs;</code> </td> <td> U+02A96 </td> </tr><tr><td> <code title="">egsdot;</code> </td> <td> U+02A98 </td> </tr><tr><td> <code title="">el;</code> </td> <td> U+02A99 </td> </tr><tr><td> <code title="">elinters;</code> </td> <td> U+023E7 </td> </tr><tr><td> <code title="">ell;</code> </td> <td> U+02113 </td> </tr><tr><td> <code title="">els;</code> </td> <td> U+02A95 </td> </tr><tr><td> <code title="">elsdot;</code> </td> <td> U+02A97 </td> </tr><tr><td> <code title="">emacr;</ode> </td> <td> U+00113 </td> </tr><tr><td> <code title="">empty;</code> </td> <td> U+02205 </td> </tr><tr><td> <code title="">emptyset;</code> </td> <td> U+02205 </td> </tr><tr><td> <code title="">emptyv;</code> </td> <td> U+02205 </td> </tr><tr><td> <code title="">emsp13;</code> </td> <td> U+02004 </td> </tr><tr><td> <code title="">emsp14;</code> </td> <td> U+02005 </td> </tr><tr><td> <code title="">emsp;</code> </td> <td> U+02003 </td> </tr><tr><td> <code title="">eng;</code> </td> <td> U+0014B </td> </tr><tr><td> <code title="">ensp;</code> </td> <td> U+02002 </td> </tr><tr><td> <code title="">eogon;</code> </td> <td> U+00119 </td> </tr><tr><td> <code title="">eopf;</code> </td> <td> U+1D556 </td> </tr><tr><td> <code title="">epar;</code> </td> <td> U+022D5 </td> </tr><tr><td> <code title="">eparsl;</code> </td> <td> U+029E3 </td> </tr><tr><td> <code title="">eplus;</code> </td> <td> U+02A71 </td> </tr><tr><td> <code title="">epsi;</code> </td> <td> U+003B5 </td> </tr><tr><td> <code title="">epsilon;</cde> </td> <td> U+003B5 </td> </tr><tr><td> <code title="">epsiv;</code> </td> <td> U+003F5 </td> </tr><tr><td> <code title="">eqcirc;</code> </td> <td> U+02256 </td> </tr><tr><td> <code title="">eqcolon;</code> </td> <td> U+02255 </td> </tr><tr><td> <code title="">eqsim;</code> </td> <td> U+02242 </td> </tr><tr><td> <code title="">eqslantgtr;</code> </td> <td> U+02A96 </td> </tr><tr><td> <code title="">eqslantless;</code> </td> <td> U+02A95 </td> </tr><tr><td> <code title="">equals;</code> </td> <td> U+0003D </td> </tr><tr><td> <code title="">equest;</code> </td> <td> U+0225F </td> </tr><tr><td> <code title="">equiv;</code> </td> <td> U+02261 </td> </tr><tr><td> <code title="">equivDD;</code> </td> <td> U+02A78 </td> </tr><tr><td> <code title="">eqvparsl;</code> </td> <td> U+029E5 </td> </tr><tr><td> <code title="">erDot;</code> </td> <td> U+02253 </td> </tr><tr><td> <code title="">erarr;</code> </td> <td> U+02971 </td> </tr><tr><td> <code title="">escr;</code> </td> <td> U+0212F </td> </tr><tr><td> <code ttle="">esdot;</code> </td> <td> U+02250 </td> </tr><tr><td> <code title="">esim;</code> </td> <td> U+02242 </td> </tr><tr><td> <code title="">eta;</code> </td> <td> U+003B7 </td> </tr><tr><td> <code title="">eth;</code> </td> <td> U+000F0 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">euml;</code> </td> <td> U+000EB </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">euro;</code> </td> <td> U+020AC </td> </tr><tr><td> <code title="">excl;</code> </td> <td> U+00021 </td> </tr><tr><td> <code title="">exist;</code> </td> <td> U+02203 </td> </tr><tr><td> <code title="">expectation;</code> </td> <td> U+02130 </td> </tr><tr><td> <code title="">exponentiale;</code> </td> <td> U+02147 </td> </tr><tr><td> <code title="">fallingdotseq;</code> </td> <td> U+02252 </td> </tr><tr><td> <code title="">fcy;</code> </td> <td> U+00444 </td> </tr><tr><td> <code title="">female;</code> </td> <td> U+02640 </td> </tr<tr><td> <code title="">ffilig;</code> </td> <td> U+0FB03 </td> </tr><tr><td> <code title="">fflig;</code> </td> <td> U+0FB00 </td> </tr><tr><td> <code title="">ffllig;</code> </td> <td> U+0FB04 </td> </tr><tr><td> <code title="">ffr;</code> </td> <td> U+1D523 </td> </tr><tr><td> <code title="">filig;</code> </td> <td> U+0FB01 </td> </tr><tr><td> <code title="">flat;</code> </td> <td> U+0266D </td> </tr><tr><td> <code title="">fllig;</code> </td> <td> U+0FB02 </td> </tr><tr><td> <code title="">fltns;</code> </td> <td> U+025B1 </td> </tr><tr><td> <code title="">fnof;</code> </td> <td> U+00192 </td> </tr><tr><td> <code title="">fopf;</code> </td> <td> U+1D557 </td> </tr><tr><td> <code title="">forall;</code> </td> <td> U+02200 </td> </tr><tr><td> <code title="">fork;</code> </td> <td> U+022D4 </td> </tr><tr><td> <code title="">forkv;</code> </td> <td> U+02AD9 </td> </tr><tr><td> <code title="">fpartint;</code> </td> <td> U+02A0D </td> </tr><tr><td> <code title="">frac12;</code> </td> <td> U+000BD </td> </tr><-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">frac13;</code> </td> <td> U+02153 </td> </tr><tr><td> <code title="">frac14;</code> </td> <td> U+000BC </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">frac15;</code> </td> <td> U+02155 </td> </tr><tr><td> <code title="">frac16;</code> </td> <td> U+02159 </td> </tr><tr><td> <code title="">frac18;</code> </td> <td> U+0215B </td> </tr><tr><td> <code title="">frac23;</code> </td> <td> U+02154 </td> </tr><tr><td> <code title="">frac25;</code> </td> <td> U+02156 </td> </tr><tr><td> <code title="">frac34;</code> </td> <td> U+000BE </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">frac35;</code> </td> <td> U+02157 </td> </tr><tr><td> <code title="">frac38;</code> </td> <td> U+0215C </td> </tr><tr><td> <code title="">frac45;</code> </td> <td> U+02158 </td> </tr><tr><td> <code title="">frac56;</code> </td> <td>U+0215A </td> </tr><tr><td> <code title="">frac58;</code> </td> <td> U+0215D </td> </tr><tr><td> <code title="">frac78;</code> </td> <td> U+0215E </td> </tr><tr><td> <code title="">frasl;</code> </td> <td> U+02044 </td> </tr><tr><td> <code title="">frown;</code> </td> <td> U+02322 </td> </tr><tr><td> <code title="">fscr;</code> </td> <td> U+1D4BB </td> </tr><tr><td> <code title="">gE;</code> </td> <td> U+02267 </td> </tr><tr><td> <code title="">gEl;</code> </td> <td> U+02A8C </td> </tr><tr><td> <code title="">gacute;</code> </td> <td> U+001F5 </td> </tr><tr><td> <code title="">gamma;</code> </td> <td> U+003B3 </td> </tr><tr><td> <code title="">gammad;</code> </td> <td> U+003DD </td> </tr><tr><td> <code title="">gap;</code> </td> <td> U+02A86 </td> </tr><tr><td> <code title="">gbreve;</code> </td> <td> U+0011F </td> </tr><tr><td> <code title="">gcirc;</code> </td> <td> U+0011D </td> </tr><tr><td> <code title="">gcy;</code> </td> <td> U+00433 </td> </tr><tr><td> <code title="">gdot;</code> </td> <td> U+00121 /td> </tr><tr><td> <code title="">ge;</code> </td> <td> U+02265 </td> </tr><tr><td> <code title="">gel;</code> </td> <td> U+022DB </td> </tr><tr><td> <code title="">geq;</code> </td> <td> U+02265 </td> </tr><tr><td> <code title="">geqq;</code> </td> <td> U+02267 </td> </tr><tr><td> <code title="">geqslant;</code> </td> <td> U+02A7E </td> </tr><tr><td> <code title="">ges;</code> </td> <td> U+02A7E </td> </tr><tr><td> <code title="">gescc;</code> </td> <td> U+02AA9 </td> </tr><tr><td> <code title="">gesdot;</code> </td> <td> U+02A80 </td> </tr><tr><td> <code title="">gesdoto;</code> </td> <td> U+02A82 </td> </tr><tr><td> <code title="">gesdotol;</code> </td> <td> U+02A84 </td> </tr><tr><td> <code title="">gesles;</code> </td> <td> U+02A94 </td> </tr><tr><td> <code title="">gfr;</code> </td> <td> U+1D524 </td> </tr><tr><td> <code title="">gg;</code> </td> <td> U+0226B </td> </tr><tr><td> <code title="">ggg;</code> </td> <td> U+022D9 </td> </tr><tr><td> <code title="">gimel;</code> </td> <td> U+02137 </td> </tr<tr><td> <code title="">gjcy;</code> </td> <td> U+00453 </td> </tr><tr><td> <code title="">gl;</code> </td> <td> U+02277 </td> </tr><tr><td> <code title="">glE;</code> </td> <td> U+02A92 </td> </tr><tr><td> <code title="">gla;</code> </td> <td> U+02AA5 </td> </tr><tr><td> <code title="">glj;</code> </td> <td> U+02AA4 </td> </tr><tr><td> <code title="">gnE;</code> </td> <td> U+02269 </td> </tr><tr><td> <code title="">gnap;</code> </td> <td> U+02A8A </td> </tr><tr><td> <code title="">gnapprox;</code> </td> <td> U+02A8A </td> </tr><tr><td> <code title="">gne;</code> </td> <td> U+02A88 </td> </tr><tr><td> <code title="">gneq;</code> </td> <td> U+02A88 </td> </tr><tr><td> <code title="">gneqq;</code> </td> <td> U+02269 </td> </tr><tr><td> <code title="">gnsim;</code> </td> <td> U+022E7 </td> </tr><tr><td> <code title="">gopf;</code> </td> <td> U+1D558 </td> </tr><tr><td> <code title="">grave;</code> </td> <td> U+00060 </td> </tr><tr><td> <code title="">gscr;</code> </td> <td> U+0210A </td> </tr><tr><td> <code tile="">gsim;</code> </td> <td> U+02273 </td> </tr><tr><td> <code title="">gsime;</code> </td> <td> U+02A8E </td> </tr><tr><td> <code title="">gsiml;</code> </td> <td> U+02A90 </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="">gtcc;</code> </td> <td> U+02AA7 </td> </tr><tr><td> <code title="">gtcir;</code> </td> <td> U+02A7A </td> </tr><tr><td> <code title="">gtdot;</code> </td> <td> U+022D7 </td> </tr><tr><td> <code title="">gtlPar;</code> </td> <td> U+02995 </td> </tr><tr><td> <code title="">gtquest;</code> </td> <td> U+02A7C </td> </tr><tr><td> <code title="">gtrapprox;</code> </td> <td> U+02A86 </td> </tr><tr><td> <code title="">gtrarr;</code> </td> <td> U+02978 </td> </tr><tr><td> <code title="">gtrdot;</code> </td> <td> U+022D7 </td> </tr><tr><td> <code title="">gtreqless;</code> </td> <td> U+022DB </td> </tr><tr><td> <code title="">gtreqqless;</code> </td> <td> U+02A8C </td> </tr><tr<td> <code title="">gtrless;</code> </td> <td> U+02277 </td> </tr><tr><td> <code title="">gtrsim;</code> </td> <td> U+02273 </td> </tr><tr><td> <code title="">hArr;</code> </td> <td> U+021D4 </td> </tr><tr><td> <code title="">hairsp;</code> </td> <td> U+0200A </td> </tr><tr><td> <code title="">half;</code> </td> <td> U+000BD </td> </tr><tr><td> <code title="">hamilt;</code> </td> <td> U+0210B </td> </tr><tr><td> <code title="">hardcy;</code> </td> <td> U+0044A </td> </tr><tr><td> <code title="">harr;</code> </td> <td> U+02194 </td> </tr><tr><td> <code title="">harrcir;</code> </td> <td> U+02948 </td> </tr><tr><td> <code title="">harrw;</code> </td> <td> U+021AD </td> </tr><tr><td> <code title="">hbar;</code> </td> <td> U+0210F </td> </tr><tr><td> <code title="">hcirc;</code> </td> <td> U+00125 </td> </tr><tr><td> <code title="">hearts;</code> </td> <td> U+02665 </td> </tr><tr><td> <code title="">heartsuit;</code> </td> <td> U+02665 </td> </tr><tr><td> <code title="">hellip;</code> </td> <td> U+02026 </td> <tr><tr><td> <code title="">hercon;</code> </td> <td> U+022B9 </td> </tr><tr><td> <code title="">hfr;</code> </td> <td> U+1D525 </td> </tr><tr><td> <code title="">hksearow;</code> </td> <td> U+02925 </td> </tr><tr><td> <code title="">hkswarow;</code> </td> <td> U+02926 </td> </tr><tr><td> <code title="">hoarr;</code> </td> <td> U+021FF </td> </tr><tr><td> <code title="">homtht;</code> </td> <td> U+0223B </td> </tr><tr><td> <code title="">hookleftarrow;</code> </td> <td> U+021A9 </td> </tr><tr><td> <code title="">hookrightarrow;</code> </td> <td> U+021AA </td> </tr><tr><td> <code title="">hopf;</code> </td> <td> U+1D559 </td> </tr><tr><td> <code title="">horbar;</code> </td> <td> U+02015 </td> </tr><tr><td> <code title="">hscr;</code> </td> <td> U+1D4BD </td> </tr><tr><td> <code title="">hslash;</code> </td> <td> U+0210F </td> </tr><tr><td> <code title="">hstrok;</code> </td> <td> U+00127 </td> </tr><tr><td> <code title="">hybull;</code> </td> <td> U+02043 </td> </tr><tr><td> <code title="">hyphen;</code> </t> <td> U+02010 </td> </tr><tr><td> <code title="">iacute;</code> </td> <td> U+000ED </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">ic;</code> </td> <td> U+02063 </td> </tr><tr><td> <code title="">icirc;</code> </td> <td> U+000EE </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">icy;</code> </td> <td> U+00438 </td> </tr><tr><td> <code title="">iecy;</code> </td> <td> U+00435 </td> </tr><tr><td> <code title="">iexcl;</code> </td> <td> U+000A1 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">iff;</code> </td> <td> U+021D4 </td> </tr><tr><td> <code title="">ifr;</code> </td> <td> U+1D526 </td> </tr><tr><td> <code title="">igrave;</code> </td> <td> U+000EC </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">ii;</code> </td> <td> U+02148 </td> </tr><tr><td> <code title="">iiiint;</code> /td> <td> U+02A0C </td> </tr><tr><td> <code title="">iiint;</code> </td> <td> U+0222D </td> </tr><tr><td> <code title="">iinfin;</code> </td> <td> U+029DC </td> </tr><tr><td> <code title="">iiota;</code> </td> <td> U+02129 </td> </tr><tr><td> <code title="">ijlig;</code> </td> <td> U+00133 </td> </tr><tr><td> <code title="">imacr;</code> </td> <td> U+0012B </td> </tr><tr><td> <code title="">image;</code> </td> <td> U+02111 </td> </tr><tr><td> <code title="">imagline;</code> </td> <td> U+02110 </td> </tr><tr><td> <code title="">imagpart;</code> </td> <td> U+02111 </td> </tr><tr><td> <code title="">imath;</code> </td> <td> U+00131 </td> </tr><tr><td> <code title="">imof;</code> </td> <td> U+022B7 </td> </tr><tr><td> <code title="">imped;</code> </td> <td> U+001B5 </td> </tr><tr><td> <code title="">in;</code> </td> <td> U+02208 </td> </tr><tr><td> <code title="">incare;</code> </td> <td> U+02105 </td> </tr><tr><td> <code title="">infin;</code> </td> <td> U+0221E </td> </tr><tr><td> <code title="">infintie;</coe> </td> <td> U+029DD </td> </tr><tr><td> <code title="">inodot;</code> </td> <td> U+00131 </td> </tr><tr><td> <code title="">int;</code> </td> <td> U+0222B </td> </tr><tr><td> <code title="">intcal;</code> </td> <td> U+022BA </td> </tr><tr><td> <code title="">integers;</code> </td> <td> U+02124 </td> </tr><tr><td> <code title="">intercal;</code> </td> <td> U+022BA </td> </tr><tr><td> <code title="">intlarhk;</code> </td> <td> U+02A17 </td> </tr><tr><td> <code title="">intprod;</code> </td> <td> U+02A3C </td> </tr><tr><td> <code title="">iocy;</code> </td> <td> U+00451 </td> </tr><tr><td> <code title="">iogon;</code> </td> <td> U+0012F </td> </tr><tr><td> <code title="">iopf;</code> </td> <td> U+1D55A </td> </tr><tr><td> <code title="">iota;</code> </td> <td> U+003B9 </td> </tr><tr><td> <code title="">iprod;</code> </td> <td> U+02A3C </td> </tr><tr><td> <code title="">iquest;</code> </td> <td> U+000BF </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">scr;</code> </td> <td> U+1D4BE </td> </tr><tr><td> <code title="">isin;</code> </td> <td> U+02208 </td> </tr><tr><td> <code title="">isinE;</code> </td> <td> U+022F9 </td> </tr><tr><td> <code title="">isindot;</code> </td> <td> U+022F5 </td> </tr><tr><td> <code title="">isins;</code> </td> <td> U+022F4 </td> </tr><tr><td> <code title="">isinsv;</code> </td> <td> U+022F3 </td> </tr><tr><td> <code title="">isinv;</code> </td> <td> U+02208 </td> </tr><tr><td> <code title="">it;</code> </td> <td> U+02062 </td> </tr><tr><td> <code title="">itilde;</code> </td> <td> U+00129 </td> </tr><tr><td> <code title="">iukcy;</code> </td> <td> U+00456 </td> </tr><tr><td> <code title="">iuml;</code> </td> <td> U+000EF </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">jcirc;</code> </td> <td> U+00135 </td> </tr><tr><td> <code title="">jcy;</code> </td> <td> U+00439 </td> </tr><tr><td> <code title="">jfr;</code> </td> <td> U+1D527 </td> </tr><tr><td> <code title="">jmath</code> </td> <td> U+00237 </td> </tr><tr><td> <code title="">jopf;</code> </td> <td> U+1D55B </td> </tr><tr><td> <code title="">jscr;</code> </td> <td> U+1D4BF </td> </tr><tr><td> <code title="">jsercy;</code> </td> <td> U+00458 </td> </tr><tr><td> <code title="">jukcy;</code> </td> <td> U+00454 </td> </tr><tr><td> <code title="">kappa;</code> </td> <td> U+003BA </td> </tr><tr><td> <code title="">kappav;</code> </td> <td> U+003F0 </td> </tr><tr><td> <code title="">kcedil;</code> </td> <td> U+00137 </td> </tr><tr><td> <code title="">kcy;</code> </td> <td> U+0043A </td> </tr><tr><td> <code title="">kfr;</code> </td> <td> U+1D528 </td> </tr><tr><td> <code title="">kgreen;</code> </td> <td> U+00138 </td> </tr><tr><td> <code title="">khcy;</code> </td> <td> U+00445 </td> </tr><tr><td> <code title="">kjcy;</code> </td> <td> U+0045C </td> </tr><tr><td> <code title="">kopf;</code> </td> <td> U+1D55C </td> </tr><tr><td> <code title="">kscr;</code> </td> <td> U+1D4C0 </td> </tr><tr><td> <code title="">lAarr;</code> /td> <td> U+021DA </td> </tr><tr><td> <code title="">lArr;</code> </td> <td> U+021D0 </td> </tr><tr><td> <code title="">lAtail;</code> </td> <td> U+0291B </td> </tr><tr><td> <code title="">lBarr;</code> </td> <td> U+0290E </td> </tr><tr><td> <code title="">lE;</code> </td> <td> U+02266 </td> </tr><tr><td> <code title="">lEg;</code> </td> <td> U+02A8B </td> </tr><tr><td> <code title="">lHar;</code> </td> <td> U+02962 </td> </tr><tr><td> <code title="">lacute;</code> </td> <td> U+0013A </td> </tr><tr><td> <code title="">laemptyv;</code> </td> <td> U+029B4 </td> </tr><tr><td> <code title="">lagran;</code> </td> <td> U+02112 </td> </tr><tr><td> <code title="">lambda;</code> </td> <td> U+003BB </td> </tr><tr><td> <code title="">lang;</code> </td> <td> U+027E8 </td> </tr><tr><td> <code title="">langd;</code> </td> <td> U+02991 </td> </tr><tr><td> <code title="">langle;</code> </td> <td> U+027E8 </td> </tr><tr><td> <code title="">lap;</code> </td> <td> U+02A85 </td> </tr><tr><td> <code title="">laquo;</code> </td><td> U+000AB </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">larr;</code> </td> <td> U+02190 </td> </tr><tr><td> <code title="">larrb;</code> </td> <td> U+021E4 </td> </tr><tr><td> <code title="">larrbfs;</code> </td> <td> U+0291F </td> </tr><tr><td> <code title="">larrfs;</code> </td> <td> U+0291D </td> </tr><tr><td> <code title="">larrhk;</code> </td> <td> U+021A9 </td> </tr><tr><td> <code title="">larrlp;</code> </td> <td> U+021AB </td> </tr><tr><td> <code title="">larrpl;</code> </td> <td> U+02939 </td> </tr><tr><td> <code title="">larrsim;</code> </td> <td> U+02973 </td> </tr><tr><td> <code title="">larrtl;</code> </td> <td> U+021A2 </td> </tr><tr><td> <code title="">lat;</code> </td> <td> U+02AAB </td> </tr><tr><td> <code title="">latail;</code> </td> <td> U+02919 </td> </tr><tr><td> <code title="">late;</code> </td> <td> U+02AAD </td> </tr><tr><td> <code title="">lbarr;</code> </td> <td> U+0290C </td> </tr><tr><td> <code title="">lbbrk;</code </td> <td> U+02772 </td> </tr><tr><td> <code title="">lbrace;</code> </td> <td> U+0007B </td> </tr><tr><td> <code title="">lbrack;</code> </td> <td> U+0005B </td> </tr><tr><td> <code title="">lbrke;</code> </td> <td> U+0298B </td> </tr><tr><td> <code title="">lbrksld;</code> </td> <td> U+0298F </td> </tr><tr><td> <code title="">lbrkslu;</code> </td> <td> U+0298D </td> </tr><tr><td> <code title="">lcaron;</code> </td> <td> U+0013E </td> </tr><tr><td> <code title="">lcedil;</code> </td> <td> U+0013C </td> </tr><tr><td> <code title="">lceil;</code> </td> <td> U+02308 </td> </tr><tr><td> <code title="">lcub;</code> </td> <td> U+0007B </td> </tr><tr><td> <code title="">lcy;</code> </td> <td> U+0043B </td> </tr><tr><td> <code title="">ldca;</code> </td> <td> U+02936 </td> </tr><tr><td> <code title="">ldquo;</code> </td> <td> U+0201C </td> </tr><tr><td> <code title="">ldquor;</code> </td> <td> U+0201E </td> </tr><tr><td> <code title="">ldrdhar;</code> </td> <td> U+02967 </td> </tr><tr><td> <code title="">ldrushar</code> </td> <td> U+0294B </td> </tr><tr><td> <code title="">ldsh;</code> </td> <td> U+021B2 </td> </tr><tr><td> <code title="">le;</code> </td> <td> U+02264 </td> </tr><tr><td> <code title="">leftarrow;</code> </td> <td> U+02190 </td> </tr><tr><td> <code title="">leftarrowtail;</code> </td> <td> U+021A2 </td> </tr><tr><td> <code title="">leftharpoondown;</code> </td> <td> U+021BD </td> </tr><tr><td> <code title="">leftharpoonup;</code> </td> <td> U+021BC </td> </tr><tr><td> <code title="">leftleftarrows;</code> </td> <td> U+021C7 </td> </tr><tr><td> <code title="">leftrightarrow;</code> </td> <td> U+02194 </td> </tr><tr><td> <code title="">leftrightarrows;</code> </td> <td> U+021C6 </td> </tr><tr><td> <code title="">leftrightharpoons;</code> </td> <td> U+021CB </td> </tr><tr><td> <code title="">leftrightsquigarrow;</code> </td> <td> U+021AD </td> </tr><tr><td> <code title="">leftthreetimes;</code> </td> <td> U+022CB </td> </tr><tr><td> <code title="">leg;</code> </td> <td> U+022DA </td> </tr><tr><td> <cod title="">leq;</code> </td> <td> U+02264 </td> </tr><tr><td> <code title="">leqq;</code> </td> <td> U+02266 </td> </tr><tr><td> <code title="">leqslant;</code> </td> <td> U+02A7D </td> </tr><tr><td> <code title="">les;</code> </td> <td> U+02A7D </td> </tr><tr><td> <code title="">lescc;</code> </td> <td> U+02AA8 </td> </tr><tr><td> <code title="">lesdot;</code> </td> <td> U+02A7F </td> </tr><tr><td> <code title="">lesdoto;</code> </td> <td> U+02A81 </td> </tr><tr><td> <code title="">lesdotor;</code> </td> <td> U+02A83 </td> </tr><tr><td> <code title="">lesges;</code> </td> <td> U+02A93 </td> </tr><tr><td> <code title="">lessapprox;</code> </td> <td> U+02A85 </td> </tr><tr><td> <code title="">lessdot;</code> </td> <td> U+022D6 </td> </tr><tr><td> <code title="">lesseqgtr;</code> </td> <td> U+022DA </td> </tr><tr><td> <code title="">lesseqqgtr;</code> </td> <td> U+02A8B </td> </tr><tr><td> <code title="">lessgtr;</code> </td> <td> U+02276 </td> </tr><tr><td> <code title="">lesssim;</code> </td> <td> U+02272 </d> </tr><tr><td> <code title="">lfisht;</code> </td> <td> U+0297C </td> </tr><tr><td> <code title="">lfloor;</code> </td> <td> U+0230A </td> </tr><tr><td> <code title="">lfr;</code> </td> <td> U+1D529 </td> </tr><tr><td> <code title="">lg;</code> </td> <td> U+02276 </td> </tr><tr><td> <code title="">lgE;</code> </td> <td> U+02A91 </td> </tr><tr><td> <code title="">lhard;</code> </td> <td> U+021BD </td> </tr><tr><td> <code title="">lharu;</code> </td> <td> U+021BC </td> </tr><tr><td> <code title="">lharul;</code> </td> <td> U+0296A </td> </tr><tr><td> <code title="">lhblk;</code> </td> <td> U+02584 </td> </tr><tr><td> <code title="">ljcy;</code> </td> <td> U+00459 </td> </tr><tr><td> <code title="">ll;</code> </td> <td> U+0226A </td> </tr><tr><td> <code title="">llarr;</code> </td> <td> U+021C7 </td> </tr><tr><td> <code title="">llcorner;</code> </td> <td> U+0231E </td> </tr><tr><td> <code title="">llhard;</code> </td> <td> U+0296B </td> </tr><tr><td> <code title="">lltri;</code> </td> <td> U+025FA </td> </t><tr><td> <code title="">lmidot;</code> </td> <td> U+00140 </td> </tr><tr><td> <code title="">lmoust;</code> </td> <td> U+023B0 </td> </tr><tr><td> <code title="">lmoustache;</code> </td> <td> U+023B0 </td> </tr><tr><td> <code title="">lnE;</code> </td> <td> U+02268 </td> </tr><tr><td> <code title="">lnap;</code> </td> <td> U+02A89 </td> </tr><tr><td> <code title="">lnapprox;</code> </td> <td> U+02A89 </td> </tr><tr><td> <code title="">lne;</code> </td> <td> U+02A87 </td> </tr><tr><td> <code title="">lneq;</code> </td> <td> U+02A87 </td> </tr><tr><td> <code title="">lneqq;</code> </td> <td> U+02268 </td> </tr><tr><td> <code title="">lnsim;</code> </td> <td> U+022E6 </td> </tr><tr><td> <code title="">loang;</code> </td> <td> U+027EC </td> </tr><tr><td> <code title="">loarr;</code> </td> <td> U+021FD </td> </tr><tr><td> <code title="">lobrk;</code> </td> <td> U+027E6 </td> </tr><tr><td> <code title="">longleftarrow;</code> </td> <td> U+027F5 </td> </tr><tr><td> <code title="">longleftrightarrow;</code> </td> td> U+027F7 </td> </tr><tr><td> <code title="">longmapsto;</code> </td> <td> U+027FC </td> </tr><tr><td> <code title="">longrightarrow;</code> </td> <td> U+027F6 </td> </tr><tr><td> <code title="">looparrowleft;</code> </td> <td> U+021AB </td> </tr><tr><td> <code title="">looparrowright;</code> </td> <td> U+021AC </td> </tr><tr><td> <code title="">lopar;</code> </td> <td> U+02985 </td> </tr><tr><td> <code title="">lopf;</code> </td> <td> U+1D55D </td> </tr><tr><td> <code title="">loplus;</code> </td> <td> U+02A2D </td> </tr><tr><td> <code title="">lotimes;</code> </td> <td> U+02A34 </td> </tr><tr><td> <code title="">lowast;</code> </td> <td> U+02217 </td> </tr><tr><td> <code title="">lowbar;</code> </td> <td> U+0005F </td> </tr><tr><td> <code title="">loz;</code> </td> <td> U+025CA </td> </tr><tr><td> <code title="">lozenge;</code> </td> <td> U+025CA </td> </tr><tr><td> <code title="">lozf;</code> </td> <td> U+029EB </td> </tr><tr><td> <code title="">lpar;</code> </td> <td> U+00028 </td> </tr><tr><td> <codetitle="">lparlt;</code> </td> <td> U+02993 </td> </tr><tr><td> <code title="">lrarr;</code> </td> <td> U+021C6 </td> </tr><tr><td> <code title="">lrcorner;</code> </td> <td> U+0231F </td> </tr><tr><td> <code title="">lrhar;</code> </td> <td> U+021CB </td> </tr><tr><td> <code title="">lrhard;</code> </td> <td> U+0296D </td> </tr><tr><td> <code title="">lrm;</code> </td> <td> U+0200E </td> </tr><tr><td> <code title="">lrtri;</code> </td> <td> U+022BF </td> </tr><tr><td> <code title="">lsaquo;</code> </td> <td> U+02039 </td> </tr><tr><td> <code title="">lscr;</code> </td> <td> U+1D4C1 </td> </tr><tr><td> <code title="">lsh;</code> </td> <td> U+021B0 </td> </tr><tr><td> <code title="">lsim;</code> </td> <td> U+02272 </td> </tr><tr><td> <code title="">lsime;</code> </td> <td> U+02A8D </td> </tr><tr><td> <code title="">lsimg;</code> </td> <td> U+02A8F </td> </tr><tr><td> <code title="">lsqb;</code> </td> <td> U+0005B </td> </tr><tr><td> <code title="">lsquo;</code> </td> <td> U+02018 </td> </tr><tr><td> <code tite="">lsquor;</code> </td> <td> U+0201A </td> </tr><tr><td> <code title="">lstrok;</code> </td> <td> U+00142 </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="">ltcc;</code> </td> <td> U+02AA6 </td> </tr><tr><td> <code title="">ltcir;</code> </td> <td> U+02A79 </td> </tr><tr><td> <code title="">ltdot;</code> </td> <td> U+022D6 </td> </tr><tr><td> <code title="">lthree;</code> </td> <td> U+022CB </td> </tr><tr><td> <code title="">ltimes;</code> </td> <td> U+022C9 </td> </tr><tr><td> <code title="">ltlarr;</code> </td> <td> U+02976 </td> </tr><tr><td> <code title="">ltquest;</code> </td> <td> U+02A7B </td> </tr><tr><td> <code title="">ltrPar;</code> </td> <td> U+02996 </td> </tr><tr><td> <code title="">ltri;</code> </td> <td> U+025C3 </td> </tr><tr><td> <code title="">ltrie;</code> </td> <td> U+022B4 </td> </tr><tr><td> <code title="">ltrif;</code> </td> <td> U+025C2 </td> </tr><tr><td> <codetitle="">lurdshar;</code> </td> <td> U+0294A </td> </tr><tr><td> <code title="">luruhar;</code> </td> <td> U+02966 </td> </tr><tr><td> <code title="">mDDot;</code> </td> <td> U+0223A </td> </tr><tr><td> <code title="">macr;</code> </td> <td> U+000AF </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">male;</code> </td> <td> U+02642 </td> </tr><tr><td> <code title="">malt;</code> </td> <td> U+02720 </td> </tr><tr><td> <code title="">maltese;</code> </td> <td> U+02720 </td> </tr><tr><td> <code title="">map;</code> </td> <td> U+021A6 </td> </tr><tr><td> <code title="">mapsto;</code> </td> <td> U+021A6 </td> </tr><tr><td> <code title="">mapstodown;</code> </td> <td> U+021A7 </td> </tr><tr><td> <code title="">mapstoleft;</code> </td> <td> U+021A4 </td> </tr><tr><td> <code title="">mapstoup;</code> </td> <td> U+021A5 </td> </tr><tr><td> <code title="">marker;</code> </td> <td> U+025AE </td> </tr><tr><td> <code title="">mcomma;</code> </td> <td> U+02A29 </td> /tr><tr><td> <code title="">mcy;</code> </td> <td> U+0043C </td> </tr><tr><td> <code title="">mdash;</code> </td> <td> U+02014 </td> </tr><tr><td> <code title="">measuredangle;</code> </td> <td> U+02221 </td> </tr><tr><td> <code title="">mfr;</code> </td> <td> U+1D52A </td> </tr><tr><td> <code title="">mho;</code> </td> <td> U+02127 </td> </tr><tr><td> <code title="">micro;</code> </td> <td> U+000B5 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">mid;</code> </td> <td> U+02223 </td> </tr><tr><td> <code title="">midast;</code> </td> <td> U+0002A </td> </tr><tr><td> <code title="">midcir;</code> </td> <td> U+02AF0 </td> </tr><tr><td> <code title="">middot;</code> </td> <td> U+000B7 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">minus;</code> </td> <td> U+02212 </td> </tr><tr><td> <code title="">minusb;</code> </td> <td> U+0229F </td> </tr><tr><td> <code title="">minusd;</code> </td> <td> U+0238 </td> </tr><tr><td> <code title="">minusdu;</code> </td> <td> U+02A2A </td> </tr><tr><td> <code title="">mlcp;</code> </td> <td> U+02ADB </td> </tr><tr><td> <code title="">mldr;</code> </td> <td> U+02026 </td> </tr><tr><td> <code title="">mnplus;</code> </td> <td> U+02213 </td> </tr><tr><td> <code title="">models;</code> </td> <td> U+022A7 </td> </tr><tr><td> <code title="">mopf;</code> </td> <td> U+1D55E </td> </tr><tr><td> <code title="">mp;</code> </td> <td> U+02213 </td> </tr><tr><td> <code title="">mscr;</code> </td> <td> U+1D4C2 </td> </tr><tr><td> <code title="">mstpos;</code> </td> <td> U+0223E </td> </tr><tr><td> <code title="">mu;</code> </td> <td> U+003BC </td> </tr><tr><td> <code title="">multimap;</code> </td> <td> U+022B8 </td> </tr><tr><td> <code title="">mumap;</code> </td> <td> U+022B8 </td> </tr><tr><td> <code title="">nLeftarrow;</code> </td> <td> U+021CD </td> </tr><tr><td> <code title="">nLeftrightarrow;</code> </td> <td> U+021CE </td> </tr><tr><td> <code title="">nRightarrow;</code></td> <td> U+021CF </td> </tr><tr><td> <code title="">nVDash;</code> </td> <td> U+022AF </td> </tr><tr><td> <code title="">nVdash;</code> </td> <td> U+022AE </td> </tr><tr><td> <code title="">nabla;</code> </td> <td> U+02207 </td> </tr><tr><td> <code title="">nacute;</code> </td> <td> U+00144 </td> </tr><tr><td> <code title="">nap;</code> </td> <td> U+02249 </td> </tr><tr><td> <code title="">napos;</code> </td> <td> U+00149 </td> </tr><tr><td> <code title="">napprox;</code> </td> <td> U+02249 </td> </tr><tr><td> <code title="">natur;</code> </td> <td> U+0266E </td> </tr><tr><td> <code title="">natural;</code> </td> <td> U+0266E </td> </tr><tr><td> <code title="">naturals;</code> </td> <td> U+02115 </td> </tr><tr><td> <code title="">nbsp;</code> </td> <td> U+000A0 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">ncap;</code> </td> <td> U+02A43 </td> </tr><tr><td> <code title="">ncaron;</code> </td> <td> U+00148 </td> </tr><tr><td> <code title="">ncedi;</code> </td> <td> U+00146 </td> </tr><tr><td> <code title="">ncong;</code> </td> <td> U+02247 </td> </tr><tr><td> <code title="">ncup;</code> </td> <td> U+02A42 </td> </tr><tr><td> <code title="">ncy;</code> </td> <td> U+0043D </td> </tr><tr><td> <code title="">ndash;</code> </td> <td> U+02013 </td> </tr><tr><td> <code title="">ne;</code> </td> <td> U+02260 </td> </tr><tr><td> <code title="">neArr;</code> </td> <td> U+021D7 </td> </tr><tr><td> <code title="">nearhk;</code> </td> <td> U+02924 </td> </tr><tr><td> <code title="">nearr;</code> </td> <td> U+02197 </td> </tr><tr><td> <code title="">nearrow;</code> </td> <td> U+02197 </td> </tr><tr><td> <code title="">nequiv;</code> </td> <td> U+02262 </td> </tr><tr><td> <code title="">nesear;</code> </td> <td> U+02928 </td> </tr><tr><td> <code title="">nexist;</code> </td> <td> U+02204 </td> </tr><tr><td> <code title="">nexists;</code> </td> <td> U+02204 </td> </tr><tr><td> <code title="">nfr;</code> </td> <td> U+1D52B </td> </tr><tr><td> <code title="">nge;</cde> </td> <td> U+02271 </td> </tr><tr><td> <code title="">ngeq;</code> </td> <td> U+02271 </td> </tr><tr><td> <code title="">ngsim;</code> </td> <td> U+02275 </td> </tr><tr><td> <code title="">ngt;</code> </td> <td> U+0226F </td> </tr><tr><td> <code title="">ngtr;</code> </td> <td> U+0226F </td> </tr><tr><td> <code title="">nhArr;</code> </td> <td> U+021CE </td> </tr><tr><td> <code title="">nharr;</code> </td> <td> U+021AE </td> </tr><tr><td> <code title="">nhpar;</code> </td> <td> U+02AF2 </td> </tr><tr><td> <code title="">ni;</code> </td> <td> U+0220B </td> </tr><tr><td> <code title="">nis;</code> </td> <td> U+022FC </td> </tr><tr><td> <code title="">nisd;</code> </td> <td> U+022FA </td> </tr><tr><td> <code title="">niv;</code> </td> <td> U+0220B </td> </tr><tr><td> <code title="">njcy;</code> </td> <td> U+0045A </td> </tr><tr><td> <code title="">nlArr;</code> </td> <td> U+021CD </td> </tr><tr><td> <code title="">nlarr;</code> </td> <td> U+0219A </td> </tr><tr><td> <code title="">nldr;</code> </td> <td> U02025 </td> </tr><tr><td> <code title="">nle;</code> </td> <td> U+02270 </td> </tr><tr><td> <code title="">nleftarrow;</code> </td> <td> U+0219A </td> </tr><tr><td> <code title="">nleftrightarrow;</code> </td> <td> U+021AE </td> </tr><tr><td> <code title="">nleq;</code> </td> <td> U+02270 </td> </tr><tr><td> <code title="">nless;</code> </td> <td> U+0226E </td> </tr><tr><td> <code title="">nlsim;</code> </td> <td> U+02274 </td> </tr><tr><td> <code title="">nlt;</code> </td> <td> U+0226E </td> </tr><tr><td> <code title="">nltri;</code> </td> <td> U+022EA </td> </tr><tr><td> <code title="">nltrie;</code> </td> <td> U+022EC </td> </tr><tr><td> <code title="">nmid;</code> </td> <td> U+02224 </td> </tr><tr><td> <code title="">nopf;</code> </td> <td> U+1D55F </td> </tr><tr><td> <code title="">not;</code> </td> <td> U+000AC </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">notin;</code> </td> <td> U+02209 </td> </tr><tr><td> <code title="">notinva;</code> </d> <td> U+02209 </td> </tr><tr><td> <code title="">notinvb;</code> </td> <td> U+022F7 </td> </tr><tr><td> <code title="">notinvc;</code> </td> <td> U+022F6 </td> </tr><tr><td> <code title="">notni;</code> </td> <td> U+0220C </td> </tr><tr><td> <code title="">notniva;</code> </td> <td> U+0220C </td> </tr><tr><td> <code title="">notnivb;</code> </td> <td> U+022FE </td> </tr><tr><td> <code title="">notnivc;</code> </td> <td> U+022FD </td> </tr><tr><td> <code title="">npar;</code> </td> <td> U+02226 </td> </tr><tr><td> <code title="">nparallel;</code> </td> <td> U+02226 </td> </tr><tr><td> <code title="">npolint;</code> </td> <td> U+02A14 </td> </tr><tr><td> <code title="">npr;</code> </td> <td> U+02280 </td> </tr><tr><td> <code title="">nprcue;</code> </td> <td> U+022E0 </td> </tr><tr><td> <code title="">nprec;</code> </td> <td> U+02280 </td> </tr><tr><td> <code title="">nrArr;</code> </td> <td> U+021CF </td> </tr><tr><td> <code title="">nrarr;</code> </td> <td> U+0219B </td> </tr><tr><td> <code title="">nrigharrow;</code> </td> <td> U+0219B </td> </tr><tr><td> <code title="">nrtri;</code> </td> <td> U+022EB </td> </tr><tr><td> <code title="">nrtrie;</code> </td> <td> U+022ED </td> </tr><tr><td> <code title="">nsc;</code> </td> <td> U+02281 </td> </tr><tr><td> <code title="">nsccue;</code> </td> <td> U+022E1 </td> </tr><tr><td> <code title="">nscr;</code> </td> <td> U+1D4C3 </td> </tr><tr><td> <code title="">nshortmid;</code> </td> <td> U+02224 </td> </tr><tr><td> <code title="">nshortparallel;</code> </td> <td> U+02226 </td> </tr><tr><td> <code title="">nsim;</code> </td> <td> U+02241 </td> </tr><tr><td> <code title="">nsime;</code> </td> <td> U+02244 </td> </tr><tr><td> <code title="">nsimeq;</code> </td> <td> U+02244 </td> </tr><tr><td> <code title="">nsmid;</code> </td> <td> U+02224 </td> </tr><tr><td> <code title="">nspar;</code> </td> <td> U+02226 </td> </tr><tr><td> <code title="">nsqsube;</code> </td> <td> U+022E2 </td> </tr><tr><td> <code title="">nsqsupe;</code> </td> <td> U+022E3 </td> </tr><tr><td> <ode title="">nsub;</code> </td> <td> U+02284 </td> </tr><tr><td> <code title="">nsube;</code> </td> <td> U+02288 </td> </tr><tr><td> <code title="">nsubseteq;</code> </td> <td> U+02288 </td> </tr><tr><td> <code title="">nsucc;</code> </td> <td> U+02281 </td> </tr><tr><td> <code title="">nsup;</code> </td> <td> U+02285 </td> </tr><tr><td> <code title="">nsupe;</code> </td> <td> U+02289 </td> </tr><tr><td> <code title="">nsupseteq;</code> </td> <td> U+02289 </td> </tr><tr><td> <code title="">ntgl;</code> </td> <td> U+02279 </td> </tr><tr><td> <code title="">ntilde;</code> </td> <td> U+000F1 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">ntlg;</code> </td> <td> U+02278 </td> </tr><tr><td> <code title="">ntriangleleft;</code> </td> <td> U+022EA </td> </tr><tr><td> <code title="">ntrianglelefteq;</code> </td> <td> U+022EC </td> </tr><tr><td> <code title="">ntriangleright;</code> </td> <td> U+022EB </td> </tr><tr><td> <code title="">ntrianglerighteq;</coe> </td> <td> U+022ED </td> </tr><tr><td> <code title="">nu;</code> </td> <td> U+003BD </td> </tr><tr><td> <code title="">num;</code> </td> <td> U+00023 </td> </tr><tr><td> <code title="">numero;</code> </td> <td> U+02116 </td> </tr><tr><td> <code title="">numsp;</code> </td> <td> U+02007 </td> </tr><tr><td> <code title="">nvDash;</code> </td> <td> U+022AD </td> </tr><tr><td> <code title="">nvHarr;</code> </td> <td> U+02904 </td> </tr><tr><td> <code title="">nvdash;</code> </td> <td> U+022AC </td> </tr><tr><td> <code title="">nvinfin;</code> </td> <td> U+029DE </td> </tr><tr><td> <code title="">nvlArr;</code> </td> <td> U+02902 </td> </tr><tr><td> <code title="">nvrArr;</code> </td> <td> U+02903 </td> </tr><tr><td> <code title="">nwArr;</code> </td> <td> U+021D6 </td> </tr><tr><td> <code title="">nwarhk;</code> </td> <td> U+02923 </td> </tr><tr><td> <code title="">nwarr;</code> </td> <td> U+02196 </td> </tr><tr><td> <code title="">nwarrow;</code> </td> <td> U+02196 </td> </tr><tr><td> <code title="">nwnear;/code> </td> <td> U+02927 </td> </tr><tr><td> <code title="">oS;</code> </td> <td> U+024C8 </td> </tr><tr><td> <code title="">oacute;</code> </td> <td> U+000F3 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">oast;</code> </td> <td> U+0229B </td> </tr><tr><td> <code title="">ocir;</code> </td> <td> U+0229A </td> </tr><tr><td> <code title="">ocirc;</code> </td> <td> U+000F4 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">ocy;</code> </td> <td> U+0043E </td> </tr><tr><td> <code title="">odash;</code> </td> <td> U+0229D </td> </tr><tr><td> <code title="">odblac;</code> </td> <td> U+00151 </td> </tr><tr><td> <code title="">odiv;</code> </td> <td> U+02A38 </td> </tr><tr><td> <code title="">odot;</code> </td> <td> U+02299 </td> </tr><tr><td> <code title="">odsold;</code> </td> <td> U+029BC </td> </tr><tr><td> <code title="">oelig;</code> </td> <td> U+00153 </td> </tr><tr><td> <code title="">ofcir;<code> </td> <td> U+029BF </td> </tr><tr><td> <code title="">ofr;</code> </td> <td> U+1D52C </td> </tr><tr><td> <code title="">ogon;</code> </td> <td> U+002DB </td> </tr><tr><td> <code title="">ograve;</code> </td> <td> U+000F2 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">ogt;</code> </td> <td> U+029C1 </td> </tr><tr><td> <code title="">ohbar;</code> </td> <td> U+029B5 </td> </tr><tr><td> <code title="">ohm;</code> </td> <td> U+003A9 </td> </tr><tr><td> <code title="">oint;</code> </td> <td> U+0222E </td> </tr><tr><td> <code title="">olarr;</code> </td> <td> U+021BA </td> </tr><tr><td> <code title="">olcir;</code> </td> <td> U+029BE </td> </tr><tr><td> <code title="">olcross;</code> </td> <td> U+029BB </td> </tr><tr><td> <code title="">oline;</code> </td> <td> U+0203E </td> </tr><tr><td> <code title="">olt;</code> </td> <td> U+029C0 </td> </tr><tr><td> <code title="">omacr;</code> </td> <td> U+0014D </td> </tr><tr><td> <code title="">omega;</code></td> <td> U+003C9 </td> </tr><tr><td> <code title="">omicron;</code> </td> <td> U+003BF </td> </tr><tr><td> <code title="">omid;</code> </td> <td> U+029B6 </td> </tr><tr><td> <code title="">ominus;</code> </td> <td> U+02296 </td> </tr><tr><td> <code title="">oopf;</code> </td> <td> U+1D560 </td> </tr><tr><td> <code title="">opar;</code> </td> <td> U+029B7 </td> </tr><tr><td> <code title="">operp;</code> </td> <td> U+029B9 </td> </tr><tr><td> <code title="">oplus;</code> </td> <td> U+02295 </td> </tr><tr><td> <code title="">or;</code> </td> <td> U+02228 </td> </tr><tr><td> <code title="">orarr;</code> </td> <td> U+021BB </td> </tr><tr><td> <code title="">ord;</code> </td> <td> U+02A5D </td> </tr><tr><td> <code title="">order;</code> </td> <td> U+02134 </td> </tr><tr><td> <code title="">orderof;</code> </td> <td> U+02134 </td> </tr><tr><td> <code title="">ordf;</code> </td> <td> U+000AA </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">ordm;</code> </t> <td> U+000BA </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">origof;</code> </td> <td> U+022B6 </td> </tr><tr><td> <code title="">oror;</code> </td> <td> U+02A56 </td> </tr><tr><td> <code title="">orslope;</code> </td> <td> U+02A57 </td> </tr><tr><td> <code title="">orv;</code> </td> <td> U+02A5B </td> </tr><tr><td> <code title="">oscr;</code> </td> <td> U+02134 </td> </tr><tr><td> <code title="">oslash;</code> </td> <td> U+000F8 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">osol;</code> </td> <td> U+02298 </td> </tr><tr><td> <code title="">otilde;</code> </td> <td> U+000F5 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">otimes;</code> </td> <td> U+02297 </td> </tr><tr><td> <code title="">otimesas;</code> </td> <td> U+02A36 </td> </tr><tr><td> <code title="">ouml;</code> </td> <td> U+000F6 </td> </tr><!-- (invalid entity with mising semicolon for legacy support only) --><tr><td> <code title="">ovbar;</code> </td> <td> U+0233D </td> </tr><tr><td> <code title="">par;</code> </td> <td> U+02225 </td> </tr><tr><td> <code title="">para;</code> </td> <td> U+000B6 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">parallel;</code> </td> <td> U+02225 </td> </tr><tr><td> <code title="">parsim;</code> </td> <td> U+02AF3 </td> </tr><tr><td> <code title="">parsl;</code> </td> <td> U+02AFD </td> </tr><tr><td> <code title="">part;</code> </td> <td> U+02202 </td> </tr><tr><td> <code title="">pcy;</code> </td> <td> U+0043F </td> </tr><tr><td> <code title="">percnt;</code> </td> <td> U+00025 </td> </tr><tr><td> <code title="">period;</code> </td> <td> U+0002E </td> </tr><tr><td> <code title="">permil;</code> </td> <td> U+02030 </td> </tr><tr><td> <code title="">perp;</code> </td> <td> U+022A5 </td> </tr><tr><td> <code title="">pertenk;</code> </td> <td> U+02031 </td> </tr><tr><td> <code title=">pfr;</code> </td> <td> U+1D52D </td> </tr><tr><td> <code title="">phi;</code> </td> <td> U+003C6 </td> </tr><tr><td> <code title="">phiv;</code> </td> <td> U+003D5 </td> </tr><tr><td> <code title="">phmmat;</code> </td> <td> U+02133 </td> </tr><tr><td> <code title="">phone;</code> </td> <td> U+0260E </td> </tr><tr><td> <code title="">pi;</code> </td> <td> U+003C0 </td> </tr><tr><td> <code title="">pitchfork;</code> </td> <td> U+022D4 </td> </tr><tr><td> <code title="">piv;</code> </td> <td> U+003D6 </td> </tr><tr><td> <code title="">planck;</code> </td> <td> U+0210F </td> </tr><tr><td> <code title="">planckh;</code> </td> <td> U+0210E </td> </tr><tr><td> <code title="">plankv;</code> </td> <td> U+0210F </td> </tr><tr><td> <code title="">plus;</code> </td> <td> U+0002B </td> </tr><tr><td> <code title="">plusacir;</code> </td> <td> U+02A23 </td> </tr><tr><td> <code title="">plusb;</code> </td> <td> U+0229E </td> </tr><tr><td> <code title="">pluscir;</code> </td> <td> U+02A22 </td> </tr><tr><td> <code title=">plusdo;</code> </td> <td> U+02214 </td> </tr><tr><td> <code title="">plusdu;</code> </td> <td> U+02A25 </td> </tr><tr><td> <code title="">pluse;</code> </td> <td> U+02A72 </td> </tr><tr><td> <code title="">plusmn;</code> </td> <td> U+000B1 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">plussim;</code> </td> <td> U+02A26 </td> </tr><tr><td> <code title="">plustwo;</code> </td> <td> U+02A27 </td> </tr><tr><td> <code title="">pm;</code> </td> <td> U+000B1 </td> </tr><tr><td> <code title="">pointint;</code> </td> <td> U+02A15 </td> </tr><tr><td> <code title="">popf;</code> </td> <td> U+1D561 </td> </tr><tr><td> <code title="">pound;</code> </td> <td> U+000A3 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">pr;</code> </td> <td> U+0227A </td> </tr><tr><td> <code title="">prE;</code> </td> <td> U+02AB3 </td> </tr><tr><td> <code title="">prap;</code> </td> <td> U+02AB7 </td> </tr><tr><td> <code tile="">prcue;</code> </td> <td> U+0227C </td> </tr><tr><td> <code title="">pre;</code> </td> <td> U+02AAF </td> </tr><tr><td> <code title="">prec;</code> </td> <td> U+0227A </td> </tr><tr><td> <code title="">precapprox;</code> </td> <td> U+02AB7 </td> </tr><tr><td> <code title="">preccurlyeq;</code> </td> <td> U+0227C </td> </tr><tr><td> <code title="">preceq;</code> </td> <td> U+02AAF </td> </tr><tr><td> <code title="">precnapprox;</code> </td> <td> U+02AB9 </td> </tr><tr><td> <code title="">precneqq;</code> </td> <td> U+02AB5 </td> </tr><tr><td> <code title="">precnsim;</code> </td> <td> U+022E8 </td> </tr><tr><td> <code title="">precsim;</code> </td> <td> U+0227E </td> </tr><tr><td> <code title="">prime;</code> </td> <td> U+02032 </td> </tr><tr><td> <code title="">primes;</code> </td> <td> U+02119 </td> </tr><tr><td> <code title="">prnE;</code> </td> <td> U+02AB5 </td> </tr><tr><td> <code title="">prnap;</code> </td> <td> U+02AB9 </td> </tr><tr><td> <code title="">prnsim;</code> </td> <td> U+022E8 </td> <tr><tr><td> <code title="">prod;</code> </td> <td> U+0220F </td> </tr><tr><td> <code title="">profalar;</code> </td> <td> U+0232E </td> </tr><tr><td> <code title="">profline;</code> </td> <td> U+02312 </td> </tr><tr><td> <code title="">profsurf;</code> </td> <td> U+02313 </td> </tr><tr><td> <code title="">prop;</code> </td> <td> U+0221D </td> </tr><tr><td> <code title="">propto;</code> </td> <td> U+0221D </td> </tr><tr><td> <code title="">prsim;</code> </td> <td> U+0227E </td> </tr><tr><td> <code title="">prurel;</code> </td> <td> U+022B0 </td> </tr><tr><td> <code title="">pscr;</code> </td> <td> U+1D4C5 </td> </tr><tr><td> <code title="">psi;</code> </td> <td> U+003C8 </td> </tr><tr><td> <code title="">puncsp;</code> </td> <td> U+02008 </td> </tr><tr><td> <code title="">qfr;</code> </td> <td> U+1D52E </td> </tr><tr><td> <code title="">qint;</code> </td> <td> U+02A0C </td> </tr><tr><td> <code title="">qopf;</code> </td> <td> U+1D562 </td> </tr><tr><td> <code title="">qprime;</code> </td> <td> U+02057 </td> /tr><tr><td> <code title="">qscr;</code> </td> <td> U+1D4C6 </td> </tr><tr><td> <code title="">quaternions;</code> </td> <td> U+0210D </td> </tr><tr><td> <code title="">quatint;</code> </td> <td> U+02A16 </td> </tr><tr><td> <code title="">quest;</code> </td> <td> U+0003F </td> </tr><tr><td> <code title="">questeq;</code> </td> <td> U+0225F </td> </tr><tr><td> <code title="">quot;</code> </td> <td> U+00022 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">rAarr;</code> </td> <td> U+021DB </td> </tr><tr><td> <code title="">rArr;</code> </td> <td> U+021D2 </td> </tr><tr><td> <code title="">rAtail;</code> </td> <td> U+0291C </td> </tr><tr><td> <code title="">rBarr;</code> </td> <td> U+0290F </td> </tr><tr><td> <code title="">rHar;</code> </td> <td> U+02964 </td> </tr><tr><td> <code title="">racute;</code> </td> <td> U+00155 </td> </tr><tr><td> <code title="">radic;</code> </td> <td> U+0221A </td> </tr><tr><td> <code title="">raemptyv;</code> </td> <td> U+29B3 </td> </tr><tr><td> <code title="">rang;</code> </td> <td> U+027E9 </td> </tr><tr><td> <code title="">rangd;</code> </td> <td> U+02992 </td> </tr><tr><td> <code title="">range;</code> </td> <td> U+029A5 </td> </tr><tr><td> <code title="">rangle;</code> </td> <td> U+027E9 </td> </tr><tr><td> <code title="">raquo;</code> </td> <td> U+000BB </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">rarr;</code> </td> <td> U+02192 </td> </tr><tr><td> <code title="">rarrap;</code> </td> <td> U+02975 </td> </tr><tr><td> <code title="">rarrb;</code> </td> <td> U+021E5 </td> </tr><tr><td> <code title="">rarrbfs;</code> </td> <td> U+02920 </td> </tr><tr><td> <code title="">rarrc;</code> </td> <td> U+02933 </td> </tr><tr><td> <code title="">rarrfs;</code> </td> <td> U+0291E </td> </tr><tr><td> <code title="">rarrhk;</code> </td> <td> U+021AA </td> </tr><tr><td> <code title="">rarrlp;</code> </td> <td> U+021AC </td> </tr><tr><td> <code title="">rarrpl;</code> </td> td> U+02945 </td> </tr><tr><td> <code title="">rarrsim;</code> </td> <td> U+02974 </td> </tr><tr><td> <code title="">rarrtl;</code> </td> <td> U+021A3 </td> </tr><tr><td> <code title="">rarrw;</code> </td> <td> U+0219D </td> </tr><tr><td> <code title="">ratail;</code> </td> <td> U+0291A </td> </tr><tr><td> <code title="">ratio;</code> </td> <td> U+02236 </td> </tr><tr><td> <code title="">rationals;</code> </td> <td> U+0211A </td> </tr><tr><td> <code title="">rbarr;</code> </td> <td> U+0290D </td> </tr><tr><td> <code title="">rbbrk;</code> </td> <td> U+02773 </td> </tr><tr><td> <code title="">rbrace;</code> </td> <td> U+0007D </td> </tr><tr><td> <code title="">rbrack;</code> </td> <td> U+0005D </td> </tr><tr><td> <code title="">rbrke;</code> </td> <td> U+0298C </td> </tr><tr><td> <code title="">rbrksld;</code> </td> <td> U+0298E </td> </tr><tr><td> <code title="">rbrkslu;</code> </td> <td> U+02990 </td> </tr><tr><td> <code title="">rcaron;</code> </td> <td> U+00159 </td> </tr><tr><td> <code title="">rcedil;<code> </td> <td> U+00157 </td> </tr><tr><td> <code title="">rceil;</code> </td> <td> U+02309 </td> </tr><tr><td> <code title="">rcub;</code> </td> <td> U+0007D </td> </tr><tr><td> <code title="">rcy;</code> </td> <td> U+00440 </td> </tr><tr><td> <code title="">rdca;</code> </td> <td> U+02937 </td> </tr><tr><td> <code title="">rdldhar;</code> </td> <td> U+02969 </td> </tr><tr><td> <code title="">rdquo;</code> </td> <td> U+0201D </td> </tr><tr><td> <code title="">rdquor;</code> </td> <td> U+0201D </td> </tr><tr><td> <code title="">rdsh;</code> </td> <td> U+021B3 </td> </tr><tr><td> <code title="">real;</code> </td> <td> U+0211C </td> </tr><tr><td> <code title="">realine;</code> </td> <td> U+0211B </td> </tr><tr><td> <code title="">realpart;</code> </td> <td> U+0211C </td> </tr><tr><td> <code title="">reals;</code> </td> <td> U+0211D </td> </tr><tr><td> <code title="">rect;</code> </td> <td> U+025AD </td> </tr><tr><td> <code title="">reg;</code> </td> <td> U+000AE </td> </tr><!-- (invalid entity with missing smicolon for legacy support only) --><tr><td> <code title="">rfisht;</code> </td> <td> U+0297D </td> </tr><tr><td> <code title="">rfloor;</code> </td> <td> U+0230B </td> </tr><tr><td> <code title="">rfr;</code> </td> <td> U+1D52F </td> </tr><tr><td> <code title="">rhard;</code> </td> <td> U+021C1 </td> </tr><tr><td> <code title="">rharu;</code> </td> <td> U+021C0 </td> </tr><tr><td> <code title="">rharul;</code> </td> <td> U+0296C </td> </tr><tr><td> <code title="">rho;</code> </td> <td> U+003C1 </td> </tr><tr><td> <code title="">rhov;</code> </td> <td> U+003F1 </td> </tr><tr><td> <code title="">rightarrow;</code> </td> <td> U+02192 </td> </tr><tr><td> <code title="">rightarrowtail;</code> </td> <td> U+021A3 </td> </tr><tr><td> <code title="">rightharpoondown;</code> </td> <td> U+021C1 </td> </tr><tr><td> <code title="">rightharpoonup;</code> </td> <td> U+021C0 </td> </tr><tr><td> <code title="">rightleftarrows;</code> </td> <td> U+021C4 </td> </tr><tr><td> <code title="">rightleftharpoons;</code> </td> <td>U+021CC </td> </tr><tr><td> <code title="">rightrightarrows;</code> </td> <td> U+021C9 </td> </tr><tr><td> <code title="">rightsquigarrow;</code> </td> <td> U+0219D </td> </tr><tr><td> <code title="">rightthreetimes;</code> </td> <td> U+022CC </td> </tr><tr><td> <code title="">ring;</code> </td> <td> U+002DA </td> </tr><tr><td> <code title="">risingdotseq;</code> </td> <td> U+02253 </td> </tr><tr><td> <code title="">rlarr;</code> </td> <td> U+021C4 </td> </tr><tr><td> <code title="">rlhar;</code> </td> <td> U+021CC </td> </tr><tr><td> <code title="">rlm;</code> </td> <td> U+0200F </td> </tr><tr><td> <code title="">rmoust;</code> </td> <td> U+023B1 </td> </tr><tr><td> <code title="">rmoustache;</code> </td> <td> U+023B1 </td> </tr><tr><td> <code title="">rnmid;</code> </td> <td> U+02AEE </td> </tr><tr><td> <code title="">roang;</code> </td> <td> U+027ED </td> </tr><tr><td> <code title="">roarr;</code> </td> <td> U+021FE </td> </tr><tr><td> <code title="">robrk;</code> </td> <td> U+027E7 </td> </tr><tr><td> <ode title="">ropar;</code> </td> <td> U+02986 </td> </tr><tr><td> <code title="">ropf;</code> </td> <td> U+1D563 </td> </tr><tr><td> <code title="">roplus;</code> </td> <td> U+02A2E </td> </tr><tr><td> <code title="">rotimes;</code> </td> <td> U+02A35 </td> </tr><tr><td> <code title="">rpar;</code> </td> <td> U+00029 </td> </tr><tr><td> <code title="">rpargt;</code> </td> <td> U+02994 </td> </tr><tr><td> <code title="">rppolint;</code> </td> <td> U+02A12 </td> </tr><tr><td> <code title="">rrarr;</code> </td> <td> U+021C9 </td> </tr><tr><td> <code title="">rsaquo;</code> </td> <td> U+0203A </td> </tr><tr><td> <code title="">rscr;</code> </td> <td> U+1D4C7 </td> </tr><tr><td> <code title="">rsh;</code> </td> <td> U+021B1 </td> </tr><tr><td> <code title="">rsqb;</code> </td> <td> U+0005D </td> </tr><tr><td> <code title="">rsquo;</code> </td> <td> U+02019 </td> </tr><tr><td> <code title="">rsquor;</code> </td> <td> U+02019 </td> </tr><tr><td> <code title="">rthree;</code> </td> <td> U+022CC </td> </tr><tr><td> code title="">rtimes;</code> </td> <td> U+022CA </td> </tr><tr><td> <code title="">rtri;</code> </td> <td> U+025B9 </td> </tr><tr><td> <code title="">rtrie;</code> </td> <td> U+022B5 </td> </tr><tr><td> <code title="">rtrif;</code> </td> <td> U+025B8 </td> </tr><tr><td> <code title="">rtriltri;</code> </td> <td> U+029CE </td> </tr><tr><td> <code title="">ruluhar;</code> </td> <td> U+02968 </td> </tr><tr><td> <code title="">rx;</code> </td> <td> U+0211E </td> </tr><tr><td> <code title="">sacute;</code> </td> <td> U+0015B </td> </tr><tr><td> <code title="">sbquo;</code> </td> <td> U+0201A </td> </tr><tr><td> <code title="">sc;</code> </td> <td> U+0227B </td> </tr><tr><td> <code title="">scE;</code> </td> <td> U+02AB4 </td> </tr><tr><td> <code title="">scap;</code> </td> <td> U+02AB8 </td> </tr><tr><td> <code title="">scaron;</code> </td> <td> U+00161 </td> </tr><tr><td> <code title="">sccue;</code> </td> <td> U+0227D </td> </tr><tr><td> <code title="">sce;</code> </td> <td> U+02AB0 </td> </tr><tr><td> <code ttle="">scedil;</code> </td> <td> U+0015F </td> </tr><tr><td> <code title="">scirc;</code> </td> <td> U+0015D </td> </tr><tr><td> <code title="">scnE;</code> </td> <td> U+02AB6 </td> </tr><tr><td> <code title="">scnap;</code> </td> <td> U+02ABA </td> </tr><tr><td> <code title="">scnsim;</code> </td> <td> U+022E9 </td> </tr><tr><td> <code title="">scpolint;</code> </td> <td> U+02A13 </td> </tr><tr><td> <code title="">scsim;</code> </td> <td> U+0227F </td> </tr><tr><td> <code title="">scy;</code> </td> <td> U+00441 </td> </tr><tr><td> <code title="">sdot;</code> </td> <td> U+022C5 </td> </tr><tr><td> <code title="">sdotb;</code> </td> <td> U+022A1 </td> </tr><tr><td> <code title="">sdote;</code> </td> <td> U+02A66 </td> </tr><tr><td> <code title="">seArr;</code> </td> <td> U+021D8 </td> </tr><tr><td> <code title="">searhk;</code> </td> <td> U+02925 </td> </tr><tr><td> <code title="">searr;</code> </td> <td> U+02198 </td> </tr><tr><td> <code title="">searrow;</code> </td> <td> U+02198 </td> </tr><tr><td> <code itle="">sect;</code> </td> <td> U+000A7 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">semi;</code> </td> <td> U+0003B </td> </tr><tr><td> <code title="">seswar;</code> </td> <td> U+02929 </td> </tr><tr><td> <code title="">setminus;</code> </td> <td> U+02216 </td> </tr><tr><td> <code title="">setmn;</code> </td> <td> U+02216 </td> </tr><tr><td> <code title="">sext;</code> </td> <td> U+02736 </td> </tr><tr><td> <code title="">sfr;</code> </td> <td> U+1D530 </td> </tr><tr><td> <code title="">sfrown;</code> </td> <td> U+02322 </td> </tr><tr><td> <code title="">sharp;</code> </td> <td> U+0266F </td> </tr><tr><td> <code title="">shchcy;</code> </td> <td> U+00449 </td> </tr><tr><td> <code title="">shcy;</code> </td> <td> U+00448 </td> </tr><tr><td> <code title="">shortmid;</code> </td> <td> U+02223 </td> </tr><tr><td> <code title="">shortparallel;</code> </td> <td> U+02225 </td> </tr><tr><td> <code title="">shy;</code> </td> <td> U+000AD </td> </tr><!-- invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">sigma;</code> </td> <td> U+003C3 </td> </tr><tr><td> <code title="">sigmaf;</code> </td> <td> U+003C2 </td> </tr><tr><td> <code title="">sigmav;</code> </td> <td> U+003C2 </td> </tr><tr><td> <code title="">sim;</code> </td> <td> U+0223C </td> </tr><tr><td> <code title="">simdot;</code> </td> <td> U+02A6A </td> </tr><tr><td> <code title="">sime;</code> </td> <td> U+02243 </td> </tr><tr><td> <code title="">simeq;</code> </td> <td> U+02243 </td> </tr><tr><td> <code title="">simg;</code> </td> <td> U+02A9E </td> </tr><tr><td> <code title="">simgE;</code> </td> <td> U+02AA0 </td> </tr><tr><td> <code title="">siml;</code> </td> <td> U+02A9D </td> </tr><tr><td> <code title="">simlE;</code> </td> <td> U+02A9F </td> </tr><tr><td> <code title="">simne;</code> </td> <td> U+02246 </td> </tr><tr><td> <code title="">simplus;</code> </td> <td> U+02A24 </td> </tr><tr><td> <code title="">simrarr;</code> </td> <td> U+02972 </td> </tr><t><td> <code title="">slarr;</code> </td> <td> U+02190 </td> </tr><tr><td> <code title="">smallsetminus;</code> </td> <td> U+02216 </td> </tr><tr><td> <code title="">smashp;</code> </td> <td> U+02A33 </td> </tr><tr><td> <code title="">smeparsl;</code> </td> <td> U+029E4 </td> </tr><tr><td> <code title="">smid;</code> </td> <td> U+02223 </td> </tr><tr><td> <code title="">smile;</code> </td> <td> U+02323 </td> </tr><tr><td> <code title="">smt;</code> </td> <td> U+02AAA </td> </tr><tr><td> <code title="">smte;</code> </td> <td> U+02AAC </td> </tr><tr><td> <code title="">softcy;</code> </td> <td> U+0044C </td> </tr><tr><td> <code title="">sol;</code> </td> <td> U+0002F </td> </tr><tr><td> <code title="">solb;</code> </td> <td> U+029C4 </td> </tr><tr><td> <code title="">solbar;</code> </td> <td> U+0233F </td> </tr><tr><td> <code title="">sopf;</code> </td> <td> U+1D564 </td> </tr><tr><td> <code title="">spades;</code> </td> <td> U+02660 </td> </tr><tr><td> <code title="">spadesuit;</code> </td> <td> U+02660 </td></tr><tr><td> <code title="">spar;</code> </td> <td> U+02225 </td> </tr><tr><td> <code title="">sqcap;</code> </td> <td> U+02293 </td> </tr><tr><td> <code title="">sqcup;</code> </td> <td> U+02294 </td> </tr><tr><td> <code title="">sqsub;</code> </td> <td> U+0228F </td> </tr><tr><td> <code title="">sqsube;</code> </td> <td> U+02291 </td> </tr><tr><td> <code title="">sqsubset;</code> </td> <td> U+0228F </td> </tr><tr><td> <code title="">sqsubseteq;</code> </td> <td> U+02291 </td> </tr><tr><td> <code title="">sqsup;</code> </td> <td> U+02290 </td> </tr><tr><td> <code title="">sqsupe;</code> </td> <td> U+02292 </td> </tr><tr><td> <code title="">sqsupset;</code> </td> <td> U+02290 </td> </tr><tr><td> <code title="">sqsupseteq;</code> </td> <td> U+02292 </td> </tr><tr><td> <code title="">squ;</code> </td> <td> U+025A1 </td> </tr><tr><td> <code title="">square;</code> </td> <td> U+025A1 </td> </tr><tr><td> <code title="">squarf;</code> </td> <td> U+025AA </td> </tr><tr><td> <code title="">squf;</code> </td> <td> +025AA </td> </tr><tr><td> <code title="">srarr;</code> </td> <td> U+02192 </td> </tr><tr><td> <code title="">sscr;</code> </td> <td> U+1D4C8 </td> </tr><tr><td> <code title="">ssetmn;</code> </td> <td> U+02216 </td> </tr><tr><td> <code title="">ssmile;</code> </td> <td> U+02323 </td> </tr><tr><td> <code title="">sstarf;</code> </td> <td> U+022C6 </td> </tr><tr><td> <code title="">star;</code> </td> <td> U+02606 </td> </tr><tr><td> <code title="">starf;</code> </td> <td> U+02605 </td> </tr><tr><td> <code title="">straightepsilon;</code> </td> <td> U+003F5 </td> </tr><tr><td> <code title="">straightphi;</code> </td> <td> U+003D5 </td> </tr><tr><td> <code title="">strns;</code> </td> <td> U+000AF </td> </tr><tr><td> <code title="">sub;</code> </td> <td> U+02282 </td> </tr><tr><td> <code title="">subE;</code> </td> <td> U+02AC5 </td> </tr><tr><td> <code title="">subdot;</code> </td> <td> U+02ABD </td> </tr><tr><td> <code title="">sube;</code> </td> <td> U+02286 </td> </tr><tr><td> <code title="">subedot;</code </td> <td> U+02AC3 </td> </tr><tr><td> <code title="">submult;</code> </td> <td> U+02AC1 </td> </tr><tr><td> <code title="">subnE;</code> </td> <td> U+02ACB </td> </tr><tr><td> <code title="">subne;</code> </td> <td> U+0228A </td> </tr><tr><td> <code title="">subplus;</code> </td> <td> U+02ABF </td> </tr><tr><td> <code title="">subrarr;</code> </td> <td> U+02979 </td> </tr><tr><td> <code title="">subset;</code> </td> <td> U+02282 </td> </tr><tr><td> <code title="">subseteq;</code> </td> <td> U+02286 </td> </tr><tr><td> <code title="">subseteqq;</code> </td> <td> U+02AC5 </td> </tr><tr><td> <code title="">subsetneq;</code> </td> <td> U+0228A </td> </tr><tr><td> <code title="">subsetneqq;</code> </td> <td> U+02ACB </td> </tr><tr><td> <code title="">subsim;</code> </td> <td> U+02AC7 </td> </tr><tr><td> <code title="">subsub;</code> </td> <td> U+02AD5 </td> </tr><tr><td> <code title="">subsup;</code> </td> <td> U+02AD3 </td> </tr><tr><td> <code title="">succ;</code> </td> <td> U+0227B </td> </tr><tr><td> <codetitle="">succapprox;</code> </td> <td> U+02AB8 </td> </tr><tr><td> <code title="">succcurlyeq;</code> </td> <td> U+0227D </td> </tr><tr><td> <code title="">succeq;</code> </td> <td> U+02AB0 </td> </tr><tr><td> <code title="">succnapprox;</code> </td> <td> U+02ABA </td> </tr><tr><td> <code title="">succneqq;</code> </td> <td> U+02AB6 </td> </tr><tr><td> <code title="">succnsim;</code> </td> <td> U+022E9 </td> </tr><tr><td> <code title="">succsim;</code> </td> <td> U+0227F </td> </tr><tr><td> <code title="">sum;</code> </td> <td> U+02211 </td> </tr><tr><td> <code title="">sung;</code> </td> <td> U+0266A </td> </tr><tr><td> <code title="">sup1;</code> </td> <td> U+000B9 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">sup2;</code> </td> <td> U+000B2 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">sup3;</code> </td> <td> U+000B3 </td> </tr><!-- (invalid entity with missing semicolon for legacy suport only) --><tr><td> <code title="">sup;</code> </td> <td> U+02283 </td> </tr><tr><td> <code title="">supE;</code> </td> <td> U+02AC6 </td> </tr><tr><td> <code title="">supdot;</code> </td> <td> U+02ABE </td> </tr><tr><td> <code title="">supdsub;</code> </td> <td> U+02AD8 </td> </tr><tr><td> <code title="">supe;</code> </td> <td> U+02287 </td> </tr><tr><td> <code title="">supedot;</code> </td> <td> U+02AC4 </td> </tr><tr><td> <code title="">suphsol;</code> </td> <td> U+027C9 </td> </tr><tr><td> <code title="">suphsub;</code> </td> <td> U+02AD7 </td> </tr><tr><td> <code title="">suplarr;</code> </td> <td> U+0297B </td> </tr><tr><td> <code title="">supmult;</code> </td> <td> U+02AC2 </td> </tr><tr><td> <code title="">supnE;</code> </td> <td> U+02ACC </td> </tr><tr><td> <code title="">supne;</code> </td> <td> U+0228B </td> </tr><tr><td> <code title="">supplus;</code> </td> <td> U+02AC0 </td> </tr><tr><td> <code title="">supset;</code> </td> <td> U+02283 </td> </tr><tr><td> <code title="">supseteq;</code> </t> <td> U+02287 </td> </tr><tr><td> <code title="">supseteqq;</code> </td> <td> U+02AC6 </td> </tr><tr><td> <code title="">supsetneq;</code> </td> <td> U+0228B </td> </tr><tr><td> <code title="">supsetneqq;</code> </td> <td> U+02ACC </td> </tr><tr><td> <code title="">supsim;</code> </td> <td> U+02AC8 </td> </tr><tr><td> <code title="">supsub;</code> </td> <td> U+02AD4 </td> </tr><tr><td> <code title="">supsup;</code> </td> <td> U+02AD6 </td> </tr><tr><td> <code title="">swArr;</code> </td> <td> U+021D9 </td> </tr><tr><td> <code title="">swarhk;</code> </td> <td> U+02926 </td> </tr><tr><td> <code title="">swarr;</code> </td> <td> U+02199 </td> </tr><tr><td> <code title="">swarrow;</code> </td> <td> U+02199 </td> </tr><tr><td> <code title="">swnwar;</code> </td> <td> U+0292A </td> </tr><tr><td> <code title="">szlig;</code> </td> <td> U+000DF </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">target;</code> </td> <td> U+02316 </td> </tr><tr><td> <code titl="">tau;</code> </td> <td> U+003C4 </td> </tr><tr><td> <code title="">tbrk;</code> </td> <td> U+023B4 </td> </tr><tr><td> <code title="">tcaron;</code> </td> <td> U+00165 </td> </tr><tr><td> <code title="">tcedil;</code> </td> <td> U+00163 </td> </tr><tr><td> <code title="">tcy;</code> </td> <td> U+00442 </td> </tr><tr><td> <code title="">tdot;</code> </td> <td> U+020DB </td> </tr><tr><td> <code title="">telrec;</code> </td> <td> U+02315 </td> </tr><tr><td> <code title="">tfr;</code> </td> <td> U+1D531 </td> </tr><tr><td> <code title="">there4;</code> </td> <td> U+02234 </td> </tr><tr><td> <code title="">therefore;</code> </td> <td> U+02234 </td> </tr><tr><td> <code title="">theta;</code> </td> <td> U+003B8 </td> </tr><tr><td> <code title="">thetasym;</code> </td> <td> U+003D1 </td> </tr><tr><td> <code title="">thetav;</code> </td> <td> U+003D1 </td> </tr><tr><td> <code title="">thickapprox;</code> </td> <td> U+02248 </td> </tr><tr><td> <code title="">thicksim;</code> </td> <td> U+0223C </td> </tr><tr><td> code title="">thinsp;</code> </td> <td> U+02009 </td> </tr><tr><td> <code title="">thkap;</code> </td> <td> U+02248 </td> </tr><tr><td> <code title="">thksim;</code> </td> <td> U+0223C </td> </tr><tr><td> <code title="">thorn;</code> </td> <td> U+000FE </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">tilde;</code> </td> <td> U+002DC </td> </tr><tr><td> <code title="">times;</code> </td> <td> U+000D7 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">timesb;</code> </td> <td> U+022A0 </td> </tr><tr><td> <code title="">timesbar;</code> </td> <td> U+02A31 </td> </tr><tr><td> <code title="">timesd;</code> </td> <td> U+02A30 </td> </tr><tr><td> <code title="">tint;</code> </td> <td> U+0222D </td> </tr><tr><td> <code title="">toea;</code> </td> <td> U+02928 </td> </tr><tr><td> <code title="">top;</code> </td> <td> U+022A4 </td> </tr><tr><td> <code title="">topbot;</code> </td> <td> U+02336 </td> </tr>tr><td> <code title="">topcir;</code> </td> <td> U+02AF1 </td> </tr><tr><td> <code title="">topf;</code> </td> <td> U+1D565 </td> </tr><tr><td> <code title="">topfork;</code> </td> <td> U+02ADA </td> </tr><tr><td> <code title="">tosa;</code> </td> <td> U+02929 </td> </tr><tr><td> <code title="">tprime;</code> </td> <td> U+02034 </td> </tr><tr><td> <code title="">trade;</code> </td> <td> U+02122 </td> </tr><tr><td> <code title="">triangle;</code> </td> <td> U+025B5 </td> </tr><tr><td> <code title="">triangledown;</code> </td> <td> U+025BF </td> </tr><tr><td> <code title="">triangleleft;</code> </td> <td> U+025C3 </td> </tr><tr><td> <code title="">trianglelefteq;</code> </td> <td> U+022B4 </td> </tr><tr><td> <code title="">triangleq;</code> </td> <td> U+0225C </td> </tr><tr><td> <code title="">triangleright;</code> </td> <td> U+025B9 </td> </tr><tr><td> <code title="">trianglerighteq;</code> </td> <td> U+022B5 </td> </tr><tr><td> <code title="">tridot;</code> </td> <td> U+025EC </td> </tr><tr><td> <code title"">trie;</code> </td> <td> U+0225C </td> </tr><tr><td> <code title="">triminus;</code> </td> <td> U+02A3A </td> </tr><tr><td> <code title="">triplus;</code> </td> <td> U+02A39 </td> </tr><tr><td> <code title="">trisb;</code> </td> <td> U+029CD </td> </tr><tr><td> <code title="">tritime;</code> </td> <td> U+02A3B </td> </tr><tr><td> <code title="">trpezium;</code> </td> <td> U+023E2 </td> </tr><tr><td> <code title="">tscr;</code> </td> <td> U+1D4C9 </td> </tr><tr><td> <code title="">tscy;</code> </td> <td> U+00446 </td> </tr><tr><td> <code title="">tshcy;</code> </td> <td> U+0045B </td> </tr><tr><td> <code title="">tstrok;</code> </td> <td> U+00167 </td> </tr><tr><td> <code title="">twixt;</code> </td> <td> U+0226C </td> </tr><tr><td> <code title="">twoheadleftarrow;</code> </td> <td> U+0219E </td> </tr><tr><td> <code title="">twoheadrightarrow;</code> </td> <td> U+021A0 </td> </tr><tr><td> <code title="">uArr;</code> </td> <td> U+021D1 </td> </tr><tr><td> <code title="">uHar;</code> </td> <td> U+02963 </td></tr><tr><td> <code title="">uacute;</code> </td> <td> U+000FA </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">uarr;</code> </td> <td> U+02191 </td> </tr><tr><td> <code title="">ubrcy;</code> </td> <td> U+0045E </td> </tr><tr><td> <code title="">ubreve;</code> </td> <td> U+0016D </td> </tr><tr><td> <code title="">ucirc;</code> </td> <td> U+000FB </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">ucy;</code> </td> <td> U+00443 </td> </tr><tr><td> <code title="">udarr;</code> </td> <td> U+021C5 </td> </tr><tr><td> <code title="">udblac;</code> </td> <td> U+00171 </td> </tr><tr><td> <code title="">udhar;</code> </td> <td> U+0296E </td> </tr><tr><td> <code title="">ufisht;</code> </td> <td> U+0297E </td> </tr><tr><td> <code title="">ufr;</code> </td> <td> U+1D532 </td> </tr><tr><td> <code title="">ugrave;</code> </td> <td> U+000F9 </td> </tr><!-- (invalid entity with missing semicolon for legacy suport only) --><tr><td> <code title="">uharl;</code> </td> <td> U+021BF </td> </tr><tr><td> <code title="">uharr;</code> </td> <td> U+021BE </td> </tr><tr><td> <code title="">uhblk;</code> </td> <td> U+02580 </td> </tr><tr><td> <code title="">ulcorn;</code> </td> <td> U+0231C </td> </tr><tr><td> <code title="">ulcorner;</code> </td> <td> U+0231C </td> </tr><tr><td> <code title="">ulcrop;</code> </td> <td> U+0230F </td> </tr><tr><td> <code title="">ultri;</code> </td> <td> U+025F8 </td> </tr><tr><td> <code title="">umacr;</code> </td> <td> U+0016B </td> </tr><tr><td> <code title="">uml;</code> </td> <td> U+000A8 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">uogon;</code> </td> <td> U+00173 </td> </tr><tr><td> <code title="">uopf;</code> </td> <td> U+1D566 </td> </tr><tr><td> <code title="">uparrow;</code> </td> <td> U+02191 </td> </tr><tr><td> <code title="">updownarrow;</code> </td> <td> U+02195 </td> </tr><tr><td> <code title="">upharpoonleft;</coe> </td> <td> U+021BF </td> </tr><tr><td> <code title="">upharpoonright;</code> </td> <td> U+021BE </td> </tr><tr><td> <code title="">uplus;</code> </td> <td> U+0228E </td> </tr><tr><td> <code title="">upsi;</code> </td> <td> U+003C5 </td> </tr><tr><td> <code title="">upsih;</code> </td> <td> U+003D2 </td> </tr><tr><td> <code title="">upsilon;</code> </td> <td> U+003C5 </td> </tr><tr><td> <code title="">upuparrows;</code> </td> <td> U+021C8 </td> </tr><tr><td> <code title="">urcorn;</code> </td> <td> U+0231D </td> </tr><tr><td> <code title="">urcorner;</code> </td> <td> U+0231D </td> </tr><tr><td> <code title="">urcrop;</code> </td> <td> U+0230E </td> </tr><tr><td> <code title="">uring;</code> </td> <td> U+0016F </td> </tr><tr><td> <code title="">urtri;</code> </td> <td> U+025F9 </td> </tr><tr><td> <code title="">uscr;</code> </td> <td> U+1D4CA </td> </tr><tr><td> <code title="">utdot;</code> </td> <td> U+022F0 </td> </tr><tr><td> <code title="">utilde;</code> </td> <td> U+00169 </td> </tr><tr><td> <code tile="">utri;</code> </td> <td> U+025B5 </td> </tr><tr><td> <code title="">utrif;</code> </td> <td> U+025B4 </td> </tr><tr><td> <code title="">uuarr;</code> </td> <td> U+021C8 </td> </tr><tr><td> <code title="">uuml;</code> </td> <td> U+000FC </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">uwangle;</code> </td> <td> U+029A7 </td> </tr><tr><td> <code title="">vArr;</code> </td> <td> U+021D5 </td> </tr><tr><td> <code title="">vBar;</code> </td> <td> U+02AE8 </td> </tr><tr><td> <code title="">vBarv;</code> </td> <td> U+02AE9 </td> </tr><tr><td> <code title="">vDash;</code> </td> <td> U+022A8 </td> </tr><tr><td> <code title="">vangrt;</code> </td> <td> U+0299C </td> </tr><tr><td> <code title="">varepsilon;</code> </td> <td> U+003F5 </td> </tr><tr><td> <code title="">varkappa;</code> </td> <td> U+003F0 </td> </tr><tr><td> <code title="">varnothing;</code> </td> <td> U+02205 </td> </tr><tr><td> <code title="">varphi;</code> </td> <td> U+003D5 </td> </tr><tr<td> <code title="">varpi;</code> </td> <td> U+003D6 </td> </tr><tr><td> <code title="">varpropto;</code> </td> <td> U+0221D </td> </tr><tr><td> <code title="">varr;</code> </td> <td> U+02195 </td> </tr><tr><td> <code title="">varrho;</code> </td> <td> U+003F1 </td> </tr><tr><td> <code title="">varsigma;</code> </td> <td> U+003C2 </td> </tr><tr><td> <code title="">vartheta;</code> </td> <td> U+003D1 </td> </tr><tr><td> <code title="">vartriangleleft;</code> </td> <td> U+022B2 </td> </tr><tr><td> <code title="">vartriangleright;</code> </td> <td> U+022B3 </td> </tr><tr><td> <code title="">vcy;</code> </td> <td> U+00432 </td> </tr><tr><td> <code title="">vdash;</code> </td> <td> U+022A2 </td> </tr><tr><td> <code title="">vee;</code> </td> <td> U+02228 </td> </tr><tr><td> <code title="">veebar;</code> </td> <td> U+022BB </td> </tr><tr><td> <code title="">veeeq;</code> </td> <td> U+0225A </td> </tr><tr><td> <code title="">vellip;</code> </td> <td> U+022EE </td> </tr><tr><td> <code title="">verbar;</code> </td> td> U+0007C </td> </tr><tr><td> <code title="">vert;</code> </td> <td> U+0007C </td> </tr><tr><td> <code title="">vfr;</code> </td> <td> U+1D533 </td> </tr><tr><td> <code title="">vltri;</code> </td> <td> U+022B2 </td> </tr><tr><td> <code title="">vopf;</code> </td> <td> U+1D567 </td> </tr><tr><td> <code title="">vprop;</code> </td> <td> U+0221D </td> </tr><tr><td> <code title="">vrtri;</code> </td> <td> U+022B3 </td> </tr><tr><td> <code title="">vscr;</code> </td> <td> U+1D4CB </td> </tr><tr><td> <code title="">vzigzag;</code> </td> <td> U+0299A </td> </tr><tr><td> <code title="">wcirc;</code> </td> <td> U+00175 </td> </tr><tr><td> <code title="">wedbar;</code> </td> <td> U+02A5F </td> </tr><tr><td> <code title="">wedge;</code> </td> <td> U+02227 </td> </tr><tr><td> <code title="">wedgeq;</code> </td> <td> U+02259 </td> </tr><tr><td> <code title="">weierp;</code> </td> <td> U+02118 </td> </tr><tr><td> <code title="">wfr;</code> </td> <td> U+1D534 </td> </tr><tr><td> <code title="">wopf;</code> </td> <td> U1D568 </td> </tr><tr><td> <code title="">wp;</code> </td> <td> U+02118 </td> </tr><tr><td> <code title="">wr;</code> </td> <td> U+02240 </td> </tr><tr><td> <code title="">wreath;</code> </td> <td> U+02240 </td> </tr><tr><td> <code title="">wscr;</code> </td> <td> U+1D4CC </td> </tr><tr><td> <code title="">xcap;</code> </td> <td> U+022C2 </td> </tr><tr><td> <code title="">xcirc;</code> </td> <td> U+025EF </td> </tr><tr><td> <code title="">xcup;</code> </td> <td> U+022C3 </td> </tr><tr><td> <code title="">xdtri;</code> </td> <td> U+025BD </td> </tr><tr><td> <code title="">xfr;</code> </td> <td> U+1D535 </td> </tr><tr><td> <code title="">xhArr;</code> </td> <td> U+027FA </td> </tr><tr><td> <code title="">xharr;</code> </td> <td> U+027F7 </td> </tr><tr><td> <code title="">xi;</code> </td> <td> U+003BE </td> </tr><tr><td> <code title="">xlArr;</code> </td> <td> U+027F8 </td> </tr><tr><td> <code title="">xlarr;</code> </td> <td> U+027F5 </td> </tr><tr><td> <code title="">xmap;</code> </td> <td> U+027FC </td> </tr<tr><td> <code title="">xnis;</code> </td> <td> U+022FB </td> </tr><tr><td> <code title="">xodot;</code> </td> <td> U+02A00 </td> </tr><tr><td> <code title="">xopf;</code> </td> <td> U+1D569 </td> </tr><tr><td> <code title="">xoplus;</code> </td> <td> U+02A01 </td> </tr><tr><td> <code title="">xotime;</code> </td> <td> U+02A02 </td> </tr><tr><td> <code title="">xrArr;</code> </td> <td> U+027F9 </td> </tr><tr><td> <code title="">xrarr;</code> </td> <td> U+027F6 </td> </tr><tr><td> <code title="">xscr;</code> </td> <td> U+1D4CD </td> </tr><tr><td> <code title="">xsqcup;</code> </td> <td> U+02A06 </td> </tr><tr><td> <code title="">xuplus;</code> </td> <td> U+02A04 </td> </tr><tr><td> <code title="">xutri;</code> </td> <td> U+025B3 </td> </tr><tr><td> <code title="">xvee;</code> </td> <td> U+022C1 </td> </tr><tr><td> <code title="">xwedge;</code> </td> <td> U+022C0 </td> </tr><tr><td> <code title="">yacute;</code> </td> <td> U+000FD </td> </tr><!-- (invalid entity with missing semicolon for legacy support only)--><tr><td> <code title="">yacy;</code> </td> <td> U+0044F </td> </tr><tr><td> <code title="">ycirc;</code> </td> <td> U+00177 </td> </tr><tr><td> <code title="">ycy;</code> </td> <td> U+0044B </td> </tr><tr><td> <code title="">yen;</code> </td> <td> U+000A5 </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">yfr;</code> </td> <td> U+1D536 </td> </tr><tr><td> <code title="">yicy;</code> </td> <td> U+00457 </td> </tr><tr><td> <code title="">yopf;</code> </td> <td> U+1D56A </td> </tr><tr><td> <code title="">yscr;</code> </td> <td> U+1D4CE </td> </tr><tr><td> <code title="">yucy;</code> </td> <td> U+0044E </td> </tr><tr><td> <code title="">yuml;</code> </td> <td> U+000FF </td> </tr><!-- (invalid entity with missing semicolon for legacy support only) --><tr><td> <code title="">zacute;</code> </td> <td> U+0017A </td> </tr><tr><td> <code title="">zcaron;</code> </td> <td> U+0017E </td> </tr><tr><td> <code title="">zcy;</code> </td> <td> U+00437 </td> </tr><tr<td> <code title="">zdot;</code> </td> <td> U+0017C </td> </tr><tr><td> <code title="">zeetrf;</code> </td> <td> U+02128 </td> </tr><tr><td> <code title="">zeta;</code> </td> <td> U+003B6 </td> </tr><tr><td> <code title="">zfr;</code> </td> <td> U+1D537 </td> </tr><tr><td> <code title="">zhcy;</code> </td> <td> U+00436 </td> </tr><tr><td> <code title="">zigrarr;</code> </td> <td> U+021DD </td> </tr><tr><td> <code title="">zopf;</code> </td> <td> U+1D56B </td> </tr><tr><td> <code title="">zscr;</code> </td> <td> U+1D4CF </td> </tr><tr><td> <code title="">zwj;</code> </td> <td> U+0200D </td> </tr><tr><td> <code title="">zwnj;</code> </td> <td> U+0200C </td> </tr></tbody></table><!--
- If we want to add character references, Almorca suggests:
- > I would add &sub1; (character U+2081), &sub2;
- > (character U+2082) and &sub3; (character U+2083). They
- > would are the equivalent to ¹, ², and ³.
- See also: http://www.w3.org/2003/entities/
- --></div></body></html>
\ No newline at end of file
Index: references.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/references.html,v
retrieving revision 1.559
retrieving revision 1.560
diff -u -d -r1.559 -r1.560
--- references.html 6 Jan 2010 15:49:34 -0000 1.559
+++ references.html 6 Jan 2010 16:12:47 -0000 1.560
@@ -1,905 +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>References — 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="index.html" title="Index" rel="prev">
- <link href="Overview.html#contents" title="Table of contents" rel="index">
- <link href="acknowledgements.html" title="Acknowledgements" 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="index.html">← Index</a> –
- <a href="Overview.html#contents">Table of contents</a> –
- <a href="acknowledgements.html">Acknowledgements →</a>
- </div>
-
- <h2 class="no-num" id="references">References</h2><p class="XXX annotation"><b>Status: </b><i>Implemented and widely deployed</i></p><!--REFS--><!--END vCard--><!--END vEvent--><p>All references are normative unless marked "Non-normative".</p><!--START vCard--><!--START vEvent--><!-- XXX really should remove dates and version numbers from these references once and for all --><dl><dt id="refsABNF">[ABNF]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/std/std68.txt">Augmented
- BNF for Syntax Specifications: ABNF</a></cite>, D. Crocker,
- P. Overell. IETF, January 2008.</dd>
-
- <dt id="refsABOUT">[ABOUT]</dt>
- <dd><cite><a href="http://tools.ietf.org/html/draft-holsten-about-uri-scheme">The
- 'about' URI scheme</a></cite>, J. Holsten, L. Hunt. IETF, August
- 2009.</dd>
-
- <dt id="refsARIA">[ARIA]</dt>
- <dd><cite><a href="http://www.w3.org/WAI/PF/aria/">Accessible Rich
- Internet Applications (WAI-ARIA)</a></cite>, J. Craig, M. Cooper, L. Pappas,
- R. Schwerdtfeger, L. Seeman. W3C, August 2009.</dd>
-
- <dt id="refsARIAIMPL">[ARIAIMPL]</dt>
- <dd><cite><a href="http://www.w3.org/WAI/PF/aria-implementation/">WAI-ARIA 1.0
- User Agent Implementation Guide</a></cite>, A. Snow-Weaver,
- M. Cooper. W3C, August 2009.</dd>
-
- <dt id="refsATAG">[ATAG]</dt>
- <dd>(Non-normative) <cite><a href="http://www.w3.org/TR/ATAG20/">Authoring Tool Accessibility
- Guidelines (ATAG) 2.0</a></cite>, J. Richards, J. Spellman,
- J. Treviranus. W3C, May 2009.</dd>
-
- <dt id="refsATOM">[ATOM]</dt>
- <dd>(Non-normative) <cite><a href="http://www.ietf.org/rfc/rfc4287.txt">The Atom Syndication
- Format</a></cite>, M. Nottingham, R. Sayre. IETF, December
- 2005.</dd>
-
- <dt id="refsBCP47">[BCP47]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/bcp/bcp47.txt">Tags for
- Identifying Languages; Matching of Language Tags</a></cite>,
- A. Phillips, M. Davis. IETF, September 2006.</dd>
-
- <dt id="refsBECSS">[BECSS]</dt>
- <dd><cite><a href="http://www.w3.org/TR/becss/">Behavioral
- Extensions to CSS</a></cite>, I. Hickson. W3C, October 2007.</dd>
-
- <dt id="refsBEZIER">[BEZIER]</dt>
- <dd><cite>Courbes à poles</cite>, P. de Casteljau. INPI, 1959.</dd>
-
- <dt id="refsBIDI">[BIDI]</dt>
- <dd><cite><a href="http://www.unicode.org/reports/tr9/">UAX #9: Unicode
- Bidirectional Algorithm</a></cite>, M. Davis. Unicode Consortium,
- March 2008.</dd>
-
- <dt id="refsBOCU1">[BOCU1]</dt>
- <dd>(Non-normative) <cite><a href="http://www.unicode.org/notes/tn6/">UTN #6: BOCU-1:
- MIME-Compatible Unicode Compression</a></cite>, M. Scherer,
- M. Davis. Unicode Consortium, February 2006.</dd>
-
- <dt id="refsCESU8">[CESU8]</dt>
- <dd>(Non-normative) <cite><a href="http://www.unicode.org/reports/tr26/">UTR #26: Compatibility
- Encoding Scheme For UTF-16: 8-BIT (CESU-8)</a></cite>,
- T. Phipps. Unicode Consortium, April 2002.</dd>
-
- <dt id="refsCHARMOD">[CHARMOD]</dt>
- <dd>(Non-normative) <cite><a href="http://www.w3.org/TR/charmod/">Character Model for the World
- Wide Web 1.0: Fundamentals</a></cite>, M. Dürst, F. Yergeau,
- R. Ishida, M. Wolf, T. Texin. W3C, February 2005.</dd>
-
- <dt id="refsCOMPUTABLE">[COMPUTABLE]</dt>
- <dd>(Non-normative) <cite><a href="http://www.turingarchive.org/browse.php/B/12">On computable
- numbers, with an application to the
- Entscheidungsproblem</a></cite>, A. Turing. In <cite>Proceedings of
- the London Mathematical Society</cite>, series 2, volume 42, pages
- 230-265. London Mathematical Society, 1937. Retrieved on
- 2007-03-03.</dd>
-
- <dt id="refsCOOKIES">[COOKIES]</dt>
- <!--
- <dd><cite><a href="http://www.ietf.org/rfc/rfc2109.txt">HTTP State
- Management Mechanism</a></cite>, D. Kristol, L. Montulli. IETF,
- February 1997.</dd>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc2965.txt">HTTP State Management
- Mechanism</a></cite>, D. Kristol, L. Montulli. IETF, October 2000.</dd>
- -->
- <dd><cite><a href="http://tools.ietf.org/html/draft-abarth-cookie">HTTP State
- Management Mechanism</a></cite>, A. Barth. IETF, August 2009.</dd>
-
- <dt id="refsCORS">[CORS]</dt>
- <!--
- <dd><cite><a href="http://www.w3.org/TR/cors/">Cross-Origin
- Resource Sharing</a></cite>, A. van Kesteren. W3C, March 2009.</dd>
- -->
- <dd><cite><a href="http://dev.w3.org/2006/waf/access-control/">Cross-Origin
- Resource Sharing</a></cite>, A. van Kesteren. W3C, June 2009.</dd>
-
- <dt id="refsCSS">[CSS]</dt>
- <dd><cite><a href="http://www.w3.org/TR/CSS/">Cascading Style Sheets Level 2
- Revision 1</a></cite>, B. Bos, T. Çelik, I.
- Hickson, H. Lie. W3C, April 2009.</dd>
-
- <dt id="refsCSSATTR">[CSSATTR]</dt>
- <dd><cite><a href="http://dev.w3.org/csswg/css-style-attr/">CSS
- Style Attribute Syntax</a></cite>, E. Etemad. W3C, December
- 2009.</dd>
-
- <dt id="refsCSSCOLOR">[CSSCOLOR]</dt>
- <!--
- <dd><cite><a href="http://www.w3.org/TR/css3-color/">CSS Color
- Module Level 3</a></cite>, T. Çelik, C. Lilley, L.
- Baron. W3C, July 2008.</dd>
- -->
- <dd><cite><a href="http://dev.w3.org/csswg/css3-color/">CSS Color
- Module Level 3</a></cite>, T. Çelik, C. Lilley, L.
- Baron. W3C, August 2008.</dd>
-
- <dt id="refsCSSFONTS">[CSSFONTS]</dt>
- <dd><cite><a href="http://www.w3.org/TR/css3-fonts/">CSS Fonts
- Module Level 3</a></cite>, J. Daggett. W3C, June 2009.</dd>
-
- <dt id="refsCSSOM">[CSSOM]</dt>
- <dd><cite><a href="http://dev.w3.org/csswg/cssom/">Cascading Style Sheets
- Object Model (CSSOM)</a></cite>, A. van Kesteren. W3C, December 2007.</dd>
-
- <dt id="refsCSSUI">[CSSUI]</dt>
- <dd><cite><a href="http://www.w3.org/TR/css3-ui/">CSS3 Basic User
- Interface Module</a></cite>, T. Çelik. W3C, May 2004.</dd>
-
- <dt id="refsDOMCORE">[DOMCORE]</dt>
- <dd><cite><a href="http://www.w3.org/TR/DOM-Level-3-Core/">Document
- Object Model (DOM) Level 3 Core Specification</a></cite>, A. Le
- Hors, P. Le Hegaret, L. Wood, G. Nicol, J. Robie, M. Champion,
- S. Byrnes. W3C, April 2004.</dd>
- <!--
- <dd><cite><a href="http://simon.html5.org/specs/web-dom-core">Web
- DOM Core</a></cite>, S. Pieters. W3C, June 2009.</dd>
- -->
-
- <dt id="refsDOMEVENTS">[DOMEVENTS]</dt>
- <!--
- <dd><cite><a
- href="http://www.w3.org/TR/DOM-Level-3-Events/">Document Object
- Model (DOM) Level 3 Events Specification</a></cite>,
- B. Höhrmann, P. Le Hegaret, T. Pixley. W3C, December
- 2007.</dd>
- -->
- <dd><cite><a href="http://dev.w3.org/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html">Document
- Object Model (DOM) Level 3 Events Specification</a></cite>,
- D. Schepers. W3C, July 2009.</dd>
-
- <dt id="refsDOMRANGE">[DOMRANGE]</dt>
- <dd><cite><a href="http://www.w3.org/TR/DOM-Level-2-Traversal-Range/">Document
- Object Model (DOM) Level 2 Traversal and Range
- Specification</a></cite>, J. Kesselman, J. Robie, M. Champion,
- P. Sharpe, V. Apparao, L. Wood. W3C, November 2000.</dd>
-
- <dt id="refsDOMVIEWS">[DOMVIEWS]</dt>
- <dd><cite><a href="http://www.w3.org/TR/DOM-Level-2-Views/">Document Object
- Model (DOM) Level 2 Views Specification</a></cite>, A. Le Hors, L.
- Cable. W3C, November 2000.</dd>
-
- <dt id="refsECMA262">[ECMA262]</dt>
- <dd><cite><a href="http://www.ecma-international.org/publications/standards/Ecma-262.htm">ECMAScript
- Language Specification</a></cite>. ECMA, December 1999.</dd>
-
- <dt id="refsECMA357">[ECMA357]</dt>
- <dd>(Non-normative) <cite><a href="http://www.ecma-international.org/publications/standards/Ecma-357.htm">ECMAScript
- for XML (E4X) Specification</a></cite>. ECMA, December 2005.</dd>
-
- <dt id="refsEUCKR">[EUCKR]</dt>
- <dd><cite>Hangul Unix Environment</cite>. Korea Industrial
- Standards Association, 1992. Ref. No. KS C 5861-1992.</dd>
-
- <dt id="refsEVENTSOURCE">[EVENTSOURCE]</dt>
- <!--
- <dd><cite><a href="http://www.w3.org/TR/eventsource/">Server-Sent
- Events</a></cite>, I. Hickson. W3C, April 2009.</dd>
- -->
- <dd><cite><a href="http://dev.w3.org/html5/eventsource/">Server-Sent
- Events</a></cite>, I. Hickson. W3C, July 2009.</dd>
-
- <dt id="refsFILEAPI">[FILEAPI]</dt>
- <dd><cite><a href="http://dev.w3.org/2006/webapi/FileUpload/publish/FileAPI.html">File
- API</a></cite>, A. Ranganathan. W3C, August 2009.</dd>
-
- <dt id="refsGBK">[GBK]</dt>
- <dd><cite>Chinese Internal Code Specification</cite>. Chinese IT
- Standardization Technical Committee, December 1995.</dd>
- <!-- http://www.iana.org/assignments/charset-reg/GBK -->
-
- <dt id="refsGRAPHICS">[GRAPHICS]</dt>
- <dd>(Non-normative) <cite>Computer Graphics: Principles and
- Practice in C</cite>, Second Edition, J. Foley, A. van Dam,
- S. Feiner, J. Hughes. Addison-Wesley, July 1995. ISBN
- 0-201-84840-6.</dd>
- <!--
- This book ("Computer Graphics: Principles and Practice in C")
- apparently does not make any references to literature in the
- bibliographic section to define the "even-odd" rule for polygon
- filling and hit testing. In the absence of such a reference, I
- guess that this book is the most authoritative reference.
- -->
-
- <dt id="refsGREGORIAN">[GREGORIAN]</dt>
- <dd>(Non-normative) <cite>Inter Gravissimas</cite>, A. Lilius,
- C. Clavius. Gregory XIII Papal Bulls, February 1582.</dd>
-
- <dt id="refsHATOM">[HATOM]</dt>
- <dd>(Non-normative) <cite><a href="http://microformats.org/wiki/hatom">hAtom</a></cite>, D
- Janes. Microformats, November 2009.</dd>
-
- <dt id="refsHTMLDIFF">[HTMLDIFF]</dt>
- <!--
- <dd>(Non-normative) <cite><a
- href="http://www.w3.org/TR/html5-diff/">HTML5 differences from
- HTML4</a></cite>, A. van Kesteren. W3C, April 2009.</dd>
- -->
- <dd>(Non-normative) <cite><a href="http://dev.w3.org/html5/html4-differences/">HTML5
- differences from HTML4</a></cite>, A. van Kesteren. W3C, August
- 2009.</dd>
-
- <dt id="refsHTTP">[HTTP]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc2616.txt">Hypertext
- Transfer Protocol — HTTP/1.1</a></cite>, R. Fielding, J. Gettys,
- J. Mogul, H. Frystyk, L. Masinter, P. Leach, T. Berners-Lee. IETF,
- June 1999.</dd>
-
- <dt id="refsIANACHARSET">[IANACHARSET]</dt>
- <dd><cite><a href="http://www.iana.org/assignments/character-sets">Character
- Sets</a></cite>. IANA, May 2007.</dd>
-
- <dt id="refsIANAPERMHEADERS">[IANAPERMHEADERS]</dt>
- <dd><cite><a href="http://www.iana.org/assignments/message-headers/perm-headers.html">Permanent
- Message Header Field Names</a></cite>. IANA, October 2009.</dd>
-
- <dt id="refsISO8601">[ISO8601]</dt>
- <dd><cite><a href="http://isotc.iso.org/livelink/livelink/4021199/ISO_8601_2004_E.zip?func=doc.Fetch&nodeid=4021199">ISO8601: Data elements and interchange formats — Information interchange — Representation of dates and times</a></cite>. ISO, December 2004.</dd>
-
- <dt id="refsISO885911">[ISO885911]</dt>
- <dd><cite><a href="http://anubis.dkuug.dk/jtc1/sc2/open/02n3333.pdf">ISO-8859-11:
- Information technology — 8-bit single-byte coded graphic
- character sets — Part 11: Latin/Thai
- alphabet</a></cite>. ISO, October 1999.</dd>
-
- <dt id="refsJSON">[JSON]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc4627.txt">The
- application/json Media Type for JavaScript Object Notation
- (JSON)</a></cite>, D. Crockford. IETF, July 2006.</dd>
-
- <dt id="refsJSURL">[JSURL]</dt>
- <dd><cite><a href="http://tools.ietf.org/html/draft-hoehrmann-javascript-scheme">The
- 'javascript' resource identifier scheme</a></cite>,
- B. Höhrmann. IETF, November 2006.</dd>
-
- <dt id="refsMAILTO">[MAILTO]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc2368.txt">The mailto URL
- scheme</a></cite>, P. Hoffman, L. Masinter, J. Zawinski.
- IETF, July 1998.</dd>
-
- <dt id="refsMATHML">[MATHML]</dt>
- <dd><cite><a href="http://www.w3.org/TR/MathML/">Mathematical
- Markup Language (MathML)</a></cite>, D. Carlisle, P. Ion, R. Miner,
- N. Poppelier. W3C, October 2003.</dd>
-
- <dt id="refsMIMESNIFF">[MIMESNIFF]</dt>
- <dd><cite><a href="http://tools.ietf.org/html/draft-abarth-mime-sniff">Content-Type
- Processing Model</a></cite>, A. Barth, I. Hickson. IETF,
- May 2009.</dd>
-
- <dt id="refsMQ">[MQ]</dt>
- <!--
- <dd><cite><a href="http://www.w3.org/TR/css3-mediaqueries/">Media
- Queries</a></cite>, H. Lie, T. Çelik, D. Glazman, A. van
- Kesteren. W3C, April 2009.</dd>
- -->
- <dd><cite><a href="http://dev.w3.org/csswg/css3-mediaqueries/">Media
- Queries</a></cite>, H. Lie, T. Çelik, D. Glazman, A. van
- Kesteren. W3C, July 2009.</dd>
-
- <dt id="refsNPAPI">[NPAPI]</dt>
- <dd>(Non-normative) <cite><a href="https://developer.mozilla.org/en/Gecko_Plugin_API_Reference">Gecko
- Plugin API Reference</a></cite>. Mozilla, November 2008.</dd>
-
- <dt id="refsOPENSEARCH">[OPENSEARCH]</dt>
- <dd><cite><a href="http://www.opensearch.org/Specifications/OpenSearch/1.1#Autodiscovery_in_HTML.2FXHTML">Autodiscovery
- in HTML/XHTML</a></cite>. In <cite>OpenSearch 1.1 Draft 4</cite>,
- Section 4.6.2. OpenSearch.org.</dd>
-
- <dt id="refsORIGIN">[ORIGIN]</dt>
- <dd><cite><a href="http://tools.ietf.org/html/draft-abarth-origin">The HTTP
- Origin Header</a></cite>, A. Barth, C. Jackson, I. Hickson. IETF,
- September 2009.</dd>
-
- <dt id="refsPINGBACK">[PINGBACK]</dt>
- <dd><cite><a href="http://www.hixie.ch/specs/pingback/pingback">Pingback
- 1.0</a></cite>, S. Langridge, I. Hickson. January 2007.</dd>
-
- <dt id="refsPNG">[PNG]</dt>
- <dd><cite><a href="http://www.w3.org/TR/PNG/">Portable Network
- Graphics (PNG) Specification</a></cite>, D. Duce. W3C, November
- 2003.</dd>
-
- <dt id="refsPORTERDUFF">[PORTERDUFF]</dt>
- <dd><cite><a href="http://keithp.com/~keithp/porterduff/p253-porter.pdf">Compositing
- Digital Images</a></cite>, T. Porter, T. Duff. In <cite>Computer
- graphics</cite>, volume 18, number 3, pp. 253-259. ACM Press, July
- 1984.</dd>
-
- <dt id="refsPPUTF8">[PPUTF8]</dt>
- <dd>(Non-normative) <cite><a href="http://www.ifi.uzh.ch/mml/mduerst/papers/PDF/IUC11-UTF-8.pdf">The
- Properties and Promises <!-- Promizes (sic) --> of
- UTF-8</a></cite>, M. Dürst. University of Zürich,
- September 1997. In <cite>Proceedings of the 11th International
- Unicode Conference</cite>.</dd>
-
- <dt id="refsPROGRESS">[PROGRESS]</dt>
- <!--
- <dd><cite><a href="http://www.w3.org/TR/progress-events/">Progress
- Events</a></cite>, C. McCathieNevile. W3C, May 2008.</dd>
- -->
- <dd><cite><a href="http://dev.w3.org/2006/webapi/progress/Progress.html">Progress
- Events</a></cite>, C. McCathieNevile. W3C, March 2009.</dd>
-
- <dt id="refsPSL">[PSL]</dt>
- <dd><cite><a href="http://publicsuffix.org/">Public Suffix List</a></cite>.
- Mozilla Foundation.</dd>
-
- <dt id="refsRFC1034">[RFC1034]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc1034.txt">Domain
- Names - Concepts and Facilities</a></cite>, P. Mockapetris. IETF,
- November 1987.</dd>
-
- <dt id="refsRFC1345">[RFC1345]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc1345.txt">Character Mnemonics
- and Character Sets</a></cite>, K. Simonsen. IETF, June 1992.</dd>
-
- <dt id="refsRFC1468">[RFC1468]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc1468.txt">Japanese Character
- Encoding for Internet Messages</a></cite>, J. Murai, M. Crispin, E. van der
- Poel. IETF, June 1993.</dd>
-
- <dt id="refsRFC1494">[RFC1494]</dt>
- <dd>(Non-normative) <cite><a href="http://www.ietf.org/rfc/rfc1494.txt">Equivalences between
- 1988 X.400 and RFC-822 Message Bodies</a></cite>, H. Alvestrand,
- S. Thompson. IETF, August 1993.</dd>
-
- <dt id="refsRFC1554">[RFC1554]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc1554.txt">ISO-2022-JP-2:
- Multilingual Extension of ISO-2022-JP</a></cite>, M. Ohta, K. Handa. IETF,
- December 1993.</dd>
-
- <dt id="refsRFC1557">[RFC1557]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc1557.txt">Korean Character
- Encoding for Internet Messages</a></cite>, U. Choi, K. Chon, H. Park. IETF,
- December 1993.</dd>
-
- <dt id="refsRFC1842">[RFC1842]</dt>
-
- <dd><cite><a href="http://www.ietf.org/rfc/rfc1842.txt">ASCII
- Printable Characters-Based Chinese Character Encoding for Internet
- Messages</a></cite>, Y. Wei, Y. Zhang, J. Li, J. Ding, Y. Jiang.
- IETF, August 1995.</dd>
-
- <dt id="refsRFC1922">[RFC1922]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc1922.txt">Chinese Character
- Encoding for Internet Messages</a></cite>, HF. Zhu, DY. Hu, ZG. Wang, TC. Kao,
- WCH. Chang, M. Crispin. IETF, March 1996.</dd>
-
- <dt id="refsRFC2045">[RFC2045]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc2045.txt">Multipurpose Internet
- Mail Extensions (MIME) Part One: Format of Internet Message Bodies</a></cite>,
- N. Freed, N. Borenstein. IETF, November 1996.</dd>
-
- <dt id="refsRFC2046">[RFC2046]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc2046.txt">Multipurpose Internet
- Mail Extensions (MIME) Part Two: Media Types</a></cite>, N. Freed,
- N. Borenstein. IETF, November 1996.</dd> <!-- for text/plain and
- "Internet Media type"; not for definition of "valid MIME type". -->
-
- <dt id="refsRFC2119">[RFC2119]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc2119.txt">Key words for use in
- RFCs to Indicate Requirement Levels</a></cite>, S. Bradner. IETF, March
- 1997.</dd>
-
- <dt id="refsRFC2237">[RFC2237]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc2237.txt">Japanese Character
- Encoding for Internet Messages</a></cite>, K. Tamaru. IETF, November
- 1997.</dd>
-
- <dt id="refsRFC2313">[RFC2313]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc2313.txt">PKCS #1:
- RSA Encryption</a></cite>, B. Kaliski. IETF, March 1998.</dd>
-
- <dt id="refsRFC2318">[RFC2318]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc2318.txt">The
- text/css Media Type</a></cite>, H. Lie, B. Bos, C. Lilley. IETF,
- March 1998.</dd>
-
- <dt id="refsRFC2388">[RFC2388]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc2388.txt">Returning Values from
- Forms: multipart/form-data</a></cite>, L. Masinter. IETF, August 1998.</dd>
-
- <dt id="refsRFC2483">[RFC2483]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc2483.txt">URI Resolution
- Services Necessary for URN Resolution</a></cite>, M. Mealling, R. Daniel.
- IETF, January 1999.</dd>
-
- <dt id="refsRFC2781">[RFC2781]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc2781.txt">UTF-16, an
- encoding of ISO 10646</a></cite>, P. Hoffman, F. Yergeau. IETF,
- February 2000.</dd>
-
- <dt id="refsRFC2646">[RFC2646]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc2646.txt">The Text/Plain Format
- Parameter</a></cite>, R. Gellens. IETF, August 1999.</dd>
-
- <dt id="refsRFC2806">[RFC2806]</dt>
- <dd>(Non-normative) <cite><a href="http://www.ietf.org/rfc/rfc2806.txt">URLs for Telephone
- Calls</a></cite>, A. Vaha-Sipila. IETF, April 2000.</dd>
-
- <dt id="refsRFC3023">[RFC3023]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc3023.txt">XML Media
- Types</a></cite>, M. Murata, S. St. Laurent, D. Kohn. IETF, January 2001.</dd>
-
- <dt id="refsRFC3279">[RFC3279]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc3279.txt">Algorithms
- and Identifiers for the Internet X.509 Public Key Infrastructure
- Certificate and Certificate Revocation List (CRL)
- Profile</a></cite>, W. Polk, R. Housley, L. Bassham. IETF, April
- 2002.</dd>
-
- <dt id="refsRFC3490">[RFC3490]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc3490.txt">Internationalizing
- Domain Names in Applications (IDNA)</a></cite>, P. Faltstrom, P. Hoffman, A.
- Costello. IETF, March 2003.</dd>
-
- <dt id="refsRFC3548">[RFC3548]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc3548.txt">The Base16, Base32,
- and Base64 Data Encodings</a></cite>, S. Josefsson. IETF, July
- 2003.</dd>
-
- <dt id="refsRFC3864">[RFC3864]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc3864.txt">Registration Procedures
- for Message Header Fields</a></cite>, G. Klyne, M. Nottingham,
- J. Mogul. IETF, September 2004.</dd>
-
- <dt id="refsRFC3986">[RFC3986]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc3986.txt">Uniform Resource
- Identifier (URI): Generic Syntax</a></cite>, T. Berners-Lee, R. Fielding, L.
- Masinter. IETF, January 2005.</dd>
-
- <dt id="refsRFC3987">[RFC3987]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc3987.txt">Internationalized
- Resource Identifiers (IRIs)</a></cite>, M. Dürst, M. Suignard. IETF, January
- 2005.</dd>
-
- <dt id="refsRFC4281">[RFC4281]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc4281.txt">The Codecs Parameter
- for "Bucket" Media Types</a></cite>, R. Gellens, D. Singer, P. Frojdh. IETF,
- November 2005.</dd>
-
- <dt id="refsRFC4329">[RFC4329]</dt>
- <dd>(Non-normative) <cite><a href="http://www.ietf.org/rfc/rfc4329.txt">Scripting Media
- Types</a></cite>, B. Höhrmann. IETF, April 2006.</dd>
-
- <dt id="refsRFC5280">[RFC5280]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc5280.txt">Internet
- X.509 Public Key Infrastructure Certificate and Certificate
- Revocation List (CRL) Profile</a></cite>, D. Cooper, S. Santesson,
- S. Farrell, S. Boeyen, R. Housley, W. Polk. IETF, May 2008.</dd>
-
- <dt id="refsRFC5322">[RFC5322]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc5322.txt">Internet Message
- Format</a></cite>, P. Resnick. IETF, October 2008.</dd>
-
- <dt id="refsSCSU">[SCSU]</dt>
- <dd>(Non-normative) <cite><a href="http://www.unicode.org/reports/tr6/">UTR #6: A Standard
- Compression Scheme For Unicode</a></cite>, M. Wolf, K. Whistler,
- C. Wicksteed, M. Davis, A. Freytag, M. Scherer. Unicode Consortium,
- May 2005.</dd>
-
- <dt id="refsSELECTORS">[SELECTORS]</dt>
- <dd><cite><a href="http://www.w3.org/TR/css3-selectors">Selectors</a></cite>,
- T. Çelik, E. Etemad, D. Glazman, I. Hickson, P. Linss,
- J. Williams. W3C, March 2009.</dd>
-
- <dt id="refsSHIFTJIS">[SHIFTJIS]</dt>
- <dd><cite>JIS X0208: 7-bit and 8-bit double byte coded KANJI sets
- for information interchange</cite>. Japanese Standards Association,
- 1997.</dd>
-
- <dt id="refsSRGB">[SRGB]</dt>
- <dd><cite><a href="http://webstore.iec.ch/webstore/webstore.nsf/artnum/025408!OpenDocument&Click=">IEC
- 61966-2-1: Multimedia systems and equipment — Colour measurement
- and management — Part 2-1: Colour management — Default RGB colour
- space — sRGB</a></cite>. IEC, October 1999.</dd>
-
- <dt id="refsSVG">[SVG]</dt>
- <dd><cite><a href="http://www.w3.org/TR/SVGTiny12/">Scalable Vector
- Graphics (SVG) Tiny 1.2 Specification</a></cite>, O. Andersson,
- R. Berjon, E. Dahlström, A. Emmons, J. Ferraiolo, A. Grasso,
- V. Hardy, S. Hayman, D. Jackson, C. Lilley, C. McCormack,
- A. Neumann, C. Northway, A. Quint, N. Ramani, D. Schepers,
- A. Shellshear. W3C, December 2008.</dd>
-
- <dt id="refsTIS620">[TIS620]</dt>
- <dd><cite><a href="http://www.nectec.or.th/it-standards/std620/std620.htm">UDC
- 681.3.04:003.62</a></cite>. Thai Industrial Standards Institute,
- Ministry of Industry, Royal Thai Government, 1990. ISBN
- 974-606-153-4.</dd>
-
- <dt id="refsUAAG">[UAAG]</dt>
- <dd>(Non-normative) <cite><a href="http://www.w3.org/TR/UAAG20/">Web Content Accessibility
- Guidelines (UAAG) 2.0</a></cite>, J. Allan, K. Ford, J. Richards,
- J. Spellman. W3C, July 2009.</dd>
-
- <dt id="refsUNICODE">[UNICODE]</dt>
- <dd><cite><a href="http://www.unicode.org/versions/">The Unicode Standard</a></cite>. Unicode Consortium, 2007.</dd>
-
- <dt id="refsUNIVCHARDET">[UNIVCHARDET]</dt>
- <dd>(Non-normative) <cite><a href="http://www.mozilla.org/projects/intl/UniversalCharsetDetection.html">A
- composite approach to language/encoding
- detection</a></cite>, S. Li, K. Momoi. Netscape, September 2001. In
- <cite>Proceedings of the 19th International Unicode
- Conference</cite>.</dd>
-
- <dt id="refsUTF7">[UTF7]</dt>
- <dd><cite><a href="http://www.ietf.org/rfc/rfc2152.txt">UTF-7: A
- Mail-Safe Transformation Format of Unicode</a></cite>,
- D. Goldsmith, M. Davis. IETF, May 1997.</dd>
-
- <dt id="refsUTF8DET">[UTF8DET]</dt>
- <dd>(Non-normative) <cite><a href="http://www.w3.org/International/questions/qa-forms-utf-8">Multilingual
- form encoding</a></cite>, M. Dürst. W3C, October 2007.</dd>
-
- <dt id="refsUTR36">[UTR36]</dt>
- <dd>(Non-normative) <cite><a href="http://www.unicode.org/reports/tr36/">UTR #36: Unicode
- Security Considerations</a></cite>, M. Davis, M. Suignard. Unicode
- Consortium, July 2008.</dd>
-
- <dt id="refsWCAG">[WCAG]</dt>
- <dd>(Non-normative) <cite><a href="http://www.w3.org/TR/WCAG20/">Web Content Accessibility
- Guidelines (WCAG) 2.0</a></cite>, B. Caldwell, M. Cooper, L. Reid,
- G. Vanderheiden. W3C, December 2008.</dd>
-
- <dt id="refsWEBADDRESSES">[WEBADDRESSES]</dt>
- <dd><cite><a href="http://www.w3.org/html/wg/href/draft">Web
- addresses in HTML5</a></cite>, D. Connolly,
- C. Sperberg-McQueen. March 2009.</dd>
-
- <dt id="refsWEBIDL">[WEBIDL]</dt>
- <!--
- <dd><cite><a href="http://www.w3.org/TR/WebIDL/">Web
- IDL</a></cite>, C. McCormack. W3C, December 2008.</dd>
- -->
- <dd><cite><a href="http://dev.w3.org/2006/webapi/WebIDL/">Web
- IDL</a></cite>, C. McCormack. W3C, July 2009.</dd>
-
- <dt id="refsWEBLINK">[WEBLINK]</dt>
- <dd><cite><a href="http://tools.ietf.org/html/draft-nottingham-http-link-header">Web
- Linking</a></cite>, M. Nottingham. IETF, July 2009.</dd>
-
- <dt id="refsWEBSOCKET">[WEBSOCKET]</dt>
- <!--
- <dd><cite><a href="http://www.w3.org/TR/websockets/">The Web Sockets
- API</a></cite>, I. Hickson. W3C, April
- 2009.</dd>
- -->
- <dd><cite><a href="http://dev.w3.org/html5/websockets/">The Web Sockets
- API</a></cite>, I. Hickson. W3C, August
- 2009.</dd>
-
- <dt id="refsWHATWGWIKI">[WHATWGWIKI]</dt>
- <dd><cite><a href="http://wiki.whatwg.org/">The WHATWG Wiki</a></cite>. WHATWG.</dd>
-
- <dt id="refsWEBWORKERS">[WEBWORKERS]</dt>
- <!--
- <dd><cite><a
- href="http://www.w3.org/TR/webworkers/">Workers</a></cite>,
- I. Hickson. W3C, April 2009.</dd>
- -->
- <dd><cite><a href="http://dev.w3.org/html5/workers/">Web
- Workers</a></cite>, I. Hickson. W3C, September 2009.</dd>
-
- <dt id="refsWIN1252">[WIN1252]</dt>
- <dd><cite><a href="http://www.microsoft.com/globaldev/reference/sbcs/1252.htm">Windows 1252</a></cite>. Microsoft.</dd>
-
- <dt id="refsWIN1254">[WIN1254]</dt>
- <dd><cite><a href="http://www.microsoft.com/globaldev/reference/sbcs/1254.htm">Windows 1254</a></cite>. Microsoft.</dd>
-
- <dt id="refsWIN31J">[WIN31J]</dt>
- <dd><cite><a href="http://www.microsoft.com/globaldev/reference/dbcs/932.mspx">Windows Codepage 932</a></cite>. Microsoft.</dd>
-
- <dt id="refsWIN874">[WIN874]</dt>
- <dd><cite><a href="http://www.microsoft.com/globaldev/reference/sbcs/874.mspx">Windows 874</a></cite>. Microsoft.</dd>
-
- <dt id="refsWIN949">[WIN949]</dt>
- <dd><cite><a href="http://www.microsoft.com/globaldev/reference/dbcs/949.mspx">Windows Codepage 949</a></cite>. Microsoft.</dd>
-
- <dt id="refsX690">[X690]</dt>
- <dd><cite><a href="http://www.itu.int/ITU-T/studygroups/com17/languages/X.690-0207.pdf">Recommendation
- X.690 — Information Technology — ASN.1 Encoding Rules —
- Specification of Basic Encoding Rules (BER), Canonical Encoding
- Rules (CER), and Distinguished Encoding Rules
- (DER)</a></cite>. International Telecommunication Union, July
- 2002.</dd>
-
- <dt id="refsXHR">[XHR]</dt>
- <!--
- <dd><cite><a href="http://www.w3.org/TR/XMLHttpRequest/">The XMLHttpRequest
- Object</a></cite>, A. van Kesteren. W3C, April
- 2008.</dd>
- -->
- <dd><cite><a href="http://dev.w3.org/2006/webapi/XMLHttpRequest-2/"><code>XMLHttpRequest</code></a></cite>,
- A. van Kesteren. W3C, June 2009.</dd>
-
- <dt id="refsXML">[XML]</dt>
- <dd><cite><a href="http://www.w3.org/TR/xml/">Extensible Markup
- Language</a></cite>, T. Bray, J. Paoli, C. Sperberg-McQueen,
- E. Maler, F. Yergeau. W3C, November 2008.</dd>
-
- <dt id="refsXMLBASE">[XMLBASE]</dt>
- <dd><cite><a href="http://www.w3.org/TR/xmlbase/">XML
- Base</a></cite>, J. Marsh, R. Tobin. W3C, January 2009.</dd>
-
- <dt id="refsXMLNS">[XMLNS]</dt>
- <dd><cite><a href="http://www.w3.org/TR/xml-names/">Namespaces in
- XML</a></cite>, T. Bray, D. Hollander, A. Layman, R. Tobin. W3C,
- August 2006.</dd>
-
- <dt id="refsXPATH10">[XPATH10]</dt>
- <dd><cite><a href="http://www.w3.org/TR/1999/REC-xpath-19991116">XML Path
- Language (XPath) Version 1.0</a></cite>, J. Clark, S. DeRose. W3C,
- November 1999.</dd>
-
- <dt id="refsXSLT10">[XSLT10]</dt>
- <dd><cite><a href="http://www.w3.org/TR/1999/REC-xslt-19991116">XSL
- Transformations (XSLT) Version 1.0</a></cite>, J. Clark. W3C,
- November 1999.</dd>
-
- </dl><!--END vCard--><!--END vEvent--></body></html>
\ No newline at end of file
Index: index.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/index.html,v
retrieving revision 1.557
retrieving revision 1.558
diff -u -d -r1.557 -r1.558
--- index.html 6 Jan 2010 15:49:34 -0000 1.557
+++ index.html 6 Jan 2010 16:12:47 -0000 1.558
@@ -213,2575 +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++) {
[...2547 lines suppressed...]
- </td><td> Fired at a <code><a href="interactive-elements.html#menus">menu</a></code> element when it is shown as a context menu
-
- </td></tr><tr><td> <code title="event-submit">submit</code>
- </td><td> <code>Event</code>
- </td><td> Fired at a <code><a href="forms.html#the-form-element">form</a></code> element when it is <a href="#concept-form-submit" title="concept-form-submit">submitted</a>
-
- </td></tr><tr><td> <code title="event-undo"><a href="#event-undo">undo</a></code>
- </td><td> <code><a href="dnd.html#undomanagerevent">UndoManagerEvent</a></code>
- </td><td> Fired at the <code><a href="browsers.html#window">Window</a></code> object when the user <a href="#undo:-moving-back-in-the-undo-transaction-history" title="do-undo">goes backward in the undo transaction history</a>
-
- </td></tr><tr><td> <code title="event-unload">unload</code>
- </td><td> <code>Event</code>
- </td><td> Fired at the <code><a href="browsers.html#window">Window</a></code> object when the page is going away
-
- </td></tr></tbody></table><p class="note">See also <a href="video.html#mediaevents">media element
- events</a>, <a href="offline.html#appcacheevents">application cache events</a>,
- and <a href="dnd.html#dndevents">drag-and-drop events</a>.</p><!--START vCard--><!--START vEvent--></body></html>
\ No newline at end of file
+ .apple-table-examples.e1 tbody
\ No newline at end of file
Index: dnd.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/dnd.html,v
retrieving revision 1.11
retrieving revision 1.12
diff -u -d -r1.11 -r1.12
--- dnd.html 6 Jan 2010 15:49:33 -0000 1.11
+++ dnd.html 6 Jan 2010 16:12:46 -0000 1.12
@@ -213,759 +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="editing.html" title="7 User Interaction" rel="prev">
- <link href="Overview.html#contents" title="Table of contents" rel="index">
- <link href="comms.html" title="8 Communication" 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="editing.html">← 7 User Interaction</a> –
- <a href="Overview.html#contents">Table of contents</a> –
- <a href="comms.html">8 Communication →</a>
- <ol class="toc"><li><ol><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></ol></div>
-
- <h3 id="dnd"><span class="secno">7.9 </span><dfn>Drag and drop</dfn></h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- v2 ideas for drag and drop:
-
- * being able to animate a drop target:
-
- > To implement this with simple interface I've proposed, events
- > should be handled either by existing elements (like list
- > items that compare their size and position of dragged element
- > to decide whether element should be dropped before or after)
- > or handled by container that would probably need to calculate
- > positions of it's children and create new element to show
- > drop target. Smooth Mac-like drag'n'drop can be implemented
- > by animating drop target's padding/margin. So that's quite a
- > bit of code that's going to be reinvented each time someone
- > implements reordering.
-
- <hyatt> :droptarget
- <hyatt> or something
- <hyatt> we don't support a pseudo-class for the drop target but that's a great idea
- <Hixie_> yeah, thinking about that too
- <Hixie_> :drop-target, :drop-target(above), :drop-target(below) and having ondragover be able to say "not on me, but next to me maybe"
-
- * We should let drop targets communicate back to drag sources if
- they want to communicate. (e.g. expose Window, and thus
- postMessage(), on the dataTransfer object on drop.)
-
- We should let drag sources provide a set of options via a
- context menu when the drop happens. (So that, e.g., the source
- can know whether a capabilities URI that it is passing along is
- supposed to be read-write access or read-only access to the
- object being dragged.)
-
- We should let potential drop targets see the types (but not the
- contents!) of dragged data so they can establish if they care
- or not. (dataTransfer.hasType())
-
- Ack: Ben Laurie (@g)
-
---><p>This section defines an event-based drag-and-drop mechanism.</p><p>This specification does not define exactly what a
- <em>drag-and-drop operation</em> actually is.</p><p>On a visual medium with a pointing device, a drag operation could
- be the default action of a <code title="event-mousedown">mousedown</code> event that is followed by a
- series of <code title="event-mousemove">mousemove</code> events, and
- the drop could be triggered by the mouse being released.</p><p>On media without a pointing device, the user would probably have
- to explicitly indicate his intention to perform a drag-and-drop
- operation, stating what he wishes to drag and what he wishes to
- drop, respectively.</p><h4 id="introduction-4"><span class="secno">7.9.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 make an element draggable is simple: give the element a <code title="attr-draggable"><a href="#the-draggable-attribute">draggable</a></code> attribute, and set an event
- listener for <code title="event-dragstart"><a href="#event-dragstart">dragstart</a></code> that
- stores the data being dragged.</p><p>The event handler typically needs to check that it's not a text
- selection that is being dragged, and then needs to store data into
- the <code><a href="#datatransfer">DataTransfer</a></code> object and set the allowed effects
- (copy, move, link, or some combination).</p><p>For example:</p><pre><p>What fruits do you like?</p>
-<ol ondragstart="dragStartHandler(event)">
- <li draggable data-value="fruit-apple">Apples</li>
- <li draggable data-value="fruit-orange">Oranges</li>
- <li draggable data-value="fruit-pear">Pears</li>
-</ol>
-<script>
- var internalDNDType = 'text/x-example'; // set this to something specific to your site
- function dragStartHandler(event) {
- if (event.target instanceof HTMLLIElement) {
- // use the element's data-value="" attribute as the value to be moving:
- event.dataTransfer.setData(internalDNDType, event.target.dataset.value);
- event.effectAllowed = 'move'; // only allow moves
- } else {
- event.preventDefault(); // don't allow selection to be dragged
- }
- }
-</script></pre><hr><p>To accept a drop, the drop target has to listen to at least three
- events. First, the <code title="event-dragenter"><a href="#event-dragenter">dragenter</a></code>
- event, which is used to determine whether or not the drop target is
- to accept the drop. If the drop is to be accepted, then this event
- has to be canceled. Second, the <code title="event-dragover"><a href="#event-dragover">dragover</a></code> event, which is used to
- determine what feedback is to be shown to the user. If the event is
- canceled, then the feedback (typically the cursor) is updated based
- on the <code title="dom-DataTransfer-DropEffect"><a href="#dom-datatransfer-dropeffect">dropEffect</a></code>
- attribute's value, as set by the event handler; otherwise, the
- default behavior (typically to do nothing) is used instead. Finally,
- the <code title="event-drop"><a href="#event-drop">drop</a></code> event, which allows the
- actual drop to be performed. This event also needs to be canceled,
- so that the <code title="dom-DataTransfer-DropEffect"><a href="#dom-datatransfer-dropeffect">dropEffect</a></code> attribute's
- value can be used by the source (otherwise it's reset).</p><p>For example:</p><pre><p>Drop your favourite fruits below:</p>
-<ol class="dropzone"
- ondragenter="dragEnterHandler(event)"
- ondragover="dragOverHandler(event)"
- ondrop="dropHandler(event)">
-</ol>
-<script>
- var internalDNDType = 'text/x-example'; // set this to something specific to your site
- function dragEnterHandler(event) {
- // cancel the event if the drag contains data of our type
- if (event.dataTransfer.types.contains(internalDNDType))
- event.preventDefault();
- }
- function dragOverHandler(event) {
- event.dataTransfer.dropEffect = 'move';
- event.preventDefault();
- }
- function dropHandler(event) {
- // drop the data
- var li = document.createElement('li');
- var data = event.dataTransfer.getData(internalDNDType);
- if (data == 'fruit-apple') {
- li.textContent = 'Apples';
- } else if (data == 'fruit-orange') {
- li.textContent = 'Oranges';
- } else if (data == 'fruit-pear') {
- li.textContent = 'Pears';
- } else {
- li.textContent = 'Unknown Fruit';
- }
- event.target.appendChild(li);
- }
-</script></pre><hr><p>To remove the original element (the one that was dragged) from
- the display, the <code title="event-dragend"><a href="#event-dragend">dragend</a></code> event
- can be used.</p><p>For our example here, that means updating the original markup to
- handle that event:</p><pre><p>What fruits do you like?</p>
-<ol ondragstart="dragStartHandler(event)" ondragend="dragEndHandler(event)">
- <em>...as before...</em>
-</ol>
-<script>
- function dragStartHandler(event) {
- // <em>...as before...</em>
- }
- function dragEndHandler(event) {
- // remove the dragged element
- event.target.parentNode.removeChild(event.target);
- }
-</script></pre><h4 id="the-dragevent-and-datatransfer-interfaces"><span class="secno">7.9.2 </span>The <code><a href="#dragevent">DragEvent</a></code> and <code><a href="#datatransfer">DataTransfer</a></code> interfaces</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The drag-and-drop processing model involves several events. They
- all use the <code><a href="#dragevent">DragEvent</a></code> interface.</p><pre class="idl">interface <dfn id="dragevent">DragEvent</dfn> : <span>MouseEvent</span> {
- readonly attribute <a href="#datatransfer">DataTransfer</a> <a href="#dom-dragevent-datatransfer" title="dom-DragEvent-dataTransfer">dataTransfer</a>;
-
- void <a href="#dom-dragevent-initdragevent" title="dom-DragEvent-initDragEvent">initDragEvent</a>(in DOMString typeArg, in boolean canBubbleArg, in boolean cancelableArg, in <span>AbstractView</span> viewArg, in long detailArg, in long screenXArg, in long screenYArg, in long clientXArg, in long clientYArg, in boolean ctrlKeyArg, in boolean altKeyArg, in boolean shiftKeyArg, in boolean metaKeyArg, in unsigned short buttonArg, in EventTarget relatedTargetArg, in <a href="#datatransfer">DataTransfer</a> dataTransferArg);
-};</pre><dl class="domintro"><dt><var title="">event</var> . <code title="dom-DragEvent-dataTransfer"><a href="#dom-dragevent-datatransfer">dataTransfer</a></code></dt>
-
- <dd>
-
- <p>Returns the <code><a href="#datatransfer">DataTransfer</a></code> object for the event.</p>
-
- </dd>
-
- </dl><pre class="idl">interface <dfn id="datatransfer">DataTransfer</dfn> {
- attribute DOMString <a href="#dom-datatransfer-dropeffect" title="dom-DataTransfer-dropEffect">dropEffect</a>;
- attribute DOMString <a href="#dom-datatransfer-effectallowed" title="dom-DataTransfer-effectAllowed">effectAllowed</a>;
-
- readonly attribute DOMStringList <a href="#dom-datatransfer-types" title="dom-DataTransfer-types">types</a>;
- void <a href="#dom-datatransfer-cleardata" title="dom-DataTransfer-clearData">clearData</a>(in optional DOMString format);
- void <a href="#dom-datatransfer-setdata" title="dom-DataTransfer-setData">setData</a>(in DOMString format, in DOMString data);
- DOMString <a href="#dom-datatransfer-getdata" title="dom-DataTransfer-getData">getData</a>(in DOMString format);
- readonly attribute <span>FileList</span> <a href="#dom-datatransfer-files" title="dom-DataTransfer-files">files</a>;
-
- void <a href="#dom-datatransfer-setdragimage" title="dom-DataTransfer-setDragImage">setDragImage</a>(in Element image, in long x, in long y);
- void <a href="#dom-datatransfer-addelement" title="dom-DataTransfer-addElement">addElement</a>(in Element element);
-};</pre><p><code><a href="#datatransfer">DataTransfer</a></code> objects can hold pieces of data, each
- associated with a unique format. Formats are generally given by
- <a href="infrastructure.html#mime-type" title="MIME type">MIME types</a>, with some values
- special-cased for legacy reasons. For the purposes of this API,
- however, the format strings are opaque, <a href="infrastructure.html#case-sensitive">case-sensitive</a>,
- strings, and the empty string is a valid format string.</p><dl class="domintro"><dt><var title="">dataTransfer</var> . <code title="dom-DataTransfer-dropEffect"><a href="#dom-datatransfer-dropeffect">dropEffect</a></code> [ = <var title="">value</var> ]</dt>
-
- <dd>
-
- <p>Returns the kind of operation that is currently selected. If
- the kind of operation isn't one of those that is allowed by the
- <code title="dom-DataTransfer-effectAllowed"><a href="#dom-datatransfer-effectallowed">effectAllowed</a></code>
- attribute, then the operation will fail.</p>
-
- <p>Can be set, to change the selected operation.</p>
-
- <p>The possible values are <code title="">none</code>, <code title="">copy</code>, <code title="">link</code>, and <code title="">move</code>.</p>
-
- </dd>
-
- <dt><var title="">dataTransfer</var> . <code title="dom-DataTransfer-effectAllowed"><a href="#dom-datatransfer-effectallowed">effectAllowed</a></code> [ = <var title="">value</var> ]</dt>
-
- <dd>
-
- <p>Returns the kinds of operations that are to be allowed.</p>
-
- <p>Can be set, to change the allowed operations.</p>
-
- <p>The possible values are <code title="">none</code>, <code title="">copy</code>, <code title="">copyLink</code>, <code title="">copyMove</code>, <code title="">link</code>, <code title="">linkMove</code>, <code title="">move</code>, <code title="">all</code>, and <code title="">uninitialized</code>,</p>
-
- </dd>
-
- <dt><var title="">dataTransfer</var> . <code title="dom-DataTransfer-types"><a href="#dom-datatransfer-types">types</a></code></dt>
-
- <dd>
-
- <p>Returns a <code>DOMStringList</code> listing the formats that
- were set in the <code title="event-dragstart"><a href="#event-dragstart">dragstart</a></code>
- event. In addition, if any files are being dragged, then one of
- the types will be the string "<code title="">Files</code>".</p>
-
- </dd>
-
- <dt><var title="">dataTransfer</var> . <code title="dom-DataTransfer-clearData"><a href="#dom-datatransfer-cleardata">clearData</a></code>( [ <var title="">format</var> ] )</dt>
-
- <dd>
-
- <p>Removes the data of the specified formats. Removes all data if
- the argument is omitted.</p>
-
- </dd>
-
- <dt><var title="">dataTransfer</var> . <code title="dom-DataTransfer-setData"><a href="#dom-datatransfer-setdata">setData</a></code>(<var title="">format</var>, <var title="">data</var>)</dt>
-
- <dd>
-
- <p>Adds the specified data.</p>
-
- </dd>
-
- <dt><var title="">data</var> = <var title="">dataTransfer</var> . <code title="dom-DataTransfer-getData"><a href="#dom-datatransfer-getdata">getData</a></code>(<var title="">format</var>)</dt>
-
- <dd>
-
- <p>Returns the specified data. If there is no such data, returns the empty string.</p>
-
- </dd>
-
- <dt><var title="">dataTransfer</var> . <code title="dom-DataTransfer-files"><a href="#dom-datatransfer-files">files</a></code></dt>
-
- <dd>
-
- <p>Returns a <code>FileList</code> of the files being dragged, if any.</p>
-
- </dd>
-
- <dt><var title="">dataTransfer</var> . <code title="dom-DataTransfer-setDragImage"><a href="#dom-datatransfer-setdragimage">setDragImage</a></code>(<var title="">element</var>, <var title="">x</var>, <var title="">y</var>)</dt>
-
- <dd>
-
- <p>Uses the given element to update the drag feedback, replacing any previously specified feedback.</p>
-
- </dd>
-
- <dt><var title="">dataTransfer</var> . <code title="dom-DataTransfer-addElement"><a href="#dom-datatransfer-addelement">addElement</a></code>(<var title="">element</var>)</dt>
-
- <dd>
-
- <p>Adds the given element to the list of elements used to render the drag feedback.</p>
-
- </dd>
-
- </dl><h4 id="dndevents"><span class="secno">7.9.3 </span>Events fired during a drag-and-drop action</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>The following events are involved in the drag-and-drop
- model.</p><table><thead><tr><th> Event Name </th>
- <th> Target </th>
- <th> Bubbles? </th>
- <th> Cancelable? </th>
- <th> <code title="dom-DataTransfer-dataTransfer">dataTransfer</code> </th>
- <th> <code title="dom-DataTransfer-effectAllowed"><a href="#dom-datatransfer-effectallowed">effectAllowed</a></code> </th>
- <th> <code title="dom-DataTransfer-dropEffect"><a href="#dom-datatransfer-dropeffect">dropEffect</a></code> </th>
- <th> Default Action </th>
- </tr></thead><tbody><tr><td><dfn id="event-dragstart" title="event-dragstart"><code>dragstart</code></dfn></td>
- <td><a href="#source-node">Source node</a></td>
- <td>✓ Bubbles</td>
- <td>✓ Cancelable</td>
- <td>Contains <a href="#source-node">source node</a> unless a selection is being dragged, in which case it is empty; <code title="dom-datatransfer-files"><a href="#dom-datatransfer-files">files</a></code> returns any files included in the drag operation</td>
- <td><code title="">uninitialized</code></td>
- <td><code title="">none</code></td>
- <td>Initiate the drag-and-drop operation</td>
- </tr><tr><td><dfn id="event-drag" title="event-drag"><code>drag</code></dfn></td>
- <td><a href="#source-node">Source node</a></td>
- <td>✓ Bubbles</td>
- <td>✓ Cancelable</td>
- <td>Empty</td>
- <td><a href="#effectAllowed-initialization">Same as last event</a></td>
- <td><code title="">none</code></td>
- <td>Continue the drag-and-drop operation</td>
- </tr><tr><td><dfn id="event-dragenter" title="event-dragenter"><code>dragenter</code></dfn></td>
- <td><a href="#immediate-user-selection">Immediate user selection</a> or <a href="dom.html#the-body-element">the body element</a></td>
- <td>✓ Bubbles</td>
- <td>✓ Cancelable</td>
- <td>Empty</td>
- <td><a href="#effectAllowed-initialization">Same as last event</a></td>
- <td><a href="#dropEffect-initialization">Based on <code>effectAllowed</code> value</a></td>
- <td>Reject <a href="#immediate-user-selection">immediate user selection</a> as potential <a href="#current-target-element" title="current target element">target element</a></td>
- </tr><tr><td><dfn id="event-dragleave" title="event-dragleave"><code>dragleave</code></dfn></td>
- <td><a href="#current-target-element" title="current target element">Previous target element</a></td>
- <td>✓ Bubbles</td>
- <td>—</td>
- <td>Empty</td>
- <td><a href="#effectAllowed-initialization">Same as last event</a></td>
- <td><code title="">none</code></td>
- <td>None</td>
- </tr><tr><td><dfn id="event-dragover" title="event-dragover"><code>dragover</code></dfn></td>
- <td><a href="#current-target-element">Current target element</a></td>
- <td>✓ Bubbles</td>
- <td>✓ Cancelable</td>
- <td>Empty</td>
- <td><a href="#effectAllowed-initialization">Same as last event</a></td>
- <td><a href="#dropEffect-initialization">Based on <code>effectAllowed</code> value</a></td>
- <td>Reset the <a href="#current-drag-operation">current drag operation</a> to "none"</td>
- </tr><tr><td><dfn id="event-drop" title="event-drop"><code>drop</code></dfn></td>
- <td><a href="#current-target-element">Current target element</a></td>
- <td>✓ Bubbles</td>
- <td>✓ Cancelable</td>
- <td><code title="dom-datatransfer-getdata"><a href="#dom-datatransfer-getdata">getData()</a></code> returns data set in <code title="dom-dragstart">dragstart</code> event; <code title="dom-datatransfer-files"><a href="#dom-datatransfer-files">files</a></code> returns any files included in the drag operation</td>
- <td><a href="#effectAllowed-initialization">Same as last event</a></td>
- <td><a href="#current-drag-operation">Current drag operation</a></td>
- <td>Varies</td>
- </tr><tr><td><dfn id="event-dragend" title="event-dragend"><code>dragend</code></dfn></td>
- <td><a href="#source-node">Source node</a></td>
- <td>✓ Bubbles</td>
- <td>—</td>
- <td>Empty</td>
- <td><a href="#effectAllowed-initialization">Same as last event</a></td>
- <td><a href="#current-drag-operation">Current drag operation</a></td>
- <td>Varies</td>
- </tr></tbody></table><h4 id="the-draggable-attribute"><span class="secno">7.9.4 </span>The <dfn title="attr-draggable"><code>draggable</code></dfn> attribute</h4><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-draggable"><a href="#the-draggable-attribute">draggable</a></code> content attribute set. The
- <code title="attr-draggable"><a href="#the-draggable-attribute">draggable</a></code> attribute is an
- <a href="common-microsyntaxes.html#enumerated-attribute">enumerated attribute</a>. It has three states. The first
- state is <i>true</i> and it has the keyword <code title="">true</code>. The second state is <i>false</i> and it has
- the keyword <code title="">false</code>. The third state is
- <i>auto</i>; it has no keywords but it is the <i>missing value
- default</i>.</p><p>The <i>true</i> state means the element is draggable; the
- <i>false</i> state means that it is not. The <i>auto</i> state
- uses the default behavior of the user agent.</p><dl class="domintro"><dt><var title="">element</var> . <code title="dom-draggable"><a href="#dom-draggable">draggable</a></code> [ = <var title="">value</var> ]</dt>
-
- <dd>
-
- <p>Returns true if the element is draggable; otherwise, returns
- false.</p>
-
- <p>Can be set, to override the default and set the <code title="attr-draggable"><a href="#the-draggable-attribute">draggable</a></code> content attribute.</p>
-
- </dd>
-
- </dl><h4 id="copy-and-paste"><span class="secno">7.9.5 </span>Copy and paste</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>Copy-and-paste is a form of drag-and-drop: the "copy" part is
- equivalent to dragging content to another application (the
- "clipboard"), and the "paste" part is equivalent to dragging content
- <em>from</em> another application.</p><p>Select-and-paste (a model used by mouse operations in the X
- Window System) is equivalent to a drag-and-drop operation where the
- source is the selection.</p><h3 id="undo"><span class="secno">7.10 </span><dfn>Undo history</dfn></h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><h4 id="the-undomanager-interface"><span class="secno">7.10.1 </span>The <code><a href="#undomanager">UndoManager</a></code> interface</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>To manage <a href="#undo-object">undo object</a> entries in the <a href="#undo-transaction-history">undo
- transaction history</a>, the <code><a href="#undomanager">UndoManager</a></code>
- interface can be used:</p><pre class="idl">interface <dfn id="undomanager">UndoManager</dfn> {
- readonly attribute unsigned long <a href="#dom-undomanager-length" title="dom-UndoManager-length">length</a>;
- getter any <a href="#dom-undomanager-item" title="dom-UndoManager-item">item</a>(in unsigned long index);
- readonly attribute unsigned long <a href="#dom-undomanager-position" title="dom-UndoManager-position">position</a>;
- unsigned long <a href="#dom-undomanager-add" title="dom-UndoManager-add">add</a>(in any data, in DOMString title);
- void <a href="#dom-undomanager-remove" title="dom-UndoManager-remove">remove</a>(in unsigned long index);
- void <a href="#dom-undomanager-clearundo" title="dom-UndoManager-clearUndo">clearUndo</a>();
- void <a href="#dom-undomanager-clearredo" title="dom-UndoManager-clearRedo">clearRedo</a>();
-};</pre><dl class="domintro"><dt><var title="">window</var> . <code title="dom-undoManager"><a href="#dom-undomanager">undoManager</a></code></dt>
-
- <dd>
-
- <p>Returns the <code><a href="#undomanager">UndoManager</a></code> object.</p>
-
- </dd>
-
- <dt><var title="">undoManager</var> . <code title="dom-UndoManager-length"><a href="#dom-undomanager-length">length</a></code></dt>
- <dd>
-
- <p>Returns the number of entries in the undo history.</p>
-
- </dd>
-
- <dt><var title="">data</var> = <var title="">undoManager</var> . <code title="dom-UndoManager-item"><a href="#dom-undomanager-item">item</a></code>(<var title="">index</var>)</dt>
- <dt><var title="">undoManager</var>[<var title="">index</var>]</dt>
- <dd>
-
- <p>Returns the entry with index <var title="">index</var> in the undo history.</p>
-
- <p>Returns null if <var title="">index</var> is out of range.</p>
-
- </dd>
-
- <dt><var title="">undoManager</var> . <code title="dom-UndoManager-position"><a href="#dom-undomanager-position">position</a></code></dt>
- <dd>
-
- <p>Returns the number of the current entry in the undo history. (Entries at and past this point are <em>redo</em> entries.)</p>
-
- </dd>
-
- <dt><var title="">undoManager</var> . <code title="dom-UndoManager-add"><a href="#dom-undomanager-add">add</a></code>(<var title="">data</var>, <var title="">title</var>)</dt>
- <dd>
-
- <p>Adds the specified entry to the undo history.</p>
-
- </dd>
-
- <dt><var title="">undoManager</var> . <code title="dom-UndoManager-remove"><a href="#dom-undomanager-remove">remove</a></code>(<var title="">index</var>)</dt>
- <dd>
-
- <p>Removes the specified entry to the undo history.</p>
-
- <p>Throws an <code><a href="urls.html#index_size_err">INDEX_SIZE_ERR</a></code> exception if the given index is out of range.</p>
-
- </dd>
-
- <dt><var title="">undoManager</var> . <code title="dom-UndoManager-clearUndo"><a href="#dom-undomanager-clearundo">clearUndo</a></code>()</dt>
- <dd>
-
- <p>Removes all entries before the current position in the undo history.</p>
-
- </dd>
-
- <dt><var title="">undoManager</var> . <code title="dom-UndoManager-clearRedo"><a href="#dom-undomanager-clearredo">clearRedo</a></code>()</dt>
- <dd>
-
- <p>Removes all entries at and after the current position in the undo history.</p>
-
- </dd>
-
- </dl><h4 id="the-undomanagerevent-interface-and-the-undo-and-redo-events"><span class="secno">7.10.2 </span>The <code><a href="#undomanagerevent">UndoManagerEvent</a></code> interface and the <code title="event-undo"><a href="#event-undo">undo</a></code> and <code title="event-redo"><a href="#event-redo">redo</a></code> events</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><pre class="idl">interface <dfn id="undomanagerevent">UndoManagerEvent</dfn> : Event {
- readonly attribute any <a href="#dom-undomanagerevent-data" title="dom-UndoManagerEvent-data">data</a>;
- void <a href="#dom-undomanagerevent-initundomanagerevent" title="dom-UndoManagerEvent-initUndoManagerEvent">initUndoManagerEvent</a>(in DOMString typeArg, in boolean canBubbleArg, in boolean cancelableArg, in any dataArg);
-};</pre><dl class="domintro"><dt><var title="">event</var> . <code title="dom-UndoManagerEvent-data"><a href="#dom-undomanagerevent-data">data</a></code></dt>
-
- <dd>
-
- <p>Returns the data that was passed to the <code title="dom-undomanager-add"><a href="#dom-undomanager-add">add()</a></code> method.</p>
-
- </dd>
-
- </dl><h3 id="editing-apis"><span class="secno">7.11 </span>Editing APIs</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-execCommand"><a href="#execCommand">execCommand</a></code>(<var title="">commandId</var> [, <var title="">showUI</var> [, <var title="">value</var> ] ] )</dt>
-
- <dd>
-
- <p>Runs the action specified by the first argument, as described
- in the list below. The second and third arguments sometimes affect
- the action. (If they don't they are ignored.)</p>
-
- </dd>
-
- <dt><var title="">document</var> . <code title="dom-document-queryCommandEnabled"><a href="#dom-document-querycommandenabled">queryCommandEnabled</a></code>(<var title="">commandId</var>)</dt>
-
- <dd>
-
- <p>Returns whether the given command is enabled, as described in the list below.</p>
-
- </dd>
-
- <dt><var title="">document</var> . <code title="dom-document-queryCommandIndeterm"><a href="#dom-document-querycommandindeterm">queryCommandIndeterm</a></code>(<var title="">commandId</var>)</dt>
-
- <dd>
-
- <p>Returns whether the given command is indeterminate, as described in the list below.</p>
-
- </dd>
-
- <dt><var title="">document</var> . <code title="dom-document-queryCommandState"><a href="#dom-document-querycommandstate">queryCommandState</a></code>(<var title="">commandId</var>)</dt>
-
- <dd>
-
- <p>Returns the state of the command, as described in the list below.</p>
-
- </dd>
-
- <dt><var title="">document</var> . <code title="dom-document-queryCommandSupported"><a href="#dom-document-querycommandsupported">queryCommandSupported</a></code>(<var title="">commandId</var>)</dt>
-
- <dd>
-
- <p>Returns true if the command is supported; otherwise, returns false.</p>
-
- </dd>
-
- <dt><var title="">document</var> . <code title="dom-document-queryCommandValue"><a href="#dom-document-querycommandvalue">queryCommandValue</a></code>(<var title="">commandId</var>)</dt>
-
- <dd>
-
- <p>Returns the value of the command, as described in the list below.</p>
-
- </dd>
-
- </dl><p>A document is <dfn id="ready-for-editing-host-commands">ready for editing host commands</dfn> if it
- has a selection that is entirely within an <a href="#editing-host">editing
- host</a>, or if it has no selection but its caret is inside an
- <a href="#editing-host">editing host</a>.</p><p>The possible values for <var title="">commandId</var>, and their
- corresponding meanings, are as follows. </p><dl><dt><dfn id="command-bold" title="command-bold"><code>bold</code></dfn></dt>
- <dd><strong>Summary</strong>: Toggles whether the selection is bold.</dd>
-
- <dd><strong>Enabled When</strong>: The document is <a href="#ready-for-editing-host-commands">ready for
- editing host commands</a>.</dd>
- <dd><strong>Indeterminate When</strong>: Never.</dd>
- <dd><strong>State</strong>: True if the selection, or the caret, if
- there is no selection, is, or is contained within, a
- <code><a href="text-level-semantics.html#the-b-element">b</a></code> element. False otherwise.</dd>
- <dd><strong>Value</strong>: The string "<code title="">true</code>"
- if the expression given for the "State" above is true, the string
- "<code title="">false</code>" otherwise.</dd>
-
- <dt><dfn id="command-createlink" title="command-createLink"><code>createLink</code></dfn></dt>
- <dd><strong>Summary</strong>: Toggles whether the selection is a
- link or not. If the second argument is true, and a link is to be
- added, the user agent will ask the user for the address. Otherwise,
- the third argument will be used as the address.</dd>
-
- <dd><strong>Enabled When</strong>: The document is <a href="#ready-for-editing-host-commands">ready for
- editing host commands</a>.</dd>
- <dd><strong>Indeterminate When</strong>: Never.</dd>
- <dd><strong>State</strong>: Always false.</dd>
- <dd><strong>Value</strong>: Always the string "<code title="">false</code>".</dd>
-
- <dt><dfn id="command-delete" title="command-delete"><code>delete</code></dfn></dt>
- <dd><strong>Summary</strong>: Deletes the selection or the
- character before the cursor.</dd>
-
- <dd><strong>Enabled When</strong>: The document is <a href="#ready-for-editing-host-commands">ready for
- editing host commands</a>.</dd>
- <dd><strong>Indeterminate When</strong>: Never.</dd>
- <dd><strong>State</strong>: Always false.</dd>
- <dd><strong>Value</strong>: Always the string "<code title="">false</code>".</dd>
-
- <dt><dfn id="command-formatblock" title="command-formatBlock"><code>formatBlock</code></dfn></dt>
- <dd><strong>Summary</strong>: Wraps the selection in the element
- given by the second argument. If the second argument doesn't
- specify an element that is a <dfn id="formatblock-candidate"><code title="">formatBlock</code>
- candidate</dfn>, does nothing.</dd>
-
- <dd><strong>Enabled When</strong>: The document is <a href="#ready-for-editing-host-commands">ready for
- editing host commands</a>.</dd>
- <dd><strong>Indeterminate When</strong>: Never.</dd>
- <dd><strong>State</strong>: Always false.</dd>
- <dd><strong>Value</strong>: Always the string "<code title="">false</code>".</dd>
-
- <dt><dfn id="command-forwarddelete" title="command-forwardDelete"><code>forwardDelete</code></dfn></dt>
- <dd><strong>Summary</strong>: Deletes the selection or the
- character after the cursor.</dd>
-
- <dd><strong>Enabled When</strong>: The document is <a href="#ready-for-editing-host-commands">ready for
- editing host commands</a>.</dd>
- <dd><strong>Indeterminate When</strong>: Never.</dd>
- <dd><strong>State</strong>: Always false.</dd>
- <dd><strong>Value</strong>: Always the string "<code title="">false</code>".</dd>
-
- <dt><dfn id="command-insertimage" title="command-insertImage"><code>insertImage</code></dfn></dt>
- <dd><strong>Summary</strong>: Toggles whether the selection is an
- image or not. If the second argument is true, and an image is to be
- added, the user agent will ask the user for the address. Otherwise,
- the third argument will be used as the address.</dd>
-
- <dd><strong>Enabled When</strong>: The document is <a href="#ready-for-editing-host-commands">ready for
- editing host commands</a>.</dd>
- <dd><strong>Indeterminate When</strong>: Never.</dd>
- <dd><strong>State</strong>: Always false.</dd>
- <dd><strong>Value</strong>: Always the string "<code title="">false</code>".</dd>
-
- <dt><dfn id="command-inserthtml" title="command-insertHTML"><code>insertHTML</code></dfn></dt>
- <dd><strong>Summary</strong>: Replaces the selection with the value
- of the third argument parsed as HTML.</dd>
-
- <dd><strong>Enabled When</strong>: The document is <a href="#ready-for-editing-host-commands">ready for
- editing host commands</a>.</dd>
- <dd><strong>Indeterminate When</strong>: Never.</dd>
- <dd><strong>State</strong>: Always false.</dd>
- <dd><strong>Value</strong>: Always the string "<code title="">false</code>".</dd>
-
- <dt><dfn id="command-insertlinebreak" title="command-insertLineBreak"><code>insertLineBreak</code></dfn></dt>
- <dd><strong>Summary</strong>: Inserts a line break.</dd>
-
- <dd><strong>Enabled When</strong>: The document is <a href="#ready-for-editing-host-commands">ready for
- editing host commands</a>.</dd>
- <dd><strong>Indeterminate When</strong>: Never.</dd>
- <dd><strong>State</strong>: Always false.</dd>
- <dd><strong>Value</strong>: Always the string "<code title="">false</code>".</dd>
-
- <dt><dfn id="command-insertorderedlist" title="command-insertOrderedList"><code>insertOrderedList</code></dfn></dt>
- <dd><strong>Summary</strong>: Toggles whether the selection is an ordered list.</dd>
-
- <dd><strong>Enabled When</strong>: The document is <a href="#ready-for-editing-host-commands">ready for
- editing host commands</a>.</dd>
- <dd><strong>Indeterminate When</strong>: Never.</dd>
- <dd><strong>State</strong>: Always false.</dd>
- <dd><strong>Value</strong>: Always the string "<code title="">false</code>".</dd>
-
- <dt><dfn id="command-insertunorderedlist" title="command-insertUnorderedList"><code>insertUnorderedList</code></dfn></dt>
- <dd><strong>Summary</strong>: Toggles whether the selection is an unordered list.</dd>
-
- <dd><strong>Enabled When</strong>: The document is <a href="#ready-for-editing-host-commands">ready for
- editing host commands</a>.</dd>
- <dd><strong>Indeterminate When</strong>: Never.</dd>
- <dd><strong>State</strong>: Always false.</dd>
- <dd><strong>Value</strong>: Always the string "<code title="">false</code>".</dd>
-
- <dt><dfn id="command-insertparagraph" title="command-insertParagraph"><code>insertParagraph</code></dfn></dt>
- <dd><strong>Summary</strong>: Inserts a paragraph break.</dd>
-
- <dd><strong>Enabled When</strong>: The document is <a href="#ready-for-editing-host-commands">ready for
- editing host commands</a>.</dd>
- <dd><strong>Indeterminate When</strong>: Never.</dd>
- <dd><strong>State</strong>: Always false.</dd>
- <dd><strong>Value</strong>: Always the string "<code title="">false</code>".</dd>
-
- <dt><dfn id="command-inserttext" title="command-insertText"><code>insertText</code></dfn></dt>
- <dd><strong>Summary</strong>: Inserts the text given in the third parameter.</dd>
-
- <dd><strong>Enabled When</strong>: The document is <a href="#ready-for-editing-host-commands">ready for
- editing host commands</a>.</dd>
- <dd><strong>Indeterminate When</strong>: Never.</dd>
- <dd><strong>State</strong>: Always false.</dd>
- <dd><strong>Value</strong>: Always the string "<code title="">false</code>".</dd>
-
- <dt><dfn id="command-italic" title="command-italic"><code>italic</code></dfn></dt>
- <dd><strong>Summary</strong>: Toggles whether the selection is italic.</dd>
-
- <dd><strong>Enabled When</strong>: The document is <a href="#ready-for-editing-host-commands">ready for
- editing host commands</a>.</dd>
- <dd><strong>Indeterminate When</strong>: Never.</dd>
- <dd><strong>State</strong>: True if the selection, or the caret, if
- there is no selection, is, or is contained within, a
- <code><a href="text-level-semantics.html#the-i-element">i</a></code> element. False otherwise.</dd>
- <dd><strong>Value</strong>: The string "<code title="">true</code>"
- if the expression given for the "State" above is true, the string
- "<code title="">false</code>" otherwise.</dd>
-
- <dt><dfn id="command-redo" title="command-redo"><code>redo</code></dfn></dt>
- <dd><strong>Summary</strong>: Acts as if the user had requested a redo.</dd>
-
- <dd><strong>Enabled When</strong>: The <a href="#undo-position">undo position</a>
- is not at the end of the <a href="#undo-transaction-history">undo transaction
- history</a>.</dd>
- <dd><strong>Indeterminate When</strong>: Never.</dd>
- <dd><strong>State</strong>: Always false.</dd>
- <dd><strong>Value</strong>: Always the string "<code title="">false</code>".</dd>
-
- <dt><dfn id="command-selectall" title="command-selectAll"><code>selectAll</code></dfn></dt>
- <dd><strong>Summary</strong>: Selects all the editable content.</dd>
-
- <dd><strong>Enabled When</strong>: Always.</dd>
- <dd><strong>Indeterminate When</strong>: Never.</dd>
- <dd><strong>State</strong>: Always false.</dd>
- <dd><strong>Value</strong>: Always the string "<code title="">false</code>".</dd>
-
- <dt><dfn id="command-subscript" title="command-subscript"><code>subscript</code></dfn></dt>
- <dd><strong>Summary</strong>: Toggles whether the selection is subscripted.</dd>
-
- <dd><strong>Enabled When</strong>: The document is <a href="#ready-for-editing-host-commands">ready for
- editing host commands</a>.</dd>
- <dd><strong>Indeterminate When</strong>: Never.</dd>
- <dd><strong>State</strong>: True if the selection, or the caret, if
- there is no selection, is, or is contained within, a
- <code><a href="text-level-semantics.html#the-sub-and-sup-elements">sub</a></code> element. False otherwise.</dd>
- <dd><strong>Value</strong>: The string "<code title="">true</code>"
- if the expression given for the "State" above is true, the string
- "<code title="">false</code>" otherwise.</dd>
-
- <dt><dfn id="command-superscript" title="command-superscript"><code>superscript</code></dfn></dt>
- <dd><strong>Summary</strong>: Toggles whether the selection is superscripted.</dd>
-
- <dd><strong>Enabled When</strong>: The document is <a href="#ready-for-editing-host-commands">ready for
- editing host commands</a>.</dd>
- <dd><strong>Indeterminate When</strong>: Never.</dd>
- <dd><strong>State</strong>: True if the selection, or the caret, if
- there is no selection, is, or is contained within, a
- <code><a href="text-level-semantics.html#the-sub-and-sup-elements">sup</a></code> element. False otherwise.</dd>
- <dd><strong>Value</strong>: The string "<code title="">true</code>"
- if the expression given for the "State" above is true, the string
- "<code title="">false</code>" otherwise.</dd>
-
- <dt><dfn id="command-undo" title="command-undo"><code>undo</code></dfn></dt>
- <dd><strong>Summary</strong>: Acts as if the user had requested an undo.</dd>
-
- <dd><strong>Enabled When</strong>: The <a href="#undo-position">undo position</a>
- is not at the start of the <a href="#undo-transaction-history">undo transaction
- history</a>.</dd>
- <dd><strong>Indeterminate When</strong>: Never.</dd>
- <dd><strong>State</strong>: Always false.</dd>
- <dd><strong>Value</strong>: Always the string "<code title="">false</code>".</dd>
-
- <dt><dfn id="command-unlink" title="command-unlink"><code>unlink</code></dfn></dt>
- <dd><strong>Summary</strong>: Removes all links from the selection.</dd>
-
- <dd><strong>Enabled When</strong>: The document has a selection
- that is entirely within an <a href="#editing-host">editing host</a> and that
- contains (either partially or completely) at least one
- <code><a href="text-level-semantics.html#the-a-element">a</a></code> element that has an <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> attribute.</dd>
- <dd><strong>Indeterminate When</strong>: Never.</dd>
- <dd><strong>State</strong>: Always false.</dd>
- <dd><strong>Value</strong>: Always the string "<code title="">false</code>".</dd>
-
- <dt><dfn id="command-unselect" title="command-unselect"><code>unselect</code></dfn></dt>
- <dd><strong>Summary</strong>: Unselects everything.</dd>
-
- <dd><strong>Enabled When</strong>: Always.</dd>
- <dd><strong>Indeterminate When</strong>: Never.</dd>
- <dd><strong>State</strong>: Always false.</dd>
- <dd><strong>Value</strong>: Always the string "<code title="">false</code>".</dd>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- </dl><!--
-v2 (well, really v0):
- "forecolor", "hilitecolor", "fontname", "fontsize", "justifyleft",
- "justifycenter", "justifyright", "justifyfull", "indent", "outdent"
---></body></html>
\ No newline at end of file
+ .apple-table-examp
\ No newline at end of file
Index: spec.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/spec.html,v
retrieving revision 1.616
retrieving revision 1.617
diff -u -d -r1.616 -r1.617
--- spec.html 6 Jan 2010 15:49:35 -0000 1.616
+++ spec.html 6 Jan 2010 16:12:47 -0000 1.617
@@ -11364,19568 +11364,4 @@
</td><td><code title=dom-media-networkState><a href=#dom-media-networkstate>networkState</a></code> equals <code title=dom-media-NETWORK_IDLE><a href=#dom-media-network_idle>NETWORK_IDLE</a></code>
</td></tr><tr><td><dfn id=event-media-abort title=event-media-abort><code>abort</code></dfn>
</td><td><code>Event</code>
- </td><td>The user agent stops fetching the <a href=#media-data>media data</a> before it is completely downloaded, but not due to an error.
- </td><td><code title=dom-media-error><a href=#dom-media-error>error</a></code> is an object with the code <code title=dom-MediaError-MEDIA_ERR_ABORTED><a href=#dom-mediaerror-media_err_aborted>MEDIA_ERR_ABORTED</a></code>.
- <code title=dom-media-networkState><a href=#dom-media-networkstate>networkState</a></code> equals either <code title=dom-media-NETWORK_EMPTY><a href=#dom-media-network_empty>NETWORK_EMPTY</a></code> or <code title=dom-media-NETWORK_IDLE><a href=#dom-media-network_idle>NETWORK_IDLE</a></code>, depending on when the download was aborted.
- </td></tr><tr><td><dfn id=event-media-error title=event-media-error><code>error</code></dfn>
- </td><td><code>Event</code>
- </td><td>An error occurs while fetching the <a href=#media-data>media data</a>.
- </td><td><code title=dom-media-error><a href=#dom-media-error>error</a></code> is an object with the code <code title=dom-MediaError-MEDIA_ERR_NETWORK><a href=#dom-mediaerror-media_err_network>MEDIA_ERR_NETWORK</a></code> or higher.
- <code title=dom-media-networkState><a href=#dom-media-networkstate>networkState</a></code> equals either <code title=dom-media-NETWORK_EMPTY><a href=#dom-media-network_empty>NETWORK_EMPTY</a></code> or <code title=dom-media-NETWORK_IDLE><a href=#dom-media-network_idle>NETWORK_IDLE</a></code>, depending on when the download was aborted.
[...19540 lines suppressed...]
- v2 * make the spec more consistent about its use of "hexadecimal"
- and "base-sixteen", the order that 0-9 A-Z a-z is mentioned,
- and the detail to which the spec explains how to interpret a
- string as a hexadecimal number.
- v2 * become more consistent about what markup we use to mark up
- productions (nothing? <i>? <code>?)
- v2 * use <code>Document</code> consistently instead of 'document'.
- v2 * s/raise/throw/g
- v2 * be clearer about arrays/lists/collections being zero-based
- despite using the term "/index/th".
- v2 * use the sample widgets:
- <li><img alt="A text field with editable sections for each
- value, with a button to pop up a dialog showing a calendar or
- clock." src="sample-datetime-ui-2"></li>
- <li><img alt="A calendar grid with a clock in the upper right
- hand corner." src="sample-datetime-ui-3"></li>
---></body></html>
\ No newline at end of file
+ </td><td>The user agent stops fetching the <a href=#media-data>media data</a> befo
\ No newline at end of file
Index: sections.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/sections.html,v
retrieving revision 1.12
retrieving revision 1.13
diff -u -d -r1.12 -r1.13
--- sections.html 6 Jan 2010 15:49:35 -0000 1.12
+++ sections.html 6 Jan 2010 16:12:47 -0000 1.13
@@ -1,1266 +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.4 Sections — 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; }
[...1236 lines suppressed...]
- <ol class="brief"><li>
- <p>Section created for <code><a href="#the-body-element-0">body</a></code> node.</p>
- <p>Associated with heading "A".</p>
- <p>Also associated with paragraph "B".</p>
- <p>Nested sections:</p>
- <ol class="brief"><li>
- <p>Section implied for first <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h2</a></code> element.</p>
- <p>Associated with heading "C".</p>
- <p>Also associated with paragraph "D".</p>
- <p>No nested sections.</p>
- </li>
- <li>
- <p>Section implied for second <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h2</a></code> element.</p>
- <p>Associated with heading "E".</p>
- <p>Also associated with paragraph "F".</p>
- <p>No nested sections.</p>
- </li>
- </ol></li>
- </ol></div></body></html>
\ No newline at end of file
Index: introduction.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/introduction.html,v
retrieving revision 1.555
retrieving revision 1.556
diff -u -d -r1.555 -r1.556
--- introduction.html 3 Jan 2010 15:15:06 -0000 1.555
+++ introduction.html 6 Jan 2010 16:12:47 -0000 1.556
@@ -1,637 +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>1 Introduction — 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="Overview.html#contents" title="Table of contents" rel="index">
- <link href="infrastructure.html" title="2 Common infrastructure" 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="Overview.html#contents">Table of contents</a> –
- <a href="infrastructure.html">2 Common infrastructure →</a>
- <ol class="toc"><li><a href="introduction.html#introduction"><span class="secno">1 </span>Introduction</a>
- <ol><li><a href="introduction.html#background"><span class="secno">1.1 </span>Background</a></li><li><a href="introduction.html#audience"><span class="secno">1.2 </span>Audience</a></li><li><a href="introduction.html#scope"><span class="secno">1.3 </span>Scope</a></li><li><a href="introduction.html#history-1"><span class="secno">1.4 </span>History</a></li><li><a href="introduction.html#design-notes"><span class="secno">1.5 </span>Design notes</a>
- <ol><li><a href="introduction.html#serializability-of-script-execution"><span class="secno">1.5.1 </span>Serializability of script execution</a></li><li><a href="introduction.html#compliance-with-other-specifications"><span class="secno">1.5.2 </span>Compliance with other specifications</a></li></ol></li><li><a href="introduction.html#html-vs-xhtml"><span class="secno">1.6 </span>HTML vs XHTML</a></li><li><a href="introduction.html#structure-of-this-specification"><span class="secno">1.7 </span>Structure of this specification</a>
- <ol><li><a href="introduction.html#how-to-read-this-specification"><span class="secno">1.7.1 </span>How to read this specification</a></li><li><a href="introduction.html#typographic-conventions"><span class="secno">1.7.2 </span>Typographic conventions</a></li></ol></li><li><a href="introduction.html#a-quick-introduction-to-html"><span class="secno">1.8 </span>A quick introduction to HTML</a></li><li><a href="introduction.html#recommended-reading"><span class="secno">1.9 </span>Recommended reading</a></li></ol></li></ol></div>
-
- <h2 id="introduction"><span class="secno">1 </span>Introduction</h2><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><h3 id="background"><span class="secno">1.1 </span>Background</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><i>This section is non-normative.</i></p><p>The World Wide Web's markup language has always been HTML. HTML
- was primarily designed as a language for semantically describing
- scientific documents, although its general design and adaptations
- over the years have enabled it to be used to describe a number of
- other types of documents.</p><p>The main area that has not been adequately addressed by HTML is a
- vague subject referred to as Web Applications. This specification
- attempts to rectify this, while at the same time updating the HTML
- specifications to address issues raised in the past few years.</p><h3 id="audience"><span class="secno">1.2 </span>Audience</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><i>This section is non-normative.</i></p><p>This specification is intended for authors of documents and
- scripts that use the features defined in this specification, implementors of tools that operate on pages that use
- the features defined in this specification, and individuals wishing
- to establish the correctness of documents or implementations with
- respect to the requirements of this specification</p><p>This document is probably not suited to readers who do not
- already have at least a passing familiarity with Web technologies,
- as in places it sacrifices clarity for precision, and brevity for
- completeness. More approachable tutorials and authoring guides can
- provide a gentler introduction to the topic.</p><p>In particular, familiarity with the basics of DOM Core and DOM
- Events is necessary for a complete understanding of some of the more
- technical parts of this specification. An understanding of Web IDL,
- HTTP, XML, Unicode, character encodings, JavaScript, and CSS will
- also be helpful in places but is not essential.</p><h3 id="scope"><span class="secno">1.3 </span>Scope</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><i>This section is non-normative.</i></p><p>This specification is limited to providing a semantic-level
- markup language and associated semantic-level scripting APIs for
- authoring accessible pages on the Web ranging from static documents
- to dynamic applications.</p><p>The scope of this specification does not include providing
- mechanisms for media-specific customization of presentation
- (although default rendering rules for Web browsers are included at
- the end of this specification, and several mechanisms for hooking
- into CSS are provided as part of the language).</p><p>The scope of this specification is not to describe an entire
- operating system. In particular, hardware configuration software,
- image manipulation tools, and applications that users would be
- expected to use with high-end workstations on a daily basis are out
- of scope. In terms of applications, this specification is targeted
- specifically at applications that would be expected to be used by
- users on an occasional basis, or regularly but from disparate
- locations, with low CPU requirements. For instance online purchasing
- systems, searching systems, games (especially multiplayer online
- games), public telephone books or address books, communications
- software (e-mail clients, instant messaging clients, discussion
- software), document editing software, etc.</p><h3 id="history-1"><span class="secno">1.4 </span>History</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><i>This section is non-normative.</i></p><p>For its first five years (1990-1995), HTML went through a number
- of revisions and experienced a number of extensions, primarily
- hosted first at CERN, and then at the IETF.</p><p>With the creation of the W3C, HTML's development changed venue
- again. A first abortive attempt at extending HTML in 1995 known as
- HTML 3.0 then made way to a more pragmatic approach known as HTML
- 3.2, which was completed in 1997. HTML4 followed, reaching
- completion in 1998.</p><p>At this time, the W3C membership decided to stop evolving HTML
- and instead begin work on an XML-based equivalent, called
- XHTML. This effort started with a reformulation of HTML4 in XML,
- known as XHTML 1.0, which added no new features except the new
- serialization, and which was completed in 2000. After XHTML 1.0, the
- W3C's focus turned to making it easier for other working groups to
- extend XHTML, under the banner of XHTML Modularization. In parallel
- with this, the W3C also worked on a new language that was not
- compatible with the earlier HTML and XHTML languages, calling it
- XHTML2.</p><p>Around the time that HTML's evolution was stopped in 1998, parts
- of the API for HTML developed by browser vendors were specified and
- published under the name DOM Level 1 (in 1998) and DOM Level 2 Core
- and DOM Level 2 HTML (starting in 2000 and culminating in
- 2003). These efforts then petered out, with some DOM Level 3
- specifications published in 2004 but the working group being closed
- before all the Level 3 drafts were completed.</p><p>In 2003, the publication of XForms, a technology which was
- positioned as the next generation of Web forms, sparked a renewed
- interest in evolving HTML itself, rather than finding replacements
- for it. This interest was borne from the realization that XML's
- deployment as a Web technology was limited to entirely new
- technologies (like RSS and later Atom), rather than as a replacement
- for existing deployed technologies (like HTML).</p><p>A proof of concept to show that it was possible to extend HTML4's
- forms to provide many of the features that XForms 1.0 introduced,
- without requiring browsers to implement rendering engines that were
- incompatible with existing HTML Web pages, was the first result of
- this renewed interest. At this early stage, while the draft was
- already publicly available, and input was already being solicited
- from all sources, the specification was only under Opera Software's
- copyright.</p><p>The idea that HTML's evolution should be reopened was tested at a
- W3C workshop in 2004, where some of the principles that underlie the
- HTML5 work (described below), as well as the aforementioned early
- draft proposal covering just forms-related features, were presented
- to the W3C jointly by Mozilla and Opera. The proposal was rejected
- on the grounds that the proposal conflicted with the previously
- chosen direction for the Web's evolution; the W3C staff and
- membership voted to continue developing XML-based replacements
- instead.</p><p>Shortly thereafter, Apple, Mozilla, and Opera jointly announced
- their intent to continue working on the effort under the umbrella of
- a new venue called the WHATWG. A public mailing list was created,
- and the draft was moved to the WHATWG site. The copyright was
- subsequently amended to be jointly owned by all three vendors, and
- to allow reuse of the specification.</p><p>The WHATWG was based on several core principles, in particular
- that technologies need to be backwards compatible, that
- specifications and implementations need to match even if this means
- changing the specification rather than the implementations, and that
- specifications need to be detailed enough that implementations can
- achieve complete interoperability without reverse-engineering each
- other.</p><p>The latter requirement in particular required that the scope of
- the HTML5 specification include what had previously been specified
- in three separate documents: HTML4, XHTML1, and DOM2 HTML. It also
- meant including significantly more detail than had previously been
- considered the norm.</p><p>In 2006, the W3C indicated an interest to participate in the
- development of HTML5 after all, and in 2007 formed a working group
- chartered to work with the WHATWG on the development of the HTML5
- specification. Apple, Mozilla, and Opera allowed the W3C to publish
- the specification under the W3C copyright, while keeping a version
- with the less restrictive license on the WHATWG site.</p><p>Since then, both groups have been working together.</p><p>A separate document has been published by the W3C HTML working
- group to document the differences between this specification and the
- language described in the HTML4 specification. <a href="references.html#refsHTMLDIFF">[HTMLDIFF]</a></p><h3 id="design-notes"><span class="secno">1.5 </span>Design notes</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><i>This section is non-normative.</i></p><p>It must be admitted that many aspects of HTML appear at first
- glance to be nonsensical and inconsistent.</p><p>HTML, its supporting DOM APIs, as well as many of its supporting
- technologies, have been developed over a period of several decades
- by a wide array of people with different priorities who, in many
- cases, did not know of each other's existence.</p><p>Features have thus arisen from many sources, and have not always
- been designed in especially consistent ways. Furthermore, because of
- the unique characteristics of the Web, implementation bugs have
- often become de-facto, and now de-jure, standards, as content is
- often unintentionally written in ways that rely on them before they
- can be fixed.</p><p>Despite all this, efforts have been made to adhere to certain
- design goals. These are described in the next few subsections.</p><h4 id="serializability-of-script-execution"><span class="secno">1.5.1 </span>Serializability of script execution</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 avoid exposing Web authors to the complexities of
- multithreading, the HTML and DOM APIs are designed such that no
- script can ever detect the simultaneous execution of other
- scripts. Even with <span title="Worker">workers</span>, the intent
- is that the behavior of implementations can be thought of as
- completely serializing the execution of all scripts in all <a href="browsers.html#browsing-context" title="browsing context">browsing contexts</a>.</p><p class="note">The <code title="dom-navigator-yieldForStorageUpdates"><a href="#dom-navigator-yieldforstorageupdates">navigator.yieldForStorageUpdates()</a></code>
- method, in this model, is equivalent to allowing other scripts to
- run while the calling script is blocked.</p><h4 id="compliance-with-other-specifications"><span class="secno">1.5.2 </span>Compliance with other specifications</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>This specification interacts with and relies on a wide variety of
- other specifications. In certain circumstances, unfortunately, the
- desire to be compatible with legacy content has led to this
- specification violating the requirements of these other
- specifications. Whenever this has occurred, the transgressions have
- each been noted as a "<dfn id="willful-violation">willful violation</dfn>".</p><h3 id="html-vs-xhtml"><span class="secno">1.6 </span>HTML vs XHTML</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><i>This section is non-normative.</i></p><p>This specification defines an abstract language for describing
- documents and applications, and some APIs for interacting with
- in-memory representations of resources that use this language.</p><p>The in-memory representation is known as "DOM HTML", or "the DOM"
- for short. This specification defines version 5 of DOM HTML, known
- as "DOM5 HTML".</p><p>There are various concrete syntaxes that can be used to transmit
- resources that use this abstract language, two of which are defined
- in this specification.</p><p>The first such concrete syntax is the HTML syntax. This is the
- format suggested for most authors. It is compatible with most legacy
- Web browsers. If a document is transmitted with the <a href="infrastructure.html#mime-type">MIME
- type</a> <code><a href="iana.html#text-html">text/html</a></code>, then it will be processed as an
- HTML document by Web browsers. This specification defines version 5
- of the HTML syntax, known as "HTML5".</p><p>The second concrete syntax is the XHTML syntax, which is an
- application of XML. When a document is transmitted with an <a href="infrastructure.html#xml-mime-type">XML
- MIME type</a>, such as <code><a href="iana.html#application-xhtml-xml">application/xhtml+xml</a></code>, then
- it is treated as an XML document by Web browsers, to be parsed by an
- XML processor. Authors are reminded that the processing for XML and
- HTML differs; in particular, even minor syntax errors will prevent a
- document labeled as XML from being rendered fully, whereas they
- would be ignored in the HTML syntax. This specification defines
- version 5 of the XHTML syntax, known as "XHTML5".</p><p>The DOM, the HTML syntax, and XML cannot all represent the same
- content. For example, namespaces cannot be represented using the
- HTML syntax, but they are supported in the DOM and in XML.
- Similarly, documents that use the <code><a href="scripting-1.html#the-noscript-element">noscript</a></code> feature can
- be represented using the HTML syntax, but cannot be represented with
- the DOM or in XML. Comments that contain the string "<code title="">--></code>" can be represented in the DOM but not in the
- HTML syntax or in XML.</p><h3 id="structure-of-this-specification"><span class="secno">1.7 </span>Structure of this specification</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><i>This section is non-normative.</i></p><p>This specification is divided into the following major
- sections:</p><dl><dt><a href="infrastructure.html#infrastructure">Common Infrastructure</a></dt>
-
- <dd>The conformance classes, algorithms, definitions, and the
- common underpinnings of the rest of the specification.</dd>
-
-
- <dt><a href="dom.html#dom">Semantics, structure, and APIs of HTML documents</a></dt>
-
- <dd>Documents are built from elements. These elements form a tree
- using the DOM. This section defines the features of this DOM, as
- well as introducing the features common to all elements, and the
- concepts used in defining elements.</dd>
-
-
- <dt><a href="semantics.html#semantics">Elements</a></dt>
-
- <dd>Each element has a predefined meaning, which is explained in
- this section. Rules for authors on how to use the element, along with user agent requirements for how to handle
- each element,</dd>
-
-
- <dt><a href="microdata.html#microdata">Microdata</a></dt>
-
- <dd>This specification introduces a mechanism for adding
- machine-readable annotations to documents, so that tools can
- extract trees of name/value pairs from the document. This section
- describes this mechanism and some algorithms
- that can be used to convert HTML documents into other
- formats</dd>
-
-
- <dt><a href="browsers.html#browsers">Web Browsers</a></dt>
-
- <dd>HTML documents do not exist in a vacuum — this section
- defines many of the features that affect environments that deal
- with multiple pages, links between pages, and running scripts.</dd>
-
-
- <dt><a href="editing.html#editing">User Interaction</a></dt>
-
- <dd>HTML documents can provide a number of mechanisms for users to
- interact with and modify content, which are described in this
- section.</dd>
-
-
- <dt><a href="comms.html#comms">The Communication APIs</a></dt>
-
- <dd>This section describes some mechanisms that applications
- written in HTML can use to communicate with other applications from
- different domains running on the same client.
- </dd>
-
-
- <dt><a href="syntax.html#syntax">The HTML Syntax</a></dt>
- <dt><a href="the-xhtml-syntax.html#xhtml">The XHTML Syntax</a></dt>
-
- <dd>All of these features would be for naught if they couldn't be
- represented in a serialized form and sent to other people, and so
- these sections define the syntaxes of HTML, along with rules for
- how to parse content using those syntaxes.</dd>
-
-
- </dl><p>There are also some appendices, defining <a href="#rendering">rendering rules</a> for Web browsers and listing
- <a href="obsolete.html#obsolete">obsolete features</a> and <a href="iana.html#iana">IANA
- considerations</a>.</p><h4 id="how-to-read-this-specification"><span class="secno">1.7.1 </span>How to read this specification</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>This specification should be read like all other specifications.
- First, it should be read cover-to-cover, multiple times. Then, it
- should be read backwards at least once. Then it should be read by
- picking random sections from the contents list and following all the
- cross-references.</p><h4 id="typographic-conventions"><span class="secno">1.7.2 </span>Typographic conventions</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>This is a definition, requirement, or explanation.</p><p class="note">This is a note.</p><p class="example">This is an example.</p><p class="XXX">This is an open issue.</p><p class="warning">This is a warning.</p><pre class="idl extract">interface <dfn title="">Example</dfn> {
- // this is an IDL definition
-};</pre><dl class="domintro"><dt><var title="">variable</var> = <var title="">object</var> . <code title="">method</code>( [ <var title="">optionalArgument</var> ] )</dt>
-
- <dd>
-
- <p>This is a note to authors describing the usage of an interface.</p>
-
- </dd>
-
- </dl><pre class="css">/* this is a CSS fragment */</pre><p>The defining instance of a term is marked up like <dfn id="x-this" title="x-this">this</dfn>. Uses of that term are marked up like
- <a href="#x-this" title="x-this">this</a> or like <i title="x-this"><a href="#x-this">this</a></i>.</p><p>The defining instance of an element, attribute, or API is marked
- up like <dfn id="x-that" title="x-that"><code>this</code></dfn>. References to
- that element, attribute, or API are marked up like <code title="x-that"><a href="#x-that">this</a></code>.</p><p>Other code fragments are marked up <code title="">like
- this</code>.</p><p>Variables are marked up like <var title="">this</var>.</p><h3 id="a-quick-introduction-to-html"><span class="secno">1.8 </span>A quick introduction to HTML</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><i>This section is non-normative.</i></p><p>A basic HTML document looks like this:</p><pre id="intro-early-example"><!DOCTYPE html>
-<html>
- <head>
- <title>Sample page</title>
- </head>
- <body>
- <h1>Sample page</h1>
- <p>This is a <a href="demo.html">simple</a> sample.</p>
- <!-- this is a comment -->
- </body>
-</html></pre><p>HTML documents consist of a tree of elements and text. Each
- element is denoted in the source by a <a href="syntax.html#syntax-start-tag" title="syntax-start-tag">start tag</a>, such as "<code title=""><body></code>", and an <a href="syntax.html#syntax-end-tag" title="syntax-end-tag">end
- tag</a>, such as "<code title=""></body></code>". (Certain
- start tags and end tags can in certain cases be <a href="syntax.html#syntax-tag-omission" title="syntax-tag-omission">omitted</a> and are implied by other
- tags.)</p><p>Tags have to be nested such that elements are all completely
- within each other, without overlapping:</p><pre class="bad"><p>This is <em>very <strong>wrong</em>!</strong></p></pre><pre><p>This <em>is <strong>correct</strong>.</em></p></pre><p>This specification defines a set of elements that can be used in
- HTML, along with rules about the ways in which the elements can be
- nested.</p><p>Elements can have attributes, which control how the elements
- work. In the example below, there is a <a href="links.html#hyperlink">hyperlink</a>,
- formed using the <code><a href="text-level-semantics.html#the-a-element">a</a></code> element and its <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> attribute:</p><pre><a href="demo.html">simple</a></pre><p><a href="syntax.html#syntax-attributes" title="syntax-attributes">Attributes</a> are placed
- inside the start tag, and consist of a <a href="syntax.html#syntax-attribute-name" title="syntax-attribute-name">name</a> and a <a href="syntax.html#syntax-attribute-value" title="syntax-attribute-value">value</a>, separated by an "<code title="">=</code>" character. The attribute value can be left <a href="syntax.html#unquoted">unquoted</a> if it doesn't contain spaces or any of
- <code title="">"</code> <code title="">'</code> <code title="">`</code> <code title="">=</code> <code title=""><</code>
- or <code title="">></code>. Otherwise, it has to be quoted using
- either single or double quotes. The value, along with the "<code title="">=</code>" character, can be omitted altogether if the value
- is the empty string.</p><pre><!-- empty attributes -->
-<input name=address disabled>
-<input name=address disabled="">
-
-<!-- attributes with a value -->
-<input name=address maxlength=200>
-<input name=address maxlength='200'>
-<input name=address maxlength="200"></pre><p>HTML user agents (e.g. Web browsers) then <i>parse</i> this
- markup, turning it into a DOM (Document Object Model) tree. A DOM
- tree is an in-memory representation of a document.</p><p>DOM trees contain several kinds of nodes, in particular a DOCTYPE
- node, elements, text nodes, and comment nodes.</p><p>The <a href="#intro-early-example">markup snippet at the top of
- this section</a> would be turned into the following DOM tree:</p><ul class="domTree"><li class="t10">DOCTYPE: <code><a href="semantics.html#the-html-element-0">html</a></code></li><li class="t1"><code><a href="semantics.html#the-html-element-0">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element-0">head</a></code><ul><li class="t3"><code>#text</code>: <span title="">⏎␣␣</span></li><li class="t1"><code><a href="semantics.html#the-title-element-0">title</a></code><ul><li class="t3"><code>#text</code>: <span title="">Sample page</span></li></ul></li><li class="t3"><code>#text</code>: <span title="">⏎␣</span></li></ul></li><li class="t3"><code>#text</code>: <span title="">⏎␣</span></li><li class="t1"><code><a href="sections.html#the-body-element-0">body</a></code><ul><li class="t3"><code>#text</code>: <span title="">⏎␣␣</span></li><li class="t1"><code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></cod><ul><li class="t3"><code>#text</code>: <span title="">Sample page</span></li></ul></li><li class="t3"><code>#text</code>: <span title="">⏎␣␣</span></li><li class="t1"><code><a href="grouping-content.html#the-p-element">p</a></code><ul><li class="t3"><code>#text</code>: <span title="">This is a </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">demo.html</code>"</span><ul><li class="t3"><code>#text</code>: <span title="">simple</span></li></ul></li><li class="t3"><code>#text</code>: <span title=""> sample.</span></li></ul></li><li class="t3"><code>#text</code>: <span title="">⏎␣␣</span></li><li class="t8"><code>#comment</code>: <span title=""> this is a comment </span></li><li class="t3"><code>#text</code>: <span title="">⏎␣⏎</span></li></ul></li></ul></li></ul><p>The <a href="infrastructure.html#root-element">roo element</a> of this tree is the
- <code><a href="semantics.html#the-html-element-0">html</a></code> element, which is the element always found at the
- root of HTML documents. It contains two elements, <code><a href="semantics.html#the-head-element-0">head</a></code>
- and <code><a href="sections.html#the-body-element-0">body</a></code>, as well as a text node between them.</p><p>There are many more text nodes in the DOM tree than one would
- initially expect, because the source contains a number of spaces
- (represented here by "␣") and line breaks ("⏎") that
- all end up as text nodes in the DOM.</p><p>The <code><a href="semantics.html#the-head-element-0">head</a></code> element contains a <code><a href="semantics.html#the-title-element-0">title</a></code>
- element, which itself contains a text node with the text "Sample
- page". Similarly, the <code><a href="sections.html#the-body-element-0">body</a></code> element contains an
- <code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code> element, a <code><a href="grouping-content.html#the-p-element">p</a></code> element, and a
- comment.</p><hr><p>This DOM tree can be manipulated from scripts in the
- page. Scripts (typically in JavaScript) are small programs that can
- be embedded using the <code><a href="scripting-1.html#script">script</a></code> element or using
- <a href="browsers.html#event-handler-content-attributes">event handler content attributes</a>. For example, here is
- a form with a script that sets the value of the form's
- <code><a href="the-button-element.html#the-output-element">output</a></code> element to say "Hello World":</p><pre><<a href="forms.html#the-form-element">form</a> <a href="forms.html#attr-form-name" title="attr-form-name">name</a>="main">
- Result: <<a href="the-button-element.html#the-output-element">output</a> <a href="association-of-controls-and-forms.html#attr-fe-name" title="attr-fe-name">name</a>="result"></output>
- <<a href="scripting-1.html#script">script</a>>
- <a href="dom.html#htmldocument" title="HTMLDocument">document</a>.<a href="#dom-document-forms" title="dom-document-forms">forms</a>.main.<a href="#dom-form-elements" title="dom-form-elements">elements</a>.result.<a href="#dom-output-value" title="dom-output-value">value</a> = 'Hello World';
- </script>
-</form></pre><p>Each element in the DOM tree is represented by an object, and
- these objects have APIs so that they can be manipulated. For
- instance, a link (e.g. the <code><a href="text-level-semantics.html#the-a-element">a</a></code> element in the tree above)
- can have its "<code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code>"
- attribute changed in several ways:</p><pre>var a = <a href="dom.html#htmldocument" title="HTMLDocument">document</a>.<a href="#dom-document-links" title="dom-document-links">links</a>[0]; // obtain the first link in the document
-a.<a href="#dom-a-href" title="dom-a-href">href</a> = 'sample.html'; // change the destination URL of the link
-a.<a href="#dom-uda-protocol" title="dom-uda-protocol">protocol</a> = 'https'; // change just the scheme part of the URL
-a.setAttribute('href', 'http://example.com/'); // change the content attribute directly</pre><p>Since DOM trees are used as the way to represent HTML documents
- when they are processed and presented by implementations (especially
- interactive implementations like Web browsers), this specification
- is mostly phrased in terms of DOM trees, instead of the markup
- described above.</p><hr><p>HTML documents represent a media-independent description of
- interactive content. HTML documents might be rendered to a screen,
- or through a speech synthesizer, or on a braille display. To
- influence exactly how such rendering takes place, authors can use a
- styling language such as CSS.</p><p>In the following example, the page has been made yellow-on-blue
- using CSS.</p><pre><!DOCTYPE html>
-<html>
- <head>
- <title>Sample styled page</title>
- <style>
- body { background: navy; color: yellow; }
- </style>
- </head>
- <body>
- <h1>Sample styled page</h1>
- <p>This page is just a demo.</p>
- </body>
-</html></pre><p>For more details on how to use HTML, authors are encouraged to
- consult tutorials and guides. Some of the examples included in this
- specification might also be of use, but the novice author is
- cautioned that this specification, by necessity, defines the
- language with a level of detail that might be difficult to
- understand at first.</p><h3 id="recommended-reading"><span class="secno">1.9 </span>Recommended reading</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p><i>This section is non-normative.</i></p><p>The following documents might be of interest to readers of this
- specification.</p><dl><dt><cite>Character Model for the World Wide Web 1.0: Fundamentals</cite> <a href="references.html#refsCHARMOD">[CHARMOD]</a></dt>
-
- <dd><blockquote><p>This Architectural Specification provides
- authors of specifications, software developers, and content
- developers with a common reference for interoperable text
- manipulation on the World Wide Web, building on the Universal
- Character Set, defined jointly by the Unicode Standard and ISO/IEC
- 10646. Topics addressed include use of the terms 'character',
- 'encoding' and 'string', a reference processing model, choice and
- identification of character encodings, character escaping, and
- string indexing.</p></blockquote></dd>
-
- <dt><cite>Unicode Security Considerations</cite> <a href="references.html#refsUTR36">[UTR36]</a></dt>
-
- <dd><blockquote><p>Because Unicode contains such a large number of
- characters and incorporates the varied writing systems of the
- world, incorrect usage can expose programs or systems to possible
- security attacks. This is especially important as more and more
- products are internationalized. This document describes some of the
- security considerations that programmers, system analysts,
- standards developers, and users should take into account, and
- provides specific recommendations to reduce the risk of
- problems.</p></blockquote></dd>
-
- <dt><cite>Web Content Accessibility Guidelines (WCAG) 2.0</cite> <a href="references.html#refsWCAG">[WCAG]</a></dt>
-
- <dd><blockquote><p>Web Content Accessibility Guidelines (WCAG) 2.0
- covers a wide range of recommendations for making Web content more
- accessible. Following these guidelines will make content accessible
- to a wider range of people with disabilities, including blindness
- and low vision, deafness and hearing loss, learning disabilities,
- cognitive limitations, limited movement, speech disabilities,
- photosensitivity and combinations of these. Following these
- guidelines will also often make your Web content more usable to
- users in general.</p></blockquote></dd>
-
-
-
-
-
-
-
-
-
- </dl></body></html>
\ No newline at end of file
Index: commands.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/commands.html,v
retrieving revision 1.9
retrieving revision 1.10
diff -u -d -r1.9 -r1.10
--- commands.html 3 Jan 2010 15:15:05 -0000 1.9
+++ commands.html 6 Jan 2010 16:12:46 -0000 1.10
@@ -364,248 +364,4 @@
</dd>
- <dt><var title="">element</var> . <code title="dom-title"><a href="#dom-title">title</a></code></dt>
-
- <dd>
-
- <p>Exposes the <a href="#command-facet-hint" title="command-facet-Hint">Hint</a> facet of the command.</p>
-
- </dd>
-
- <dt><var title="">element</var> . <code title="dom-command-ro-icon"><a href="#dom-command-ro-icon">icon</a></code></dt>
-
- <dd>
-
- <p>Exposes the <a href="#command-facet-icon" title="command-facet-Icon">Icon</a> facet of the command.</p>
-
- </dd>
-
- <dt><var title="">element</var> . <code title="dom-accessKeyLabel"><a href="#dom-accesskeylabel">accessKeyLabel</a></code></dt>
-
- <dd>
-
- <p>Exposes the <a href="#command-facet-accesskey" title="command-facet-AccessKey">Access Key</a> facet of the command.</p>
-
- </dd>
-
- <dt><var title="">element</var> . <code title="dom-hidden"><a href="#dom-hidden">hidden</a></code></dt>
-
- <dd>
-
- <p>Exposes the <a href="#command-facet-hiddenstate" title="command-facet-HiddenState">Hidden State</a> facet of the command.</p>
-
- </dd>
-
- <dt><var title="">element</var> . <code title="dom-command-ro-disabled"><a href="#dom-command-ro-disabled">disabled</a></code></dt>
-
- <dd>
-
- <p>Exposes the <a href="#command-facet-disabledstate" title="command-facet-DisabledState">Disabled State</a> facet of the command.</p>
-
- </dd>
-
- <dt><var title="">element</var> . <code title="dom-command-ro-checked"><a href="#dom-command-ro-checked">checked</a></code></dt>
-
- <dd>
-
- <p>Exposes the <a href="#command-facet-checkedstate" title="command-facet-CheckedState">Checked State</a> facet of the command.</p>
-
- </dd>
-
- <dt><var title="">element</var> . <code title="dom-click"><a href="#dom-click">click</a></code>()</dt>
-
- <dd>
-
- <p>Triggers the <a href="#command-facet-action" title="command-facet-Action">Action</a> of the command.</p>
-
- </dd>
-
-<!--v2COMMAND
- <dt><var title="">element</var> . <code title="dom-command-ro-triggers">triggers</code></dt>
-
- <dd>
-
- <p>Exposes the <span title="command-facet-Triggers">Triggers</span> facet of the command.</p>
-
- </dd>
--->
-
- </dl><hr><dl class="domintro"><dt><var title="">document</var> . <code title="dom-document-commands"><a href="#dom-document-commands">commands</a></code></dt>
- <dd>
- <p>Returns an <code><a href="urls.html#htmlcollection">HTMLCollection</a></code> of the elements in the
- <code>Document</code> that define commands and have IDs.</p>
- </dd>
-
- </dl><hr><p>User agents may expose the <a href="#concept-command" title="concept-command">commands</a> whose <a href="#command-facet-hiddenstate" title="command-facet-HiddenState">Hidden State</a> facet is false
- (visible), e.g. in the user agent's menu bar. User agents are
- encouraged to do this especially for commands that have <a href="#command-facet-accesskey" title="command-facet-AccessKey">Access Keys</a>, as a way to
- advertise those keys to the user.</p><h3 id="common-idioms-without-dedicated-elements"><span class="secno">4.12 </span>Common idioms without dedicated elements</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><h4 id="tag-clouds"><span class="secno">4.12.1 </span>Tag clouds</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p id="tag-cloud">This specification does not define any markup
- specifically for marking up lists of keywords that apply to a group
- of pages (also known as <i>tag clouds</i>). In general, authors are
- encouraged to either mark up such lists using <code><a href="grouping-content.html#the-ul-element">ul</a></code>
- elements with explicit inline counts that are then hidden and turned
- into a presentational effect using a style sheet, or to use SVG.</p><div class="example">
-
- <p>Here, three tags are included in a short tag cloud:</p>
-
- <pre><style>
-@media screen, print, handheld, tv {
- /* should be ignored by non-visual browsers */
- .tag-cloud > li > span { display: none; }
- .tag-cloud > li { display: inline; }
- .tag-cloud-1 { font-size: 0.7em; }
- .tag-cloud-2 { font-size: 0.9em; }
- .tag-cloud-3 { font-size: 1.1em; }
- .tag-cloud-4 { font-size: 1.3em; }
- .tag-cloud-5 { font-size: 1.5em; }
-}
-</style>
-...
-<ul class="tag-cloud">
- <li class="tag-cloud-4"><a title="28 instances" href="/t/apple">apple</a> <span>(popular)</span>
- <li class="tag-cloud-2"><a title="6 instances" href="/t/kiwi">kiwi</a> <span>(rare)</span>
- <li class="tag-cloud-5"><a title="41 instances" href="/t/pear">pear</a> <span>(very popular)</span>
-</ul></pre>
-
- <p>The actual frequency of each tag is given using the <code title="attr-title"><a href="elements.html#the-title-attribute">title</a></code> attribute. A CSS style sheet is
- provided to convert the markup into a cloud of differently-sized
- words, but for user agents that do not support CSS or are not
- visual, the markup contains annotations like "(popular)" or
- "(rare)" to categorize the various tags by frequency, thus enabling
- all users to benefit from the information.</p>
-
- <p>The <code><a href="grouping-content.html#the-ul-element">ul</a></code> element is used (rather than
- <code><a href="grouping-content.html#the-ol-element">ol</a></code>) because the order is not particular important:
- while the list is in fact ordered alphabetically, it would convey
- the same information if ordered by, say, the length of the tag.</p>
-
- <p>The <code title="rel-tag"><a href="links.html#link-type-tag">tag</a></code> <code title="attr-hyperlink-rel"><a href="links.html#attr-hyperlink-rel">rel</a></code>-keyword is <em>not</em> used
- on these <code><a href="text-level-semantics.html#the-a-element">a</a></code> elements because they do not represent tags
- that apply to the page itself; they are just part of an index
- listing the tags themselves.</p>
-
- </div><h4 id="conversations"><span class="secno">4.12.2 </span>Conversations</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2009-September/022576.html --><p>This specification does not define a specific element for marking
- up conversations, meeting minutes, chat transcripts, dialogues in
- screenplays, instant message logs, and other situations where
- different players take turns in discourse.</p><p>Instead, authors are encouraged to mark up conversations using
- <code><a href="grouping-content.html#the-p-element">p</a></code> elements and punctuation. Authors who need to mark
- the speaker for styling purposes are encouraged to use
- <code><a href="text-level-semantics.html#the-span-element">span</a></code> or <code><a href="text-level-semantics.html#the-b-element">b</a></code>. Paragraphs with their text
- wrapped in the <code><a href="text-level-semantics.html#the-i-element">i</a></code> element can be used for marking up
- stage directions.</p><div class="example">
-
- <p>This example demonstrates this using an extract from Abbot and
- Costello's famous sketch, <cite>Who's on first</cite>:</p>
-
-<pre><p> Costello: Look, you gotta first baseman?
-<p> Abbott: Certainly.
-<p> Costello: Who's playing first?
-<p> Abbott: That's right.
-<p> Costello becomes exasperated.
-<p> Costello: When you pay off the first baseman every month, who gets the money?
-<p> Abbott: Every dollar of it.</pre>
-
- </div><div class="example">
-
- <p>The following extract shows how an IM conversation log could be
- marked up.</p>
-
- <pre><p> <time>14:22</time> <b>egof</b> I'm not that nerdy, I've only seen 30% of the star trek episodes
-<p> <time>14:23</time> <b>kaj</b> if you know what percentage of the star trek episodes you have seen, you are inarguably nerdy
-<p> <time>14:23</time> <b>egof</b> it's unarguably
-<p> <time>14:23</time> <i>* kaj blinks</i>
-<p> <time>14:24</time> <b>kaj</b> you are not helping your case</pre>
- <!-- with thanks to http://bash.org/?854262 -->
-
- </div><h4 id="footnotes"><span class="secno">4.12.3 </span>Footnotes</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><p>HTML does not have a dedicated mechanism for marking up
- footnotes. Here are the recommended alternatives.</p><hr><p>For short inline annotations, the <code title="attr-title"><a href="elements.html#the-title-attribute">title</a></code> attribute should be used.</p><div class="example">
-
- <p>In this example, two parts of a dialogue are annotated with
- footnote-like content using the <code title="attr-title"><a href="elements.html#the-title-attribute">title</a></code> attribute.</p>
-
- <pre><p> <b>Customer</b>: Hello! I wish to register a complaint. Hello. Miss?
-<p> <b>Shopkeeper</b>: <strong><span title="Colloquial pronunciation of 'What do you'"</strong>
->Watcha</span> mean, miss?
-<p> <b>Customer</b>: Uh, I'm sorry, I have a cold. I wish to make a complaint.
-<p> <b>Shopkeeper</b>: Sorry, <span <strong>title="This is, of course, a lie."</strong>>we're
-closing for lunch</span>.</pre>
-
- </div><hr><p>For longer annotations, the <code><a href="text-level-semantics.html#the-a-element">a</a></code> element should be
- used, pointing to an element later in the document. The convention
- is that the contents of the link be a number in square brackets.</p><div class="example">
-
- <p>In this example, a footnote in the dialogue links to a paragraph
- below the dialogue. The paragraph then reciprocally links back to the
- dialogue, allowing the user to return to the location of the
- footnote.</p>
-
- <pre><p> Announcer: Number 16: The <i>hand</i>.
-<p> Interviewer: Good evening. I have with me in the studio tonight
-Mr Norman St John Polevaulter, who for the past few years has been
-contradicting people. Mr Polevaulter, why <em>do</em> you
-contradict people?
-<p> Norman: I don't. <sup><a href="#fn1" id="r1">[1]</a></sup>
-<p> Interviewer: You told me you did!
-<em>...</em>
-<section>
- <p id="fn1"><a href="#r1">[1]</a> This is, naturally, a lie,
- but paradoxically if it were true he could not say so without
- contradicting the interviewer and thus making it false.</p>
-</section></pre>
-
- </div><hr><p>For side notes, longer annotations that apply to entire sections
- of the text rather than just specific words or sentences, the
- <code><a href="sections.html#the-aside-element">aside</a></code> element should be used.</p><div class="example">
-
- <p>In this example, a sidebar is given after a dialogue, giving it
- some context.</p>
-
- <pre><p> <span class="speaker">Customer</span>: I will not buy this record, it is scratched.
-<p> <span class="speaker">Shopkeeper</span>: I'm sorry?
-<p> <span class="speaker">Customer</span>: I will not buy this record, it is scratched.
-<p> <span class="speaker">Shopkeeper</span>: No no no, this's'a tobacconist's.
-<aside>
- <p>In 1970, the British Empire lay in ruins, and foreign
- nationalists frequented the streets — many of them Hungarians
- (not the streets — the foreign nationals). Sadly, Alexander
- Yalt has been publishing incompetently-written phrase books.
-</aside></pre>
-
- </div><hr><p>For figures or tables, footnotes can be included in the relevant
- <code><a href="grouping-content.html#the-dt-element">dt</a></code> or <code><a href="tabular-data.html#the-caption-element">caption</a></code> element, or in surrounding
- prose.</p><div class="example">
-
- <p>In this example, a <!-- round --> table has cells with footnotes
- that are given in prose. A <code><a href="embedded-content-1.html#the-figure-element">figure</a></code> element is used to
- give a single legend to the combination of the table and its
- footnotes.</p>
-
- <pre><figure>
- <dt>Table 1. Alternative activities for knights.</dt>
- <dd>
- <table>
- <tr>
- <th> Activity
- <th> Location
- <th> Cost
- <tr>
- <td> Dance
- <td> Wherever possible
- <td> £0<sup><a href="#fn1">1</a></sup>
- <tr>
- <td> Routines, chorus scenes<sup><a href="#fn2">2</a></sup>
- <td> Undisclosed
- <td> Undisclosed
- <tr>
- <td> Dining<sup><a href="#fn3">3</a></sup>
- <td> Camelot
- <td> Cost of ham, jam, and spam<sup><a href="#fn4">4</a></sup>
- </table>
- <p id="fn1">1. Assumed.</p>
- <p id="fn2">2. Footwork impeccable.</p>
- <p id="fn3">3. Quality described as "well".</p>
- <p id="fn4">4. A lot.</p>
- </dd>
-</figure></pre>
-
- </div></body></html>
\ No newline at end of file
+ <dt><var title
\ No newline at end of file
Index: acknowledgements.html
===================================================================
RCS file: /sources/public/html5/spec-author-view/acknowledgements.html,v
retrieving revision 1.558
retrieving revision 1.559
diff -u -d -r1.558 -r1.559
--- acknowledgements.html 6 Jan 2010 15:49:33 -0000 1.558
+++ acknowledgements.html 6 Jan 2010 16:12:46 -0000 1.559
@@ -1,912 +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>Acknowledgements — 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="references.html" title="References" rel="prev">
- <link href="Overview.html#contents" title="Table of contents" rel="index">
- </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="references.html">← References</a> –
- <a href="Overview.html#contents">Table of contents</a>
- </div>
-
- <h2 class="no-num" id="acknowledgements">Acknowledgements</h2><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- ACKS --><p>Thanks to
-
- Aankhen,
- Aaron Boodman,
- Aaron Leventhal,
- Adam Barth,
- Adam de Boor,
- Adam Roben,
- Addison Phillips,
- Adele Peterson,
- Adrian Bateman,
- Adrian Sutton,
- Agustín Fernández,
- Ajai Tirumali,
- Alan Plum,
- Alastair Campbell,
- Alex Bishop,
- Alex Nicolaou,
- Alex Rousskov,
- Alexander J. Vincent,
- Alexey Feldgendler,
- Алексей Проскуряков (Alexey Proskuryakov),
- Alexis Deveria,
- Allan Clements,
- Amos Jeffries,
- Anders Carlsson,
- Andreas<!-- mqmq87 -->,
- Andrei Popescu,
- André E. Veltstra,
- Andrew Clover,
- Andrew Gove,
- Andrew Grieve,
- Andrew Oakley,
- Andrew Sidwell,
- Andrew Smith,
- Andrew W. Hagen,
- Andy Heydon,
- Andy Palay,
- Anne van Kesteren,
- Anthony Boyd,
- Anthony Bryan,
- Anthony Hickson,
- Anthony Ricaud,
- Antti Koivisto,
- Aron Spohr,
- Arphen Lin,
- Aryeh Gregor,
- Asbjørn Ulsberg,
- Ashley Sheridan,
- Aurelien Levy,
- Ave Wrigley,
- Ben Boyle,
- Ben Godfrey,
- Ben Leslie,
- Ben Meadowcroft,
- Ben Millard,
- Benjamin Hawkes-Lewis,
- Bert Bos,
- Bijan Parsia,
- Bil Corry,
- Bill Mason,
- Bill McCoy,
- Billy Wong,
- Björn Höhrmann,
- Blake Frantz,
- Boris Zbarsky,
- Brad Fults,
- Brad Neuberg,
- Brady Eidson,
- Brendan Eich,
- Brenton Simpson,
- Brett Wilson,
- Brett Zamir,
- Brian Campbell,
- Brian Korver,
- Brian Ryner,
- Brian Smith,
- Brian Wilson,
- Bryan Sullivan,
- Bruce D'Arcus,
- Bruce Lawson,
- Bruce Miller,
- C. Williams,
- Cameron McCormack,
- Cao Yipeng,
- Carlos Gabriel Cardona,
- Carlos Perelló Marín,
- Chao Cai,
- 윤석찬 (Channy Yun),
- Charl van Niekerk,
- Charles Iliya Krempeaux,
- Charles McCathieNevile,
- Chris Cressman,
- Chris Morris,
- Chris Pearce,
- Christian Biesinger,
- Christian Johansen,
- Christian Schmidt,
- Christopher Aillon,
- Chriswa,
- Cole Robison,
- Colin Fine,
- Collin Jackson,
- Corprew Reed,
- Craig Cockburn,
- Csaba Gabor,
- Daniel Barclay,
- Daniel Bratell,
- Daniel Brooks,
- Daniel Brumbaugh Keeney,
- Daniel Davis,
- Daniel Glazman,
- Daniel Peng,
- Daniel Schattenkirchner,
- Daniel Spång,
- Daniel Steinberg,
- Danny Sullivan,
- Darin Adler,
- Darin Fisher,
- Darxus,
- Dave Camp,
- Dave Hodder,
- Dave Lampton,
- Dave Singer,
- Dave Townsend<!-- Mossop on moz irc -->,
- David Baron,
- David Bloom,
- David Bruant,
- David Carlisle,
- David E. Cleary,
- David Egan Evans,
- David Flanagan,
- David Gerard,
- David Håsäther,
- David Hyatt,
- David I. Lehn,
- David Matja,
- David Remahl,
- David Smith,
- David Woolley,
- DeWitt Clinton,
- Dean Edridge,
- Dean Edwards,
- Debi Orton,
- Derek Featherstone,
- Dimitri Glazkov,
- Dimitry Golubovsky,
- Divya Manian,
- dolphinling,
- Dominique Hazaël-Massieux,
- Doron Rosenberg,
- Doug Kramer,
- Drew Wilson,
- Edmund Lai,
- Eduard Pascual,
- Eduardo Vela,
- Edward O'Connor,
- Edward Welbourne,
- Edward Z. Yang,
- Eira Monstad,
- Eliot Graff,
- Elizabeth Castro,
- Elliott Sprehn,
- Elliotte Harold,
- Eric Carlson,
- Eric Law,
- Eric Rescorla,
- Erik Arvidsson,
- Evan Martin,
- Evan Prodromou,
- Evert,
- fantasai,
- Felix Sasaki,
- Francesco Schwarz,
- Francis Brosnan Blazquez,
- Franck 'Shift' Quélain,
- Frank Barchard,
- 鵜飼文敏 (Fumitoshi Ukai),
- Futomi Hatano,
- Gavin Carothers,
- Gareth Rees,
- Garrett Smith,
- Geoffrey Garen,
- Geoffrey Sneddon,
- George Lund,
- Giovanni Campagna,
- Graham Klyne,
- Greg Botten,
- Greg Houston,
- Gregg Tavares,
- Grey,
- Gytis Jakutonis,
- Håkon Wium Lie,
- Hallvord Reiar Michaelsen Steen,
- Hans S. Tømmerhalt,
- Henri Sivonen,
- Henrik Lied,
- Henry Mason,
- Hugh Winkler,
- Ian Bicking,
- Ian Davis,
- Ignacio Javier,
- Ivan Enderlin,
- Ivo Emanuel Gonçalves,
- J. King,
- Jacques Distler,
- James Craig,
- James Graham,
- James Justin Harrell,
- James M Snell,
- James Perrett,
- James Robinson,
- Jan-Klaas Kollhof,
- Jason Kersey,
- Jason Lustig,
- Jason White,
- Jasper Bryant-Greene,
- Jed Hartman,
- Jeff Balogh,
- Jeff Cutsinger,
- Jeff Schiller,
- Jeff Walden,
- Jeffrey Zeldman,
- 胡慧鋒 (Jennifer Braithwaite),
- Jens Bannmann,
- Jens Fendler,
- Jens Lindström,
- Jens Meiert,
- Jeremy Keith,
- Jeremy Orlow,
- Jeroen van der Meer,
- Jian Li,
- Jim Jewett,
- Jim Ley,
- Jim Meehan,
- Jjgod Jiang,
- João Eiras,
- Joe Clark,
- Joe Gregorio,
- Joel Spolsky,
- Johan Herland,
- John Boyer,
- John Bussjaeger,
- John Carpenter,
- John Fallows,
- John Foliot,
- John Harding,
- John Keiser,
- John Snyders,
- John-Mark Bell,
- Johnny Stenback,
- Jon Ferraiolo,
- Jon Gibbins,
- Jon Perlow,
- Jonas Sicking,
- Jonathan Rees,
- Jonathan Worent,
- Jonny Axelsson,
- Jorgen Horstink,
- Jorunn Danielsen Newth,
- Joseph Kesselman,
- Joseph Pecoraro,
- Josh Aas,
- Josh Levenberg,
- Joshua Randall,
- Jukka K. Korpela,
- Jules Clément-Ripoche,
- Julian Reschke,
- Justin Sinclair,
- Kai Hendry,
- Kartikaya Gupta,
- Kathy Walton,
- Kelly Norton,
- Kevin Benson,
- Kornél Pál,
- Kornel Lesinski,
- Kristof Zelechovski,
- 黒澤剛志 (KUROSAWA Takeshi),
- Kyle Hofmann<!-- Ozob -->,
- Léonard Bouchet,
- Lachlan Hunt,
- Larry Masinter,
- Larry Page,
- Lars Gunther<!-- Keryx Web -->,
- Lars Solberg,
- Laura Granka,
- Laura L. Carlson,
- Laura Wisewell,
- Laurens Holst,
- Lee Kowalkowski,
- Leif Halvard Silli,
- Lenny Domnitser,
- Leons Petrazickis,
- Logan<!-- on moz irc -->,
- Loune,
- Luke Kenneth Casson Leighton,
- Maciej Stachowiak,
- Magnus Kristiansen<!-- Dashiva -->,
- Maik Merten,
- Malcolm Rowe,
- Mark Birbeck,
- Mark Miller,
- Mark Nottingham,
- Mark Pilgrim,
- Mark Rowe<!--bdash-->,
- Mark Schenk,
- Mark Wilton-Jones,
- Martijn Wargers,
- Martin Atkins,
- Martin Dürst,
- Martin Honnen,
- Martin Kutschker,
- Masataka Yakura,
- Mathieu Henri,
- Matt Schmidt,
- Matt Wright,
- Matthew Gregan,
- Matthew Mastracci,
- Matthew Raymond,
- Matthew Thomas,
- Mattias Waldau,
- Max Romantschuk,
- Menno van Slooten,
- Micah Dubinko,
- Michael 'Ratt' Iannarelli,
- Michael A. Nachbaur,
- Michael A. Puls II<!--Shadow2531-->,
- Michael Carter,
- Michael Daskalov,
- Michael Enright,
- Michael Gratton,
- Michael Nordman,
- Michael Powers,
- Michael(tm) Smith,
- Michel Fortin,
- Michelangelo De Simone,
- Michiel van der Blonk,
- Mihai Şucan<!-- from ROBO Design -->,
- Mike Brown,
- Mike Dierken<!-- S. Mike Dierken -->,
- Mike Dixon,
- Mike Schinkel,
- Mike Shaver,
- Mikko Rantalainen,
- Mohamed Zergaoui<!-- Innovimax SARL -->,
- Ms2ger,
- NARUSE Yui,
- Neil Deakin,
- Neil Rashbrook,
- Neil Soiffer,
- Nicholas Shanks,
- Nicolas Gallagher,
- Noah Mendelsohn,
- Noah Slater,
- Ojan Vafai,
- Olaf Hoffmann,
- Olav Junker Kjær,
- Oldřich Vetešník,
- Oliver Hunt,
- Oliver Rigby,
- Olivier Gendrin,
- Olli Pettay,
- Patrick H. Lauke,
- Paul Norman,
- Per-Erik Brodin,
- Peter Karlsson,
- Peter Kasting,
- Peter Stark,
- Peter-Paul Koch,
- Philip Jägenstedt,
- Philip Taylor,
- Philip TAYLOR<!-- a different one -->,
- Prateek Rungta,
- Rachid Finge,
- Rajas Moonka,
- Ralf Stoltze,
- Ralph Giles,
- Raphael Champeimont,
- Remco,
- Remy Sharp,
- Rene Saarsoo,
- Rene Stach,
- Ric Hardacre,
- Rich Doughty,
- Richard Ishida,
- Rigo Wenning,
- Rikkert Koppes,
- Rimantas Liubertas,
- Rob Ennals,
- Robert Blaut,
- Robert Collins,
- Robert O'Callahan,
- Robert Sayre,
- Robin Berjon,
- Roland Steiner,
- Roman Ivanov,
- Roy Fielding,
- Ryan King,
- S. Mike Dierken,
- Sam Dutton,
- Sam Kuper,
- Sam Ruby,
- Sam Weinig,
- Sander van Lambalgen,
- Sarven Capadisli,
- Scott González,
- Scott Hess,
- Sean Fraser,
- Sean Hogan,
- Sean Knapp,
- Sebastian Markbåge,
- Sebastian Schnitzenbaumer,
- Seth Call,
- Shanti Rao,
- Shaun Inman,
- Shiki Okasaka,
- Sierk Bornemann,
- Sigbjørn Vik,
- Silvia Pfeiffer,
- Simon Montagu,
- Simon Pieters,
- Simon Spiegel,
- skeww, <!-- on reddit -->
- Stefan Haustein,
- Stefan Santesson,
- Steffen Meschkat,
- Stephen Ma,
- Steve Faulkner,
- Steve Runyon,
- Steven Bennett,
- Steven Garrity,
- Steven Tate,
- Stewart Brodie,
- Stuart Ballard,
- Stuart Parmenter,
- Subramanian Peruvemba,
- Sunava Dutta,
- Susan Borgrink,
- Susan <!--G.--> Lesch,
- Sylvain Pasche,
- T. J. Crowder,
- <span lang="tr" title="">Tantek Çelik</span>,
- 田村健人 (TAMURA Kent),
- Ted Mielczarek,
- Terrence Wood,
- Thomas Broyer,
- Thomas O'Connor,
- Tim Altman,
- Tim Johansson,
- Toby Inkster,
- Todd Moody,
- Tom Pike,
- Tommy Thorsen,
- Travis Leithead,
- Tyler Close,
- Vladimir Katardjiev,
- Vladimir Vukićević,
- voracity,
- Wakaba,
- Wayne Pollock,
- Wellington Fernando de Macedo,
- Will Levine,
- William Swanson,
- Wladimir Palant,
- Wojciech Mach,
- Wolfram Kriesing,
- Yi-An Huang,
- Yngve Nysaeter Pettersen,
- Yuzo Fujishima,
- Zhenbin Xu,
- Zoltan Herczeg,
- and
- Øistein E. Andersen,
-
- for their useful comments, both large and small, that have led to
- changes to this specification over the years.</p><p>Thanks also to everyone who has ever posted about HTML5 to their
- blogs, public mailing lists, or forums, including the <a href="http://lists.w3.org/Archives/Public/public-html/">W3C
- public-html list</a> and the <a href="http://www.whatwg.org/mailing-list">various WHATWG lists</a>.
-
- </p><p>Special thanks to Richard Williamson for creating the first
- implementation of <code><a href="the-canvas-element.html#the-canvas-element">canvas</a></code> in Safari, from which the
- canvas feature was designed.</p><p>Special thanks also to the Microsoft employees who first
- implemented the event-based drag-and-drop mechanism, <code title="attr-contenteditable"><a href="editing.html#attr-contenteditable">contenteditable</a></code>, and other
- features first widely deployed by the Windows Internet Explorer
- browser.</p><p>Thanks to the participants of the microdata usability study for
- allowing us to use their mistakes as a guide for designing the
- microdata feature.</p><p>Thanks to the many sources that provided inspiration for the
- examples used in the specification.</p><p>Thanks also to the Microsoft blogging community for some ideas,
- to the attendees of the W3C Workshop on Web Applications and
- Compound Documents for inspiration, to the #mrt crew, the #mrt.no
- crew, and the #whatwg crew, and to Pillar and Hedral for their ideas
- and support.</p><!-- Hopefully Kam won't notice he's covered by these
- acknowledgements three times! --><!--
- v2 * library of resources:
- var library = new ZipFile("data.zip");
- library.onload = function() {
- var sound1 = library.getAudio("sound1.wav"); // returns an Audio object
- var image1 = library.getImage("image1.png"); // returns an HTMLImageElement
- var doc1 = library.getXMLDocument("doc1.xml"); // returns a Document
- var doc2 = library.getHTMLDocument("doc1.html"); // returns an HTMLDocument
- }
- or:
- var library = new ResourceLoader("data.zip");
- library.add("moredata.zip");
- library.onload = function() { ... }
- library.onloading = function() {
- reportLoadProgress(library.progress); // 0.0 .. 1.0
- }
- or:
- var library = new AudioZip("sounds.zip");
- library.onload = function() {
- var sound1 = library["sound1.wav"];
- sound.play();
- }
- v2 * [onclick] should make element focusable; enter should send onclick ?
- v2 * a fairly common situation for web authors is to have two lists, where
- the contents of the second depends on the value of the first. Is there
- any way we could extend the current model to include this functionality?
- (e.g. bugzilla product/component ui)
- v2 * quick-searchable select
- v2 * include/exclude selectors (two multi-select columns with arrows to
- move selected items) and that sort of thing.
- http://slashdot.org/comments.pl?sid=110240&cid=9357022
- v2 * Oh, and forms need a standardized Help widget/icon. I know I can
- turn my cursor into a question mark, but I'm looking for something
- simple and pervasive. Maybe you can wrap fields in a help tag, just
- as you do for fieldsets. And in that help tag, attributes are
- available that allow for a nice, formatted, clean, full help text
- popup/area/thing.
- http://slashdot.org/comments.pl?sid=110240&cid=9359006
- v2 * Validating only part of a form. - Anja Lehmann
- v2 * Reminder to add a way to expose access keys in buttons, i.e.
- Sub&mit where & signifies the m is the access key to use. Possibly
- automatic? <input accesskey="m" value="Submit"> browser would be
- smart enough to underline the first instance of the access key if
- it exists (case insensitive)? - kerz
- [or deprecate the lot (->web apps)]
- v2 * need an attribute that says "the children of this element are in
- their own tabbing universe, tabindex should be relative to each
- other, not to the document"
- -> web apps?
- v2 * make select widgets have multiple columns
- or ->web apps with list view
- v2 * required as a group (one of the following must be available):
- + i propose something like the following:
- <input type="text" group="contact" name="voicephone"> Voice phone
- <input type="text" group="contact" name="fax"> Fax
- <input type="text" group="contact" name="mobile"> Mobile phone
- <input type="text" group="contact" name="email"> E-mail
- if the user fills out none of the form fields in the "contact"
- group, an error message is shown and the form is not submitted.
- - Peter-Paul Koch
- v2 * formatting of number fields, text fields, etc, so that when the
- field is not focused, the value is displayed differently. Seems
- like this would also be useful e.g. for <output> or something so
- you can display localised dates, etc.
- v2 * being able to select date range (from day x to day y)
- v2 * ways of visualizing a linefeed in a <textarea> so it looks different
- from wrapping text
- v2 * all login systems have
- 1. enter username and password
- 2. create new account
- 3. lost password
- some way of integrating this into one system, since it's so common
- v2 * way of identifying different sorts of mailadresses
- a) mailing-list
- b) person
- c) department in a company ("support", "marketing" and such)
- d) general mail (like "info", "mail", "contact" and such)
- e) other sorts of groupings
- (or ->web apps; this is talking about in mailto: links, I think)
- v2 * hotswapping login identities like in windows xp
- you are logged in on operamail.com, and you want to check the mail
- of another user. somehow, combined with the wand or whatever,
- the browser will remember the login page, and it can re-submit it
- without having to load the initial page (saving time)
- v2 * provide different measuring systems, like having the html indicate
- fluid in both fluid ounces and liters, and the browser can display
- one or the other based on regional settings in the browser or ui,
- display conversions in a tooltip, or let the user decide which
- format to display.
- v2 * indicate "x days ago" or "y days into the future" rather than date
- v2 * input control for anniversaries
- v2 * only submit fields that have changed, or a way to include in the
- submission a list of which form controls were changed from their
- default value
- v2 * have a way of marking the first option of a <select> as the default
- but have it not satisfy a new required="" attribute on <select> so
- that you can have selects that require a valid value.
- v2 * type="time" value="now"
- v2 * add something to type="number" to support basic currency and unit
- formatting of input
- v2 * <fieldset enabled-if-checked="myCheckboxOrRadioButton">
- ...to allow sections to only be enabled if a radio button makes it
- relevant, for instance.
- v2 * Yan Morin proposed a multi-column dropdown <select> or <datalist>:
- _________________
- |_New_York______|V|_________________ <- input with a table link and a down arrow
- |_City__________|_State_|_Country_|_| <- header of the table
- | Montreal | QC | Canada |A| <- top arrow of the scroll
- |>New York <| NY | US | | <- selected row
- | Washington | DC | US |X| <- cursor scroll
- | San Francisco | CA | US | |
- |_Toronto_______|__ON___|_Canada__|V| <- bottom arrow of the scroll
-
- v2 * add for="" attribute to <input type="password"> so that you can
- link usernames and passwords. (Jonas Sicking)
- v2 * value for unchecked checkbox?
- v2 * A way to specify the default button - Michael Gratton
- v2 * <fieldset readonly>?
- v2 * dolphinling suggests having a way to mark certain parts of a
- form as being dependent on another (mutually exclusive parts of
- a form)
- v2 * expose the form data set, either as an object (on which one can
- invoke the JSON serialiser), or in the form of a method on
- HTMLFormElement that returns the form data set serialised
- according to a particular encoding (defaulting to the form's
- enctype="" one, probably). This would allow forms to be used
- with XHR-like systems without having to manually construct the
- form data set the way that is done today.
-
-Consistency in editorial style:
- v2 * need to become consistent about whether or not to quote keyword
- ("<code title="">foo</code>" vs <code>foo</code>)
- v2 * make the spec consistent about whether the word "algorithm" is part of
- an algorithm's name or not ("</dfn> algorithm", "</span> algorithm")
- v2 * make the spec more consistent about its use of "hexadecimal"
- and "base-sixteen", the order that 0-9 A-Z a-z is mentioned,
- and the detail to which the spec explains how to interpret a
- string as a hexadecimal number.
- v2 * become more consistent about what markup we use to mark up
- productions (nothing? <i>? <code>?)
- v2 * use <code>Document</code> consistently instead of 'document'.
- v2 * s/raise/throw/g
- v2 * be clearer about arrays/lists/collections being zero-based
- despite using the term "/index/th".
- v2 * use the sample widgets:
- <li><img alt="A text field with editable sections for each
- value, with a button to pop up a dialog showing a calendar or
- clock." src="sample-datetime-ui-2"></li>
- <li><img alt="A calendar grid with a clock in the upper right
- hand corner." src="sample-datetime-ui-3"></li>
---></body></html>
\ No newline at end of file
Received on Wednesday, 6 January 2010 16:12:54 UTC