- From: Michael Smith via cvs-syncmail <cvsmail@w3.org>
- Date: Sat, 10 Dec 2011 06:15:51 +0000
- To: public-html-commits@w3.org
Update of /sources/public/html5/spec In directory hutz:/tmp/cvs-serv12849 Modified Files: acknowledgements.html association-of-controls-and-forms.html browsers.html commands.html common-dom-interfaces.html common-input-element-attributes.html common-microsyntaxes.html content-models.html dnd.html dom.html editing.html edits.html elements.html embedded-content-1.html forms.html fragment-links.js grouping-content.html history.html iana.html index.html infrastructure.html interactive-elements.html introduction.html links.html named-character-references.html namespaces.html number-state.html obsolete.html offline.html origin-0.html parsing.html references.html rendering.html scripting-1.html sections.html semantics.html states-of-the-type-attribute.html syntax.html tabular-data.html text-level-semantics.html the-button-element.html the-canvas-element.html the-end.html the-iframe-element.html the-input-element.html the-map-element.html the-xhtml-syntax.html timers.html tokenization.html tree-construction.html urls.html webappapis.html Log Message: Remove some copypasta. (whatwg r6869) [updated by splitter] Index: infrastructure.html =================================================================== RCS file: /sources/public/html5/spec/infrastructure.html,v retrieving revision 1.1123 retrieving revision 1.1124 diff -u -d -r1.1123 -r1.1124 --- infrastructure.html 10 Dec 2011 06:02:12 -0000 1.1123 +++ infrastructure.html 10 Dec 2011 06:15:45 -0000 1.1124 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>2 Common infrastructure — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>2 Common infrastructure — HTML5</title><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; } @@ -319,21 +318,24 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="introduction.html" title="1 Introduction" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> + <link href="introduction.html" title="1 Introduction" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> <link href="common-microsyntaxes.html" title="2.5 Common microsyntaxes" rel="next"> - </head><body><div class="head" id="head"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="introduction.html" class="prev">1 Introduction</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="common-microsyntaxes.html" class="next">2.5 Common microsyntaxes</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="introduction.html">← 1 Introduction</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="common-microsyntaxes.html">2.5 Common microsyntaxes →</a> <ol class="toc"><li><a href="infrastructure.html#infrastructure"><span class="secno">2 </span>Common infrastructure</a> <ol><li><a href="infrastructure.html#terminology"><span class="secno">2.1 </span>Terminology</a> <ol><li><a href="infrastructure.html#resources"><span class="secno">2.1.1 </span>Resources</a></li><li><a href="infrastructure.html#xml"><span class="secno">2.1.2 </span>XML</a></li><li><a href="infrastructure.html#dom-trees"><span class="secno">2.1.3 </span>DOM trees</a></li><li><a href="infrastructure.html#scripting-0"><span class="secno">2.1.4 </span>Scripting</a></li><li><a href="infrastructure.html#plugins"><span class="secno">2.1.5 </span>Plugins</a></li><li><a href="infrastructure.html#character-encodings"><span class="secno">2.1.6 </span>Character encodings</a></li></ol></li><li><a href="infrastructure.html#conformance-requirements"><span class="secno">2.2 </span>Conformance requirements</a> - <ol><li><a href="infrastructure.html#conformance-classes"><span class="secno">2.2.1 </span>Conformance classes</a></li><li><a href="infrastructure.html#dependencies"><span class="secno">2.2.2 </span>Dependencies</a></li><li><a href="infrastructure.html#extensibility"><span class="secno">2.2.3 </span>Extensibility</a></li></ol></li><li><a href="infrastructure.html#case-sensitivity-and-string-comparison"><span class="secno">2.3 </span>Case-sensitivity and string comparison</a></li><li><a href="infrastructure.html#utf-8"><span class="secno">2.4 </span>UTF-8</a></li></ol></li></ol></div> + <ol><li><a href="infrastructure.html#conformance-classes"><span class="secno">2.2.1 </span>Conformance classes</a></li><li><a href="infrastructure.html#dependencies"><span class="secno">2.2.2 </span>Dependencies</a></li><li><a href="infrastructure.html#extensibility"><span class="secno">2.2.3 </span>Extensibility</a></li></ol></li><li><a href="infrastructure.html#case-sensitivity-and-string-comparison"><span class="secno">2.3 </span>Case-sensitivity and string comparison</a></li><li><a href="infrastructure.html#utf-8"><span class="secno">2.4 </span>UTF-8</a></li></ol></li></ol></nav> <h2 id="infrastructure"><span class="secno">2 </span>Common infrastructure</h2><h3 id="terminology"><span class="secno">2.1 </span>Terminology</h3><p>This specification refers to both HTML and XML attributes and IDL attributes, often in the same context. When it is not clear which is @@ -637,11 +639,11 @@ specifications.</p> <p class="example">A conforming XHTML processor would, upon - finding an XHTML <code><a href="scripting-1.html#the-script-element">script</a></code> element in an XML document, + finding an XHTML <code><a href="the-script-element.html#the-script-element">script</a></code> element in an XML document, execute the script contained in that element. However, if the element is found within a transformation expressed in XSLT (assuming the user agent also supports XSLT), then the processor - would instead treat the <code><a href="scripting-1.html#the-script-element">script</a></code> element as an opaque + would instead treat the <code><a href="the-script-element.html#the-script-element">script</a></code> element as an opaque element that forms part of the transform.</p> <p>Web browsers that support <a href="syntax.html#syntax">the HTML syntax</a> must @@ -656,8 +658,8 @@ <p class="note">Unless explicitly stated, specifications that override the semantics of HTML elements do not override the requirements on DOM objects representing those elements. For - example, the <code><a href="scripting-1.html#the-script-element">script</a></code> element in the example above - would still implement the <code><a href="scripting-1.html#htmlscriptelement">HTMLScriptElement</a></code> + example, the <code><a href="the-script-element.html#the-script-element">script</a></code> element in the example above + would still implement the <code><a href="the-script-element.html#htmlscriptelement">HTMLScriptElement</a></code> interface.</p> </dd> @@ -736,9 +738,9 @@ specification. Automated conformance checkers are exempt from detecting errors that require interpretation of the author's intent (for example, while a document is non-conforming if the - content of a <code><a href="grouping-content.html#the-blockquote-element">blockquote</a></code> element is not a quote, + content of a <code><a href="the-blockquote-element.html#the-blockquote-element">blockquote</a></code> element is not a quote, conformance checkers running without the input of human judgement - do not have to check that <code><a href="grouping-content.html#the-blockquote-element">blockquote</a></code> elements only + do not have to check that <code><a href="the-blockquote-element.html#the-blockquote-element">blockquote</a></code> elements only contain quoted material).</p> <p>Conformance checkers must check that the input document @@ -793,7 +795,7 @@ them for conformance should act in accordance with the semantics of the documents that they process.</p> - <p class="example">A tool that generates <a href="sections.html#outline" title="outline">document outlines</a> but increases the nesting + <p class="example">A tool that generates <a href="headings-and-sections.html#outline" title="outline">document outlines</a> but increases the nesting level for each paragraph and does not increase the nesting level for each section would not be conforming.</p> @@ -817,12 +819,12 @@ elements or encourage their users to do so.</p> <p class="example">For example, it is not conforming to use an - <code><a href="sections.html#the-address-element">address</a></code> element for arbitrary contact information; + <code><a href="the-address-element.html#the-address-element">address</a></code> element for arbitrary contact information; that element can only be used for marking up contact information for the author of the document or section. However, since an authoring tool is likely unable to determine the difference, an authoring tool is exempt from that requirement. This does not - mean, though, that authoring tools can use <code><a href="sections.html#the-address-element">address</a></code> + mean, though, that authoring tools can use <code><a href="the-address-element.html#the-address-element">address</a></code> elements for any block of italics text (for instance); it just means that the authoring tool doesn't have to verify that when the user uses a tool for inserting contact information for a section, @@ -854,8 +856,8 @@ elements they know are appropriate, and should not use elements that they do not know to be appropriate. This might in certain extreme cases mean limiting the use of flow elements to just a few - elements, like <code><a href="grouping-content.html#the-div-element">div</a></code>, <code><a href="text-level-semantics.html#the-b-element">b</a></code>, <code><a href="text-level-semantics.html#the-i-element">i</a></code>, - and <code><a href="text-level-semantics.html#the-span-element">span</a></code> and making liberal use of the <code title="attr-style"><a href="elements.html#the-style-attribute">style</a></code> attribute.</p> + elements, like <code><a href="the-div-element.html#the-div-element">div</a></code>, <code><a href="the-b-element.html#the-b-element">b</a></code>, <code><a href="the-i-element.html#the-i-element">i</a></code>, + and <code><a href="the-span-element.html#the-span-element">span</a></code> and making liberal use of the <code title="attr-style"><a href="global-attributes.html#the-style-attribute">style</a></code> attribute.</p> <p>All authoring tools, whether WYSIWYG or not, should make a best effort attempt at enabling users to create well-structured, @@ -1240,7 +1242,7 @@ and video formats in the respective sections.</p> </div><h4 id="extensibility"><span class="secno">2.2.3 </span>Extensibility</h4><p>HTML has a wide number of extensibility mechanisms that can be - used for adding semantics in a safe manner:</p><ul><li>Authors can use the <code title="attr-class"><a href="elements.html#classes">class</a></code> + used for adding semantics in a safe manner:</p><ul><li>Authors can use the <code title="attr-class"><a href="global-attributes.html#classes">class</a></code> attribute to extend elements, effectively creating their own elements, while using the most applicable existing "real" HTML element, so that browsers and other tools that don't know of the @@ -1248,25 +1250,25 @@ by microformats, for example.</li> <li>Authors can include data for inline client-side scripts or - server-side site-wide scripts to process using the <code title="attr-data-*"><a href="elements.html#attr-data">data-*=""</a></code> attributes. These are + server-side site-wide scripts to process using the <code title="attr-data-*"><a href="global-attributes.html#attr-data">data-*=""</a></code> attributes. These are guaranteed to never be touched by browsers, and allow scripts to include data on HTML elements that scripts can then look for and process.</li> - <li>Authors can use the <code title="meta"><a href="semantics.html#the-meta-element"><meta name="" + <li>Authors can use the <code title="meta"><a href="the-meta-element.html#the-meta-element"><meta name="" content=""></a></code> mechanism to include page-wide metadata by - registering <a href="semantics.html#concept-meta-extensions" title="concept-meta-extensions">extensions to the + registering <a href="the-meta-element.html#concept-meta-extensions" title="concept-meta-extensions">extensions to the predefined set of metadata names</a>.</li> <li>Authors can use the <code title="attr-hyperlink-rel"><a href="links.html#attr-hyperlink-rel">rel=""</a></code> mechanism to annotate links with specific meanings by registering <a href="links.html#concept-rel-extensions" title="concept-rel-extensions">extensions to the predefined set of link types</a>. This is also used by microformats.</li> - <li>Authors can embed raw data using the <code title="script"><a href="scripting-1.html#the-script-element"><script type=""></a></code> mechanism with a custom + <li>Authors can embed raw data using the <code title="script"><a href="the-script-element.html#the-script-element"><script type=""></a></code> mechanism with a custom type, for further handling by inline or server-side scripts.</li> <li>Authors can create <a href="#plugin" title="plugin">plugins</a> and - invoke them using the <code><a href="the-iframe-element.html#the-embed-element">embed</a></code> element. This is how Flash + invoke them using the <code><a href="the-embed-element.html#the-embed-element">embed</a></code> element. This is how Flash works.</li> <li>Authors can extend APIs using the JavaScript prototyping @@ -1354,9 +1356,9 @@ implementation "Foo Browser" could add a new IDL attribute "<code title="">fooTypeTime</code>" to a control's DOM interface that returned the time it took the user to select the current value of a control (say). On the other hand, defining a new control that - appears in a form's <code title="dom-form-elements"><a href="forms.html#dom-form-elements">elements</a></code> + appears in a form's <code title="dom-form-elements"><a href="the-form-element.html#dom-form-elements">elements</a></code> array would be in violation of the above requirement, as it would - violate the definition of <code title="dom-form-elements"><a href="forms.html#dom-form-elements">elements</a></code> given in this + violate the definition of <code title="dom-form-elements"><a href="the-form-element.html#dom-form-elements">elements</a></code> given in this specification.</p> </div> Index: text-level-semantics.html =================================================================== RCS file: /sources/public/html5/spec/text-level-semantics.html,v retrieving revision 1.1068 retrieving revision 1.1069 diff -u -d -r1.1068 -r1.1069 --- text-level-semantics.html 10 Dec 2011 06:02:14 -0000 1.1068 +++ text-level-semantics.html 10 Dec 2011 06:15:47 -0000 1.1069 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>4.6 Text-level semantics — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>4.6 Text-level semantics — HTML5</title><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; } @@ -319,1956 +318,20 @@ } </script> <script src="link-fixup.js"></script> [...1947 lines suppressed...] - - </td></tr><tr><td><code><a href="#the-br-element">br</a></code> - </td><td>Line break - </td><td><pre class="example">Simply Orange Juice Company<strong><br></strong>Apopka, FL 32703<strong><br></strong>U.S.A.</pre> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> - </td></tr><tr><td><code><a href="#the-wbr-element">wbr</a></code> - </td><td>Line breaking opportunity - </td><td><pre class="example">www.simply<strong><wbr></strong>orange<strong><wbr></strong>juice.com</pre> + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="the-div-element.html">← 4.5.13 The div element</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="the-a-element.html">4.6.1 The a element →</a> + </nav> - </td></tr></tbody></table></body></html> \ No newline at end of file + <h3 id="text-level-semantics"><span class="secno">4.6 </span>Text-level semantics</h3></body></html> \ No newline at end of file Index: scripting-1.html =================================================================== RCS file: /sources/public/html5/spec/scripting-1.html,v retrieving revision 1.76 retrieving revision 1.77 diff -u -d -r1.76 -r1.77 --- scripting-1.html 10 Dec 2011 06:02:13 -0000 1.76 +++ scripting-1.html 10 Dec 2011 06:15:46 -0000 1.77 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>4.3 Scripting — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>4.3 Scripting — HTML5</title><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; } @@ -319,26 +318,27 @@ } </script> <script src="link-fixup.js"></script> [...1191 lines suppressed...] - var x = document.getElementById('x'); - var output = document.createElement('p'); - output.textContent = 'Type a number; it will be squared right then!'; - x.form.appendChild(output); - x.form.onsubmit = function () { return false; } - x.oninput = function () { - var v = x.valueAsNumber; - output.textContent = v + ' squared is ' + v * v; - }; -<strong> var submit = document.getElementById('submit'); - submit.parentNode.removeChild(submit);</strong> - </script> -</form></pre> - - <p>The above technique is also useful in XHTML, since - <code><a href="#the-noscript-element">noscript</a></code> is not supported in <a href="the-xhtml-syntax.html#the-xhtml-syntax">the XHTML - syntax</a>.</p> - </div></body></html> \ No newline at end of file Index: the-map-element.html =================================================================== RCS file: /sources/public/html5/spec/the-map-element.html,v retrieving revision 1.61 retrieving revision 1.62 diff -u -d -r1.61 -r1.62 --- the-map-element.html 10 Dec 2011 06:02:15 -0000 1.61 +++ the-map-element.html 10 Dec 2011 06:15:48 -0000 1.62 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>4.8.12 The map element — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>4.8.12 The map element — HTML5</title><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; } @@ -319,19 +318,21 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="the-canvas-element.html" title="4.8.11 The canvas element" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> - <link href="tabular-data.html" title="4.9 Tabular data" rel="next"> - </head><body><div class="head" id="head"> + <link href="the-canvas-element.html" title="4.8.11 The canvas element" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> + <link href="the-area-element.html" title="4.8.13 The area element" rel="next"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="the-canvas-element.html" class="prev">4.8.11 The canvas element</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="tabular-data.html" class="next">4.9 Tabular data</a> - <ol class="toc"><li><ol><li><ol><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> - <ol><li><a href="the-map-element.html#authoring"><span class="secno">4.8.14.1 </span>Authoring</a></li><li><a href="the-map-element.html#processing-model"><span class="secno">4.8.14.2 </span>Processing model</a></li></ol></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></ol></li></ol></div> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="the-canvas-element.html">← 4.8.11 The canvas element</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="the-area-element.html">4.8.13 The area element →</a> + </nav> <h4 id="the-map-element"><span class="secno">4.8.12 </span>The <dfn><code>map</code></dfn> element</h4><dl class="element"><dt>Categories</dt> <dd><a href="content-models.html#flow-content">Flow content</a>.</dd> @@ -343,7 +344,7 @@ <dt>Content model:</dt> <dd><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><a href="global-attributes.html#global-attributes">Global attributes</a></dd> <dd><code title="attr-map-name"><a href="#attr-map-name">name</a></code></dd> <dt>DOM interface:</dt> <dd> @@ -354,7 +355,7 @@ };</pre> </dd> </dl><p>The <code><a href="#the-map-element">map</a></code> element, in conjunction with any - <code><a href="#the-area-element">area</a></code> element descendants, defines an <a href="#image-map">image + <code><a href="the-area-element.html#the-area-element">area</a></code> element descendants, defines an <a href="image-maps.html#image-map">image map</a>. The element <a href="rendering.html#represents">represents</a> its children.</p><p>The <dfn id="attr-map-name" title="attr-map-name"><code>name</code></dfn> attribute gives the map a name so that it can be referenced. The attribute must be present and must have a non-empty value with no <a href="common-microsyntaxes.html#space-character" title="space character">space characters</a>. The value of the @@ -362,12 +363,12 @@ <a href="infrastructure.html#compatibility-caseless" title="compatibility caseless">compatibility-caseless</a> match for the value of the <code title="attr-map-name"><a href="#attr-map-name">name</a></code> attribute of another <code><a href="#the-map-element">map</a></code> element in the same - document. If the <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> attribute is also + document. If the <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> attribute is also specified, both attributes must have the same value.</p><dl class="domintro"><dt><var title="">map</var> . <code title="dom-map-areas"><a href="#dom-map-areas">areas</a></code></dt> <dd> - <p>Returns an <code><a href="infrastructure.html#htmlcollection">HTMLCollection</a></code> of the <code><a href="#the-area-element">area</a></code> elements in the <code><a href="#the-map-element">map</a></code>.</p> + <p>Returns an <code><a href="infrastructure.html#htmlcollection">HTMLCollection</a></code> of the <code><a href="the-area-element.html#the-area-element">area</a></code> elements in the <code><a href="#the-map-element">map</a></code>.</p> </dd> @@ -375,7 +376,7 @@ <dd> - <p>Returns an <code><a href="infrastructure.html#htmlcollection">HTMLCollection</a></code> of the <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 that use the <code><a href="#the-map-element">map</a></code>.</p> + <p>Returns an <code><a href="infrastructure.html#htmlcollection">HTMLCollection</a></code> of the <code><a href="the-img-element.html#the-img-element">img</a></code> and <code><a href="the-object-element.html#the-object-element">object</a></code> elements that use the <code><a href="#the-map-element">map</a></code>.</p> </dd> @@ -384,14 +385,14 @@ <p>The <dfn id="dom-map-areas" title="dom-map-areas"><code>areas</code></dfn> attribute must return an <code><a href="infrastructure.html#htmlcollection">HTMLCollection</a></code> rooted at the <code><a href="#the-map-element">map</a></code> element, whose filter matches only - <code><a href="#the-area-element">area</a></code> elements.</p> + <code><a href="the-area-element.html#the-area-element">area</a></code> elements.</p> <p>The <dfn id="dom-map-images" title="dom-map-images"><code>images</code></dfn> attribute must return an <code><a href="infrastructure.html#htmlcollection">HTMLCollection</a></code> rooted at the <code><a href="dom.html#document">Document</a></code> node, whose filter matches only - <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 that are + <code><a href="the-img-element.html#the-img-element">img</a></code> and <code><a href="the-object-element.html#the-object-element">object</a></code> elements that are associated with this <code><a href="#the-map-element">map</a></code> element according to the - <a href="#image-map">image map</a> processing model.</p> + <a href="image-maps.html#image-map">image map</a> processing model.</p> <p>The IDL attribute <dfn id="dom-map-name" title="dom-map-name"><code>name</code></dfn> must <a href="common-dom-interfaces.html#reflect">reflect</a> the content attribute of the same name.</p> @@ -426,552 +427,4 @@ </MAP> </FOOTER></pre> - </div><h4 id="the-area-element"><span class="secno">4.8.13 </span>The <dfn><code>area</code></dfn> element</h4><dl class="element"><dt>Categories</dt> - <dd><a href="content-models.html#flow-content">Flow content</a>.</dd> - <dd><a href="content-models.html#phrasing-content">Phrasing content</a>.</dd> - <dt>Contexts in which this element can be used:</dt> - <dd>Where <a href="content-models.html#phrasing-content">phrasing content</a> is expected, but only if there is a <code><a href="#the-map-element">map</a></code> element ancestor.</dd> - <dt>Content model:</dt> - <dd>Empty.</dd> - <dt>Content attributes:</dt> - <dd><a href="elements.html#global-attributes">Global attributes</a></dd> - <dd><code title="attr-area-alt"><a href="#attr-area-alt">alt</a></code></dd> - <dd><code title="attr-area-coords"><a href="#attr-area-coords">coords</a></code></dd> - <dd><code title="attr-area-shape"><a href="#attr-area-shape">shape</a></code></dd> - <dd><code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code></dd> - <dd><code title="attr-hyperlink-target"><a href="links.html#attr-hyperlink-target">target</a></code></dd> - <dd><code title="attr-hyperlink-rel"><a href="links.html#attr-hyperlink-rel">rel</a></code></dd> - <dd><code title="attr-hyperlink-media"><a href="links.html#attr-hyperlink-media">media</a></code></dd> - <dd><code title="attr-hyperlink-hreflang"><a href="links.html#attr-hyperlink-hreflang">hreflang</a></code></dd> - <dd><code title="attr-hyperlink-type"><a href="links.html#attr-hyperlink-type">type</a></code></dd> - <dt>DOM interface:</dt> - <dd> -<pre class="idl">interface <dfn id="htmlareaelement">HTMLAreaElement</dfn> : <a href="elements.html#htmlelement">HTMLElement</a> { - attribute DOMString <a href="#dom-area-alt" title="dom-area-alt">alt</a>; - attribute DOMString <a href="#dom-area-coords" title="dom-area-coords">coords</a>; - attribute DOMString <a href="#dom-area-shape" title="dom-area-shape">shape</a>; - stringifier attribute DOMString <a href="#dom-area-href" title="dom-area-href">href</a>; - attribute DOMString <a href="#dom-area-target" title="dom-area-target">target</a>; - attribute DOMString <a href="#dom-area-rel" title="dom-area-rel">rel</a>; - readonly attribute <a href="infrastructure.html#domtokenlist">DOMTokenList</a> <a href="#dom-area-rellist" title="dom-area-relList">relList</a>; - attribute DOMString <a href="#dom-area-media" title="dom-area-media">media</a>; - attribute DOMString <a href="#dom-area-hreflang" title="dom-area-hreflang">hreflang</a>; - attribute DOMString <a href="#dom-area-type" title="dom-area-type">type</a>; - - // <a href="urls.html#url-decomposition-idl-attributes">URL decomposition IDL attributes</a> - attribute DOMString <a href="#dom-area-protocol" title="dom-area-protocol">protocol</a>; - attribute DOMString <a href="#dom-area-host" title="dom-area-host">host</a>; - attribute DOMString <a href="#dom-area-hostname" title="dom-area-hostname">hostname</a>; - attribute DOMString <a href="#dom-area-port" title="dom-area-port">port</a>; - attribute DOMString <a href="#dom-area-pathname" title="dom-area-pathname">pathname</a>; - attribute DOMString <a href="#dom-area-search" title="dom-area-search">search</a>; - attribute DOMString <a href="#dom-area-hash" title="dom-area-hash">hash</a>; -};</pre> - </dd> - </dl><p>The <code><a href="#the-area-element">area</a></code> element <a href="rendering.html#represents">represents</a> either a - hyperlink with some text and a corresponding area on an <a href="#image-map">image - map</a>, or a dead area on an image map.</p><p>If the <code><a href="#the-area-element">area</a></code> element has an <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> attribute, then the - <code><a href="#the-area-element">area</a></code> element represents a <a href="links.html#hyperlink">hyperlink</a>. In - this case, the <dfn id="attr-area-alt" title="attr-area-alt"><code>alt</code></dfn> - attribute must be present. It specifies the text of the - hyperlink. Its value must be text that, when presented with the - texts specified for the other hyperlinks of the <a href="#image-map">image - map</a>, and with the alternative text of the image, but without - the image itself, provides the user with the same kind of choice as - the hyperlink would when used without its text but with its shape - applied to the image. The <code title="attr-area-alt"><a href="#attr-area-alt">alt</a></code> - attribute may be left blank if there is another <code><a href="#the-area-element">area</a></code> - element in the same <a href="#image-map">image map</a> that points to the same - resource and has a non-blank <code title="attr-area-alt"><a href="#attr-area-alt">alt</a></code> - attribute.</p><p>If the <code><a href="#the-area-element">area</a></code> element has no <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> attribute, then the area - represented by the element cannot be selected, and the <code title="attr-area-alt"><a href="#attr-area-alt">alt</a></code> attribute must be omitted.</p><p>In both cases, the <code title="attr-area-shape"><a href="#attr-area-shape">shape</a></code> and - <code title="attr-area-coords"><a href="#attr-area-coords">coords</a></code> attributes specify the - area.</p><p>The <dfn id="attr-area-shape" title="attr-area-shape"><code>shape</code></dfn> - attribute is an <a href="common-microsyntaxes.html#enumerated-attribute">enumerated attribute</a>. The following - table lists the keywords defined for this attribute. The states - given in the first cell of the rows with keywords give the states to - which those keywords map. <span class="impl">Some of the keywords - are non-conforming, as noted in the last column.</span></p><table><thead><tr><th>State - </th><th>Keywords - </th><th class="impl">Notes - </th></tr></thead><tbody><tr><td rowspan="2"><a href="#attr-area-shape-circle" title="attr-area-shape-circle">Circle state</a> - </td><td><dfn id="attr-area-shape-keyword-circle" title="attr-area-shape-keyword-circle"><code>circle</code></dfn> - </td><td class="impl"> - </td></tr><tr><td class="impl"><dfn id="attr-area-shape-keyword-circ" title="attr-area-shape-keyword-circ"><code>circ</code></dfn> - </td><td class="impl">Non-conforming - </td></tr><tr><td><a href="#attr-area-shape-default" title="attr-area-shape-default">Default state</a> - </td><td><dfn id="attr-area-shape-keyword-default" title="attr-area-shape-keyword-default"><code>default</code></dfn> - </td><td class="impl"> - </td></tr><tr><td rowspan="2"><a href="#attr-area-shape-poly" title="attr-area-shape-poly">Polygon state</a> - </td><td><dfn id="attr-area-shape-keyword-poly" title="attr-area-shape-keyword-poly"><code>poly</code></dfn> - </td><td class="impl"> - </td></tr><tr><td class="impl"><dfn id="attr-area-shape-keyword-polygon" title="attr-area-shape-keyword-polygon"><code>polygon</code></dfn> - </td><td class="impl">Non-conforming - </td></tr><tr><td rowspan="2"><a href="#attr-area-shape-rect" title="attr-area-shape-rect">Rectangle state</a> - </td><td><dfn id="attr-area-shape-keyword-rect" title="attr-area-shape-keyword-rect"><code>rect</code></dfn> - </td><td class="impl"> - </td></tr><tr><td class="impl"><dfn id="attr-area-shape-keyword-rectangle" title="attr-area-shape-keyword-rectangle"><code>rectangle</code></dfn> - </td><td class="impl">Non-conforming - </td></tr></tbody></table><p>The attribute may be omitted. The <i>missing value default</i> is - the <a href="#attr-area-shape-rect" title="attr-area-shape-rect">rectangle</a> state.</p><p>The <dfn id="attr-area-coords" title="attr-area-coords"><code>coords</code></dfn> - attribute must, if specified, contain a <a href="common-microsyntaxes.html#valid-list-of-integers">valid list of - integers</a>. This attribute gives the coordinates for the shape - described by the <code title="attr-area-shape"><a href="#attr-area-shape">shape</a></code> - attribute. <span class="impl">The processing for this attribute is - described as part of the <a href="#image-map">image map</a> processing - model.</span></p><p>In the <dfn id="attr-area-shape-circle" title="attr-area-shape-circle">circle state</dfn>, - <code><a href="#the-area-element">area</a></code> elements must have a <code title="attr-area-coords"><a href="#attr-area-coords">coords</a></code> attribute present, with three - integers, the last of which must be non-negative. The first integer - must be the distance in CSS pixels from the left edge of the image - to the center of the circle, the second integer must be the distance - in CSS pixels from the top edge of the image to the center of the - circle, and the third integer must be the radius of the circle, - again in CSS pixels.</p><p>In the <dfn id="attr-area-shape-default" title="attr-area-shape-default">default state</dfn> - state, <code><a href="#the-area-element">area</a></code> elements must not have a <code title="attr-area-coords"><a href="#attr-area-coords">coords</a></code> attribute. (The area is the - whole image.)</p><p>In the <dfn id="attr-area-shape-poly" title="attr-area-shape-poly">polygon state</dfn>, - <code><a href="#the-area-element">area</a></code> elements must have a <code title="attr-area-coords"><a href="#attr-area-coords">coords</a></code> attribute with at least six - integers, and the number of integers must be even. Each pair of - integers must represent a coordinate given as the distances from the - left and the top of the image in CSS pixels respectively, and all - the coordinates together must represent the points of the polygon, - in order.</p><p>In the <dfn id="attr-area-shape-rect" title="attr-area-shape-rect">rectangle state</dfn>, - <code><a href="#the-area-element">area</a></code> elements must have a <code title="attr-area-coords"><a href="#attr-area-coords">coords</a></code> attribute with exactly four - integers, the first of which must be less than the third, and the - second of which must be less than the fourth. The four points must - represent, respectively, the distance from the left edge of the - image to the left side of the rectangle, the distance from the - top edge to the top side, the distance from the left edge to the - right side, and the distance from the top edge to the bottom side, - all in CSS pixels.</p><div class="impl"> - - <p>When user agents allow users to <a href="links.html#following-hyperlinks" title="following - hyperlinks">follow hyperlinks</a> - created using the <code><a href="#the-area-element">area</a></code> element, as described in the - next section, the - <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code>, - <code title="attr-hyperlink-target"><a href="links.html#attr-hyperlink-target">target</a></code>, - attributes decide how the link is followed. - The <code title="attr-hyperlink-rel"><a href="links.html#attr-hyperlink-rel">rel</a></code>, - <code title="attr-hyperlink-media"><a href="links.html#attr-hyperlink-media">media</a></code>, <code title="attr-hyperlink-hreflang"><a href="links.html#attr-hyperlink-hreflang">hreflang</a></code>, and <code title="attr-hyperlink-type"><a href="links.html#attr-hyperlink-type">type</a></code> attributes may be used to - indicate to the user the likely nature of the target resource before - the user follows the link.</p> - - </div><p>The <code title="attr-hyperlink-target"><a href="links.html#attr-hyperlink-target">target</a></code>, - <code title="attr-hyperlink-rel"><a href="links.html#attr-hyperlink-rel">rel</a></code>, <code title="attr-hyperlink-media"><a href="links.html#attr-hyperlink-media">media</a></code>, <code title="attr-hyperlink-hreflang"><a href="links.html#attr-hyperlink-hreflang">hreflang</a></code>, and <code title="attr-hyperlink-type"><a href="links.html#attr-hyperlink-type">type</a></code> attributes must be omitted - if the <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> attribute is - not present.</p><div class="impl"> - - <p>The <a href="content-models.html#activation-behavior">activation behavior</a> of <code><a href="#the-area-element">area</a></code> - elements is to run the following steps:</p> - - <ol><li><p>If the <code title="event-click"><a href="infrastructure.html#event-click">click</a></code> event in - question is not <a href="infrastructure.html#concept-events-trusted" title="concept-events-trusted">trusted</a> - (i.e. a <code title="dom-click"><a href="editing.html#dom-click">click()</a></code> method call was the - reason for the event being dispatched), and the <code><a href="#the-area-element">area</a></code> - element's <code title="attr-hyperlink-target"><a href="links.html#attr-hyperlink-target">target</a></code> - attribute is present and applying <a href="browsers.html#the-rules-for-choosing-a-browsing-context-given-a-browsing-context-name">the rules for choosing a - browsing context given a browsing context name</a>, using the - value of the <code title="attr-hyperlink-target"><a href="links.html#attr-hyperlink-target">target</a></code> - attribute as the browsing context name, would result in there not - being a chosen browsing context, then throw an - <code><a href="infrastructure.html#invalidaccesserror">InvalidAccessError</a></code> exception and abort these - steps.</p></li> - - <li><p>Otherwise, the user agent must <a href="links.html#following-hyperlinks" title="following - hyperlinks">follow the hyperlink</a> - created by the <code><a href="#the-area-element">area</a></code> element, if any, and as determined by - any expressed user preference.</p></li> - - </ol><p>The IDL attributes <dfn id="dom-area-alt" title="dom-area-alt"><code>alt</code></dfn>, <dfn id="dom-area-coords" title="dom-area-coords"><code>coords</code></dfn>, <dfn id="dom-area-href" title="dom-area-href"><code>href</code></dfn>, <dfn id="dom-area-target" title="dom-area-target"><code>target</code></dfn>, - <dfn id="dom-area-rel" title="dom-area-rel"><code>rel</code></dfn>, <dfn id="dom-area-media" title="dom-area-media"><code>media</code></dfn>, <dfn id="dom-area-hreflang" title="dom-area-hreflang"><code>hreflang</code></dfn>, and <dfn id="dom-area-type" title="dom-area-type"><code>type</code></dfn>, each must - <a href="common-dom-interfaces.html#reflect">reflect</a> the respective content attributes of the same - name.</p> - - <p>The IDL attribute <dfn id="dom-area-shape" title="dom-area-shape"><code>shape</code></dfn> must - <a href="common-dom-interfaces.html#reflect">reflect</a> the <code title="attr-area-shape"><a href="#attr-area-shape">shape</a></code> - content attribute.</p> - - <p>The IDL attribute <dfn id="dom-area-rellist" title="dom-area-rellist"><code>relList</code></dfn> must - <a href="common-dom-interfaces.html#reflect">reflect</a> the <code title="attr-hyperlink-rel"><a href="links.html#attr-hyperlink-rel">rel</a></code> - content attribute.</p> - - <p>The <code><a href="#the-area-element">area</a></code> element also supports the complement of - <a href="urls.html#url-decomposition-idl-attributes">URL decomposition IDL attributes</a>, <dfn id="dom-area-protocol" title="dom-area-protocol"><code>protocol</code></dfn>, <dfn id="dom-area-host" title="dom-area-host"><code>host</code></dfn>, <dfn id="dom-area-port" title="dom-area-port"><code>port</code></dfn>, <dfn id="dom-area-hostname" title="dom-area-hostname"><code>hostname</code></dfn>, <dfn id="dom-area-pathname" title="dom-area-pathname"><code>pathname</code></dfn>, <dfn id="dom-area-search" title="dom-area-search"><code>search</code></dfn>, and <dfn id="dom-area-hash" title="dom-area-hash"><code>hash</code></dfn>. These must follow the - rules given for <a href="urls.html#url-decomposition-idl-attributes">URL decomposition IDL attributes</a>, with - the <a href="urls.html#concept-uda-input" title="concept-uda-input">input</a> being the result of - <a href="urls.html#resolve-a-url" title="resolve a url">resolving</a> the element's <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> attribute relative to the - element, if there is such an attribute and resolving it is - successful, or the empty string otherwise; and the <a href="urls.html#concept-uda-setter" title="concept-uda-setter">common setter action</a> being the - same as setting the element's <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> attribute to the new output - value.</p> - - </div><h4 id="image-maps"><span class="secno">4.8.14 </span>Image maps</h4><div class="impl"> - - <h5 id="authoring"><span class="secno">4.8.14.1 </span>Authoring</h5> - - </div><p>An <dfn id="image-map">image map</dfn> allows geometric areas on an image to be - associated with <a href="links.html#hyperlink" title="hyperlink">hyperlinks</a>.</p><p>An image, in the form of an <code><a href="embedded-content-1.html#the-img-element">img</a></code> element or an - <code><a href="the-iframe-element.html#the-object-element">object</a></code> element representing an image, may be associated - with an image map (in the form of a <code><a href="#the-map-element">map</a></code> element) by - specifying a <dfn id="attr-hyperlink-usemap" title="attr-hyperlink-usemap"><code>usemap</code></dfn> attribute on - the <code><a href="embedded-content-1.html#the-img-element">img</a></code> or <code><a href="the-iframe-element.html#the-object-element">object</a></code> element. The <code title="attr-hyperlink-usemap"><a href="#attr-hyperlink-usemap">usemap</a></code> attribute, if specified, - must be a <a href="common-microsyntaxes.html#valid-hash-name-reference">valid hash-name reference</a> to a - <code><a href="#the-map-element">map</a></code> element.</p><div class="example"> - - <p>Consider an image that looks as follows:</p> - - <p><img alt="A line with four shapes in it, equally spaced: a red hollow box, a green circle, a blue triangle, and a yellow four-pointed star." height="150" src="http://dev.w3.org/html5/spec/images/sample-usemap.png" width="600"></p> - - <p>If we wanted just the colored areas to be clickable, we could - do it as follows:</p> - - <pre><p> - Please select a shape: - <img src="shapes.png" usemap="#shapes" - alt="Four shapes are available: a red hollow box, a green circle, a blue triangle, and a yellow four-pointed star."> - <map name="shapes"> - <area shape=rect coords="50,50,100,100"> <!-- the hole in the red box --> - <area shape=rect coords="25,25,125,125" href="red.html" alt="Red box."> - <area shape=circle coords="200,75,50" href="green.html" alt="Green circle."> - <area shape=poly coords="325,25,262,125,388,125" href="blue.html" alt="Blue triangle."> - <area shape=poly coords="450,25,435,60,400,75,435,90,450,125,465,90,500,75,465,60" - href="yellow.html" alt="Yellow star."> - </map> -</p></pre> - - </div><div class="impl"> - - <h5 id="processing-model"><span class="secno">4.8.14.2 </span>Processing model</h5> - - <p>If an <code><a href="embedded-content-1.html#the-img-element">img</a></code> element or an <code><a href="the-iframe-element.html#the-object-element">object</a></code> element - representing an image has a <code title="attr-hyperlink-usemap"><a href="#attr-hyperlink-usemap">usemap</a></code> attribute specified, - user agents must process it as follows:</p> - - <ol><li><p>First, <a href="common-microsyntaxes.html#rules-for-parsing-a-hash-name-reference">rules for parsing a hash-name reference</a> - to a <code><a href="#the-map-element">map</a></code> element must be followed. This will return - either an element (the <var title="">map</var>) or null.</p></li> - - <li><p>If that returned null, then abort these steps. The image is - not associated with an image map after all.</p></li> - - <li><p>Otherwise, the user agent must collect all the - <code><a href="#the-area-element">area</a></code> elements that are descendants of the <var title="">map</var>. Let those be the <var title="">areas</var>.</p></li> - - </ol><p>Having obtained the list of <code><a href="#the-area-element">area</a></code> elements that form - the image map (the <var title="">areas</var>), interactive user - agents must process the list in one of two ways.</p> - - <p>If the user agent intends to show the text that the - <code><a href="embedded-content-1.html#the-img-element">img</a></code> element represents, then it must use the following - steps.</p> - - <p class="note">In user agents that do not support images, or that - have images disabled, <code><a href="the-iframe-element.html#the-object-element">object</a></code> elements cannot represent - images, and thus this section never applies (the <a href="content-models.html#fallback-content">fallback - content</a> is shown instead). The following steps therefore only - apply to <code><a href="embedded-content-1.html#the-img-element">img</a></code> elements.</p> - - <ol><li><p>Remove all the <code><a href="#the-area-element">area</a></code> elements in <var title="">areas</var> that have no <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> attribute.</p></li> - - <li><p>Remove all the <code><a href="#the-area-element">area</a></code> elements in <var title="">areas</var> that have no <code title="attr-area-alt"><a href="#attr-area-alt">alt</a></code> attribute, or whose <code title="attr-area-alt"><a href="#attr-area-alt">alt</a></code> attribute's value is the empty - string, <em>if</em> there is another <code><a href="#the-area-element">area</a></code> element in - <var title="">areas</var> with the same value in the <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> attribute and with a - non-empty <code title="attr-area-alt"><a href="#attr-area-alt">alt</a></code> attribute.</p></li> - - <li><p>Each remaining <code><a href="#the-area-element">area</a></code> element in <var title="">areas</var> represents a <a href="links.html#hyperlink">hyperlink</a>. Those - hyperlinks should all be made available to the user in a manner - associated with the text of the <code><a href="embedded-content-1.html#the-img-element">img</a></code>.</p> - - <p>In this context, user agents may represent <code><a href="#the-area-element">area</a></code> and - <code><a href="embedded-content-1.html#the-img-element">img</a></code> elements with no specified <code title="">alt</code> attributes, or whose <code title="">alt</code> - attributes are the empty string or some other non-visible text, in - a user-agent-defined fashion intended to indicate the lack of - suitable author-provided text.</p></li> - - </ol><p>If the user agent intends to show the image and allow interaction - with the image to select hyperlinks, then the image must be - associated with a set of layered shapes, taken from the - <code><a href="#the-area-element">area</a></code> elements in <var title="">areas</var>, in reverse - tree order (so the last specified <code><a href="#the-area-element">area</a></code> element in the - <var title="">map</var> is the bottom-most shape, and the first - element in the <var title="">map</var>, in tree order, is the - top-most shape).</p> - - <p>Each <code><a href="#the-area-element">area</a></code> element in <var title="">areas</var> must - be processed as follows to obtain a shape to layer onto the - image:</p> - - <ol><li><p>Find the state that the element's <code title="attr-area-shape"><a href="#attr-area-shape">shape</a></code> attribute represents.</p></li> - - <li><p>Use the <a href="common-microsyntaxes.html#rules-for-parsing-a-list-of-integers">rules for parsing a list of integers</a> to - parse the element's <code title="attr-area-coords"><a href="#attr-area-coords">coords</a></code> - attribute, if it is present, and let the result be the <var title="">coords</var> list. If the attribute is absent, let the - <var title="">coords</var> list be the empty list.</p></li> - - <li><p>If the number of items in the <var title="">coords</var> - list is less than the minimum number given for the - <code><a href="#the-area-element">area</a></code> element's current state, as per the following - table, then the shape is empty; abort these steps.</p> - <table><thead><tr><th>State - </th><th>Minimum number of items - </th></tr></thead><tbody><tr><td><a href="#attr-area-shape-circle" title="attr-area-shape-circle">Circle state</a> - </td><td>3 - </td></tr><tr><td><a href="#attr-area-shape-default" title="attr-area-shape-default">Default state</a> - </td><td>0 - </td></tr><tr><td><a href="#attr-area-shape-poly" title="attr-area-shape-poly">Polygon state</a> - </td><td>6 - </td></tr><tr><td><a href="#attr-area-shape-rect" title="attr-area-shape-rect">Rectangle state</a> - </td><td>4 - </td></tr></tbody></table></li> - - <li><p>Check for excess items in the <var title="">coords</var> - list as per the entry in the following list corresponding to the - <code title="attr-area-shape"><a href="#attr-area-shape">shape</a></code> attribute's state:</p> - <dl class="switch"><dt><a href="#attr-area-shape-circle" title="attr-area-shape-circle">Circle state</a></dt> - <dd>Drop any items in the list beyond the third.</dd> - <dt><a href="#attr-area-shape-default" title="attr-area-shape-default">Default state</a></dt> - <dd>Drop all items in the list.</dd> - <dt><a href="#attr-area-shape-poly" title="attr-area-shape-poly">Polygon state</a></dt> - <dd>Drop the last item if there's an odd number of items.</dd> - <dt><a href="#attr-area-shape-rect" title="attr-area-shape-rect">Rectangle state</a></dt> - <dd>Drop any items in the list beyond the fourth.</dd> - </dl></li> - - <li><p>If the <code title="attr-area-shape"><a href="#attr-area-shape">shape</a></code> attribute - represents the <a href="#attr-area-shape-rect" title="attr-area-shape-rect">rectangle - state</a>, and the first number in the list is numerically less - than the third number in the list, then swap those two numbers - around.</p></li> - - <li><p>If the <code title="attr-area-shape"><a href="#attr-area-shape">shape</a></code> attribute - represents the <a href="#attr-area-shape-rect" title="attr-area-shape-rect">rectangle - state</a>, and the second number in the list is numerically less - than the fourth number in the list, then swap those two numbers - around.</p></li> - - <li><p>If the <code title="attr-area-shape"><a href="#attr-area-shape">shape</a></code> attribute - represents the <a href="#attr-area-shape-circle" title="attr-area-shape-circle">circle - state</a>, and the third number in the list is less than or - equal to zero, then the shape is empty; abort these steps.</p></li> - - <li><p>Now, the shape represented by the element is the one - described for the entry in the list below corresponding to the - state of the <code title="attr-area-shape"><a href="#attr-area-shape">shape</a></code> - attribute:</p> - - <dl class="switch"><dt><a href="#attr-area-shape-circle" title="attr-area-shape-circle">Circle state</a></dt> - <dd> - <p>Let <var title="">x</var> be the first number in <var title="">coords</var>, <var title="">y</var> be the second - number, and <var title="">r</var> be the third number.</p> - <p>The shape is a circle whose center is <var title="">x</var> - CSS pixels from the left edge of the image and <var title="">y</var> CSS pixels from the top edge of the image, and - whose radius is <var title="">r</var> pixels.</p> - </dd> - - <dt><a href="#attr-area-shape-default" title="attr-area-shape-default">Default state</a></dt> - <dd> - <p>The shape is a rectangle that exactly covers the entire - image.</p> - </dd> - - <dt><a href="#attr-area-shape-poly" title="attr-area-shape-poly">Polygon state</a></dt> - <dd> - - <p>Let <var title="">x<sub title=""><var title="">i</var></sub></var> be the <span title="">(2<var title="">i</var>)</span>th entry in <var title="">coords</var>, - and <var title="">y<sub title=""><var title="">i</var></sub></var> be the <span title="">(2<var title="">i</var>+1)</span>th entry in <var title="">coords</var> - (the first entry in <var title="">coords</var> being the one - with index 0).</p> - - <p>Let <var title="">the coordinates</var> be (<var title="">x<sub title=""><var title="">i</var></sub></var>, <var title="">y<sub title=""><var title="">i</var></sub></var>), - interpreted in CSS pixels measured from the top left of the - image, for all integer values of <var title="">i</var> from 0 to - <span title="">(<var title="">N</var>/2)-1</span>, where <var title="">N</var> is the number of items in <var title="">coords</var>.</p> - - <p>The shape is a polygon whose vertices are given by <var title="">the coordinates</var>, and whose interior is - established using the even-odd rule. <a href="references.html#refsGRAPHICS">[GRAPHICS]</a></p> - - - </dd> - - <dt><a href="#attr-area-shape-rect" title="attr-area-shape-rect">Rectangle state</a></dt> - - <dd> - - <p>Let <var title="">x<sub title="">1</sub></var> be the first - number in <var title="">coords</var>, <var title="">y<sub title="">1</sub></var> be the second number, <var title="">x<sub title="">2</sub></var> be the third number, and <var title="">y<sub title="">2</sub></var> be the fourth number.</p> - - <p>The shape is a rectangle whose top-left corner is given by - the coordinate (<var title="">x<sub title="">1</sub></var>, <var title="">y<sub title="">1</sub></var>) and whose bottom right - corner is given by the coordinate (<var title="">x<sub title="">2</sub></var>, <var title="">y<sub title="">2</sub></var>), those coordinates being interpreted as - CSS pixels from the top left corner of the image.</p> - - </dd> - - </dl><p>For historical reasons, the coordinates must be interpreted - relative to the <em>displayed</em> image after any stretching - caused by the CSS 'width' and 'height' properties (or, for non-CSS - browsers, the image element's <code title="">width</code> and - <code title="">height</code> attributes — CSS browsers map - those attributes to the aforementioned CSS properties).</p> - - <p class="note">Browser zoom features and transforms applied using - CSS or SVG do not affect the coordinates.</p> - - </li> - - </ol><p>Pointing device interaction with an image associated with a set - of layered shapes per the above algorithm must result in the - relevant user interaction events being first fired to the top-most - shape covering the point that the pointing device indicated, if any, - or to the image element itself, if there is no shape covering that - point. User agents may also allow individual <code><a href="#the-area-element">area</a></code> - elements representing <a href="links.html#hyperlink" title="hyperlink">hyperlinks</a> to - be selected and activated (e.g. using a keyboard).</p> - - <p class="note">Because a <code><a href="#the-map-element">map</a></code> element (and its - <code><a href="#the-area-element">area</a></code> elements) can be associated with multiple - <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, it is possible - for an <code><a href="#the-area-element">area</a></code> element to correspond to multiple focusable - areas of the document.</p> - - <p>Image maps are <a href="infrastructure.html#live">live</a>; if the DOM is mutated, then the - user agent must act as if it had rerun the algorithms for image - maps.</p> - - </div><h4 id="mathml"><span class="secno">4.8.15 </span>MathML</h4><p>The <dfn id="math"><code>math</code></dfn> element from the <a href="namespaces.html#mathml-namespace">MathML - namespace</a> falls into the <a href="content-models.html#embedded-content">embedded content</a>, - <a href="content-models.html#phrasing-content">phrasing content</a>, and <a href="content-models.html#flow-content">flow content</a> - categories for the purposes of the content models in this - specification.</p><div class="impl"> - - - - <p>User agents must handle text other than <a href="content-models.html#inter-element-whitespace">inter-element - whitespace</a> found in MathML elements whose content models do - not allow straight text by pretending for the purposes of MathML - content models, layout, and rendering that that text is actually - wrapped in an <code title="">mtext</code> element in the - <a href="namespaces.html#mathml-namespace">MathML namespace</a>. (Such text is not, however, - conforming.)</p> - - <p>User agents must act as if any MathML element whose contents does - not match the element's content model was replaced, for the purposes - of MathML layout and rendering, by an <code title="">merror</code> - element in the <a href="namespaces.html#mathml-namespace">MathML namespace</a> containing some - appropriate error message.</p> - - <p>To enable authors to use MathML tools that only accept MathML in - its XML form, interactive HTML user agents are encouraged to provide - a way to export any MathML fragment as an XML namespace-well-formed - XML fragment.</p> - - </div><p>The semantics of MathML elements are defined by the MathML - specification and <a href="infrastructure.html#other-applicable-specifications">other applicable specifications</a>. <a href="references.html#refsMATHML">[MATHML]</a></p><div class="example"> - - <p>Here is an example of the use of MathML in an HTML document:</p> - - <pre><!DOCTYPE html> -<html> - <head> - <title>The quadratic formula</title> - </head> - <body> - <h1>The quadratic formula</h1> - <p> - <math> - <mi>x</mi> - <mo>=</mo> - <mfrac> - <mrow> - <mo form="prefix">−</mo> <mi>b</mi> - <mo>±</mo> - <msqrt> - <msup> <mi>b</mi> <mn>2</mn> </msup> - <mo>−</mo> - <mn>4</mn> <mo>⁢</mo> <mi>a</mi> <mo>⁢</mo> <mi>c</mi> - </msqrt> - </mrow> - <mrow> - <mn>2</mn> <mo>⁢</mo> <mi>a</mi> - </mrow> - </mfrac> - </math> - </p> - </body> -</html></pre> - - </div><h4 id="svg-0"><span class="secno">4.8.16 </span>SVG</h4><p>The <dfn id="svg"><code>svg</code></dfn> element from the <a href="namespaces.html#svg-namespace">SVG - namespace</a> falls into the <a href="content-models.html#embedded-content">embedded content</a>, - <a href="content-models.html#phrasing-content">phrasing content</a>, and <a href="content-models.html#flow-content">flow content</a> - categories for the purposes of the content models in this - specification.</p><div class="impl"> - - <p>To enable authors to use SVG tools that only accept SVG in its - XML form, interactive HTML user agents are encouraged to provide a - way to export any SVG fragment as an XML namespace-well-formed XML - fragment.</p> - - </div><p>When the SVG <code title="">foreignObject</code> element contains - elements from the <a href="namespaces.html#html-namespace-0">HTML namespace</a>, such elements must - all be <a href="content-models.html#flow-content">flow content</a>. <a href="references.html#refsSVG">[SVG]</a></p><p>The content model for <code title="">title</code> elements in the - <a href="namespaces.html#svg-namespace">SVG namespace</a> inside <a href="infrastructure.html#html-documents">HTML documents</a> is - <a href="content-models.html#phrasing-content">phrasing content</a>. (This further constrains the - requirements given in the SVG specification.)</p><p>The semantics of SVG elements are defined by the SVG - specification and <a href="infrastructure.html#other-applicable-specifications">other applicable specifications</a>. <a href="references.html#refsSVG">[SVG]</a></p><p>The SVG specification includes requirements regarding the - handling of elements in the DOM that are not in the SVG namespace, - that are in SVG fragments, and that are not included in a - <code title="">foreignObject</code> element. <em>This</em> - specification does not define any processing for elements in SVG - fragments that are not in the HTML namespace; they are considered - neither conforming nor non-conforming from the perspective of this - specification.</p><h4 id="dimension-attributes"><span class="secno">4.8.17 </span><dfn>Dimension attributes</dfn></h4><p><span class="impl"><strong>Author requirements</strong>:</span> - The <dfn id="attr-dim-width" title="attr-dim-width"><code>width</code></dfn> and <dfn id="attr-dim-height" title="attr-dim-height"><code>height</code></dfn> attributes on - <code><a href="embedded-content-1.html#the-img-element">img</a></code>, <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code>, <code><a href="the-iframe-element.html#the-embed-element">embed</a></code>, - <code><a href="the-iframe-element.html#the-object-element">object</a></code>, <code><a href="the-iframe-element.html#the-video-element">video</a></code>, and, when their <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#image-button-state" title="attr-input-type-image">Image Button</a> state, - <code><a href="the-input-element.html#the-input-element">input</a></code> elements may be specified to give the dimensions - of the visual content of the element (the width and height - respectively, relative to the nominal direction of the output - medium), in CSS pixels. The attributes, if specified, must have - values that are <a href="common-microsyntaxes.html#valid-non-negative-integer" title="valid non-negative integer">valid - non-negative integers</a>.</p><p>The specified dimensions given may differ from the dimensions - specified in the resource itself, since the resource may have a - resolution that differs from the CSS pixel resolution. (On screens, - CSS pixels have a resolution of 96ppi, but in general the CSS pixel - resolution depends on the reading distance.) If both attributes are - specified, then one of the following statements must be true:</p><ul><li><span title=""><var title="">specified width</var> - 0.5 ≤ - <var title="">specified height</var> * <var title="">target ratio</var> ≤ - <var title="">specified width</var> + 0.5</span></li> - - <li><span title=""><var title="">specified height</var> - 0.5 ≤ - <var title="">specified width</var> / <var title="">target ratio</var> ≤ - <var title="">specified height</var> + 0.5</span></li> - - <li><span title=""><var title="">specified height</var> = <var title="">specified width</var> = 0</span></li> - - </ul><p>The <var title="">target ratio</var> is the ratio of the - intrinsic width to the intrinsic height in the resource. The <var title="">specified width</var> and <var title="">specified - height</var> are the values of the <code title="attr-dim-width"><a href="#attr-dim-width">width</a></code> and <code title="attr-dim-height"><a href="#attr-dim-height">height</a></code> attributes respectively.</p><p>The two attributes must be omitted if the resource in question - does not have both an intrinsic width and an intrinsic height.</p><p>If the two attributes are both zero, it indicates that the - element is not intended for the user (e.g. it might be a part of a - service to count page views).</p><p class="note">The dimension attributes are not intended to be used - to stretch the image.</p><div class="impl"> - - <p><strong>User agent requirements</strong>: User agents are - expected to use these attributes <a href="rendering.html#dimRendering">as hints - for the rendering</a>.</p> - - <p>The <dfn id="dom-dim-width" title="dom-dim-width"><code>width</code></dfn> and <dfn id="dom-dim-height" title="dom-dim-height"><code>height</code></dfn> IDL attributes on - the <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code>, <code><a href="the-iframe-element.html#the-embed-element">embed</a></code>, <code><a href="the-iframe-element.html#the-object-element">object</a></code>, - and <code><a href="the-iframe-element.html#the-video-element">video</a></code> elements must <a href="common-dom-interfaces.html#reflect">reflect</a> the - respective content attributes of the same name.</p> - - <p class="note">For <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code>, <code><a href="the-iframe-element.html#the-embed-element">embed</a></code>, and - <code><a href="the-iframe-element.html#the-object-element">object</a></code> the IDL attributes are <code>DOMString</code>; - for <code><a href="the-iframe-element.html#the-video-element">video</a></code> the IDL attributes are <code>unsigned - long</code>.</p> - - <p class="note">The corresponding IDL attributes for <code title="dom-img-height"><a href="embedded-content-1.html#dom-img-height">img</a></code> and <code title="dom-input-height"><a href="the-input-element.html#dom-input-height">input</a></code> elements are defined in those - respective elements' sections, as they are slightly more specific to - those elements' other behaviors.</p> - </div></body></html> \ No newline at end of file Index: the-canvas-element.html =================================================================== RCS file: /sources/public/html5/spec/the-canvas-element.html,v retrieving revision 1.925 retrieving revision 1.926 diff -u -d -r1.925 -r1.926 --- the-canvas-element.html 10 Dec 2011 06:02:15 -0000 1.925 +++ the-canvas-element.html 10 Dec 2011 06:15:48 -0000 1.926 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>4.8.11 The canvas element — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>4.8.11 The canvas element — HTML5</title><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; } @@ -319,19 +318,22 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="the-iframe-element.html" title="4.8.2 The iframe element" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> + <link href="media-elements.html" title="4.8.10 Media elements" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> <link href="the-map-element.html" title="4.8.12 The map element" rel="next"> - </head><body><div class="head" id="head"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="the-iframe-element.html" class="prev">4.8.2 The iframe element</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="the-map-element.html" class="next">4.8.12 The map element</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="media-elements.html">← 4.8.10 Media elements</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="the-map-element.html">4.8.12 The map element →</a> <ol class="toc"><li><ol><li><ol><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#color-spaces-and-color-correction"><span class="secno">4.8.11.1 </span>Color spaces and color correction</a></li><li><a href="the-canvas-element.html#security-with-canvas-elements"><span class="secno">4.8.11.2 </span>Security with <code>canvas</code> elements</a></li></ol></li></ol></li></ol></li></ol></div> + <ol><li><a href="the-canvas-element.html#color-spaces-and-color-correction"><span class="secno">4.8.11.1 </span>Color spaces and color correction</a></li><li><a href="the-canvas-element.html#security-with-canvas-elements"><span class="secno">4.8.11.2 </span>Security with <code>canvas</code> elements</a></li></ol></li></ol></li></ol></li></ol></nav> <h4 id="the-canvas-element"><span class="secno">4.8.11 </span>The <dfn id="canvas"><code>canvas</code></dfn> element</h4><dl class="element"><dt>Categories</dt> <dd><a href="content-models.html#flow-content">Flow content</a>.</dd> @@ -343,7 +345,7 @@ <dt>Content model:</dt> <dd><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><a href="global-attributes.html#global-attributes">Global attributes</a></dd> <dd><code title="attr-canvas-width"><a href="#attr-canvas-width">width</a></code></dd> <dd><code title="attr-canvas-height"><a href="#attr-canvas-height">height</a></code></dd> <dt>DOM interface:</dt> @@ -365,7 +367,7 @@ is inappropriate to use a <code><a href="#the-canvas-element">canvas</a></code> element to render a page heading: if the desired presentation of the heading is graphically intense, it should be marked up using appropriate - elements (typically <code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code>) and then styled using CSS and + elements (typically <code><a href="the-h1-h2-h3-h4-h5-and-h6-elements.html#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code>) and then styled using CSS and supporting technologies such as XBL.</p><p>When authors use the <code><a href="#the-canvas-element">canvas</a></code> element, they must also provide content that, when presented to the user, conveys essentially the same function or purpose as the bitmap canvas. This @@ -696,7 +698,7 @@ correction and color space information onto the canvas, to convert the image to the color space used by the canvas (e.g. using the 2D Context's <code title="dom-context-2d-drawImage">drawImage()</code> - method with an <code><a href="embedded-content-1.html#htmlimageelement">HTMLImageElement</a></code> object), and when + method with an <code><a href="the-img-element.html#htmlimageelement">HTMLImageElement</a></code> object), and when rendering the actual canvas bitmap to the output device.</p> <p class="note">Thus, in the 2D context, colors used to draw shapes @@ -716,7 +718,7 @@ <p>The gamma correction and color space information of images must be handled in such a way that an image rendered directly using an - <code><a href="embedded-content-1.html#the-img-element">img</a></code> element would use the same colors as one painted on + <code><a href="the-img-element.html#the-img-element">img</a></code> element would use the same colors as one painted on a <code><a href="#the-canvas-element">canvas</a></code> element that is then itself rendered. Furthermore, the rendering of images that have no color correction information (such as those returned by the <code title="dom-canvas-toDataURL"><a href="#dom-canvas-todataurl">toDataURL()</a></code> method) must be @@ -741,8 +743,8 @@ any of the following actions occur:</p> <ul><li><p>The element's 2D context's <code title="dom-context-2d-drawImage">drawImage()</code> method is - called with an <code><a href="embedded-content-1.html#htmlimageelement">HTMLImageElement</a></code> or an - <code><a href="the-iframe-element.html#htmlvideoelement">HTMLVideoElement</a></code> whose <a href="origin-0.html#origin">origin</a> is not the + called with an <code><a href="the-img-element.html#htmlimageelement">HTMLImageElement</a></code> or an + <code><a href="the-video-element.html#htmlvideoelement">HTMLVideoElement</a></code> whose <a href="origin-0.html#origin">origin</a> is not the <a href="origin-0.html#same-origin" title="same origin">same</a> as that of the <code><a href="dom.html#document">Document</a></code> object that owns the <code><a href="#the-canvas-element">canvas</a></code> element.</p></li> @@ -753,7 +755,7 @@ <li><p>The element's 2D context's <code title="dom-context-2d-fillStyle">fillStyle</code> attribute is set to a <code>CanvasPattern</code> object that was created from an - <code><a href="embedded-content-1.html#htmlimageelement">HTMLImageElement</a></code> or an <code><a href="the-iframe-element.html#htmlvideoelement">HTMLVideoElement</a></code> + <code><a href="the-img-element.html#htmlimageelement">HTMLImageElement</a></code> or an <code><a href="the-video-element.html#htmlvideoelement">HTMLVideoElement</a></code> whose <a href="origin-0.html#origin">origin</a> was not the <a href="origin-0.html#same-origin" title="same origin">same</a> as that of the <code><a href="dom.html#document">Document</a></code> object that owns the <code><a href="#the-canvas-element">canvas</a></code> element when the pattern was @@ -766,7 +768,7 @@ <li><p>The element's 2D context's <code title="dom-context-2d-strokeStyle">strokeStyle</code> attribute is set to a <code>CanvasPattern</code> object that was created from an - <code><a href="embedded-content-1.html#htmlimageelement">HTMLImageElement</a></code> or an <code><a href="the-iframe-element.html#htmlvideoelement">HTMLVideoElement</a></code> + <code><a href="the-img-element.html#htmlimageelement">HTMLImageElement</a></code> or an <code><a href="the-video-element.html#htmlvideoelement">HTMLVideoElement</a></code> whose <a href="origin-0.html#origin">origin</a> was not the <a href="origin-0.html#same-origin" title="same origin">same</a> as that of the <code><a href="dom.html#document">Document</a></code> object that owns the <code><a href="#the-canvas-element">canvas</a></code> element when the pattern was Index: tabular-data.html =================================================================== RCS file: /sources/public/html5/spec/tabular-data.html,v retrieving revision 1.1048 retrieving revision 1.1049 diff -u -d -r1.1048 -r1.1049 --- tabular-data.html 10 Dec 2011 06:02:14 -0000 1.1048 +++ tabular-data.html 10 Dec 2011 06:15:47 -0000 1.1049 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>4.9 Tabular data — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>4.9 Tabular data — HTML5</title><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; } @@ -319,2357 +318,20 @@ } </script> <script src="link-fixup.js"></script> [...2348 lines suppressed...] - <tr> <th scope=row> Percentage of net sales - <td> 3.4% <td> 3.3% <td> 3.7% - <tbody> - <tr> <th scope=rowgroup> Selling, general, and administrative - <td> $ 3,761 <td> $ 2,963 <td> $ 2,433 - <tr> <th scope=row> Percentage of net sales - <td> 11.6% <td> 12.3% <td> 12.6% -</table></pre><p>This table could look like this:</p><table class="apple-table-examples e2"><thead><tr><th> </th><th>2008 </th><th>2007 </th><th>2006 - </th></tr></thead><tbody><tr><th scope="rowgroup"> Research and development - </th><td> $ 1,109 </td><td> $ 782 </td><td> $ 712 - </td></tr><tr><th scope="row"> Percentage of net sales - </th><td> 3.4% </td><td> 3.3% </td><td> 3.7% - </td></tr></tbody><tbody><tr><th scope="rowgroup"> Selling, general, and administrative - </th><td> $ 3,761 </td><td> $ 2,963 </td><td> $ 2,433 - </td></tr><tr><th scope="row"> Percentage of net sales - </th><td> 11.6% </td><td> 12.3% </td><td> 12.6% - </td></tr></tbody></table></body></html> \ No newline at end of file + <h3 id="tabular-data"><span class="secno">4.9 </span>Tabular data</h3></body></html> \ No newline at end of file Index: the-iframe-element.html =================================================================== RCS file: /sources/public/html5/spec/the-iframe-element.html,v retrieving revision 1.145 retrieving revision 1.146 diff -u -d -r1.145 -r1.146 --- the-iframe-element.html 10 Dec 2011 06:02:15 -0000 1.145 +++ the-iframe-element.html 10 Dec 2011 06:15:48 -0000 1.146 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>4.8.2 The iframe element — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>4.8.2 The iframe element — HTML5</title><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; } @@ -319,23 +318,21 @@ } </script> <script src="link-fixup.js"></script> [...7904 lines suppressed...] - material, pause it, play it forwards and backwards, etc.</p> - - <p>When multiple tracks are synchronised with a - <code><a href="#mediacontroller">MediaController</a></code>, it is possible for scripts to add and - remove media elements from the <code><a href="#mediacontroller">MediaController</a></code>'s list - of <a href="#slaved-media-elements">slaved media elements</a>, even while these tracks are - playing. How smoothly the media plays back in such situations is - another quality-of-implementation issue.</p> - - <hr><p>When a <a href="#media-element">media element</a> that is paused is <a href="infrastructure.html#remove-an-element-from-a-document" title="remove an element from a document">removed from a - document</a> and not reinserted before the next time the - <a href="webappapis.html#event-loop">event loop</a> spins, implementations that are resource - constrained are encouraged to take that opportunity to release all - hardware resources (like video planes, networking resources, and - data buffers) used by the <a href="#media-element">media element</a>. (User agents - still have to keep track of the playback position and so forth, - though, in case playback is later restarted.)</p> - </div></body></html> \ No newline at end of file Index: tree-construction.html =================================================================== RCS file: /sources/public/html5/spec/tree-construction.html,v retrieving revision 1.24 retrieving revision 1.25 diff -u -d -r1.24 -r1.25 --- tree-construction.html 10 Dec 2011 06:02:17 -0000 1.24 +++ tree-construction.html 10 Dec 2011 06:15:48 -0000 1.25 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>8.2.5 Tree construction — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>8.2.5 Tree construction — HTML5</title><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; } @@ -319,20 +318,22 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="tokenization.html" title="8.2.4 Tokenization" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> + <link href="tokenization.html" title="8.2.4 Tokenization" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> <link href="the-end.html" title="8.2.6 The end" rel="next"> - </head><body><div class="head" id="head"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="tokenization.html" class="prev">8.2.4 Tokenization</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="the-end.html" class="next">8.2.6 The end</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2> + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="tokenization.html">← 8.2.4 Tokenization</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="the-end.html">8.2.6 The end →</a> <ol class="toc"><li><ol><li><ol><li><a href="tree-construction.html#tree-construction"><span class="secno">8.2.5 </span>Tree construction</a> <ol><li><a href="tree-construction.html#creating-and-inserting-elements"><span class="secno">8.2.5.1 </span>Creating and inserting elements</a></li><li><a href="tree-construction.html#closing-elements-that-have-implied-end-tags"><span class="secno">8.2.5.2 </span>Closing elements that have implied end tags</a></li><li><a href="tree-construction.html#foster-parenting"><span class="secno">8.2.5.3 </span>Foster parenting</a></li><li><a href="tree-construction.html#parsing-main-inhtml"><span class="secno">8.2.5.4 </span>The rules for parsing tokens in HTML content</a> - <ol><li><a href="tree-construction.html#the-initial-insertion-mode"><span class="secno">8.2.5.4.1 </span>The "initial" insertion mode</a></li><li><a href="tree-construction.html#the-before-html-insertion-mode"><span class="secno">8.2.5.4.2 </span>The "before html" insertion mode</a></li><li><a href="tree-construction.html#the-before-head-insertion-mode"><span class="secno">8.2.5.4.3 </span>The "before head" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-inhead"><span class="secno">8.2.5.4.4 </span>The "in head" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-inheadnoscript"><span class="secno">8.2.5.4.5 </span>The "in head noscript" insertion mode</a></li><li><a href="tree-construction.html#the-after-head-insertion-mode"><span class="secno">8.2.5.4.6 </span>The "after head" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-inbody"><span class="secno">8.2.5.4.7 </span>The "in body" insertion mode</a></li><li><a href="tree-constrution.html#parsing-main-incdata"><span class="secno">8.2.5.4.8 </span>The "text" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-intable"><span class="secno">8.2.5.4.9 </span>The "in table" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-intabletext"><span class="secno">8.2.5.4.10 </span>The "in table text" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-incaption"><span class="secno">8.2.5.4.11 </span>The "in caption" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-incolgroup"><span class="secno">8.2.5.4.12 </span>The "in column group" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-intbody"><span class="secno">8.2.5.4.13 </span>The "in table body" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-intr"><span class="secno">8.2.5.4.14 </span>The "in row" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-intd"><span class="secno">8.2.5.4.15 </span>he "in cell" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-inselect"><span class="secno">8.2.5.4.16 </span>The "in select" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-inselectintable"><span class="secno">8.2.5.4.17 </span>The "in select in table" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-afterbody"><span class="secno">8.2.5.4.18 </span>The "after body" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-inframeset"><span class="secno">8.2.5.4.19 </span>The "in frameset" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-afterframeset"><span class="secno">8.2.5.4.20 </span>The "after frameset" insertion mode</a></li><li><a href="tree-construction.html#the-after-after-body-insertion-mode"><span class="secno">8.2.5.4.21 </span>The "after after body" insertion mode</a></li><li><a href="tree-construction.html#the-after-after-frameset-insertion-mode"><span class="secno">8.2.5.4.22 </span>Th "after after frameset" insertion mode</a></li></ol></li><li><a href="tree-construction.html#parsing-main-inforeign"><span class="secno">8.2.5.5 </span>The rules for parsing tokens in foreign content</a></li></ol></li></ol></li></ol></li></ol></div> + <ol><li><a href="tree-construction.html#the-initial-insertion-mode"><span class="secno">8.2.5.4.1 </span>The "initial" insertion mode</a></li><li><a href="tree-construction.html#the-before-html-insertion-mode"><span class="secno">8.2.5.4.2 </span>The "before html" insertion mode</a></li><li><a href="tree-construction.html#the-before-head-insertion-mode"><span class="secno">8.2.5.4.3 </span>The "before head" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-inhead"><span class="secno">8.2.5.4.4 </span>The "in head" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-inheadnoscript"><span class="secno">8.2.5.4.5 </span>The "in head noscript" insertion mode</a></li><li><a href="tree-construction.html#the-after-head-insertion-mode"><span class="secno">8.2.5.4.6 </span>The "after head" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-inbody"><span class="secno">8.2.5.4.7 </span>The "in body" insertion mode</a></li><li><a href="tree-constrution.html#parsing-main-incdata"><span class="secno">8.2.5.4.8 </span>The "text" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-intable"><span class="secno">8.2.5.4.9 </span>The "in table" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-intabletext"><span class="secno">8.2.5.4.10 </span>The "in table text" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-incaption"><span class="secno">8.2.5.4.11 </span>The "in caption" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-incolgroup"><span class="secno">8.2.5.4.12 </span>The "in column group" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-intbody"><span class="secno">8.2.5.4.13 </span>The "in table body" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-intr"><span class="secno">8.2.5.4.14 </span>The "in row" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-intd"><span class="secno">8.2.5.4.15 </span>he "in cell" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-inselect"><span class="secno">8.2.5.4.16 </span>The "in select" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-inselectintable"><span class="secno">8.2.5.4.17 </span>The "in select in table" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-afterbody"><span class="secno">8.2.5.4.18 </span>The "after body" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-inframeset"><span class="secno">8.2.5.4.19 </span>The "in frameset" insertion mode</a></li><li><a href="tree-construction.html#parsing-main-afterframeset"><span class="secno">8.2.5.4.20 </span>The "after frameset" insertion mode</a></li><li><a href="tree-construction.html#the-after-after-body-insertion-mode"><span class="secno">8.2.5.4.21 </span>The "after after body" insertion mode</a></li><li><a href="tree-construction.html#the-after-after-frameset-insertion-mode"><span class="secno">8.2.5.4.22 </span>Th "after after frameset" insertion mode</a></li></ol></li><li><a href="tree-construction.html#parsing-main-inforeign"><span class="secno">8.2.5.5 </span>The rules for parsing tokens in foreign content</a></li></ol></li></ol></li></ol></li></ol></nav> <div class="impl"> @@ -423,13 +424,13 @@ </td></tr><tr><td><pre>A<table><tr> B</tr> C</table></pre> </td><td>One text node before the table, containing "A B C" (A-space-B-space-C). (This is caused by <a href="#foster-parent" title="foster parent">foster parenting</a>.) </td></tr><tr><td><pre>A<table><tr> B</tr> </em>C</table></pre> - </td><td>One text node before the table, containing "A BC" (A-space-B-C), and one text node inside the table (as a child of a <code><a href="tabular-data.html#the-tbody-element">tbody</a></code>) with a single space character. (Space characters separated from non-space characters by non-character tokens are not affected by <a href="#foster-parent" title="foster parent">foster parenting</a>, even if those other tokens then get ignored.) + </td><td>One text node before the table, containing "A BC" (A-space-B-C), and one text node inside the table (as a child of a <code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code>) with a single space character. (Space characters separated from non-space characters by non-character tokens are not affected by <a href="#foster-parent" title="foster parent">foster parenting</a>, even if those other tokens then get ignored.) </td></tr></tbody></table></div> <p id="mutation-during-parsing">DOM mutation events must not fire for changes caused by the UA parsing the document. (Conceptually, the parser is not mutating the DOM, it is constructing it.) This - includes the parsing of any content inserted using <code title="dom-document-write"><a href="content-models.html#dom-document-write">document.write()</a></code> and <code title="dom-document-writeln"><a href="content-models.html#dom-document-writeln">document.writeln()</a></code> calls. <a href="references.html#refsDOMEVENTS">[DOMEVENTS]</a></p> + includes the parsing of any content inserted using <code title="dom-document-write"><a href="dynamic-markup-insertion.html#dom-document-write">document.write()</a></code> and <code title="dom-document-writeln"><a href="dynamic-markup-insertion.html#dom-document-writeln">document.writeln()</a></code> calls. <a href="references.html#refsDOMEVENTS">[DOMEVENTS]</a></p> <p class="note">Not all of the tag names mentioned below are conformant tag names in this specification; many are included to @@ -452,9 +453,9 @@ particular namespace, the UA must create a node implementing the interface appropriate for the element type corresponding to the tag name of the token in the given namespace (as given in the - specification that defines that element, e.g. for an <code><a href="text-level-semantics.html#the-a-element">a</a></code> + specification that defines that element, e.g. for an <code><a href="the-a-element.html#the-a-element">a</a></code> element in the <a href="namespaces.html#html-namespace-0">HTML namespace</a>, this specification - defines it to be the <code><a href="text-level-semantics.html#htmlanchorelement">HTMLAnchorElement</a></code> interface), with + defines it to be the <code><a href="the-a-element.html#htmlanchorelement">HTMLAnchorElement</a></code> interface), with the tag name being the name of that element, with the node being in the given namespace, and with the attributes on the node being those given in the given token.</p> @@ -467,9 +468,9 @@ the interface <code><a href="infrastructure.html#element">Element</a></code>.</p> <p>When a <a href="forms.html#category-reset" title="category-reset">resettable element</a> is - created in this manner, its <a href="association-of-controls-and-forms.html#concept-form-reset-control" title="concept-form-reset-control">reset algorithm</a> must be + created in this manner, its <a href="form-submission.html#concept-form-reset-control" title="concept-form-reset-control">reset algorithm</a> must be invoked once the attributes are set. (This initializes the element's - <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> and <a href="association-of-controls-and-forms.html#concept-fe-checked" title="concept-fe-checked">checkedness</a> based on the element's + <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a> and <a href="attributes-common-to-form-controls.html#concept-fe-checked" title="concept-fe-checked">checkedness</a> based on the element's attributes.)</p> <hr><p>When the steps below require the UA to <dfn id="insert-an-html-element">insert an HTML @@ -491,7 +492,7 @@ <a href="parsing.html#form-element-pointer"><code title="">form</code> element pointer</a> is not null, and the newly created element doesn't have a <code title="attr-fae-form"><a href="association-of-controls-and-forms.html#attr-fae-form">form</a></code> attribute, the user agent must <a href="association-of-controls-and-forms.html#concept-form-association" title="concept-form-association">associate</a> the newly - created element with the <code><a href="forms.html#the-form-element">form</a></code> element pointed to by the + created element with the <code><a href="the-form-element.html#the-form-element">form</a></code> element pointed to by the <a href="parsing.html#form-element-pointer"><code title="">form</code> element pointer</a> when the element is inserted, instead of running the <a href="association-of-controls-and-forms.html#reset-the-form-owner">reset the form owner</a> algorithm.</p> @@ -591,7 +592,7 @@ corresponding cell in the third column, and the namespace being the namespace given in the corresponding cell in the fourth column. (This fixes the use of namespaced attributes, in particular - <a href="elements.html#attr-xml-lang" title="attr-xml-lang"><code title="">lang</code> attributes in + <a href="global-attributes.html#attr-xml-lang" title="attr-xml-lang"><code title="">lang</code> attributes in the <span>XML namespace</span></a>.)</p> <table><thead><tr><th> Attribute name </th><th> Prefix </th><th> Local name </th><th> Namespace @@ -629,10 +630,10 @@ <p>When the steps below require the UA to <dfn id="generate-implied-end-tags">generate implied end tags</dfn>, then, while the <a href="parsing.html#current-node">current node</a> is a - <code><a href="grouping-content.html#the-dd-element">dd</a></code> element, a <code><a href="grouping-content.html#the-dt-element">dt</a></code> element, an - <code><a href="grouping-content.html#the-li-element">li</a></code> element, an <code><a href="the-button-element.html#the-option-element">option</a></code> element, an - <code><a href="the-button-element.html#the-optgroup-element">optgroup</a></code> element, a <code><a href="grouping-content.html#the-p-element">p</a></code> element, an - <code><a href="text-level-semantics.html#the-rp-element">rp</a></code> element, or an <code><a href="text-level-semantics.html#the-rt-element">rt</a></code> element, the UA must + <code><a href="the-dd-element.html#the-dd-element">dd</a></code> element, a <code><a href="the-dt-element.html#the-dt-element">dt</a></code> element, an + <code><a href="the-li-element.html#the-li-element">li</a></code> element, an <code><a href="the-option-element.html#the-option-element">option</a></code> element, an + <code><a href="the-optgroup-element.html#the-optgroup-element">optgroup</a></code> element, a <code><a href="the-p-element.html#the-p-element">p</a></code> element, an + <code><a href="the-rp-element.html#the-rp-element">rp</a></code> element, or an <code><a href="the-rt-element.html#the-rt-element">rt</a></code> element, the UA must pop the <a href="parsing.html#current-node">current node</a> off the <a href="parsing.html#stack-of-open-elements">stack of open elements</a>.</p> @@ -650,30 +651,30 @@ must be inserted into the <i><a href="#foster-parent-element">foster parent element</a></i>.</p> <p>The <dfn id="foster-parent-element">foster parent element</dfn> is the parent element of the - last <code><a href="tabular-data.html#the-table-element">table</a></code> element in the <a href="parsing.html#stack-of-open-elements">stack of open - elements</a>, if there is a <code><a href="tabular-data.html#the-table-element">table</a></code> element and it has + last <code><a href="the-table-element.html#the-table-element">table</a></code> element in the <a href="parsing.html#stack-of-open-elements">stack of open + elements</a>, if there is a <code><a href="the-table-element.html#the-table-element">table</a></code> element and it has such a parent element.</p> <p class="note">It might have no parent or some other kind parent if a script manipulated the DOM after the element was inserted by the parser.</p> - <p>If there is no <code><a href="tabular-data.html#the-table-element">table</a></code> element in the <a href="parsing.html#stack-of-open-elements">stack of + <p>If there is no <code><a href="the-table-element.html#the-table-element">table</a></code> element in the <a href="parsing.html#stack-of-open-elements">stack of open elements</a> (<a href="the-end.html#fragment-case">fragment case</a>), then the <i><a href="#foster-parent-element">foster parent element</a></i> is the first element in the <a href="parsing.html#stack-of-open-elements">stack - of open elements</a> (the <code><a href="semantics.html#the-html-element">html</a></code> element). Otherwise, - if there is a <code><a href="tabular-data.html#the-table-element">table</a></code> element in the <a href="parsing.html#stack-of-open-elements">stack of open - elements</a>, but the last <code><a href="tabular-data.html#the-table-element">table</a></code> element in the + of open elements</a> (the <code><a href="the-html-element.html#the-html-element">html</a></code> element). Otherwise, + if there is a <code><a href="the-table-element.html#the-table-element">table</a></code> element in the <a href="parsing.html#stack-of-open-elements">stack of open + elements</a>, but the last <code><a href="the-table-element.html#the-table-element">table</a></code> element in the <a href="parsing.html#stack-of-open-elements">stack of open elements</a> has no parent, or its parent node is not an element, then the <i><a href="#foster-parent-element">foster parent element</a></i> is the - element before the last <code><a href="tabular-data.html#the-table-element">table</a></code> element in the + element before the last <code><a href="the-table-element.html#the-table-element">table</a></code> element in the <a href="parsing.html#stack-of-open-elements">stack of open elements</a>.</p> <p>If the <i><a href="#foster-parent-element">foster parent element</a></i> is the parent element of the - last <code><a href="tabular-data.html#the-table-element">table</a></code> element in the <a href="parsing.html#stack-of-open-elements">stack of open + last <code><a href="the-table-element.html#the-table-element">table</a></code> element in the <a href="parsing.html#stack-of-open-elements">stack of open elements</a>, then <var title="">node</var> must be inserted into the <i><a href="#foster-parent-element">foster parent element</a></i>, immediately <em>before</em> the - last <code><a href="tabular-data.html#the-table-element">table</a></code> element in the <a href="parsing.html#stack-of-open-elements">stack of open + last <code><a href="the-table-element.html#the-table-element">table</a></code> element in the <a href="parsing.html#stack-of-open-elements">stack of open elements</a>; otherwise, <var title="">node</var> must be <em>appended</em> to the <i><a href="#foster-parent-element">foster parent element</a></i>.</p> @@ -908,7 +909,7 @@ <p id="parser-appcache">If the <code><a href="dom.html#document">Document</a></code> is being loaded as part of <a href="history.html#navigate" title="navigate">navigation</a> of a <a href="browsers.html#browsing-context">browsing context</a>, then: if the newly created element - has a <code title="attr-html-manifest"><a href="semantics.html#attr-html-manifest">manifest</a></code> attribute + has a <code title="attr-html-manifest"><a href="the-html-element.html#attr-html-manifest">manifest</a></code> attribute whose value is not the empty string, then <a href="urls.html#resolve-a-url" title="resolve a url">resolve</a> the value of that attribute to an <a href="urls.html#absolute-url">absolute URL</a>, relative to the newly created element, @@ -937,7 +938,7 @@ <dt>Anything else</dt> <dd> - <p>Create an <code><a href="semantics.html#the-html-element">html</a></code> element. Append it to the + <p>Create an <code><a href="the-html-element.html#the-html-element">html</a></code> element. Append it to the <code><a href="dom.html#document">Document</a></code> object. Put this element in the <a href="parsing.html#stack-of-open-elements">stack of open elements</a>.</p> @@ -992,7 +993,7 @@ <p><a href="#insert-an-html-element">Insert an HTML element</a> for the token.</p> <p>Set the <a href="parsing.html#head-element-pointer"><code title="">head</code> element pointer</a> - to the newly created <code><a href="semantics.html#the-head-element">head</a></code> element.</p> + to the newly created <code><a href="the-head-element.html#the-head-element">head</a></code> element.</p> <p>Switch the <a href="parsing.html#insertion-mode">insertion mode</a> to "<a href="#parsing-main-inhead" title="insertion mode: in head">in head</a>".</p> @@ -1075,17 +1076,17 @@ <p><a href="tokenization.html#acknowledge-self-closing-flag" title="acknowledge self-closing flag">Acknowledge the token's <i>self-closing flag</i></a>, if it is set.</p> - <p id="meta-charset-during-parse">If the element has a <code title="attr-meta-charset"><a href="semantics.html#attr-meta-charset">charset</a></code> attribute, and its value + <p id="meta-charset-during-parse">If the element has a <code title="attr-meta-charset"><a href="the-meta-element.html#attr-meta-charset">charset</a></code> attribute, and its value is either a supported <a href="infrastructure.html#ascii-compatible-character-encoding">ASCII-compatible character encoding</a> or <a href="infrastructure.html#a-utf-16-encoding">a UTF-16 encoding</a>, and the <a href="parsing.html#concept-encoding-confidence" title="concept-encoding-confidence">confidence</a> is currently <i>tentative</i>, then <a href="parsing.html#change-the-encoding">change the encoding</a> to the - encoding given by the value of the <code title="attr-meta-charset"><a href="semantics.html#attr-meta-charset">charset</a></code> attribute.</p> + encoding given by the value of the <code title="attr-meta-charset"><a href="the-meta-element.html#attr-meta-charset">charset</a></code> attribute.</p> - <p>Otherwise, if the element has an <code title="attr-meta-http-equiv"><a href="semantics.html#attr-meta-http-equiv">http-equiv</a></code> attribute whose + <p>Otherwise, if the element has an <code title="attr-meta-http-equiv"><a href="the-meta-element.html#attr-meta-http-equiv">http-equiv</a></code> attribute whose value is an <a href="infrastructure.html#ascii-case-insensitive">ASCII case-insensitive</a> match for the string "<code title="">Content-Type</code>", and the element has a - <code title="attr-meta-content"><a href="semantics.html#attr-meta-content">content</a></code> attribute, and - applying the <a href="fetching-resources.html#algorithm-for-extracting-an-encoding-from-a-meta-element">algorithm for extracting an encoding from a + <code title="attr-meta-content"><a href="the-meta-element.html#attr-meta-content">content</a></code> attribute, and + applying the <a href="urls.html#algorithm-for-extracting-an-encoding-from-a-meta-element">algorithm for extracting an encoding from a <code>meta</code> element</a> to that attribute's value returns a supported <a href="infrastructure.html#ascii-compatible-character-encoding">ASCII-compatible character encoding</a> or <a href="infrastructure.html#a-utf-16-encoding">a UTF-16 encoding</a>, and the <a href="parsing.html#concept-encoding-confidence" title="concept-encoding-confidence">confidence</a> is currently @@ -1125,11 +1126,11 @@ <li> - <p>Mark the element as being <a href="scripting-1.html#parser-inserted">"parser-inserted"</a> and - unset the element's <a href="scripting-1.html#force-async">"force-async"</a> flag.</p> + <p>Mark the element as being <a href="the-script-element.html#parser-inserted">"parser-inserted"</a> and + unset the element's <a href="the-script-element.html#force-async">"force-async"</a> flag.</p> <p class="note">This ensures that, if the script is external, - any <code title="dom-document-write"><a href="content-models.html#dom-document-write">document.write()</a></code> + any <code title="dom-document-write"><a href="dynamic-markup-insertion.html#dom-document-write">document.write()</a></code> calls in the script will execute in-line, instead of blowing the document away, as would happen in most other cases. It also prevents the script from executing until the end tag is @@ -1139,7 +1140,7 @@ <li><p>If the parser was originally created for the <a href="the-end.html#html-fragment-parsing-algorithm">HTML fragment parsing algorithm</a>, then mark the - <code><a href="scripting-1.html#the-script-element">script</a></code> element as <a href="scripting-1.html#already-started">"already + <code><a href="the-script-element.html#the-script-element">script</a></code> element as <a href="the-script-element.html#already-started">"already started"</a>. (<a href="the-end.html#fragment-case">fragment case</a>)</p></li> <li><p>Append the new element to the <a href="parsing.html#current-node">current node</a> @@ -1160,7 +1161,7 @@ <dd> <p>Pop the <a href="parsing.html#current-node">current node</a> (which will be the - <code><a href="semantics.html#the-head-element">head</a></code> element) off the <a href="parsing.html#stack-of-open-elements">stack of open + <code><a href="the-head-element.html#the-head-element">head</a></code> element) off the <a href="parsing.html#stack-of-open-elements">stack of open elements</a>.</p> <p>Switch the <a href="parsing.html#insertion-mode">insertion mode</a> to "<a href="#the-after-head-insertion-mode" title="insertion mode: after head">after head</a>".</p> @@ -1207,9 +1208,9 @@ <dd> <p>Pop the <a href="parsing.html#current-node">current node</a> (which will be a - <code><a href="scripting-1.html#the-noscript-element">noscript</a></code> element) from the <a href="parsing.html#stack-of-open-elements">stack of open + <code><a href="the-noscript-element.html#the-noscript-element">noscript</a></code> element) from the <a href="parsing.html#stack-of-open-elements">stack of open elements</a>; the new <a href="parsing.html#current-node">current node</a> will be a - <code><a href="semantics.html#the-head-element">head</a></code> element.</p> + <code><a href="the-head-element.html#the-head-element">head</a></code> element.</p> <p>Switch the <a href="parsing.html#insertion-mode">insertion mode</a> to "<a href="#parsing-main-inhead" title="insertion mode: in head">in head</a>".</p> @@ -1410,13 +1411,13 @@ <p><a href="parsing.html#parse-error">Parse error</a>.</p> <p>If the second element on the <a href="parsing.html#stack-of-open-elements">stack of open - elements</a> is not a <code><a href="sections.html#the-body-element">body</a></code> element, or, if the + elements</a> is not a <code><a href="the-body-element.html#the-body-element">body</a></code> element, or, if the <a href="parsing.html#stack-of-open-elements">stack of open elements</a> has only one node on it, then ignore the token. (<a href="the-end.html#fragment-case">fragment case</a>)</p> <p>Otherwise, set the <a href="parsing.html#frameset-ok-flag">frameset-ok flag</a> to "not ok"; then, for each attribute on the token, check to see if the - attribute is already present on the <code><a href="sections.html#the-body-element">body</a></code> element (the + attribute is already present on the <code><a href="the-body-element.html#the-body-element">body</a></code> element (the second element) on the <a href="parsing.html#stack-of-open-elements">stack of open elements</a>, and if it is not, add the attribute and its corresponding value to that element.</p> @@ -1429,7 +1430,7 @@ <p><a href="parsing.html#parse-error">Parse error</a>.</p> <p>If the second element on the <a href="parsing.html#stack-of-open-elements">stack of open - elements</a> is not a <code><a href="sections.html#the-body-element">body</a></code> element, or, if the + elements</a> is not a <code><a href="the-body-element.html#the-body-element">body</a></code> element, or, if the <a href="parsing.html#stack-of-open-elements">stack of open elements</a> has only one node on it, then ignore the token. (<a href="the-end.html#fragment-case">fragment case</a>)</p> @@ -1443,7 +1444,7 @@ <li><p>Pop all the nodes from the bottom of the <a href="parsing.html#stack-of-open-elements">stack of open elements</a>, from the <a href="parsing.html#current-node">current node</a> up to, - but not including, the root <code><a href="semantics.html#the-html-element">html</a></code> element.</p> + but not including, the root <code><a href="the-html-element.html#the-html-element">html</a></code> element.</p> </li><li><p><a href="#insert-an-html-element">Insert an HTML element</a> for the token.</p></li> @@ -1456,12 +1457,12 @@ <dd> <p>If there is a node in the <a href="parsing.html#stack-of-open-elements">stack of open elements</a> - that is not either a <code><a href="grouping-content.html#the-dd-element">dd</a></code> element, a <code><a href="grouping-content.html#the-dt-element">dt</a></code> - element, an <code><a href="grouping-content.html#the-li-element">li</a></code> element, a <code><a href="grouping-content.html#the-p-element">p</a></code> element, a - <code><a href="tabular-data.html#the-tbody-element">tbody</a></code> element, a <code><a href="tabular-data.html#the-td-element">td</a></code> element, a - <code><a href="tabular-data.html#the-tfoot-element">tfoot</a></code> element, a <code><a href="tabular-data.html#the-th-element">th</a></code> element, a - <code><a href="tabular-data.html#the-thead-element">thead</a></code> element, a <code><a href="tabular-data.html#the-tr-element">tr</a></code> element, the - <code><a href="sections.html#the-body-element">body</a></code> element, or the <code><a href="semantics.html#the-html-element">html</a></code> element, then + that is not either a <code><a href="the-dd-element.html#the-dd-element">dd</a></code> element, a <code><a href="the-dt-element.html#the-dt-element">dt</a></code> + element, an <code><a href="the-li-element.html#the-li-element">li</a></code> element, a <code><a href="the-p-element.html#the-p-element">p</a></code> element, a + <code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code> element, a <code><a href="the-td-element.html#the-td-element">td</a></code> element, a + <code><a href="the-tfoot-element.html#the-tfoot-element">tfoot</a></code> element, a <code><a href="the-th-element.html#the-th-element">th</a></code> element, a + <code><a href="the-thead-element.html#the-thead-element">thead</a></code> element, a <code><a href="the-tr-element.html#the-tr-element">tr</a></code> element, the + <code><a href="the-body-element.html#the-body-element">body</a></code> element, or the <code><a href="the-html-element.html#the-html-element">html</a></code> element, then this is a <a href="parsing.html#parse-error">parse error</a>.</p> <p><a href="the-end.html#stop-parsing">Stop parsing</a>.</p> @@ -1476,15 +1477,15 @@ <p>Otherwise, if there is a node in the <a href="parsing.html#stack-of-open-elements">stack of open - elements</a> that is not either a <code><a href="grouping-content.html#the-dd-element">dd</a></code> element, a - <code><a href="grouping-content.html#the-dt-element">dt</a></code> element, an <code><a href="grouping-content.html#the-li-element">li</a></code> element, an - <code><a href="the-button-element.html#the-optgroup-element">optgroup</a></code> element, an <code><a href="the-button-element.html#the-option-element">option</a></code> element, a - <code><a href="grouping-content.html#the-p-element">p</a></code> element, an <code><a href="text-level-semantics.html#the-rp-element">rp</a></code> element, an - <code><a href="text-level-semantics.html#the-rt-element">rt</a></code> element, a <code><a href="tabular-data.html#the-tbody-element">tbody</a></code> element, a - <code><a href="tabular-data.html#the-td-element">td</a></code> element, a <code><a href="tabular-data.html#the-tfoot-element">tfoot</a></code> element, a - <code><a href="tabular-data.html#the-th-element">th</a></code> element, a <code><a href="tabular-data.html#the-thead-element">thead</a></code> element, a - <code><a href="tabular-data.html#the-tr-element">tr</a></code> element, the <code><a href="sections.html#the-body-element">body</a></code> element, or the - <code><a href="semantics.html#the-html-element">html</a></code> element, then this is a <a href="parsing.html#parse-error">parse + elements</a> that is not either a <code><a href="the-dd-element.html#the-dd-element">dd</a></code> element, a + <code><a href="the-dt-element.html#the-dt-element">dt</a></code> element, an <code><a href="the-li-element.html#the-li-element">li</a></code> element, an + <code><a href="the-optgroup-element.html#the-optgroup-element">optgroup</a></code> element, an <code><a href="the-option-element.html#the-option-element">option</a></code> element, a + <code><a href="the-p-element.html#the-p-element">p</a></code> element, an <code><a href="the-rp-element.html#the-rp-element">rp</a></code> element, an + <code><a href="the-rt-element.html#the-rt-element">rt</a></code> element, a <code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code> element, a + <code><a href="the-td-element.html#the-td-element">td</a></code> element, a <code><a href="the-tfoot-element.html#the-tfoot-element">tfoot</a></code> element, a + <code><a href="the-th-element.html#the-th-element">th</a></code> element, a <code><a href="the-thead-element.html#the-thead-element">thead</a></code> element, a + <code><a href="the-tr-element.html#the-tr-element">tr</a></code> element, the <code><a href="the-body-element.html#the-body-element">body</a></code> element, or the + <code><a href="the-html-element.html#the-html-element">html</a></code> element, then this is a <a href="parsing.html#parse-error">parse error</a>.</p> <p>Switch the <a href="parsing.html#insertion-mode">insertion mode</a> to "<a href="#parsing-main-afterbody" title="insertion mode: after body">after body</a>".</p> @@ -1552,7 +1553,7 @@ <p>If the next token is a U+000A LINE FEED (LF) character token, then ignore that token and move on to the next - one. (Newlines at the start of <code><a href="grouping-content.html#the-pre-element">pre</a></code> blocks are + one. (Newlines at the start of <code><a href="the-pre-element.html#the-pre-element">pre</a></code> blocks are ignored as an authoring convenience.)</p> @@ -1593,12 +1594,12 @@ node</a> (the bottommost node of the stack).</p></li> <li><p><i>Loop</i>: If <var title="">node</var> is an - <code><a href="grouping-content.html#the-li-element">li</a></code> element, then act as if an end tag with the tag + <code><a href="the-li-element.html#the-li-element">li</a></code> element, then act as if an end tag with the tag name "li" had been seen, then jump to the last step.</p></li> <li><p>If <var title="">node</var> is in the <a href="parsing.html#special">special</a> - category, but is not an <code><a href="sections.html#the-address-element">address</a></code>, <code><a href="grouping-content.html#the-div-element">div</a></code>, - or <code><a href="grouping-content.html#the-p-element">p</a></code> element, then jump to the last step.</p></li> + category, but is not an <code><a href="the-address-element.html#the-address-element">address</a></code>, <code><a href="the-div-element.html#the-div-element">div</a></code>, + or <code><a href="the-p-element.html#the-p-element">p</a></code> element, then jump to the last step.</p></li> <li><p>Otherwise, set <var title="">node</var> to the previous entry in the <a href="parsing.html#stack-of-open-elements">stack of open elements</a> and return to @@ -1632,13 +1633,13 @@ node</a> (the bottommost node of the stack).</p></li> <li><p><i>Loop</i>: If <var title="">node</var> is a - <code><a href="grouping-content.html#the-dd-element">dd</a></code> or <code><a href="grouping-content.html#the-dt-element">dt</a></code> element, then act as if an end + <code><a href="the-dd-element.html#the-dd-element">dd</a></code> or <code><a href="the-dt-element.html#the-dt-element">dt</a></code> element, then act as if an end tag with the same tag name as <var title="">node</var> had been seen, then jump to the last step.</p></li> <li><p>If <var title="">node</var> is in the <a href="parsing.html#special">special</a> - category, but is not an <code><a href="sections.html#the-address-element">address</a></code>, <code><a href="grouping-content.html#the-div-element">div</a></code>, - or <code><a href="grouping-content.html#the-p-element">p</a></code> element, then jump to the last step.</p></li> + category, but is not an <code><a href="the-address-element.html#the-address-element">address</a></code>, <code><a href="the-div-element.html#the-div-element">div</a></code>, + or <code><a href="the-p-element.html#the-p-element">p</a></code> element, then jump to the last step.</p></li> <li><p>Otherwise, set <var title="">node</var> to the previous entry in the <a href="parsing.html#stack-of-open-elements">stack of open elements</a> and return to @@ -1875,13 +1876,13 @@ <p class="example">In the non-conforming stream <code><a href="a">a<table><a href="b">b</table>x</code>, - the first <code><a href="text-level-semantics.html#the-a-element">a</a></code> element would be closed upon seeing the + the first <code><a href="the-a-element.html#the-a-element">a</a></code> element would be closed upon seeing the second one, and the "x" character would be inside a link to "b", - not to "a". This is despite the fact that the outer <code><a href="text-level-semantics.html#the-a-element">a</a></code> + not to "a". This is despite the fact that the outer <code><a href="the-a-element.html#the-a-element">a</a></code> element is not in table scope (meaning that a regular <code></a></code> end tag at the start of the table wouldn't - close the outer <code><a href="text-level-semantics.html#the-a-element">a</a></code> element). The result is that the - two <code><a href="text-level-semantics.html#the-a-element">a</a></code> elements are indirectly nested inside each + close the outer <code><a href="the-a-element.html#the-a-element">a</a></code> element). The result is that the + two <code><a href="the-a-element.html#the-a-element">a</a></code> elements are indirectly nested inside each other — non-conforming markup will often result in non-conforming DOMs when parsed.</p> @@ -2058,8 +2059,8 @@ <li> <p>If the <var title="">common ancestor</var> node is a - <code><a href="tabular-data.html#the-table-element">table</a></code>, <code><a href="tabular-data.html#the-tbody-element">tbody</a></code>, <code><a href="tabular-data.html#the-tfoot-element">tfoot</a></code>, - <code><a href="tabular-data.html#the-thead-element">thead</a></code>, or <code><a href="tabular-data.html#the-tr-element">tr</a></code> element, then, + <code><a href="the-table-element.html#the-table-element">table</a></code>, <code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code>, <code><a href="the-tfoot-element.html#the-tfoot-element">tfoot</a></code>, + <code><a href="the-thead-element.html#the-thead-element">thead</a></code>, or <code><a href="the-tr-element.html#the-tr-element">tr</a></code> element, then, <a href="#foster-parent">foster parent</a> whatever <var title="">last node</var> ended up being in the previous step, first removing it from its previous parent node if any.</p> @@ -2250,8 +2251,8 @@ <p>Act as if a start tag token with the tag name "form" had been seen.</p> <p>If the token has an attribute called "action", set the - <code title="attr-fs-action"><a href="association-of-controls-and-forms.html#attr-fs-action">action</a></code> attribute on the - resulting <code><a href="forms.html#the-form-element">form</a></code> element to the value of the + <code title="attr-fs-action"><a href="attributes-common-to-form-controls.html#attr-fs-action">action</a></code> attribute on the + resulting <code><a href="the-form-element.html#the-form-element">form</a></code> element to the value of the "action" attribute of the token.</p> <p>Act as if a start tag token with the tag name "hr" had been @@ -2265,8 +2266,8 @@ <p>Act as if a start tag token with the tag name "input" had been seen, with all the attributes from the "isindex" token except - "name", "action", and "prompt". Set the <code title="attr-fe-name"><a href="association-of-controls-and-forms.html#attr-fe-name">name</a></code> attribute of the resulting - <code><a href="the-input-element.html#the-input-element">input</a></code> element to the value "<code title="attr-fe-name-isindex"><a href="association-of-controls-and-forms.html#attr-fe-name-isindex">isindex</a></code>".</p> + "name", "action", and "prompt". Set the <code title="attr-fe-name"><a href="attributes-common-to-form-controls.html#attr-fe-name">name</a></code> attribute of the resulting + <code><a href="the-input-element.html#the-input-element">input</a></code> element to the value "<code title="attr-fe-name-isindex"><a href="attributes-common-to-form-controls.html#attr-fe-name-isindex">isindex</a></code>".</p> <p>Act as if a stream of character tokens had been seen (see below for what they should say).</p> @@ -2300,7 +2301,7 @@ <li><p>If the next token is a U+000A LINE FEED (LF) character token, then ignore that token and move on to the next - one. (Newlines at the start of <code><a href="the-button-element.html#the-textarea-element">textarea</a></code> elements are + one. (Newlines at the start of <code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code> elements are ignored as an authoring convenience.)</p></li> @@ -2374,7 +2375,7 @@ <dt>A start tag whose tag name is one of: "optgroup", "option"</dt> <dd> - <p>If the <a href="parsing.html#current-node">current node</a> is an <code><a href="the-button-element.html#the-option-element">option</a></code> + <p>If the <a href="parsing.html#current-node">current node</a> is an <code><a href="the-option-element.html#the-option-element">option</a></code> element, then act as if an end tag with the tag name "option" had been seen.</p> @@ -2392,7 +2393,7 @@ <p>If the <a href="parsing.html#stack-of-open-elements">stack of open elements</a> <a href="parsing.html#has-an-element-in-scope" title="has an element in scope">has a <code>ruby</code> element in scope</a>, then <a href="#generate-implied-end-tags">generate implied end tags</a>. If the <a href="parsing.html#current-node">current - node</a> is not then a <code><a href="text-level-semantics.html#the-ruby-element">ruby</a></code> element, this is a + node</a> is not then a <code><a href="the-ruby-element.html#the-ruby-element">ruby</a></code> element, this is a <a href="parsing.html#parse-error">parse error</a>.</p> <p><a href="#insert-an-html-element">Insert an HTML element</a> for the token.</p> @@ -2529,8 +2530,8 @@ <p><a href="parsing.html#parse-error">Parse error</a>.</p> - <p>If the <a href="parsing.html#current-node">current node</a> is a <code><a href="scripting-1.html#the-script-element">script</a></code> - element, mark the <code><a href="scripting-1.html#the-script-element">script</a></code> element as <a href="scripting-1.html#already-started">"already + <p>If the <a href="parsing.html#current-node">current node</a> is a <code><a href="the-script-element.html#the-script-element">script</a></code> + element, mark the <code><a href="the-script-element.html#the-script-element">script</a></code> element as <a href="the-script-element.html#already-started">"already started"</a>.</p> <p>Pop the <a href="parsing.html#current-node">current node</a> off the <a href="parsing.html#stack-of-open-elements">stack of open @@ -2547,7 +2548,7 @@ <p><a href="webappapis.html#provide-a-stable-state">Provide a stable state</a>.</p> <p>Let <var title="">script</var> be the <a href="parsing.html#current-node">current node</a> - (which will be a <code><a href="scripting-1.html#the-script-element">script</a></code> element).</p> + (which will be a <code><a href="the-script-element.html#the-script-element">script</a></code> element).</p> <p>Pop the <a href="parsing.html#current-node">current node</a> off the <a href="parsing.html#stack-of-open-elements">stack of open elements</a>.</p> @@ -2563,8 +2564,8 @@ <p>Increment the parser's <a href="parsing.html#script-nesting-level">script nesting level</a> by one.</p> - <p><a href="scripting-1.html#prepare-a-script" title="prepare a script">Prepare</a> the <var title="">script</var>. This might cause some script to execute, - which might cause <a href="content-models.html#dom-document-write" title="dom-document-write">new characters + <p><a href="the-script-element.html#prepare-a-script" title="prepare a script">Prepare</a> the <var title="">script</var>. This might cause some script to execute, + which might cause <a href="dynamic-markup-insertion.html#dom-document-write" title="dom-document-write">new characters to be inserted into the tokenizer</a>, and might cause the tokenizer to output more tokens, resulting in a <a href="parsing.html#nestedParsing">reentrant invocation of the parser</a>.</p> @@ -2577,7 +2578,7 @@ might be the "undefined" value.)</p> <p id="scriptTagParserResumes">At this stage, if there is a - <a href="scripting-1.html#pending-parsing-blocking-script">pending parsing-blocking script</a>, then:</p> + <a href="the-script-element.html#pending-parsing-blocking-script">pending parsing-blocking script</a>, then:</p> <dl class="switch"><dt>If the <a href="parsing.html#script-nesting-level">script nesting level</a> is not zero:</dt> @@ -2590,7 +2591,7 @@ <p class="note">The tree construction stage of this particular parser is <a href="parsing.html#nestedParsing">being called reentrantly</a>, - say from a call to <code title="dom-document-write"><a href="content-models.html#dom-document-write">document.write()</a></code>.</p> + say from a call to <code title="dom-document-write"><a href="dynamic-markup-insertion.html#dom-document-write">document.write()</a></code>.</p> </dd> @@ -2601,21 +2602,21 @@ <p>Run these steps:</p> - <ol><li><p>Let <var title="">the script</var> be the <a href="scripting-1.html#pending-parsing-blocking-script">pending - parsing-blocking script</a>. There is no longer a <a href="scripting-1.html#pending-parsing-blocking-script">pending + <ol><li><p>Let <var title="">the script</var> be the <a href="the-script-element.html#pending-parsing-blocking-script">pending + parsing-blocking script</a>. There is no longer a <a href="the-script-element.html#pending-parsing-blocking-script">pending parsing-blocking script</a>.</p></li> <li><p>Block the <a href="tokenization.html#tokenization" title="tokenization">tokenizer</a> for this instance of the <a href="parsing.html#html-parser">HTML parser</a>, such that the <a href="webappapis.html#event-loop">event loop</a> will not run <a href="webappapis.html#concept-task" title="concept-task">tasks</a> that invoke the <a href="tokenization.html#tokenization" title="tokenization">tokenizer</a>.</p></li> - <li><p>If the parser's <code><a href="dom.html#document">Document</a></code> <a href="semantics.html#has-a-style-sheet-that-is-blocking-scripts">has a style + <li><p>If the parser's <code><a href="dom.html#document">Document</a></code> <a href="styling.html#has-a-style-sheet-that-is-blocking-scripts">has a style sheet that is blocking scripts</a> or <var title="">the - script</var>'s <a href="scripting-1.html#ready-to-be-parser-executed">"ready to be parser-executed"</a> flag + script</var>'s <a href="the-script-element.html#ready-to-be-parser-executed">"ready to be parser-executed"</a> flag is not set: <a href="webappapis.html#spin-the-event-loop">spin the event loop</a> until the parser's - <code><a href="dom.html#document">Document</a></code> <a href="semantics.html#has-no-style-sheet-that-is-blocking-scripts">has no style sheet that is blocking + <code><a href="dom.html#document">Document</a></code> <a href="styling.html#has-no-style-sheet-that-is-blocking-scripts">has no style sheet that is blocking scripts</a> and <var title="">the script</var>'s - <a href="scripting-1.html#ready-to-be-parser-executed">"ready to be parser-executed"</a> flag is + <a href="the-script-element.html#ready-to-be-parser-executed">"ready to be parser-executed"</a> flag is set.</p></li> <li><p>Unblock the <a href="tokenization.html#tokenization" title="tokenization">tokenizer</a> @@ -2630,7 +2631,7 @@ by one (it should be zero before this step, so this sets it to one).</p></li> - <li><p><a href="scripting-1.html#execute-the-script-block" title="execute the script block">Execute</a> + <li><p><a href="the-script-element.html#execute-the-script-block" title="execute the script block">Execute</a> <var title="">the script</var>.</p></li> <li><p>Decrement the parser's <a href="parsing.html#script-nesting-level">script nesting level</a> @@ -2641,7 +2642,7 @@ </li><li><p>Let the <a href="parsing.html#insertion-point">insertion point</a> be undefined again.</p></li> - <li><p>If there is once again a <a href="scripting-1.html#pending-parsing-blocking-script">pending parsing-blocking + <li><p>If there is once again a <a href="the-script-element.html#pending-parsing-blocking-script">pending parsing-blocking script</a>, then repeat these steps from step 1.</p></li> </ol></dd> @@ -2761,7 +2762,7 @@ <p>Otherwise:</p> - <p>Pop elements from this stack until a <code><a href="tabular-data.html#the-table-element">table</a></code> + <p>Pop elements from this stack until a <code><a href="the-table-element.html#the-table-element">table</a></code> element has been popped from the stack.</p> <p><a href="parsing.html#reset-the-insertion-mode-appropriately">Reset the insertion mode appropriately</a>.</p> @@ -2816,7 +2817,7 @@ <a href="parsing.html#form-element-pointer"><code title="form">form</code> element pointer</a> to point to the element created.</p> - <p>Pop that <code><a href="forms.html#the-form-element">form</a></code> element off the <a href="parsing.html#stack-of-open-elements">stack of + <p>Pop that <code><a href="the-form-element.html#the-form-element">form</a></code> element off the <a href="parsing.html#stack-of-open-elements">stack of open elements</a>.</p> </dd> @@ -2827,11 +2828,11 @@ <dd> <p>If the <a href="parsing.html#current-node">current node</a> is not the root - <code><a href="semantics.html#the-html-element">html</a></code> element, then this is a <a href="parsing.html#parse-error">parse + <code><a href="the-html-element.html#the-html-element">html</a></code> element, then this is a <a href="parsing.html#parse-error">parse error</a>.</p> <p class="note">The <a href="parsing.html#current-node">current node</a> can only be the root - <code><a href="semantics.html#the-html-element">html</a></code> element in the <a href="the-end.html#fragment-case">fragment case</a>.</p> + <code><a href="the-html-element.html#the-html-element">html</a></code> element in the <a href="the-end.html#fragment-case">fragment case</a>.</p> <p><a href="the-end.html#stop-parsing">Stop parsing</a>.</p> @@ -2843,21 +2844,21 @@ <p><a href="parsing.html#parse-error">Parse error</a>. Process the token <a href="parsing.html#using-the-rules-for">using the rules for</a> the "<a href="#parsing-main-inbody" title="insertion mode: in body">in body</a>" <a href="parsing.html#insertion-mode">insertion mode</a>, except that if the - <a href="parsing.html#current-node">current node</a> is a <code><a href="tabular-data.html#the-table-element">table</a></code>, - <code><a href="tabular-data.html#the-tbody-element">tbody</a></code>, <code><a href="tabular-data.html#the-tfoot-element">tfoot</a></code>, <code><a href="tabular-data.html#the-thead-element">thead</a></code>, or - <code><a href="tabular-data.html#the-tr-element">tr</a></code> element, then, whenever a node would be inserted + <a href="parsing.html#current-node">current node</a> is a <code><a href="the-table-element.html#the-table-element">table</a></code>, + <code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code>, <code><a href="the-tfoot-element.html#the-tfoot-element">tfoot</a></code>, <code><a href="the-thead-element.html#the-thead-element">thead</a></code>, or + <code><a href="the-tr-element.html#the-tr-element">tr</a></code> element, then, whenever a node would be inserted into the <a href="parsing.html#current-node">current node</a>, it must instead be <a href="#foster-parent" title="foster parent">foster parented</a>.</p> </dd> </dl><p>When the steps above require the UA to <dfn id="clear-the-stack-back-to-a-table-context">clear the stack back to a table context</dfn>, it means that the UA must, while - the <a href="parsing.html#current-node">current node</a> is not a <code><a href="tabular-data.html#the-table-element">table</a></code> - element or an <code><a href="semantics.html#the-html-element">html</a></code> element, pop elements from the + the <a href="parsing.html#current-node">current node</a> is not a <code><a href="the-table-element.html#the-table-element">table</a></code> + element or an <code><a href="the-html-element.html#the-html-element">html</a></code> element, pop elements from the <a href="parsing.html#stack-of-open-elements">stack of open elements</a>.</p> <p class="note">The <a href="parsing.html#current-node">current node</a> being an - <code><a href="semantics.html#the-html-element">html</a></code> element after this process is a <a href="the-end.html#fragment-case">fragment + <code><a href="the-html-element.html#the-html-element">html</a></code> element after this process is a <a href="the-end.html#fragment-case">fragment case</a>.</p> @@ -2920,10 +2921,10 @@ <p><a href="#generate-implied-end-tags">Generate implied end tags</a>.</p> <p>Now, if the <a href="parsing.html#current-node">current node</a> is not a - <code><a href="tabular-data.html#the-caption-element">caption</a></code> element, then this is a <a href="parsing.html#parse-error">parse + <code><a href="the-caption-element.html#the-caption-element">caption</a></code> element, then this is a <a href="parsing.html#parse-error">parse error</a>.</p> - <p>Pop elements from this stack until a <code><a href="tabular-data.html#the-caption-element">caption</a></code> + <p>Pop elements from this stack until a <code><a href="the-caption-element.html#the-caption-element">caption</a></code> element has been popped from the stack.</p> <p><a href="parsing.html#clear-the-list-of-active-formatting-elements-up-to-the-last-marker">Clear the list of active formatting elements up to @@ -3006,12 +3007,12 @@ <dd> <p>If the <a href="parsing.html#current-node">current node</a> is the root - <code><a href="semantics.html#the-html-element">html</a></code> element, then this is a <a href="parsing.html#parse-error">parse + <code><a href="the-html-element.html#the-html-element">html</a></code> element, then this is a <a href="parsing.html#parse-error">parse error</a>; ignore the token. (<a href="the-end.html#fragment-case">fragment case</a>)</p> <p>Otherwise, pop the <a href="parsing.html#current-node">current node</a> (which will be - a <code><a href="tabular-data.html#the-colgroup-element">colgroup</a></code> element) from the <a href="parsing.html#stack-of-open-elements">stack of open + a <code><a href="the-colgroup-element.html#the-colgroup-element">colgroup</a></code> element) from the <a href="parsing.html#stack-of-open-elements">stack of open elements</a>. Switch the <a href="parsing.html#insertion-mode">insertion mode</a> to "<a href="#parsing-main-intable" title="insertion mode: in table">in table</a>".</p> @@ -3025,7 +3026,7 @@ <dt>An end-of-file token</dt> <dd> - <p>If the <a href="parsing.html#current-node">current node</a> is the root <code><a href="semantics.html#the-html-element">html</a></code> + <p>If the <a href="parsing.html#current-node">current node</a> is the root <code><a href="the-html-element.html#the-html-element">html</a></code> element, then <a href="the-end.html#stop-parsing">stop parsing</a>. (<a href="the-end.html#fragment-case">fragment case</a>)</p> @@ -3124,13 +3125,13 @@ </dl><p>When the steps above require the UA to <dfn id="clear-the-stack-back-to-a-table-body-context">clear the stack back to a table body context</dfn>, it means that the UA must, - while the <a href="parsing.html#current-node">current node</a> is not a <code><a href="tabular-data.html#the-tbody-element">tbody</a></code>, - <code><a href="tabular-data.html#the-tfoot-element">tfoot</a></code>, <code><a href="tabular-data.html#the-thead-element">thead</a></code>, or <code><a href="semantics.html#the-html-element">html</a></code> + while the <a href="parsing.html#current-node">current node</a> is not a <code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code>, + <code><a href="the-tfoot-element.html#the-tfoot-element">tfoot</a></code>, <code><a href="the-thead-element.html#the-thead-element">thead</a></code>, or <code><a href="the-html-element.html#the-html-element">html</a></code> element, pop elements from the <a href="parsing.html#stack-of-open-elements">stack of open elements</a>.</p> <p class="note">The <a href="parsing.html#current-node">current node</a> being an - <code><a href="semantics.html#the-html-element">html</a></code> element after this process is a <a href="the-end.html#fragment-case">fragment + <code><a href="the-html-element.html#the-html-element">html</a></code> element after this process is a <a href="the-end.html#fragment-case">fragment case</a>.</p> @@ -3167,7 +3168,7 @@ context</a>. (See below.)</p> <p>Pop the <a href="parsing.html#current-node">current node</a> (which will be a - <code><a href="tabular-data.html#the-tr-element">tr</a></code> element) from the <a href="parsing.html#stack-of-open-elements">stack of open + <code><a href="the-tr-element.html#the-tr-element">tr</a></code> element) from the <a href="parsing.html#stack-of-open-elements">stack of open elements</a>. Switch the <a href="parsing.html#insertion-mode">insertion mode</a> to "<a href="#parsing-main-intbody" title="insertion mode: in table body">in table body</a>".</p> @@ -3215,12 +3216,12 @@ </dl><p>When the steps above require the UA to <dfn id="clear-the-stack-back-to-a-table-row-context">clear the stack back to a table row context</dfn>, it means that the UA must, - while the <a href="parsing.html#current-node">current node</a> is not a <code><a href="tabular-data.html#the-tr-element">tr</a></code> - element or an <code><a href="semantics.html#the-html-element">html</a></code> element, pop elements from the + while the <a href="parsing.html#current-node">current node</a> is not a <code><a href="the-tr-element.html#the-tr-element">tr</a></code> + element or an <code><a href="the-html-element.html#the-html-element">html</a></code> element, pop elements from the <a href="parsing.html#stack-of-open-elements">stack of open elements</a>.</p> <p class="note">The <a href="parsing.html#current-node">current node</a> being an - <code><a href="semantics.html#the-html-element">html</a></code> element after this process is a <a href="the-end.html#fragment-case">fragment + <code><a href="the-html-element.html#the-html-element">html</a></code> element after this process is a <a href="the-end.html#fragment-case">fragment case</a>.</p> @@ -3309,7 +3310,7 @@ tag token with the tag name "th" had been seen.</p></li> </ol><p class="note">The <a href="parsing.html#stack-of-open-elements">stack of open elements</a> cannot have - both a <code><a href="tabular-data.html#the-td-element">td</a></code> and a <code><a href="tabular-data.html#the-th-element">th</a></code> element <a href="parsing.html#has-an-element-in-table-scope" title="has an element in table scope">in table scope</a> at the + both a <code><a href="the-td-element.html#the-td-element">td</a></code> and a <code><a href="the-th-element.html#the-th-element">th</a></code> element <a href="parsing.html#has-an-element-in-table-scope" title="has an element in table scope">in table scope</a> at the same time, nor can it have neither when the <a href="#close-the-cell">close the cell</a> algorithm is invoked.</p> @@ -3350,7 +3351,7 @@ <dt>A start tag whose tag name is "option"</dt> <dd> - <p>If the <a href="parsing.html#current-node">current node</a> is an <code><a href="the-button-element.html#the-option-element">option</a></code> + <p>If the <a href="parsing.html#current-node">current node</a> is an <code><a href="the-option-element.html#the-option-element">option</a></code> element, act as if an end tag with the tag name "option" had been seen.</p> @@ -3361,12 +3362,12 @@ <dt>A start tag whose tag name is "optgroup"</dt> <dd> - <p>If the <a href="parsing.html#current-node">current node</a> is an <code><a href="the-button-element.html#the-option-element">option</a></code> + <p>If the <a href="parsing.html#current-node">current node</a> is an <code><a href="the-option-element.html#the-option-element">option</a></code> element, act as if an end tag with the tag name "option" had been seen.</p> <p>If the <a href="parsing.html#current-node">current node</a> is an - <code><a href="the-button-element.html#the-optgroup-element">optgroup</a></code> element, act as if an end tag with the + <code><a href="the-optgroup-element.html#the-optgroup-element">optgroup</a></code> element, act as if an end tag with the tag name "optgroup" had been seen.</p> <p><a href="#insert-an-html-element">Insert an HTML element</a> for the token.</p> @@ -3377,13 +3378,13 @@ <dd> <p>First, if the <a href="parsing.html#current-node">current node</a> is an - <code><a href="the-button-element.html#the-option-element">option</a></code> element, and the node immediately before + <code><a href="the-option-element.html#the-option-element">option</a></code> element, and the node immediately before it in the <a href="parsing.html#stack-of-open-elements">stack of open elements</a> is an - <code><a href="the-button-element.html#the-optgroup-element">optgroup</a></code> element, then act as if an end tag with + <code><a href="the-optgroup-element.html#the-optgroup-element">optgroup</a></code> element, then act as if an end tag with the tag name "option" had been seen.</p> <p>If the <a href="parsing.html#current-node">current node</a> is an - <code><a href="the-button-element.html#the-optgroup-element">optgroup</a></code> element, then pop that node from the + <code><a href="the-optgroup-element.html#the-optgroup-element">optgroup</a></code> element, then pop that node from the <a href="parsing.html#stack-of-open-elements">stack of open elements</a>. Otherwise, this is a <a href="parsing.html#parse-error">parse error</a>; ignore the token.</p> @@ -3392,7 +3393,7 @@ <dt>An end tag whose tag name is "option"</dt> <dd> - <p>If the <a href="parsing.html#current-node">current node</a> is an <code><a href="the-button-element.html#the-option-element">option</a></code> + <p>If the <a href="parsing.html#current-node">current node</a> is an <code><a href="the-option-element.html#the-option-element">option</a></code> element, then pop that node from the <a href="parsing.html#stack-of-open-elements">stack of open elements</a>. Otherwise, this is a <a href="parsing.html#parse-error">parse error</a>; ignore the token.</p> @@ -3410,7 +3411,7 @@ <p>Otherwise:</p> <p>Pop elements from the <a href="parsing.html#stack-of-open-elements">stack of open elements</a> - until a <code><a href="the-button-element.html#the-select-element">select</a></code> element has been popped from the + until a <code><a href="the-select-element.html#the-select-element">select</a></code> element has been popped from the stack.</p> <p><a href="parsing.html#reset-the-insertion-mode-appropriately">Reset the insertion mode appropriately</a>.</p> @@ -3449,11 +3450,11 @@ <dd> <p>If the <a href="parsing.html#current-node">current node</a> is not the root - <code><a href="semantics.html#the-html-element">html</a></code> element, then this is a <a href="parsing.html#parse-error">parse + <code><a href="the-html-element.html#the-html-element">html</a></code> element, then this is a <a href="parsing.html#parse-error">parse error</a>.</p> <p class="note">The <a href="parsing.html#current-node">current node</a> can only be the root - <code><a href="semantics.html#the-html-element">html</a></code> element in the <a href="the-end.html#fragment-case">fragment case</a>.</p> + <code><a href="the-html-element.html#the-html-element">html</a></code> element in the <a href="the-end.html#fragment-case">fragment case</a>.</p> <p><a href="the-end.html#stop-parsing">Stop parsing</a>.</p> @@ -3510,7 +3511,7 @@ <dt>A comment token</dt> <dd> <p>Append a <code><a href="infrastructure.html#comment-0">Comment</a></code> node to the first element in - the <a href="parsing.html#stack-of-open-elements">stack of open elements</a> (the <code><a href="semantics.html#the-html-element">html</a></code> + the <a href="parsing.html#stack-of-open-elements">stack of open elements</a> (the <code><a href="the-html-element.html#the-html-element">html</a></code> element), with the <code title="">data</code> attribute set to the data given in the comment token.</p> </dd> @@ -3591,7 +3592,7 @@ <dd> <p>If the <a href="parsing.html#current-node">current node</a> is the root - <code><a href="semantics.html#the-html-element">html</a></code> element, then this is a <a href="parsing.html#parse-error">parse + <code><a href="the-html-element.html#the-html-element">html</a></code> element, then this is a <a href="parsing.html#parse-error">parse error</a>; ignore the token. (<a href="the-end.html#fragment-case">fragment case</a>)</p> @@ -3629,11 +3630,11 @@ <dd> <p>If the <a href="parsing.html#current-node">current node</a> is not the root - <code><a href="semantics.html#the-html-element">html</a></code> element, then this is a <a href="parsing.html#parse-error">parse + <code><a href="the-html-element.html#the-html-element">html</a></code> element, then this is a <a href="parsing.html#parse-error">parse error</a>.</p> <p class="note">The <a href="parsing.html#current-node">current node</a> can only be the root - <code><a href="semantics.html#the-html-element">html</a></code> element in the <a href="the-end.html#fragment-case">fragment case</a>.</p> + <code><a href="the-html-element.html#the-html-element">html</a></code> element in the <a href="the-end.html#fragment-case">fragment case</a>.</p> <p><a href="the-end.html#stop-parsing">Stop parsing</a>.</p> @@ -3926,7 +3927,7 @@ the <code title="">script</code> element</a> according to the SVG rules, if the user agent supports SVG. <a href="references.html#refsSVG">[SVG]</a></p> - <p class="note">Even if this causes <a href="content-models.html#dom-document-write" title="dom-document-write">new characters to be inserted into the + <p class="note">Even if this causes <a href="dynamic-markup-insertion.html#dom-document-write" title="dom-document-write">new characters to be inserted into the tokenizer</a>, the parser will not be executed reentrantly, since the <a href="parsing.html#parser-pause-flag">parser pause flag</a> is true.</p> Index: association-of-controls-and-forms.html =================================================================== RCS file: /sources/public/html5/spec/association-of-controls-and-forms.html,v retrieving revision 1.111 retrieving revision 1.112 diff -u -d -r1.111 -r1.112 --- association-of-controls-and-forms.html 10 Dec 2011 06:02:05 -0000 1.111 +++ association-of-controls-and-forms.html 10 Dec 2011 06:15:41 -0000 1.112 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>4.10.18 Association of controls and forms — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>4.10.18 Association of controls and forms — HTML5</title><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; } @@ -319,43 +318,43 @@ } </script> <script src="link-fixup.js"></script> [...1896 lines suppressed...] - distinguish a literal newline in a value from the newline at the end - of the value).</p><div class="impl"> - - <h4 id="resetting-a-form"><span class="secno">4.10.23 </span>Resetting a form</h4> - - <p>When a <code><a href="forms.html#the-form-element">form</a></code> element <var title="">form</var> is <dfn id="concept-form-reset" title="concept-form-reset">reset</dfn>, the user agent must - <a href="webappapis.html#fire-a-simple-event">fire a simple event</a> named <code title="event-reset">reset</code>, that is cancelable, at <var title="">form</var>, and then, if that event is not canceled, must - invoke the <a href="#concept-form-reset-control" title="concept-form-reset-control">reset - algorithm</a> of each <a href="forms.html#category-reset" title="category-reset">resettable - element</a> whose <a href="#form-owner">form owner</a> is <var title="">form</var>.</p> - - <p>Each <a href="forms.html#category-reset" title="category-reset">resettable element</a> - defines its own <dfn id="concept-form-reset-control" title="concept-form-reset-control">reset - algorithm</dfn>. Changes made to form controls as part of these - algorithms do not count as changes caused by the user (and thus, - e.g., do not cause <code title="event-input">input</code> events to - fire).</p> - </div></body></html> \ No newline at end of file Index: the-end.html =================================================================== RCS file: /sources/public/html5/spec/the-end.html,v retrieving revision 1.70 retrieving revision 1.71 diff -u -d -r1.70 -r1.71 --- the-end.html 10 Dec 2011 06:02:15 -0000 1.70 +++ the-end.html 10 Dec 2011 06:15:48 -0000 1.71 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>8.2.6 The end — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>8.2.6 The end — HTML5</title><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; } @@ -319,19 +318,21 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="tree-construction.html" title="8.2.5 Tree construction" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> + <link href="tree-construction.html" title="8.2.5 Tree construction" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> <link href="named-character-references.html" title="8.5 Named character references" rel="next"> - </head><body><div class="head" id="head"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="tree-construction.html" class="prev">8.2.5 Tree construction</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="named-character-references.html" class="next">8.5 Named character references</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2> + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="tree-construction.html">← 8.2.5 Tree construction</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="named-character-references.html">8.5 Named character references →</a> <ol class="toc"><li><ol><li><ol><li><a href="the-end.html#the-end"><span class="secno">8.2.6 </span>The end</a></li><li><a href="the-end.html#coercing-an-html-dom-into-an-infoset"><span class="secno">8.2.7 </span>Coercing an HTML DOM into an infoset</a></li><li><a href="the-end.html#an-introduction-to-error-handling-and-strange-cases-in-the-parser"><span class="secno">8.2.8 </span>An introduction to error handling and strange cases in the parser</a> - <ol><li><a href="the-end.html#misnested-tags:-b-i-b-i"><span class="secno">8.2.8.1 </span>Misnested tags: <b><i></b></i></a></li><li><a href="the-end.html#misnested-tags:-b-p-b-p"><span class="secno">8.2.8.2 </span>Misnested tags: <b><p></b></p></a></li><li><a href="the-end.html#unexpected-markup-in-tables"><span class="secno">8.2.8.3 </span>Unexpected markup in tables</a></li><li><a href="the-end.html#scripts-that-modify-the-page-as-it-is-being-parsed"><span class="secno">8.2.8.4 </span>Scripts that modify the page as it is being parsed</a></li><li><a href="the-end.html#the-execution-of-scripts-that-are-moving-across-multiple-documents"><span class="secno">8.2.8.5 </span>The execution of scripts that are moving across multiple documents</a></li><li><a href="the-end.html#unclosed-formatting-elements"><span class="secno">8.2.8.6 </span>Unclosed formatting elements</a></li></ol></li></ol></li><li><a href="the-end.html#serializing-html-fragments"><span clas="secno">8.3 </span>Serializing HTML fragments</a></li><li><a href="the-end.html#parsing-html-fragments"><span class="secno">8.4 </span>Parsing HTML fragments</a></li></ol></li></ol></div> + <ol><li><a href="the-end.html#misnested-tags:-b-i-b-i"><span class="secno">8.2.8.1 </span>Misnested tags: <b><i></b></i></a></li><li><a href="the-end.html#misnested-tags:-b-p-b-p"><span class="secno">8.2.8.2 </span>Misnested tags: <b><p></b></p></a></li><li><a href="the-end.html#unexpected-markup-in-tables"><span class="secno">8.2.8.3 </span>Unexpected markup in tables</a></li><li><a href="the-end.html#scripts-that-modify-the-page-as-it-is-being-parsed"><span class="secno">8.2.8.4 </span>Scripts that modify the page as it is being parsed</a></li><li><a href="the-end.html#the-execution-of-scripts-that-are-moving-across-multiple-documents"><span class="secno">8.2.8.5 </span>The execution of scripts that are moving across multiple documents</a></li><li><a href="the-end.html#unclosed-formatting-elements"><span class="secno">8.2.8.6 </span>Unclosed formatting elements</a></li></ol></li></ol></li><li><a href="the-end.html#serializing-html-fragments"><span clas="secno">8.3 </span>Serializing HTML fragments</a></li><li><a href="the-end.html#parsing-html-fragments"><span class="secno">8.4 </span>Parsing HTML fragments</a></li></ol></li></ol></nav> <div class="impl"> @@ -347,27 +348,27 @@ <li><p>Pop <em>all</em> the nodes off the <a href="parsing.html#stack-of-open-elements">stack of open elements</a>.</p></li> - <li><p>If the <a href="scripting-1.html#list-of-scripts-that-will-execute-when-the-document-has-finished-parsing">list of scripts that will execute when the + <li><p>If the <a href="the-script-element.html#list-of-scripts-that-will-execute-when-the-document-has-finished-parsing">list of scripts that will execute when the document has finished parsing</a> is not empty, run these substeps:</p> <ol><li><p><a href="webappapis.html#spin-the-event-loop">Spin the event loop</a> until the first - <code><a href="scripting-1.html#the-script-element">script</a></code> in the <a href="scripting-1.html#list-of-scripts-that-will-execute-when-the-document-has-finished-parsing">list of scripts that will + <code><a href="the-script-element.html#the-script-element">script</a></code> in the <a href="the-script-element.html#list-of-scripts-that-will-execute-when-the-document-has-finished-parsing">list of scripts that will execute when the document has finished parsing</a> has its - <a href="scripting-1.html#ready-to-be-parser-executed">"ready to be parser-executed"</a> flag set <em>and</em> - the parser's <code><a href="dom.html#document">Document</a></code> <a href="semantics.html#has-no-style-sheet-that-is-blocking-scripts">has no style sheet that + <a href="the-script-element.html#ready-to-be-parser-executed">"ready to be parser-executed"</a> flag set <em>and</em> + the parser's <code><a href="dom.html#document">Document</a></code> <a href="styling.html#has-no-style-sheet-that-is-blocking-scripts">has no style sheet that is blocking scripts</a>.</p></li> - <li><p><a href="scripting-1.html#execute-the-script-block" title="execute the script block">Execute</a> the - first <code><a href="scripting-1.html#the-script-element">script</a></code> in the <a href="scripting-1.html#list-of-scripts-that-will-execute-when-the-document-has-finished-parsing">list of scripts that will + <li><p><a href="the-script-element.html#execute-the-script-block" title="execute the script block">Execute</a> the + first <code><a href="the-script-element.html#the-script-element">script</a></code> in the <a href="the-script-element.html#list-of-scripts-that-will-execute-when-the-document-has-finished-parsing">list of scripts that will execute when the document has finished parsing</a>.</p></li> - <li><p>Remove the first <code><a href="scripting-1.html#the-script-element">script</a></code> element from the - <a href="scripting-1.html#list-of-scripts-that-will-execute-when-the-document-has-finished-parsing">list of scripts that will execute when the document has + <li><p>Remove the first <code><a href="the-script-element.html#the-script-element">script</a></code> element from the + <a href="the-script-element.html#list-of-scripts-that-will-execute-when-the-document-has-finished-parsing">list of scripts that will execute when the document has finished parsing</a> (i.e. shift out the first entry in the list).</p></li> - <li><p>If the <a href="scripting-1.html#list-of-scripts-that-will-execute-when-the-document-has-finished-parsing">list of scripts that will execute when the + <li><p>If the <a href="the-script-element.html#list-of-scripts-that-will-execute-when-the-document-has-finished-parsing">list of scripts that will execute when the document has finished parsing</a> is still not empty, repeat these substeps again from substep 1.</p> @@ -377,9 +378,9 @@ event</a> that bubbles named <code title="event-DOMContentLoaded">DOMContentLoaded</code> at the <code><a href="dom.html#document">Document</a></code>.</p></li> - <li><p><a href="webappapis.html#spin-the-event-loop">Spin the event loop</a> until the <a href="scripting-1.html#set-of-scripts-that-will-execute-as-soon-as-possible">set of + <li><p><a href="webappapis.html#spin-the-event-loop">Spin the event loop</a> until the <a href="the-script-element.html#set-of-scripts-that-will-execute-as-soon-as-possible">set of scripts that will execute as soon as possible</a> and the - <a href="scripting-1.html#list-of-scripts-that-will-execute-in-order-as-soon-as-possible">list of scripts that will execute in order as soon as + <a href="the-script-element.html#list-of-scripts-that-will-execute-in-order-as-soon-as-possible">list of scripts that will execute in order as soon as possible</a> are empty.</p></li> <li><p><a href="webappapis.html#spin-the-event-loop">Spin the event loop</a> until there is nothing that <dfn id="delay-the-load-event" title="delay the load event">delays the load event</dfn> in @@ -414,8 +415,8 @@ for these <a href="webappapis.html#concept-task" title="concept-task">tasks</a> is the <a href="webappapis.html#networking-task-source">networking task source</a>.</p></li> - <li><p>If the <code><a href="dom.html#document">Document</a></code>'s <a href="timers.html#print-when-loaded">print when - loaded</a> flag is set, then run the <a href="timers.html#printing-steps">printing + <li><p>If the <code><a href="dom.html#document">Document</a></code>'s <a href="user-prompts.html#print-when-loaded">print when + loaded</a> flag is set, then run the <a href="user-prompts.html#printing-steps">printing steps</a>.</p></li> <li><p>The <code><a href="dom.html#document">Document</a></code> is now <dfn id="ready-for-post-load-tasks">ready for post-load @@ -514,7 +515,7 @@ <i><a href="infrastructure.html#limited-quirks-mode">limited-quirks mode</a></i>, or <i><a href="infrastructure.html#quirks-mode">quirks mode</a></i></li> <li>The association between form controls and forms that aren't - their nearest <code><a href="forms.html#the-form-element">form</a></code> element ancestor (use of the + their nearest <code><a href="the-form-element.html#the-form-element">form</a></code> element ancestor (use of the <a href="parsing.html#form-element-pointer"><code>form</code> element pointer</a> in the parser)</li> </ul><p class="note">The mutations allowed by this section apply @@ -547,29 +548,29 @@ <p>The parsing of this markup is straightforward up to the "3". At this point, the DOM looks like this:</p> - <ul class="domTree"><li class="t1"><code><a href="semantics.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="grouping-content.html#the-p-element">p</a></code><ul><li class="t3"><code>#text</code>: <span title="">1</span></li><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">2</span></li><li class="t1"><code><a href="text-level-semantics.html#the-i-element">i</a></code><ul><li class="t3"><code>#text</code>: <span title="">3</span></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul><p>Here, the <a href="parsing.html#stack-of-open-elements">stack of open elements</a> has five elements - on it: <code><a href="semantics.html#the-html-element">html</a></code>, <code><a href="sections.html#the-body-element">body</a></code>, <code><a href="grouping-content.html#the-p-element">p</a></code>, - <code><a href="text-level-semantics.html#the-b-element">b</a></code>, and <code><a href="text-level-semantics.html#the-i-element">i</a></code>. The <a href="parsing.html#list-of-active-formatting-elements">list of active - formatting elements</a> just has two: <code><a href="text-level-semantics.html#the-b-element">b</a></code> and - <code><a href="text-level-semantics.html#the-i-element">i</a></code>. The <a href="parsing.html#insertion-mode">insertion mode</a> is "<a href="tree-construction.html#parsing-main-inbody" title="insertion mode: in body">in body</a>".</p> + <ul class="domTree"><li class="t1"><code><a href="the-html-element.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="the-head-element.html#the-head-element">head</a></code></li><li class="t1"><code><a href="the-body-element.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="the-p-element.html#the-p-element">p</a></code><ul><li class="t3"><code>#text</code>: <span title="">1</span></li><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">2</span></li><li class="t1"><code><a href="the-i-element.html#the-i-element">i</a></code><ul><li class="t3"><code>#text</code>: <span title="">3</span></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul><p>Here, the <a href="parsing.html#stack-of-open-elements">stack of open elements</a> has five elements + on it: <code><a href="the-html-element.html#the-html-element">html</a></code>, <code><a href="the-body-element.html#the-body-element">body</a></code>, <code><a href="the-p-element.html#the-p-element">p</a></code>, + <code><a href="the-b-element.html#the-b-element">b</a></code>, and <code><a href="the-i-element.html#the-i-element">i</a></code>. The <a href="parsing.html#list-of-active-formatting-elements">list of active + formatting elements</a> just has two: <code><a href="the-b-element.html#the-b-element">b</a></code> and + <code><a href="the-i-element.html#the-i-element">i</a></code>. The <a href="parsing.html#insertion-mode">insertion mode</a> is "<a href="tree-construction.html#parsing-main-inbody" title="insertion mode: in body">in body</a>".</p> <p>Upon receiving the end tag token with the tag name "b", the "<a href="tree-construction.html#adoptionAgency">adoption agency algorithm</a>" is invoked. This is a simple case, in that the <var title="">formatting - element</var> is the <code><a href="text-level-semantics.html#the-b-element">b</a></code> element, and there is no + element</var> is the <code><a href="the-b-element.html#the-b-element">b</a></code> element, and there is no <var title="">furthest block</var>. Thus, the <a href="parsing.html#stack-of-open-elements">stack of open - elements</a> ends up with just three elements: <code><a href="semantics.html#the-html-element">html</a></code>, - <code><a href="sections.html#the-body-element">body</a></code>, and <code><a href="grouping-content.html#the-p-element">p</a></code>, while the <a href="parsing.html#list-of-active-formatting-elements">list of - active formatting elements</a> has just one: <code><a href="text-level-semantics.html#the-i-element">i</a></code>. The + elements</a> ends up with just three elements: <code><a href="the-html-element.html#the-html-element">html</a></code>, + <code><a href="the-body-element.html#the-body-element">body</a></code>, and <code><a href="the-p-element.html#the-p-element">p</a></code>, while the <a href="parsing.html#list-of-active-formatting-elements">list of + active formatting elements</a> has just one: <code><a href="the-i-element.html#the-i-element">i</a></code>. The DOM tree is unmodified at this point.</p> <p>The next token is a character ("4"), triggers the <a href="parsing.html#reconstruct-the-active-formatting-elements" title="reconstruct the active formatting elements">reconstruction of the active formatting elements</a>, in this case just the - <code><a href="text-level-semantics.html#the-i-element">i</a></code> element. A new <code><a href="text-level-semantics.html#the-i-element">i</a></code> element is thus created + <code><a href="the-i-element.html#the-i-element">i</a></code> element. A new <code><a href="the-i-element.html#the-i-element">i</a></code> element is thus created for the "4" text node. After the end tag token for the "i" is also received, and the "5" text node is inserted, the DOM looks as follows:</p> - <ul class="domTree"><li class="t1"><code><a href="semantics.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="grouping-content.html#the-p-element">p</a></code><ul><li class="t3"><code>#text</code>: <span title="">1</span></li><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">2</span></li><li class="t1"><code><a href="text-level-semantics.html#the-i-element">i</a></code><ul><li class="t3"><code>#text</code>: <span title="">3</span></li></ul></li></ul></li><li class="t1"><code><a href="text-level-semantics.html#the-i-element">i</a></code><ul><li class="t3"><code>#text</code>: <span title="">4</span></li></ul></li><li class="t3"><code>#text</code>: <span title="">5</span></li></ul></li></ul></li></ul></li></ul><h5 id="misnested-tags:-b-p-bp"><span class="secno">8.2.8.2 </span>Misnested tags: <b><p></b></p></h5> + <ul class="domTree"><li class="t1"><code><a href="the-html-element.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="the-head-element.html#the-head-element">head</a></code></li><li class="t1"><code><a href="the-body-element.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="the-p-element.html#the-p-element">p</a></code><ul><li class="t3"><code>#text</code>: <span title="">1</span></li><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">2</span></li><li class="t1"><code><a href="the-i-element.html#the-i-element">i</a></code><ul><li class="t3"><code>#text</code>: <span title="">3</span></li></ul></li></ul></li><li class="t1"><code><a href="the-i-element.html#the-i-element">i</a></code><ul><li class="t3"><code>#text</code>: <span title="">4</span></li></ul></li><li class="t3"><code>#text</code>: <span title="">5</span></li></ul></li></ul></li></ul></li></ul><h5 id="misnested-tags:-b-p-b-p><span class="secno">8.2.8.2 </span>Misnested tags: <b><p></b></p></h5> <p><i>This section is non-normative.</i></p> @@ -579,46 +580,46 @@ <p>Up to the "2" the parsing here is straightforward:</p> - <ul class="domTree"><li class="t1"><code><a href="semantics.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">1</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="">2</span></li></ul></li></ul></li></ul></li></ul></li></ul><p>The interesting part is when the end tag token with the tag name + <ul class="domTree"><li class="t1"><code><a href="the-html-element.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="the-head-element.html#the-head-element">head</a></code></li><li class="t1"><code><a href="the-body-element.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">1</span></li><li class="t1"><code><a href="the-p-element.html#the-p-element">p</a></code><ul><li class="t3"><code>#text</code>: <span title="">2</span></li></ul></li></ul></li></ul></li></ul></li></ul><p>The interesting part is when the end tag token with the tag name "b" is parsed.</p> <p>Before that token is seen, the <a href="parsing.html#stack-of-open-elements">stack of open - elements</a> has four elements on it: <code><a href="semantics.html#the-html-element">html</a></code>, - <code><a href="sections.html#the-body-element">body</a></code>, <code><a href="text-level-semantics.html#the-b-element">b</a></code>, and <code><a href="grouping-content.html#the-p-element">p</a></code>. The + elements</a> has four elements on it: <code><a href="the-html-element.html#the-html-element">html</a></code>, + <code><a href="the-body-element.html#the-body-element">body</a></code>, <code><a href="the-b-element.html#the-b-element">b</a></code>, and <code><a href="the-p-element.html#the-p-element">p</a></code>. The <a href="parsing.html#list-of-active-formatting-elements">list of active formatting elements</a> just has the one: - <code><a href="text-level-semantics.html#the-b-element">b</a></code>. The <a href="parsing.html#insertion-mode">insertion mode</a> is "<a href="tree-construction.html#parsing-main-inbody" title="insertion mode: in body">in body</a>".</p> + <code><a href="the-b-element.html#the-b-element">b</a></code>. The <a href="parsing.html#insertion-mode">insertion mode</a> is "<a href="tree-construction.html#parsing-main-inbody" title="insertion mode: in body">in body</a>".</p> <p>Upon receiving the end tag token with the tag name "b", the "<a href="tree-construction.html#adoptionAgency">adoption agency algorithm</a>" is invoked, as in the previous example. However, in this case, there <em>is</em> a - <var title="">furthest block</var>, namely the <code><a href="grouping-content.html#the-p-element">p</a></code> element. Thus, + <var title="">furthest block</var>, namely the <code><a href="the-p-element.html#the-p-element">p</a></code> element. Thus, this time the adoption agency algorithm isn't skipped over.</p> - <p>The <var title="">common ancestor</var> is the <code><a href="sections.html#the-body-element">body</a></code> + <p>The <var title="">common ancestor</var> is the <code><a href="the-body-element.html#the-body-element">body</a></code> element. A conceptual "bookmark" marks the position of the - <code><a href="text-level-semantics.html#the-b-element">b</a></code> in the <a href="parsing.html#list-of-active-formatting-elements">list of active formatting + <code><a href="the-b-element.html#the-b-element">b</a></code> in the <a href="parsing.html#list-of-active-formatting-elements">list of active formatting elements</a>, but since that list has only one element in it, the bookmark won't have much effect.</p> <p>As the algorithm progresses, <var title="">node</var> ends up set - to the formatting element (<code><a href="text-level-semantics.html#the-b-element">b</a></code>), and <var title="">last + to the formatting element (<code><a href="the-b-element.html#the-b-element">b</a></code>), and <var title="">last node</var> ends up set to the <var title="">furthest block</var> - (<code><a href="grouping-content.html#the-p-element">p</a></code>).</p> + (<code><a href="the-p-element.html#the-p-element">p</a></code>).</p> <p>The <var title="">last node</var> gets appended (moved) to the <var title="">common ancestor</var>, so that the DOM looks like:</p> - <ul class="domTree"><li class="t1"><code><a href="semantics.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">1</span></li></ul></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="">2</span></li></ul></li></ul></li></ul></li></ul><p>A new <code><a href="text-level-semantics.html#the-b-element">b</a></code> element is created, and the children of the - <code><a href="grouping-content.html#the-p-element">p</a></code> element are moved to it:</p> + <ul class="domTree"><li class="t1"><code><a href="the-html-element.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="the-head-element.html#the-head-element">head</a></code></li><li class="t1"><code><a href="the-body-element.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">1</span></li></ul></li><li class="t1"><code><a href="the-p-element.html#the-p-element">p</a></code><ul><li class="t3"><code>#text</code>: <span title="">2</span></li></ul></li></ul></li></ul></li></ul><p>A new <code><a href="the-b-element.html#the-b-element">b</a></code> element is created, and the children of the + <code><a href="the-p-element.html#the-p-element">p</a></code> element are moved to it:</p> - <ul class="domTree"><li class="t1"><code><a href="semantics.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">1</span></li></ul></li><li class="t1"><code><a href="grouping-content.html#the-p-element">p</a></code></li></ul></li></ul></li></ul><ul class="domTree"><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">2</span></li></ul></li></ul><p>Finally, the new <code><a href="text-level-semantics.html#the-b-element">b</a></code> element is appended to the - <code><a href="grouping-content.html#the-p-element">p</a></code> element, so that the DOM looks like:</p> + <ul class="domTree"><li class="t1"><code><a href="the-html-element.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="the-head-element.html#the-head-element">head</a></code></li><li class="t1"><code><a href="the-body-element.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">1</span></li></ul></li><li class="t1"><code><a href="the-p-element.html#the-p-element">p</a></code></li></ul></li></ul></li></ul><ul class="domTree"><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">2</span></li></ul></li></ul><p>Finally, the new <code><a href="the-b-element.html#the-b-element">b</a></code> element is appended to the + <code><a href="the-p-element.html#the-p-element">p</a></code> element, so that the DOM looks like:</p> - <ul class="domTree"><li class="t1"><code><a href="semantics.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">1</span></li></ul></li><li class="t1"><code><a href="grouping-content.html#the-p-element">p</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">2</span></li></ul></li></ul></li></ul></li></ul></li></ul><p>The <code><a href="text-level-semantics.html#the-b-element">b</a></code> element is removed from the <a href="parsing.html#list-of-active-formatting-elements">list of + <ul class="domTree"><li class="t1"><code><a href="the-html-element.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="the-head-element.html#the-head-element">head</a></code></li><li class="t1"><code><a href="the-body-element.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">1</span></li></ul></li><li class="t1"><code><a href="the-p-element.html#the-p-element">p</a></code><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">2</span></li></ul></li></ul></li></ul></li></ul></li></ul><p>The <code><a href="the-b-element.html#the-b-element">b</a></code> element is removed from the <a href="parsing.html#list-of-active-formatting-elements">list of active formatting elements</a> and the <a href="parsing.html#stack-of-open-elements">stack of open elements</a>, so that when the "3" is parsed, it is appended to - the <code><a href="grouping-content.html#the-p-element">p</a></code> element:</p> + the <code><a href="the-p-element.html#the-p-element">p</a></code> element:</p> - <ul class="domTree"><li class="t1"><code><a href="semantics.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">1</span></li></ul></li><li class="t1"><code><a href="grouping-content.html#the-p-element">p</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">2</span></li></ul></li><li class="t3"><code>#text</code>: <span title="">3</span></li></ul></li></ul></li></ul></li></ul><h5 id="unexpected-markup-in-tables"><span class="secno">8.2.8.3 </span>Unexpected markup in tables</h5> + <ul class="domTree"><li class="t1"><code><a href="the-html-element.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="the-head-element.html#the-head-element">head</a></code></li><li class="t1"><code><a href="the-body-element.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">1</span></li></ul></li><li class="t1"><code><a href="the-p-element.html#the-p-element">p</a></code><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">2</span></li></ul></li><li class="t3"><code>#text</code>: <span title="">3</span></li></ul></li></ul></li></ul></li></ul><h5 id="unexpected-markup-in-tables"><span class="secno">8.2.8.3 </span>Unexpected markup in tables</h5> <p><i>This section is non-normative.</i></p> @@ -627,53 +628,53 @@ <pre><table><strong><b></strong><tr><td>aaa</td></tr><strong>bbb</strong></table>ccc</pre> - <p>The highlighted <code><a href="text-level-semantics.html#the-b-element">b</a></code> element start tag is not allowed + <p>The highlighted <code><a href="the-b-element.html#the-b-element">b</a></code> element start tag is not allowed directly inside a table like that, and the parser handles this case by placing the element <em>before</em> the table. (This is called <i title="foster parent"><a href="tree-construction.html#foster-parent">foster parenting</a></i>.) This can be seen by examining the DOM tree as it stands just after the - <code><a href="tabular-data.html#the-table-element">table</a></code> element's start tag has been seen:</p> + <code><a href="the-table-element.html#the-table-element">table</a></code> element's start tag has been seen:</p> - <ul class="domTree"><li class="t1"><code><a href="semantics.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="tabular-data.html#the-table-element">table</a></code></li></ul></li></ul></li></ul><p>...and then immediately after the <code><a href="text-level-semantics.html#the-b-element">b</a></code> element start + <ul class="domTree"><li class="t1"><code><a href="the-html-element.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="the-head-element.html#the-head-element">head</a></code></li><li class="t1"><code><a href="the-body-element.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="the-table-element.html#the-table-element">table</a></code></li></ul></li></ul></li></ul><p>...and then immediately after the <code><a href="the-b-element.html#the-b-element">b</a></code> element start tag has been seen:</p> - <ul class="domTree"><li class="t1"><code><a href="semantics.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code></li><li class="t1"><code><a href="tabular-data.html#the-table-element">table</a></code></li></ul></li></ul></li></ul><p>At this point, the <a href="parsing.html#stack-of-open-elements">stack of open elements</a> has on it - the elements <code><a href="semantics.html#the-html-element">html</a></code>, <code><a href="sections.html#the-body-element">body</a></code>, - <code><a href="tabular-data.html#the-table-element">table</a></code>, and <code><a href="text-level-semantics.html#the-b-element">b</a></code> (in that order, despite the + <ul class="domTree"><li class="t1"><code><a href="the-html-element.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="the-head-element.html#the-head-element">head</a></code></li><li class="t1"><code><a href="the-body-element.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code></li><li class="t1"><code><a href="the-table-element.html#the-table-element">table</a></code></li></ul></li></ul></li></ul><p>At this point, the <a href="parsing.html#stack-of-open-elements">stack of open elements</a> has on it + the elements <code><a href="the-html-element.html#the-html-element">html</a></code>, <code><a href="the-body-element.html#the-body-element">body</a></code>, + <code><a href="the-table-element.html#the-table-element">table</a></code>, and <code><a href="the-b-element.html#the-b-element">b</a></code> (in that order, despite the resulting DOM tree); the <a href="parsing.html#list-of-active-formatting-elements">list of active formatting - elements</a> just has the <code><a href="text-level-semantics.html#the-b-element">b</a></code> element in it; and the + elements</a> just has the <code><a href="the-b-element.html#the-b-element">b</a></code> element in it; and the <a href="parsing.html#insertion-mode">insertion mode</a> is "<a href="tree-construction.html#parsing-main-intable" title="insertion mode: in table">in table</a>".</p> - <p>The <code><a href="tabular-data.html#the-tr-element">tr</a></code> start tag causes the <code><a href="text-level-semantics.html#the-b-element">b</a></code> element - to be popped off the stack and a <code><a href="tabular-data.html#the-tbody-element">tbody</a></code> start tag to be - implied; the <code><a href="tabular-data.html#the-tbody-element">tbody</a></code> and <code><a href="tabular-data.html#the-tr-element">tr</a></code> elements are + <p>The <code><a href="the-tr-element.html#the-tr-element">tr</a></code> start tag causes the <code><a href="the-b-element.html#the-b-element">b</a></code> element + to be popped off the stack and a <code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code> start tag to be + implied; the <code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code> and <code><a href="the-tr-element.html#the-tr-element">tr</a></code> elements are then handled in a rather straight-forward manner, taking the parser through the "<a href="tree-construction.html#parsing-main-intbody" title="insertion mode: in table body">in table body</a>" and "<a href="tree-construction.html#parsing-main-intr" title="insertion mode: in row">in row</a>" insertion modes, after which the DOM looks as follows:</p> - <ul class="domTree"><li class="t1"><code><a href="semantics.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code></li><li class="t1"><code><a href="tabular-data.html#the-table-element">table</a></code><ul><li class="t1"><code><a href="tabular-data.html#the-tbody-element">tbody</a></code><ul><li class="t1"><code><a href="tabular-data.html#the-tr-element">tr</a></code></li></ul></li></ul></li></ul></li></ul></li></ul><p>Here, the <a href="parsing.html#stack-of-open-elements">stack of open elements</a> has on it the - elements <code><a href="semantics.html#the-html-element">html</a></code>, <code><a href="sections.html#the-body-element">body</a></code>, <code><a href="tabular-data.html#the-table-element">table</a></code>, - <code><a href="tabular-data.html#the-tbody-element">tbody</a></code>, and <code><a href="tabular-data.html#the-tr-element">tr</a></code>; the <a href="parsing.html#list-of-active-formatting-elements">list of active - formatting elements</a> still has the <code><a href="text-level-semantics.html#the-b-element">b</a></code> element in + <ul class="domTree"><li class="t1"><code><a href="the-html-element.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="the-head-element.html#the-head-element">head</a></code></li><li class="t1"><code><a href="the-body-element.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code></li><li class="t1"><code><a href="the-table-element.html#the-table-element">table</a></code><ul><li class="t1"><code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code><ul><li class="t1"><code><a href="the-tr-element.html#the-tr-element">tr</a></code></li></ul></li></ul></li></ul></li></ul></li></ul><p>Here, the <a href="parsing.html#stack-of-open-elements">stack of open elements</a> has on it the + elements <code><a href="the-html-element.html#the-html-element">html</a></code>, <code><a href="the-body-element.html#the-body-element">body</a></code>, <code><a href="the-table-element.html#the-table-element">table</a></code>, + <code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code>, and <code><a href="the-tr-element.html#the-tr-element">tr</a></code>; the <a href="parsing.html#list-of-active-formatting-elements">list of active + formatting elements</a> still has the <code><a href="the-b-element.html#the-b-element">b</a></code> element in it; and the <a href="parsing.html#insertion-mode">insertion mode</a> is "<a href="tree-construction.html#parsing-main-intr" title="insertion mode: in row">in row</a>".</p> - <p>The <code><a href="tabular-data.html#the-td-element">td</a></code> element start tag token, after putting a - <code><a href="tabular-data.html#the-td-element">td</a></code> element on the tree, puts a marker on the <a href="parsing.html#list-of-active-formatting-elements">list + <p>The <code><a href="the-td-element.html#the-td-element">td</a></code> element start tag token, after putting a + <code><a href="the-td-element.html#the-td-element">td</a></code> element on the tree, puts a marker on the <a href="parsing.html#list-of-active-formatting-elements">list of active formatting elements</a> (it also switches to the "<a href="tree-construction.html#parsing-main-intd" title="insertion mode: in cell">in cell</a>" <a href="parsing.html#insertion-mode">insertion mode</a>).</p> - <ul class="domTree"><li class="t1"><code><a href="semantics.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code></li><li class="t1"><code><a href="tabular-data.html#the-table-element">table</a></code><ul><li class="t1"><code><a href="tabular-data.html#the-tbody-element">tbody</a></code><ul><li class="t1"><code><a href="tabular-data.html#the-tr-element">tr</a></code><ul><li class="t1"><code><a href="tabular-data.html#the-td-element">td</a></code></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul><p>The marker means that when the "aaa" character tokens are seen, - no <code><a href="text-level-semantics.html#the-b-element">b</a></code> element is created to hold the resulting text + <ul class="domTree"><li class="t1"><code><a href="the-html-element.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="the-head-element.html#the-head-element">head</a></code></li><li class="t1"><code><a href="the-body-element.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code></li><li class="t1"><code><a href="the-table-element.html#the-table-element">table</a></code><ul><li class="t1"><code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code><ul><li class="t1"><code><a href="the-tr-element.html#the-tr-element">tr</a></code><ul><li class="t1"><code><a href="the-td-element.html#the-td-element">td</a></code></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul><p>The marker means that when the "aaa" character tokens are seen, + no <code><a href="the-b-element.html#the-b-element">b</a></code> element is created to hold the resulting text node:</p> - <ul class="domTree"><li class="t1"><code><a href="semantics.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code></li><li class="t1"><code><a href="tabular-data.html#the-table-element">table</a></code><ul><li class="t1"><code><a href="tabular-data.html#the-tbody-element">tbody</a></code><ul><li class="t1"><code><a href="tabular-data.html#the-tr-element">tr</a></code><ul><li class="t1"><code><a href="tabular-data.html#the-td-element">td</a></code><ul><li class="t3"><code>#text</code>: <span title="">aaa</span></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul><p>The end tags are handled in a straight-forward manner; after + <ul class="domTree"><li class="t1"><code><a href="the-html-element.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="the-head-element.html#the-head-element">head</a></code></li><li class="t1"><code><a href="the-body-element.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code></li><li class="t1"><code><a href="the-table-element.html#the-table-element">table</a></code><ul><li class="t1"><code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code><ul><li class="t1"><code><a href="the-tr-element.html#the-tr-element">tr</a></code><ul><li class="t1"><code><a href="the-td-element.html#the-td-element">td</a></code><ul><li class="t3"><code>#text</code>: <span title="">aaa</span></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul><p>The end tags are handled in a straight-forward manner; after handling them, the <a href="parsing.html#stack-of-open-elements">stack of open elements</a> has on it the - elements <code><a href="semantics.html#the-html-element">html</a></code>, <code><a href="sections.html#the-body-element">body</a></code>, <code><a href="tabular-data.html#the-table-element">table</a></code>, - and <code><a href="tabular-data.html#the-tbody-element">tbody</a></code>; the <a href="parsing.html#list-of-active-formatting-elements">list of active formatting - elements</a> still has the <code><a href="text-level-semantics.html#the-b-element">b</a></code> element in it (the + elements <code><a href="the-html-element.html#the-html-element">html</a></code>, <code><a href="the-body-element.html#the-body-element">body</a></code>, <code><a href="the-table-element.html#the-table-element">table</a></code>, + and <code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code>; the <a href="parsing.html#list-of-active-formatting-elements">list of active formatting + elements</a> still has the <code><a href="the-b-element.html#the-b-element">b</a></code> element in it (the marker having been removed by the "td" end tag token); and the <a href="parsing.html#insertion-mode">insertion mode</a> is "<a href="tree-construction.html#parsing-main-intbody" title="insertion mode: in table body">in table body</a>".</p> @@ -683,7 +684,7 @@ text</a>" insertion mode to be used (with the <a href="parsing.html#original-insertion-mode">original insertion mode</a> set to "<a href="tree-construction.html#parsing-main-intbody" title="insertion mode: in table body">in table body</a>"). The character tokens are collected, - and when the next token (the <code><a href="tabular-data.html#the-table-element">table</a></code> element end tag) is + and when the next token (the <code><a href="the-table-element.html#the-table-element">table</a></code> element end tag) is seen, they are processed as a group. Since they are not all spaces, they are handled as per the "anything else" rules in the "<a href="tree-construction.html#parsing-main-intable" title="insertion mode: in table">in table</a>" insertion mode, which defer to the "<a href="tree-construction.html#parsing-main-inbody" title="insertion mode: in body">in @@ -692,32 +693,32 @@ <p>When <a href="parsing.html#reconstruct-the-active-formatting-elements" title="reconstruct the active formatting elements">the active formatting elements are reconstructed</a>, a - <code><a href="text-level-semantics.html#the-b-element">b</a></code> element is created and <a href="tree-construction.html#foster-parent" title="foster + <code><a href="the-b-element.html#the-b-element">b</a></code> element is created and <a href="tree-construction.html#foster-parent" title="foster parent">foster parented</a>, and then the "bbb" text node is appended to it:</p> - <ul class="domTree"><li class="t1"><code><a href="semantics.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code></li><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">bbb</span></li></ul></li><li class="t1"><code><a href="tabular-data.html#the-table-element">table</a></code><ul><li class="t1"><code><a href="tabular-data.html#the-tbody-element">tbody</a></code><ul><li class="t1"><code><a href="tabular-data.html#the-tr-element">tr</a></code><ul><li class="t1"><code><a href="tabular-data.html#the-td-element">td</a></code><ul><li class="t3"><code>#text</code>: <span title="">aaa</span></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul><p>The <a href="parsing.html#stack-ofopen-elements">stack of open elements</a> has on it the elements - <code><a href="semantics.html#the-html-element">html</a></code>, <code><a href="sections.html#the-body-element">body</a></code>, <code><a href="tabular-data.html#the-table-element">table</a></code>, - <code><a href="tabular-data.html#the-tbody-element">tbody</a></code>, and the new <code><a href="text-level-semantics.html#the-b-element">b</a></code> (again, note that + <ul class="domTree"><li class="t1"><code><a href="the-html-element.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="the-head-element.html#the-head-element">head</a></code></li><li class="t1"><code><a href="the-body-element.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code></li><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">bbb</span></li></ul></li><li class="t1"><code><a href="the-table-element.html#the-table-element">table</a></code><ul><li class="t1"><code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code><ul><li class="t1"><code><a href="the-tr-element.html#the-tr-element">tr</a></code><ul><li class="t1"><code><a href="the-td-element.html#the-td-element">td</a></code><ul><li class="t3"><code>#text</code>: <span title="">aaa</span></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul><p>The <a href=parsing.html#stack-of-open-elements">stack of open elements</a> has on it the elements + <code><a href="the-html-element.html#the-html-element">html</a></code>, <code><a href="the-body-element.html#the-body-element">body</a></code>, <code><a href="the-table-element.html#the-table-element">table</a></code>, + <code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code>, and the new <code><a href="the-b-element.html#the-b-element">b</a></code> (again, note that this doesn't match the resulting tree!); the <a href="parsing.html#list-of-active-formatting-elements">list of active - formatting elements</a> has the new <code><a href="text-level-semantics.html#the-b-element">b</a></code> element in it; + formatting elements</a> has the new <code><a href="the-b-element.html#the-b-element">b</a></code> element in it; and the <a href="parsing.html#insertion-mode">insertion mode</a> is still "<a href="tree-construction.html#parsing-main-intbody" title="insertion mode: in table body">in table body</a>".</p> <p>Had the character tokens been only <a href="common-microsyntaxes.html#space-character" title="space character">space characters</a> instead of "bbb", then those <a href="common-microsyntaxes.html#space-character" title="space character">space characters</a> would just be - appended to the <code><a href="tabular-data.html#the-tbody-element">tbody</a></code> element.</p> + appended to the <code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code> element.</p> - <p>Finally, the <code><a href="tabular-data.html#the-table-element">table</a></code> is closed by a "table" end + <p>Finally, the <code><a href="the-table-element.html#the-table-element">table</a></code> is closed by a "table" end tag. This pops all the nodes from the <a href="parsing.html#stack-of-open-elements">stack of open - elements</a> up to and including the <code><a href="tabular-data.html#the-table-element">table</a></code> element, + elements</a> up to and including the <code><a href="the-table-element.html#the-table-element">table</a></code> element, but it doesn't affect the <a href="parsing.html#list-of-active-formatting-elements">list of active formatting elements</a>, so the "ccc" character tokens after the table - result in yet another <code><a href="text-level-semantics.html#the-b-element">b</a></code> element being created, this + result in yet another <code><a href="the-b-element.html#the-b-element">b</a></code> element being created, this time after the table:</p> - <ul class="domTree"><li class="t1"><code><a href="semantics.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code></li><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">bbb</span></li></ul></li><li class="t1"><code><a href="tabular-data.html#the-table-element">table</a></code><ul><li class="t1"><code><a href="tabular-data.html#the-tbody-element">tbody</a></code><ul><li class="t1"><code><a href="tabular-data.html#the-tr-element">tr</a></code><ul><li class="t1"><code><a href="tabular-data.html#the-td-element">td</a></code><ul><li class="t3"><code>#text</code>: <span title="">aaa</span></li></ul></li></ul></li></ul></li></ul></li><li class="t1"><code><a href="text-level-semantics.html#the-b-lement">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">ccc</span></li></ul></li></ul></li></ul></li></ul><h5 id="scripts-that-modify-the-page-as-it-is-being-parsed"><span class="secno">8.2.8.4 </span>Scripts that modify the page as it is being parsed</h5> + <ul class="domTree"><li class="t1"><code><a href="the-html-element.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="the-head-element.html#the-head-element">head</a></code></li><li class="t1"><code><a href="the-body-element.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code></li><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">bbb</span></li></ul></li><li class="t1"><code><a href="the-table-element.html#the-table-element">table</a></code><ul><li class="t1"><code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code><ul><li class="t1"><code><a href="the-tr-element.html#the-tr-element">tr</a></code><ul><li class="t1"><code><a href="the-td-element.html#the-td-element">td</a></code><ul><li class="t3"><code>#text</code>: <span title="">aaa</span></li></ul></li></ul></li></ul></li></ul></li><li class="t1"><code><a href="the-b-elemnt.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">ccc</span></li></ul></li></ul></li></ul></li></ul><h5 id="scripts-that-modify-the-page-as-it-is-being-parsed"><span class="secno">8.2.8.4 </span>Scripts that modify the page as it is being parsed</h5> <p><i>This section is non-normative.</i></p> @@ -742,16 +743,16 @@ <p>Up to the first "script" end tag, before the script is parsed, the result is relatively straightforward:</p> - <ul class="domTree"><li class="t1"><code><a href="semantics.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="grouping-content.html#the-div-element">div</a></code> <span class="t2" title=""><code class="attribute name">id</code>="<code class="attribute value"><a href="text-level-semantics.html#the-a-element">a</a></code>"</span><ul><li class="t3"><code>#text</code>: <span title=""> - </span></li><li class="t1"><code><a href="scripting-1.html#the-script-element">script</a></code><ul><li class="t3"><code>#text</code>: <span title="">var div = document.getElementById('a'); ⏎ parent.document.body.appendChild(div);</span></li></ul></li></ul></li></ul></li></ul></li></ul><p>After the script is parsed, though, the <code><a href="grouping-content.html#the-div-element">div</a></code> element - and its child <code><a href="scripting-1.html#the-script-element">script</a></code> element are gone:</p> + <ul class="domTree"><li class="t1"><code><a href="the-html-element.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="the-head-element.html#the-head-element">head</a></code></li><li class="t1"><code><a href="the-body-element.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="the-div-element.html#the-div-element">div</a></code> <span class="t2" title=""><code class="attribute name">id</code>="<code class="attribute value"><a href="the-a-element.html#the-a-element">a</a></code>"</span><ul><li class="t3"><code>#text</code>: <span title=""> + </span></li><li class="t1"><code><a href="the-script-element.html#the-script-element">script</a></code><ul><li class="t3"><code>#text</code>: <span title="">var div = document.getElementById('a'); ⏎ parent.document.body.appendChild(div);</span></li></ul></li></ul></li></ul></li></ul></li></ul><p>After the script is parsed, though, the <code><a href="the-div-element.html#the-div-element">div</a></code> element + and its child <code><a href="the-script-element.html#the-script-element">script</a></code> element are gone:</p> - <ul class="domTree"><li class="t1"><code><a href="semantics.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element">body</a></code></li></ul></li></ul><p>They are, at this point, in the <code><a href="dom.html#document">Document</a></code> of the + <ul class="domTree"><li class="t1"><code><a href="the-html-element.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="the-head-element.html#the-head-element">head</a></code></li><li class="t1"><code><a href="the-body-element.html#the-body-element">body</a></code></li></ul></li></ul><p>They are, at this point, in the <code><a href="dom.html#document">Document</a></code> of the aforementioned outer <a href="browsers.html#browsing-context">browsing context</a>. However, the <a href="parsing.html#stack-of-open-elements">stack of open elements</a> <em>still contains the - <code><a href="grouping-content.html#the-div-element">div</a></code> element</em>.</p> + <code><a href="the-div-element.html#the-div-element">div</a></code> element</em>.</p> - <p>Thus, when the second <code><a href="scripting-1.html#the-script-element">script</a></code> element is parsed, it + <p>Thus, when the second <code><a href="the-script-element.html#the-script-element">script</a></code> element is parsed, it is inserted <em>into the outer <code><a href="dom.html#document">Document</a></code> object</em>.</p> @@ -759,11 +760,11 @@ the parser was created for do not execute, so the first alert does not show.</p> - <p>Once the <code><a href="grouping-content.html#the-div-element">div</a></code> element's end tag is parsed, the - <code><a href="grouping-content.html#the-div-element">div</a></code> element is popped off the stack, and so the next - <code><a href="scripting-1.html#the-script-element">script</a></code> element is in the inner <code><a href="dom.html#document">Document</a></code>:</p> + <p>Once the <code><a href="the-div-element.html#the-div-element">div</a></code> element's end tag is parsed, the + <code><a href="the-div-element.html#the-div-element">div</a></code> element is popped off the stack, and so the next + <code><a href="the-script-element.html#the-script-element">script</a></code> element is in the inner <code><a href="dom.html#document">Document</a></code>:</p> - <ul class="domTree"><li class="t1"><code><a href="semantics.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="scripting-1.html#the-script-element">script</a></code><ul><li class="t3"><code>#text</code>: <span title="">alert(document.URL);</span></li></ul></li></ul></li></ul></li></ul><p>This script does execute, resulting in an alert that says "http://example.com/inner".</p> + <ul class="domTree"><li class="t1"><code><a href="the-html-element.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="the-head-element.html#the-head-element">head</a></code></li><li class="t1"><code><a href="the-body-element.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="the-script-element.html#the-script-element">script</a></code><ul><li class="t3"><code>#text</code>: <span title="">alert(document.URL);</span></li></ul></li></ul></li></ul></li></ul><p>This script does execute, resulting in an alert that says "http://example.com/inner".</p> <h5 id="the-execution-of-scripts-that-are-moving-across-multiple-documents"><span class="secno">8.2.8.5 </span>The execution of scripts that are moving across multiple documents</h5> @@ -771,18 +772,18 @@ <p><i>This section is non-normative.</i></p> <p>Elaborating on the example in the previous section, consider the - case where the second <code><a href="scripting-1.html#the-script-element">script</a></code> element is an external - script (i.e. one with a <code title="attr-script-src"><a href="scripting-1.html#attr-script-src">src</a></code> + case where the second <code><a href="the-script-element.html#the-script-element">script</a></code> element is an external + script (i.e. one with a <code title="attr-script-src"><a href="the-script-element.html#attr-script-src">src</a></code> attribute). Since the element was not in the parser's <code><a href="dom.html#document">Document</a></code> when it was created, that external script is not even downloaded.</p> - <p>In a case where a <code><a href="scripting-1.html#the-script-element">script</a></code> element with a <code title="attr-script-src"><a href="scripting-1.html#attr-script-src">src</a></code> attribute is parsed normally into + <p>In a case where a <code><a href="the-script-element.html#the-script-element">script</a></code> element with a <code title="attr-script-src"><a href="the-script-element.html#attr-script-src">src</a></code> attribute is parsed normally into its parser's <code><a href="dom.html#document">Document</a></code>, but while the external script is being downloaded, the element is moved to another document, the script continues to download, but does not execute.</p> - <p class="note">In general, moving <code><a href="scripting-1.html#the-script-element">script</a></code> elements + <p class="note">In general, moving <code><a href="the-script-element.html#the-script-element">script</a></code> elements between <code><a href="dom.html#document">Document</a></code>s is considered a bad practice.</p> @@ -792,7 +793,7 @@ <p><i>This section is non-normative.</i></p> <p>The following markup shows how nested formatting elements (such - as <code><a href="text-level-semantics.html#the-b-element">b</a></code>) get collected and continue to be applied even as + as <code><a href="the-b-element.html#the-b-element">b</a></code>) get collected and continue to be applied even as the elements they are contained in are closed, but that excessive duplicates are thrown away.</p> @@ -804,16 +805,16 @@ <p>The resulting DOM tree is as follows:</p> - <ul class="domTree"><li class="t10">DOCTYPE: <code><a href="semantics.html#the-html-element">html</a></code></li><li class="t1"><code><a href="semantics.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="grouping-content.html#the-p-element">p</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code> <span class="t2" title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code> <span class="t2" title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code> span class="t2" title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code> <span class="t2" title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">X⏎</span></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li><li class="t1"><code><a href="grouping-content.html#the-p-element">p</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code> <span class="t2" title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code> <span class="t2" itle=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code> <span class="t2" title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">X⏎</span></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li><li class="t1"><code><a href="grouping-content.html#the-p-element">p</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code> <span class="t2" title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code> <span class="t2" title=""><code class="attriute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code> <span class="t2" title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code> <span class="t2" title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class="t1"><code><a href="text-level-semantics.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">X⏎</span></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li><li class="t1"><code><a href="grouping-content.html#the-p-element">p</a></code><ul><li class="t3"><code>#text</code>: <spn title="">X⏎</span></li></ul></li></ul></li></ul></li></ul><p>Note how the second <code><a href="grouping-content.html#the-p-element">p</a></code> element in the markup has no - explicit <code><a href="text-level-semantics.html#the-b-element">b</a></code> elements, but in the resulting DOM, up to + <ul class="domTree"><li class="t10">DOCTYPE: <code><a href="the-html-element.html#the-html-element">html</a></code></li><li class="t1"><code><a href="the-html-element.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="the-head-element.html#the-head-element">head</a></code></li><li class="t1"><code><a href="the-body-element.html#the-body-element">body</a></code><ul><li class="t1"><code><a href="the-p-element.html#the-p-element">p</a></code><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code> <span class="t2" title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code> <span class="t2" title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code> <san class="t2" title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code> <span class="t2" title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">X⏎</span></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li><li class="t1"><code><a href="the-p-element.html#the-p-element">p</a></code><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code> <span class="t2" title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code> <span class="t2" title=""><code class="attribute name">clss</code>="<code class="attribute value">x</code>"</span><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code> <span class="t2" title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">X⏎</span></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li><li class="t1"><code><a href="the-p-element.html#the-p-element">p</a></code><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code> <span class="t2" title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code> <span class="t2" title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><liclass="t1"><code><a href="the-b-element.html#the-b-element">b</a></code> <span class="t2" title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code> <span class="t2" title=""><code class="attribute name">class</code>="<code class="attribute value">x</code>"</span><ul><li class="t1"><code><a href="the-b-element.html#the-b-element">b</a></code><ul><li class="t3"><code>#text</code>: <span title="">X⏎</span></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li><li class="t1"><code><a href="the-p-element.html#the-p-element">p</a></code><ul><li class="t3"><code>#text</code>: <span title="">X⏎</span></li></ul></li></ul></li></ul></li></ul><p>Note how the second <code><a href="the-p-elemet.html#the-p-element">p</a></code> element in the markup has no + explicit <code><a href="the-b-element.html#the-b-element">b</a></code> elements, but in the resulting DOM, up to three of each kind of formatting element (in this case three - <code><a href="text-level-semantics.html#the-b-element">b</a></code> elements with the class attribute, and two unadorned - <code><a href="text-level-semantics.html#the-b-element">b</a></code> elements) get reconstructed before the element's + <code><a href="the-b-element.html#the-b-element">b</a></code> elements with the class attribute, and two unadorned + <code><a href="the-b-element.html#the-b-element">b</a></code> elements) get reconstructed before the element's "X".</p> <p>Also note how this means that in the final paragraph only six - <code><a href="text-level-semantics.html#the-b-element">b</a></code> end tags are needed to completely clear the list of - formatting elements, even though nine <code><a href="text-level-semantics.html#the-b-element">b</a></code> start tags have + <code><a href="the-b-element.html#the-b-element">b</a></code> end tags are needed to completely clear the list of + formatting elements, even though nine <code><a href="the-b-element.html#the-b-element">b</a></code> start tags have been seen up to this point.</p> @@ -925,17 +926,17 @@ <p>Append a U+003E GREATER-THAN SIGN character (>).</p> <p>If <var title="">current node</var> is an - <code><a href="the-map-element.html#the-area-element">area</a></code>, <code><a href="semantics.html#the-base-element">base</a></code>, <code><a href="obsolete.html#basefont">basefont</a></code>, - <code><a href="obsolete.html#bgsound">bgsound</a></code>, <code><a href="text-level-semantics.html#the-br-element">br</a></code>, <code><a href="tabular-data.html#the-col-element">col</a></code>, - <code><a href="interactive-elements.html#the-command-element">command</a></code>, <code><a href="the-iframe-element.html#the-embed-element">embed</a></code>, <code><a href="obsolete.html#frame">frame</a></code>, - <code><a href="grouping-content.html#the-hr-element">hr</a></code>, <code><a href="embedded-content-1.html#the-img-element">img</a></code>, <code><a href="the-input-element.html#the-input-element">input</a></code>, - <code><a href="the-button-element.html#the-keygen-element">keygen</a></code>, <code><a href="semantics.html#the-link-element">link</a></code>, <code><a href="semantics.html#the-meta-element">meta</a></code>, - <code><a href="the-iframe-element.html#the-param-element">param</a></code>, <code><a href="the-iframe-element.html#the-source-element">source</a></code>, <code><a href="the-iframe-element.html#the-track-element">track</a></code> or - <code><a href="text-level-semantics.html#the-wbr-element">wbr</a></code> element, then continue on to the next child + <code><a href="the-area-element.html#the-area-element">area</a></code>, <code><a href="the-base-element.html#the-base-element">base</a></code>, <code><a href="obsolete.html#basefont">basefont</a></code>, + <code><a href="obsolete.html#bgsound">bgsound</a></code>, <code><a href="the-br-element.html#the-br-element">br</a></code>, <code><a href="the-col-element.html#the-col-element">col</a></code>, + <code><a href="the-command-element.html#the-command-element">command</a></code>, <code><a href="the-embed-element.html#the-embed-element">embed</a></code>, <code><a href="obsolete.html#frame">frame</a></code>, + <code><a href="the-hr-element.html#the-hr-element">hr</a></code>, <code><a href="the-img-element.html#the-img-element">img</a></code>, <code><a href="the-input-element.html#the-input-element">input</a></code>, + <code><a href="the-keygen-element.html#the-keygen-element">keygen</a></code>, <code><a href="the-link-element.html#the-link-element">link</a></code>, <code><a href="the-meta-element.html#the-meta-element">meta</a></code>, + <code><a href="the-param-element.html#the-param-element">param</a></code>, <code><a href="the-source-element.html#the-source-element">source</a></code>, <code><a href="the-track-element.html#the-track-element">track</a></code> or + <code><a href="the-wbr-element.html#the-wbr-element">wbr</a></code> element, then continue on to the next child node at this point.</p> - <p>If <var title="">current node</var> is a <code><a href="grouping-content.html#the-pre-element">pre</a></code>, - <code><a href="the-button-element.html#the-textarea-element">textarea</a></code>, or <code><a href="obsolete.html#listing">listing</a></code> element, append + <p>If <var title="">current node</var> is a <code><a href="the-pre-element.html#the-pre-element">pre</a></code>, + <code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code>, or <code><a href="obsolete.html#listing">listing</a></code> element, append a U+000A LINE FEED (LF) character.</p> <p>Append the value of running the <a href="#html-fragment-serialization-algorithm">HTML fragment @@ -954,11 +955,11 @@ <dd> <p>If the parent of <var title="">current node</var> is a - <code><a href="semantics.html#the-style-element">style</a></code>, <code><a href="scripting-1.html#the-script-element">script</a></code>, <code><a href="obsolete.html#xmp">xmp</a></code>, + <code><a href="the-style-element.html#the-style-element">style</a></code>, <code><a href="the-script-element.html#the-script-element">script</a></code>, <code><a href="obsolete.html#xmp">xmp</a></code>, <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code>, <code><a href="obsolete.html#noembed">noembed</a></code>, <code><a href="obsolete.html#noframes">noframes</a></code>, or <code><a href="obsolete.html#plaintext">plaintext</a></code> element, or if the parent of <var title="">current node</var> is - <code><a href="scripting-1.html#the-noscript-element">noscript</a></code> element and <a href="webappapis.html#concept-n-script" title="concept-n-script">scripting is enabled</a> for the + <code><a href="the-noscript-element.html#the-noscript-element">noscript</a></code> element and <a href="webappapis.html#concept-n-script" title="concept-n-script">scripting is enabled</a> for the node, then append the value of <var title="">current node</var>'s <code title="">data</code> IDL attribute literally.</p> @@ -1031,7 +1032,7 @@ <div class="example"> - <p>For instance, if a <code><a href="the-button-element.html#the-textarea-element">textarea</a></code> element to which a + <p>For instance, if a <code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code> element to which a <code title="">Comment</code> node has been appended is serialized and the output is then reparsed, the comment will end up being displayed in the text field. Similarly, if, as a result of DOM @@ -1039,23 +1040,23 @@ literal string "<code title="">--></code>", then when the result of serializing the element is parsed, the comment will be truncated at that point and the rest of the comment will be interpreted as - markup. More examples would be making a <code><a href="scripting-1.html#the-script-element">script</a></code> element + markup. More examples would be making a <code><a href="the-script-element.html#the-script-element">script</a></code> element contain a text node with the text string - "<code></script></code>", or having a <code><a href="grouping-content.html#the-p-element">p</a></code> element - that contains a <code><a href="grouping-content.html#the-ul-element">ul</a></code> element (as the <code><a href="grouping-content.html#the-ul-element">ul</a></code> + "<code></script></code>", or having a <code><a href="the-p-element.html#the-p-element">p</a></code> element + that contains a <code><a href="the-ul-element.html#the-ul-element">ul</a></code> element (as the <code><a href="the-ul-element.html#the-ul-element">ul</a></code> element's <a href="syntax.html#syntax-start-tag" title="syntax-start-tag">start tag</a> would - imply the end tag for the <code><a href="grouping-content.html#the-p-element">p</a></code>).</p> + imply the end tag for the <code><a href="the-p-element.html#the-p-element">p</a></code>).</p> <p>This can enable cross-site scripting attacks. An example of this would be a page that lets the user enter some font names that are - then inserted into a CSS <code><a href="semantics.html#the-style-element">style</a></code> block via the DOM and + then inserted into a CSS <code><a href="the-style-element.html#the-style-element">style</a></code> block via the DOM and which then uses the <code title="dom-innerHTML"><a href="infrastructure.html#dom-innerhtml">innerHTML</a></code> IDL attribute to get the HTML serialization of that - <code><a href="semantics.html#the-style-element">style</a></code> element: if the user enters + <code><a href="the-style-element.html#the-style-element">style</a></code> element: if the user enters "<code></style><script>attack</script></code>" as a font name, <code title="dom-innerHTML"><a href="infrastructure.html#dom-innerhtml">innerHTML</a></code> will return markup that, if parsed in a different context, would contain a - <code><a href="scripting-1.html#the-script-element">script</a></code> node, even though no <code><a href="scripting-1.html#the-script-element">script</a></code> node + <code><a href="the-script-element.html#the-script-element">script</a></code> node, even though no <code><a href="the-script-element.html#the-script-element">script</a></code> node existed in the original DOM.</p> </div> @@ -1133,25 +1134,25 @@ <p>Set the state of the <a href="parsing.html#html-parser">HTML parser</a>'s <a href="tokenization.html#tokenization">tokenization</a> stage as follows:</p> - <dl class="switch"><dt>If it is a <code><a href="semantics.html#the-title-element">title</a></code> or <code><a href="the-button-element.html#the-textarea-element">textarea</a></code> + <dl class="switch"><dt>If it is a <code><a href="the-title-element.html#the-title-element">title</a></code> or <code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code> element</dt> <dd>Switch the tokenizer to the <a href="tokenization.html#rcdata-state">RCDATA state</a>.</dd> - <dt>If it is a <code><a href="semantics.html#the-style-element">style</a></code>, <code><a href="obsolete.html#xmp">xmp</a></code>, + <dt>If it is a <code><a href="the-style-element.html#the-style-element">style</a></code>, <code><a href="obsolete.html#xmp">xmp</a></code>, <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code>, <code><a href="obsolete.html#noembed">noembed</a></code>, or <code><a href="obsolete.html#noframes">noframes</a></code> element</dt> <dd>Switch the tokenizer to the <a href="tokenization.html#rawtext-state">RAWTEXT state</a>.</dd> - <dt>If it is a <code><a href="scripting-1.html#the-script-element">script</a></code> element</dt> + <dt>If it is a <code><a href="the-script-element.html#the-script-element">script</a></code> element</dt> <dd>Switch the tokenizer to the <a href="tokenization.html#script-data-state">script data state</a>.</dd> - <dt>If it is a <code><a href="scripting-1.html#the-noscript-element">noscript</a></code> element</dt> + <dt>If it is a <code><a href="the-noscript-element.html#the-noscript-element">noscript</a></code> element</dt> <dd>If the <a href="parsing.html#scripting-flag">scripting flag</a> is enabled, switch the tokenizer to the <a href="tokenization.html#rawtext-state">RAWTEXT state</a>. Otherwise, @@ -1181,7 +1182,7 @@ <li> - <p>Let <var title="">root</var> be a new <code><a href="semantics.html#the-html-element">html</a></code> element + <p>Let <var title="">root</var> be a new <code><a href="the-html-element.html#the-html-element">html</a></code> element with no attributes.</p> </li> @@ -1214,10 +1215,10 @@ <p>Set the parser's <a href="parsing.html#form-element-pointer"><code>form</code> element pointer</a> to the nearest node to the <var title="concept-frag-parse-context"><a href="#concept-frag-parse-context">context</a></var> element that is - a <code><a href="forms.html#the-form-element">form</a></code> element (going straight up the ancestor + a <code><a href="the-form-element.html#the-form-element">form</a></code> element (going straight up the ancestor chain, and including the element itself, if it is a - <code><a href="forms.html#the-form-element">form</a></code> element), or, if there is no such - <code><a href="forms.html#the-form-element">form</a></code> element, to null.</p> + <code><a href="the-form-element.html#the-form-element">form</a></code> element), or, if there is no such + <code><a href="the-form-element.html#the-form-element">form</a></code> element, to null.</p> </li> Index: history.html =================================================================== RCS file: /sources/public/html5/spec/history.html,v retrieving revision 1.1092 retrieving revision 1.1093 diff -u -d -r1.1092 -r1.1093 --- history.html 10 Dec 2011 06:02:11 -0000 1.1092 +++ history.html 10 Dec 2011 06:15:44 -0000 1.1093 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>5.4 Session history and navigation — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>5.4 Session history and navigation — HTML5</title><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; } @@ -319,23 +318,26 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="origin-0.html" title="5.3 Origin" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> + <link href="origin-0.html" title="5.3 Origin" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> <link href="offline.html" title="5.6 Offline Web applications" rel="next"> - </head><body><div class="head" id="head"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="origin-0.html" class="prev">5.3 Origin</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="offline.html" class="next">5.6 Offline Web applications</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="origin-0.html">← 5.3 Origin</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="offline.html">5.6 Offline Web applications →</a> <ol class="toc"><li><ol><li><a href="history.html#history"><span class="secno">5.4 </span>Session history and navigation</a> <ol><li><a href="history.html#the-session-history-of-browsing-contexts"><span class="secno">5.4.1 </span>The session history of browsing contexts</a></li><li><a href="history.html#the-history-interface"><span class="secno">5.4.2 </span>The <code>History</code> interface</a></li><li><a href="history.html#the-location-interface"><span class="secno">5.4.3 </span>The <code>Location</code> interface</a> <ol><li><a href="history.html#security-location"><span class="secno">5.4.3.1 </span>Security</a></li></ol></li><li><a href="history.html#history-notes"><span class="secno">5.4.4 </span>Implementation notes for session history</a></li></ol></li><li><a href="history.html#browsing-the-web"><span class="secno">5.5 </span>Browsing the Web</a> <ol><li><a href="history.html#navigating-across-documents"><span class="secno">5.5.1 </span>Navigating across documents</a></li><li><a href="history.html#read-html"><span class="secno">5.5.2 </span>Page load processing model for HTML files</a></li><li><a href="history.html#read-xml"><span class="secno">5.5.3 </span>Page load processing model for XML files</a></li><li><a href="history.html#read-text"><span class="secno">5.5.4 </span>Page load processing model for text files</a></li><li><a href="history.html#read-multipart-x-mixed-replace"><span class="secno">5.5.5 </span>Page load processing model for <code>multipart/x-mixed-replace</code> resources</a></li><li><a href="history.html#read-media"><span class="secno">5.5.6 </span>Page load processing model for media</a></li><li><a href="history.html#read-plugin"><span class="secno">5.5.7 </span>Page load processing model for content that uses plugins</a></li><li><a href="history.html#read-ua-inline"><span class="secno">5.5.8 </span>Page load processing modl for inline content that doesn't have a DOM</a></li><li><a href="history.html#scroll-to-fragid"><span class="secno">5.5.9 </span>Navigating to a fragment identifier</a></li><li><a href="history.html#history-traversal"><span class="secno">5.5.10 </span>History traversal</a> <ol><li><a href="history.html#event-definitions-0"><span class="secno">5.5.10.1 </span>Event definitions</a></li></ol></li><li><a href="history.html#unloading-documents"><span class="secno">5.5.11 </span>Unloading documents</a> - <ol><li><a href="history.html#event-definition"><span class="secno">5.5.11.1 </span>Event definition</a></li></ol></li><li><a href="history.html#aborting-a-document-load"><span class="secno">5.5.12 </span>Aborting a document load</a></li></ol></li></ol></li></ol></div> + <ol><li><a href="history.html#event-definition"><span class="secno">5.5.11.1 </span>Event definition</a></li></ol></li><li><a href="history.html#aborting-a-document-load"><span class="secno">5.5.12 </span>Aborting a document load</a></li></ol></li></ol></li></ol></nav> <h3 id="history"><span class="secno">5.4 </span>Session history and navigation</h3><h4 id="the-session-history-of-browsing-contexts"><span class="secno">5.4.1 </span>The session history of browsing contexts</h4><p>The sequence of <code><a href="dom.html#document">Document</a></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 @@ -365,7 +367,7 @@ </div><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">title</a></code> of the + with the current <code><a href="the-title-element.html#the-title-element">title</a></code> of the <code><a href="dom.html#document">Document</a></code>. The title of a <a href="#session-history-entry">session history entry</a> is intended to explain the state of the document at that point, so that the user can navigate the document's @@ -388,7 +390,7 @@ if a new <code><a href="dom.html#document">Document</a></code> were opened.</p> <p>An example of the latter would be something like keeping track of - the precise coordinate from which a popup <code><a href="grouping-content.html#the-div-element">div</a></code> was made + the precise coordinate from which a popup <code><a href="the-div-element.html#the-div-element">div</a></code> was made to animate, so that if the user goes back, it can be made to animate to the same location. Or alternatively, it could be used to keep a pointer into a cache of data that would be fetched from the server @@ -408,7 +410,7 @@ what kind of state can be stored.</p><p class="example">For example, some user agents might want to persist the scroll position, or the values of form controls.</p><p class="note">User agents that persist the value of form controls are encouraged to also persist their directionality (the value of - the element's <code title="attr-dir"><a href="elements.html#the-dir-attribute">dir</a></code> attribute). This + the element's <code title="attr-dir"><a href="global-attributes.html#the-dir-attribute">dir</a></code> attribute). This prevents values from being displayed incorrectly after a history traversal when the user had originally entered the values with an explicit, non-default directionality.</p><p>Entries that consist of <a href="#state-object" title="state object">state @@ -699,7 +701,7 @@ <li><p>If the <a href="#current-entry">current entry</a> in the session history represents a non-GET request (e.g. it was the result of a POST submission) then update it to instead represent a GET request - (<a href="fetching-resources.html#concept-http-equivalent-get" title="concept-http-equivalent-get">or + (<a href="urls.html#concept-http-equivalent-get" title="concept-http-equivalent-get">or equivalent</a>).</p></li> <li> @@ -807,8 +809,8 @@ <p>Applications might not use the same title for a <a href="#session-history-entry">session history entry</a> as the value of the document's - <code><a href="semantics.html#the-title-element">title</a></code> element at that time. For example, here is a - simple page that shows a block in the <code><a href="semantics.html#the-title-element">title</a></code> element. + <code><a href="the-title-element.html#the-title-element">title</a></code> element at that time. For example, here is a + simple page that shows a block in the <code><a href="the-title-element.html#the-title-element">title</a></code> element. Clearly, when navigating backwards to a previous state the user does not go back in time, and therefore it would be inappropriate to put the time in the session history title.</p> @@ -930,7 +932,7 @@ <a href="#navigate">navigate</a> the <a href="browsers.html#browsing-context">browsing context</a> to the specified <var title="">url</var>. If the <a href="browsers.html#browsing-context">browsing context</a>'s <a href="#session-history">session history</a> contains only one - <code><a href="dom.html#document">Document</a></code>, and that was the <code><a href="fetching-resources.html#about:blank">about:blank</a></code> + <code><a href="dom.html#document">Document</a></code>, and that was the <code><a href="urls.html#about:blank">about:blank</a></code> <code><a href="dom.html#document">Document</a></code> created when the <a href="browsers.html#browsing-context">browsing context</a> was created, then the navigation must be done with <a href="#replacement-enabled">replacement enabled</a>.</p> @@ -1075,7 +1077,7 @@ which was responsible for starting the navigation.</p> <p class="example">For example, <a href="links.html#following-hyperlinks" title="following - hyperlinks">following a hyperlink</a>, <a href="association-of-controls-and-forms.html#concept-form-submit" title="concept-form-submit">form submission</a>, and the <code title="dom-open"><a href="browsers.html#dom-open">window.open()</a></code> and <code title="dom-location-assign"><a href="#dom-location-assign">location.assign()</a></code> methods can all + hyperlinks">following a hyperlink</a>, <a href="form-submission.html#concept-form-submit" title="concept-form-submit">form submission</a>, and the <code title="dom-open"><a href="browsers.html#dom-open">window.open()</a></code> and <code title="dom-location-assign"><a href="#dom-location-assign">location.assign()</a></code> methods can all cause a browsing context to navigate.</p> <p>A user agent may provide various ways for the user to explicitly @@ -1157,7 +1159,7 @@ <a href="#concept-navigate-mature" title="concept-navigate-mature">matured</a> (i.e. it has not passed the point of making its <code><a href="dom.html#document">Document</a></code> the <a href="browsers.html#active-document">active document</a>), or that navigation's resource is not - to be fetched using HTTP GET <a href="fetching-resources.html#concept-http-equivalent-get" title="concept-http-equivalent-get">or equivalent</a>, or its + to be fetched using HTTP GET <a href="urls.html#concept-http-equivalent-get" title="concept-http-equivalent-get">or equivalent</a>, or its resource's <a href="urls.html#absolute-url">absolute URL</a> differs from this attempt's by more than the presence, absence, or value of the <a href="urls.html#url-fragment" title="url-fragment"><fragment></a> component, then cancel that preexisting attempt to navigate the <a href="browsers.html#browsing-context">browsing @@ -1169,7 +1171,7 @@ <a href="browsers.html#active-document">active document</a> of the <a href="browsers.html#browsing-context">browsing context</a> being navigated, ignoring any <a href="urls.html#url-fragment" title="url-fragment"><fragment></a> components of those <a href="urls.html#url" title="URL">URLs</a>, and the new resource is to be - fetched using HTTP GET <a href="fetching-resources.html#concept-http-equivalent-get" title="concept-http-equivalent-get">or + fetched using HTTP GET <a href="urls.html#concept-http-equivalent-get" title="concept-http-equivalent-get">or equivalent</a>, and the <a href="urls.html#absolute-url">absolute URL</a> of the new resource has a <a href="urls.html#url-fragment" title="url-fragment"><fragment></a> component (even if it is empty), then <a href="#scroll-to-fragid" title="navigate-fragid">navigate to that fragment identifier</a> @@ -1177,10 +1179,10 @@ <li><p>Cancel <em>any</em> preexisting attempt to navigate the <a href="browsers.html#browsing-context">browsing context</a>, including canceling any instances of - the <a href="fetching-resources.html#fetch">fetch</a> algorithm started by those attempts. If one + the <a href="urls.html#fetch">fetch</a> algorithm started by those attempts. If one of those attempts has already <a href="#create-a-document-object" title="create a document object">created a new <code>Document</code> object</a>, <a href="#abort-a-document" title="abort a document">abort</a> that <code><a href="dom.html#document">Document</a></code> - also. (Previous navigation attempts whose <a href="fetching-resources.html#fetch">fetch</a> + also. (Previous navigation attempts whose <a href="urls.html#fetch">fetch</a> requests have <em>finished</em> are unaffected, however.)</p></li> <li><p>If the new resource is to be handled using a mechanism that @@ -1203,7 +1205,7 @@ <p>If the new resource is to be handled by displaying some sort of inline content, e.g. an error message because the specified scheme is not one of the supported protocols, or an inline prompt to - allow the user to select <a href="timers.html#dom-navigator-registerprotocolhandler" title="dom-navigator-registerProtocolHandler">a registered + allow the user to select <a href="system-state-and-capabilities.html#dom-navigator-registerprotocolhandler" title="dom-navigator-registerProtocolHandler">a registered handler</a> for the given scheme, then <a href="#read-ua-inline" title="navigate-ua-inline">display the inline content</a> and abort these steps.</p> @@ -1216,12 +1218,12 @@ <li> <p>If the resource has already been obtained (e.g. because it is - being used to populate an <code><a href="the-iframe-element.html#the-object-element">object</a></code> element's new + being used to populate an <code><a href="the-object-element.html#the-object-element">object</a></code> element's new <a href="browsers.html#child-browsing-context">child browsing context</a>), then skip this step.</p> <p>Otherwise:</p> - <p>If the new resource is to be fetched using HTTP GET <a href="fetching-resources.html#concept-http-equivalent-get" title="concept-http-equivalent-get">or equivalent</a>, and + <p>If the new resource is to be fetched using HTTP GET <a href="urls.html#concept-http-equivalent-get" title="concept-http-equivalent-get">or equivalent</a>, and there are <a href="offline.html#relevant-application-cache" title="relevant application cache">relevant application caches</a> that are identified by a URL with the <a href="origin-0.html#same-origin">same origin</a> as the URL in question, and that have @@ -1242,25 +1244,25 @@ application cache at all; the submission will be made to the network.</p> - <p>Otherwise, <a href="fetching-resources.html#fetch">fetch</a> the new resource, with the + <p>Otherwise, <a href="urls.html#fetch">fetch</a> the new resource, with the <i>manual redirect flag</i> set.</p> <p>If the resource is being fetched using a method other than one - <a href="fetching-resources.html#concept-http-equivalent-get" title="concept-http-equivalent-get">equivalent to</a> + <a href="urls.html#concept-http-equivalent-get" title="concept-http-equivalent-get">equivalent to</a> HTTP's GET, or, if the <a href="#navigate" title="navigate">navigation algorithm</a> was invoked as - a result of the <a href="association-of-controls-and-forms.html#concept-form-submit" title="concept-form-submit">form submission - algorithm</a>, then the <a href="fetching-resources.html#fetch" title="fetch">fetching + a result of the <a href="form-submission.html#concept-form-submit" title="concept-form-submit">form submission + algorithm</a>, then the <a href="urls.html#fetch" title="fetch">fetching algorithm</a> must be invoked from the <a href="origin-0.html#origin">origin</a> of the <a href="browsers.html#active-document">active document</a> of the <a href="#source-browsing-context">source browsing context</a>, if any.</p> <p>If the <a href="browsers.html#browsing-context">browsing context</a> being navigated is a <a href="browsers.html#child-browsing-context">child browsing context</a> for an <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code> or - <code><a href="the-iframe-element.html#the-object-element">object</a></code> element, then the <a href="fetching-resources.html#fetch" title="fetch">fetching + <code><a href="the-object-element.html#the-object-element">object</a></code> element, then the <a href="urls.html#fetch" title="fetch">fetching algorithm</a> must be invoked from the <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code> or - <code><a href="the-iframe-element.html#the-object-element">object</a></code> element's <a href="browsers.html#browsing-context-scope-origin">browsing context scope + <code><a href="the-object-element.html#the-object-element">object</a></code> element's <a href="browsers.html#browsing-context-scope-origin">browsing context scope origin</a>, if it has one.</p> - <p>The <a href="fetching-resources.html#fetch">fetch</a> algorithm must <a href="the-end.html#delay-the-load-event">delay the load + <p>The <a href="urls.html#fetch">fetch</a> algorithm must <a href="the-end.html#delay-the-load-event">delay the load event</a> of the <a href="browsers.html#browsing-context">browsing context</a>.</p> </li> @@ -1309,7 +1311,7 @@ <li> <p>If the resource was not fetched from an <a href="offline.html#application-cache">application - cache</a>, and was to be fetched using HTTP GET <a href="fetching-resources.html#concept-http-equivalent-get" title="concept-http-equivalent-get">or equivalent</a>, and its + cache</a>, and was to be fetched using HTTP GET <a href="urls.html#concept-http-equivalent-get" title="concept-http-equivalent-get">or equivalent</a>, and its URL <a href="offline.html#concept-appcache-matches-fallback" title="concept-appcache-matches-fallback">matches the fallback namespace</a> of one or more <a href="offline.html#relevant-application-cache" title="relevant application cache">relevant application caches</a>, and the @@ -1320,7 +1322,7 @@ resource's URL and that is a <a href="infrastructure.html#prefix-match">prefix match</a> for the resource's URL, and the user didn't cancel the navigation attempt during the previous step, and the navigation attempt failed (e.g. - the server returned a 4xx or 5xx status code <a href="fetching-resources.html#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or equivalent</a>, or + the server returned a 4xx or 5xx status code <a href="urls.html#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or equivalent</a>, or there was a DNS error), then:</p> <p>Let <var title="">candidate</var> be the <a href="offline.html#concept-appcache-fallback" title="concept-appcache-fallback">fallback resource</a> specified for the <a href="offline.html#concept-appcache-fallback-ns" title="concept-appcache-fallback-ns">fallback namespace</a> in @@ -1342,7 +1344,7 @@ <li> <p><i>Resource handling</i>: If the resource's out-of-band - metadata (e.g. HTTP headers), not counting any <a href="fetching-resources.html#content-type" title="Content-Type">type information</a> (such as the + metadata (e.g. HTTP headers), not counting any <a href="urls.html#content-type" title="Content-Type">type information</a> (such as the Content-Type HTTP header), requires some sort of processing that will not affect the browsing context, then perform that processing and abort these steps.</p> @@ -1378,7 +1380,7 @@ </li> - <li><p>Let <var title="">type</var> be <a href="fetching-resources.html#content-type-sniffing-0" title="Content-Type + <li><p>Let <var title="">type</var> be <a href="urls.html#content-type-sniffing-0" title="Content-Type sniffing">the sniffed type of the resource</a>.</p></li> <li><p>If the user agent has been configured to process resources @@ -1430,12 +1432,12 @@ viewer would be said to explicitly support the <code>application/atom+xml</code> MIME type), or one for which the user agent has a dedicated handler (e.g. one registered using - <code title="dom-navigator-registerContentHandler"><a href="timers.html#dom-navigator-registercontenthandler">registerContentHandler()</a></code>).</p> + <code title="dom-navigator-registerContentHandler"><a href="system-state-and-capabilities.html#dom-navigator-registercontenthandler">registerContentHandler()</a></code>).</p> <p><dfn id="set-the-document-s-address" title="set the document's address">Setting the document's address</dfn>: If there is no <dfn id="override-url">override URL</dfn>, then any <code><a href="dom.html#document">Document</a></code> created by these steps must have its <a href="dom.html#the-document-s-address" title="the document's address">address</a> set to the - <a href="urls.html#url">URL</a> that was originally to be <a href="fetching-resources.html#fetch" title="fetch">fetched</a>, ignoring any other data that was + <a href="urls.html#url">URL</a> that was originally to be <a href="urls.html#fetch" title="fetch">fetched</a>, ignoring any other data that was used to obtain the resource (e.g. the entity body in the case of a POST submission is not part of <a href="dom.html#the-document-s-address">the document's address</a>, nor is the URL of the fallback resource in the @@ -1456,7 +1458,7 @@ object must be created and associated with the <code><a href="dom.html#document">Document</a></code>, with one exception: if the <a href="browsers.html#browsing-context">browsing context</a>'s only entry in its <a href="#session-history">session history</a> is - the <code><a href="fetching-resources.html#about:blank">about:blank</a></code> <code><a href="dom.html#document">Document</a></code> that was added + the <code><a href="urls.html#about:blank">about:blank</a></code> <code><a href="dom.html#document">Document</a></code> that was added when the <a href="browsers.html#browsing-context">browsing context</a> was created, and navigation is occurring with <a href="#replacement-enabled">replacement enabled</a>, and that <code><a href="dom.html#document">Document</a></code> has the <a href="origin-0.html#same-origin">same origin</a> as the new @@ -1472,7 +1474,7 @@ <p><i>Non-document content</i>: If, given <var title="">type</var>, the new resource is to be handled by displaying some sort of inline content, e.g. a native rendering of the content, an error message because the specified type is not - supported, or an inline prompt to allow the user to select <a href="timers.html#dom-navigator-registercontenthandler" title="dom-navigator-registerContentHandler">a registered + supported, or an inline prompt to allow the user to select <a href="system-state-and-capabilities.html#dom-navigator-registercontenthandler" title="dom-navigator-registerContentHandler">a registered handler</a> for the given type, then <a href="#read-ua-inline" title="navigate-ua-inline">display the inline content</a> and abort these steps.</p> @@ -1592,14 +1594,14 @@ <a href="#create-a-document-object">create a <code>Document</code> object</a>, mark it as being an <a href="infrastructure.html#html-documents" title="HTML documents">HTML document</a>, set its <a href="infrastructure.html#concept-document-media-type" title="concept-document-media-type">media type</a> to "<code title="">text/html</code>", create an <a href="parsing.html#html-parser">HTML parser</a>, and associate it with the document. Each <a href="webappapis.html#concept-task" title="concept-task">task</a> that the <a href="webappapis.html#networking-task-source">networking task - source</a> places on the <a href="webappapis.html#task-queue">task queue</a> while the <a href="fetching-resources.html#fetch" title="fetch">fetching algorithm</a> runs must then fill the + source</a> places on the <a href="webappapis.html#task-queue">task queue</a> while the <a href="urls.html#fetch" title="fetch">fetching algorithm</a> runs must then fill the parser's <a href="parsing.html#the-input-stream">input stream</a> with the fetched bytes and cause the <a href="parsing.html#html-parser">HTML parser</a> to perform the appropriate processing of the input stream.</p> <p class="note">The <a href="parsing.html#the-input-stream">input stream</a> converts bytes into characters for use in the <a href="tokenization.html#tokenization" title="tokenization">tokenizer</a>. This process relies, in part, - on character encoding information found in the real <a href="fetching-resources.html#content-type" title="Content-Type">Content-Type metadata</a> of the resource; + on character encoding information found in the real <a href="urls.html#content-type" title="Content-Type">Content-Type metadata</a> of the resource; the "sniffed type" is not used for this purpose.</p> @@ -1638,8 +1640,8 @@ character encoding.</p> <p>If the root element, as parsed according to the XML - specifications cited above, is found to be an <code><a href="semantics.html#the-html-element">html</a></code> - element with an attribute <code title="attr-html-manifest"><a href="semantics.html#attr-html-manifest">manifest</a></code> whose value is not the + specifications cited above, is found to be an <code><a href="the-html-element.html#the-html-element">html</a></code> + element with an attribute <code title="attr-html-manifest"><a href="the-html-element.html#attr-html-manifest">manifest</a></code> whose value is not the empty string, then, as soon as the element is <a href="infrastructure.html#insert-an-element-into-a-document" title="insert an element into a document">inserted into the document</a>, the user agent must <a href="urls.html#resolve-a-url" title="resolve a url">resolve</a> the value of @@ -1656,7 +1658,7 @@ algorithm</a> with no manifest, and passing in the <code><a href="dom.html#document">Document</a></code>.</p> - <p class="note">Because the processing of the <code title="attr-html-manifest"><a href="semantics.html#attr-html-manifest">manifest</a></code> attribute happens + <p class="note">Because the processing of the <code title="attr-html-manifest"><a href="the-html-element.html#attr-html-manifest">manifest</a></code> attribute happens only once the root element is parsed, any URLs referenced by processing instructions before the root element (such as <code title=""><?xml-stylesheet?></code> and <code title=""><?xbl?></code> PIs) will be fetched from the network and cannot be cached.</p> @@ -1693,7 +1695,7 @@ the <a href="parsing.html#html-parser">HTML parser</a>'s tokenizer to the <a href="tokenization.html#plaintext-state">PLAINTEXT state</a>. Each <a href="webappapis.html#concept-task" title="concept-task">task</a> that the <a href="webappapis.html#networking-task-source">networking task source</a> places on the <a href="webappapis.html#task-queue">task - queue</a> while the <a href="fetching-resources.html#fetch" title="fetch">fetching algorithm</a> + queue</a> while the <a href="urls.html#fetch" title="fetch">fetching algorithm</a> runs must then fill the parser's <a href="parsing.html#the-input-stream">input stream</a> with the fetched bytes and cause the <a href="parsing.html#html-parser">HTML parser</a> to perform the appropriate processing of the input stream.</p> @@ -1721,9 +1723,9 @@ before the page has finished parsing, the user agent must <a href="#update-the-session-history-with-the-new-page">update the session history with the new page</a>.</p> - <p>User agents may add content to the <code><a href="semantics.html#the-head-element">head</a></code> element of + <p>User agents may add content to the <code><a href="the-head-element.html#the-head-element">head</a></code> element of the <code><a href="dom.html#document">Document</a></code>, e.g. linking to a style sheet or an XBL - binding, providing script, giving the document a <code><a href="semantics.html#the-title-element">title</a></code>, + binding, providing script, giving the document a <code><a href="the-title-element.html#the-title-element">title</a></code>, etc.</p> <p class="note">In particular, if the user agent supports the <code title="">Format=Flowed</code> feature of RFC 3676 then the user @@ -1768,11 +1770,11 @@ <a href="browsers.html#browsing-context">browsing context</a>, the user agent should <a href="#create-a-document-object">create a <code>Document</code> object</a>, mark it as being an <a href="infrastructure.html#html-documents" title="HTML documents">HTML document</a>, set its <a href="infrastructure.html#concept-document-media-type" title="concept-document-media-type">media type</a> to the sniffed MIME type of the resource (<var title="">type</var> in the - <a href="#navigate">navigate</a> algorithm), append an <code><a href="semantics.html#the-html-element">html</a></code> - element to the <code><a href="dom.html#document">Document</a></code>, append a <code><a href="semantics.html#the-head-element">head</a></code> - element and a <code><a href="sections.html#the-body-element">body</a></code> element to the <code><a href="semantics.html#the-html-element">html</a></code> + <a href="#navigate">navigate</a> algorithm), append an <code><a href="the-html-element.html#the-html-element">html</a></code> + element to the <code><a href="dom.html#document">Document</a></code>, append a <code><a href="the-head-element.html#the-head-element">head</a></code> + element and a <code><a href="the-body-element.html#the-body-element">body</a></code> element to the <code><a href="the-html-element.html#the-html-element">html</a></code> element, append an element <var title="">host element</var> for the - media, as described below, to the <code><a href="sections.html#the-body-element">body</a></code> element, and set + media, as described below, to the <code><a href="the-body-element.html#the-body-element">body</a></code> element, and set the appropriate attribute of the element <var title="">host element</var>, as described below, to the address of the image, video, or audio resource.</p> @@ -1787,14 +1789,14 @@ </th><th> Element for the media </th><th> Appropriate attribute </th></tr><tr><td> Image - </td><td> <code><a href="embedded-content-1.html#the-img-element">img</a></code> - </td><td> <code title="attr-img-src"><a href="embedded-content-1.html#attr-img-src">src</a></code> + </td><td> <code><a href="the-img-element.html#the-img-element">img</a></code> + </td><td> <code title="attr-img-src"><a href="the-img-element.html#attr-img-src">src</a></code> </td></tr><tr><td> Video - </td><td> <code><a href="the-iframe-element.html#the-video-element">video</a></code> - </td><td> <code title="attr-media-src"><a href="the-iframe-element.html#attr-media-src">src</a></code> + </td><td> <code><a href="the-video-element.html#the-video-element">video</a></code> + </td><td> <code title="attr-media-src"><a href="media-elements.html#attr-media-src">src</a></code> </td></tr><tr><td> Audio - </td><td> <code><a href="the-iframe-element.html#the-audio-element">audio</a></code> - </td><td> <code title="attr-media-src"><a href="the-iframe-element.html#attr-media-src">src</a></code> + </td><td> <code><a href="the-audio-element.html#the-audio-element">audio</a></code> + </td><td> <code title="attr-media-src"><a href="media-elements.html#attr-media-src">src</a></code> </td></tr></thead></table><p>Then, the user agent must act as if it had <a href="the-end.html#stop-parsing" title="stop parsing">stopped parsing</a>.</p> @@ -1807,10 +1809,10 @@ before the page has finished fully loading, the user agent must <a href="#update-the-session-history-with-the-new-page">update the session history with the new page</a>.</p> - <p>User agents may add content to the <code><a href="semantics.html#the-head-element">head</a></code> element of + <p>User agents may add content to the <code><a href="the-head-element.html#the-head-element">head</a></code> element of the <code><a href="dom.html#document">Document</a></code>, or attributes to the element <var title="">host element</var>, e.g. to link to a style sheet or an XBL binding, to provide a script, to give the document a - <code><a href="semantics.html#the-title-element">title</a></code>, to make the media <a href="the-iframe-element.html#attr-media-autoplay" title="attr-media-autoplay">autoplay</a>, etc.</p> + <code><a href="the-title-element.html#the-title-element">title</a></code>, to make the media <a href="media-elements.html#attr-media-autoplay" title="attr-media-autoplay">autoplay</a>, etc.</p> <h4 id="read-plugin"><span class="secno">5.5.7 </span><dfn title="navigate-plugin">Page load processing model for content that uses plugins</dfn></h4> @@ -1821,12 +1823,12 @@ as being an <a href="infrastructure.html#html-documents" title="HTML documents">HTML document</a>, set its <a href="infrastructure.html#concept-document-media-type" title="concept-document-media-type">media type</a> to the sniffed MIME type of the resource (<var title="">type</var> in - the <a href="#navigate">navigate</a> algorithm), append an <code><a href="semantics.html#the-html-element">html</a></code> - element to the <code><a href="dom.html#document">Document</a></code>, append a <code><a href="semantics.html#the-head-element">head</a></code> - element and a <code><a href="sections.html#the-body-element">body</a></code> element to the <code><a href="semantics.html#the-html-element">html</a></code> - element, append an <code><a href="the-iframe-element.html#the-embed-element">embed</a></code> to the <code><a href="sections.html#the-body-element">body</a></code> - element, and set the <code title="attr-embed-src"><a href="the-iframe-element.html#attr-embed-src">src</a></code> - attribute of the <code><a href="the-iframe-element.html#the-embed-element">embed</a></code> element to the address of the + the <a href="#navigate">navigate</a> algorithm), append an <code><a href="the-html-element.html#the-html-element">html</a></code> + element to the <code><a href="dom.html#document">Document</a></code>, append a <code><a href="the-head-element.html#the-head-element">head</a></code> + element and a <code><a href="the-body-element.html#the-body-element">body</a></code> element to the <code><a href="the-html-element.html#the-html-element">html</a></code> + element, append an <code><a href="the-embed-element.html#the-embed-element">embed</a></code> to the <code><a href="the-body-element.html#the-body-element">body</a></code> + element, and set the <code title="attr-embed-src"><a href="the-embed-element.html#attr-embed-src">src</a></code> + attribute of the <code><a href="the-embed-element.html#the-embed-element">embed</a></code> element to the address of the resource.</p> @@ -1842,15 +1844,15 @@ before the page has finished fully loading, the user agent must <a href="#update-the-session-history-with-the-new-page">update the session history with the new page</a>.</p> - <p>User agents may add content to the <code><a href="semantics.html#the-head-element">head</a></code> element of - the <code><a href="dom.html#document">Document</a></code>, or attributes to the <code><a href="the-iframe-element.html#the-embed-element">embed</a></code> + <p>User agents may add content to the <code><a href="the-head-element.html#the-head-element">head</a></code> element of + the <code><a href="dom.html#document">Document</a></code>, or attributes to the <code><a href="the-embed-element.html#the-embed-element">embed</a></code> element, e.g. to link to a style sheet or an XBL binding, or to give - the document a <code><a href="semantics.html#the-title-element">title</a></code>.</p> + the document a <code><a href="the-title-element.html#the-title-element">title</a></code>.</p> <p class="note" id="sandboxPluginNavigate">If the <a href="the-iframe-element.html#sandboxed-plugins-browsing-context-flag">sandboxed plugins browsing context flag</a> was set on the <a href="browsers.html#browsing-context">browsing context</a> when the <code><a href="dom.html#document">Document</a></code> was created, the - synthesized <code><a href="the-iframe-element.html#the-embed-element">embed</a></code> element will <a href="the-iframe-element.html#sandboxPluginEmbed">fail to render the content</a> if the + synthesized <code><a href="the-embed-element.html#the-embed-element">embed</a></code> element will <a href="the-embed-element.html#sandboxPluginEmbed">fail to render the content</a> if the relevant <a href="infrastructure.html#plugin">plugin</a> cannot be <a href="infrastructure.html#concept-plugin-secure" title="concept-plugin-secure">secured</a>.</p> @@ -1955,7 +1957,7 @@ tree order is <a href="#the-indicated-part-of-the-document">the indicated part of the document</a>; stop the algorithm here.</p></li> - <li><p>If there is an <code><a href="text-level-semantics.html#the-a-element">a</a></code> element in the DOM that has a + <li><p>If there is an <code><a href="the-a-element.html#the-a-element">a</a></code> element in the DOM that has a <code title="attr-a-name"><a href="obsolete.html#attr-a-name">name</a></code> attribute whose value is exactly equal to <var title="">fragid</var> (<em>not</em> <var title="">decoded fragid</var>), then the first such element in tree order is <a href="#the-indicated-part-of-the-document">the indicated part of the document</a>; stop the @@ -2057,7 +2059,7 @@ <li id="history-autocomplete"><p>If the <var title="">specified entry</var>'s <code><a href="dom.html#document">Document</a></code> has any <code><a href="the-input-element.html#the-input-element">input</a></code> - elements whose <a href="common-input-element-attributes.html#resulting-autocompletion-state">resulting autocompletion state</a> is <i title="">off</i>, invoke the <a href="association-of-controls-and-forms.html#concept-form-reset-control" title="concept-form-reset-control">reset algorithm</a> of each + elements whose <a href="common-input-element-attributes.html#resulting-autocompletion-state">resulting autocompletion state</a> is <i title="">off</i>, invoke the <a href="form-submission.html#concept-form-reset-control" title="concept-form-reset-control">reset algorithm</a> of each of those elements.</p></li> <li><p>If the <a href="dom.html#current-document-readiness">current document readiness</a> of the <var title="">specified entry</var>'s <code><a href="dom.html#document">Document</a></code> is @@ -2101,7 +2103,7 @@ form fields, that it had previously recorded.</p> - <p class="note">This can even include updating the <code title="attr-dir"><a href="elements.html#the-dir-attribute">dir</a></code> attribute of <code><a href="the-button-element.html#the-textarea-element">textarea</a></code> + <p class="note">This can even include updating the <code title="attr-dir"><a href="global-attributes.html#the-dir-attribute">dir</a></code> attribute of <code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code> elements or <code><a href="the-input-element.html#the-input-element">input</a></code> elements whose <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute is in either the <a href="states-of-the-type-attribute.html#text-state-and-search-state" title="attr-input-type-text">Text</a> state or the <a href="states-of-the-type-attribute.html#text-state-and-search-state" title="attr-input-type-search">Search</a> state, if the persisted state includes the directionality of user input in such @@ -2322,7 +2324,7 @@ </ol><p>When a user agent is to <dfn id="unload-a-document">unload a document</dfn>, it must run the following steps. These steps are passed an argument, <var title="">recycle</var>, which is either true or false, indicating whether the <code><a href="dom.html#document">Document</a></code> object is going to be - re-used. (This is set by the <code title="dom-document-open"><a href="content-models.html#dom-document-open">document.open()</a></code> method.)</p> + re-used. (This is set by the <code title="dom-document-open"><a href="dynamic-markup-insertion.html#dom-document-open">document.open()</a></code> method.)</p> <ol><li><p>Fire a <code title="event-pagehide"><a href="#event-pagehide">pagehide</a></code> event at the <code><a href="browsers.html#window">Window</a></code> object of the <code><a href="dom.html#document">Document</a></code>, but @@ -2445,7 +2447,7 @@ <ol><li><p><a href="#abort-a-document" title="abort a document">Abort</a> the <a href="browsers.html#active-document" title="active document">active documents</a> of every <a href="browsers.html#child-browsing-context">child browsing context</a>.</p></li> - <li><p>Cancel any instances of the <a href="fetching-resources.html#fetch" title="fetch">fetch</a> + <li><p>Cancel any instances of the <a href="urls.html#fetch" title="fetch">fetch</a> algorithm in the context of this <code><a href="dom.html#document">Document</a></code>, discarding any <a href="webappapis.html#concept-task" title="concept-task">tasks</a> <a href="webappapis.html#queue-a-task" title="queue a task">queued</a> for them, and discarding any further data Index: common-dom-interfaces.html =================================================================== RCS file: /sources/public/html5/spec/common-dom-interfaces.html,v retrieving revision 1.84 retrieving revision 1.85 diff -u -d -r1.84 -r1.85 --- common-dom-interfaces.html 10 Dec 2011 06:02:05 -0000 1.84 +++ common-dom-interfaces.html 10 Dec 2011 06:15:41 -0000 1.85 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>2.8 Common DOM interfaces — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>2.8 Common DOM interfaces — HTML5</title><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; } @@ -319,20 +318,23 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="fetching-resources.html" title="2.7 Fetching resources" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> + <link href="urls.html" title="2.6 URLs" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> <link href="namespaces.html" title="2.9 Namespaces" rel="next"> - </head><body><div class="head" id="head"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="fetching-resources.html" class="prev">2.7 Fetching resources</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="namespaces.html" class="next">2.9 Namespaces</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="urls.html">← 2.6 URLs</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="namespaces.html">2.9 Namespaces →</a> <ol class="toc"><li><ol><li><a href="common-dom-interfaces.html#common-dom-interfaces"><span class="secno">2.8 </span>Common DOM interfaces</a> <ol><li><a href="common-dom-interfaces.html#reflecting-content-attributes-in-idl-attributes"><span class="secno">2.8.1 </span>Reflecting content attributes in IDL attributes</a></li><li><a href="common-dom-interfaces.html#collections-0"><span class="secno">2.8.2 </span>Collections</a> - <ol><li><a href="common-dom-interfaces.html#htmlallcollection-0"><span class="secno">2.8.2.1 </span>HTMLAllCollection</a></li><li><a href="common-dom-interfaces.html#htmlformcontrolscollection-0"><span class="secno">2.8.2.2 </span>HTMLFormControlsCollection</a></li><li><a href="common-dom-interfaces.html#htmloptionscollection-0"><span class="secno">2.8.2.3 </span>HTMLOptionsCollection</a></li></ol></li><li><a href="common-dom-interfaces.html#domstringmap-0"><span class="secno">2.8.3 </span>DOMStringMap</a></li><li><a href="common-dom-interfaces.html#transferable-objects"><span class="secno">2.8.4 </span>Transferable objects</a></li><li><a href="common-dom-interfaces.html#safe-passing-of-structured-data"><span class="secno">2.8.5 </span>Safe passing of structured data</a></li><li><a href="common-dom-interfaces.html#dom-feature-strings"><span class="secno">2.8.6 </span>DOM feature strings</a></li><li><a href="common-dom-interfaces.html#garbage-collection"><span class="secno">2.8.7 </span>Garbage collecion</a></li></ol></li></ol></li></ol></div> + <ol><li><a href="common-dom-interfaces.html#htmlallcollection-0"><span class="secno">2.8.2.1 </span>HTMLAllCollection</a></li><li><a href="common-dom-interfaces.html#htmlformcontrolscollection-0"><span class="secno">2.8.2.2 </span>HTMLFormControlsCollection</a></li><li><a href="common-dom-interfaces.html#htmloptionscollection-0"><span class="secno">2.8.2.3 </span>HTMLOptionsCollection</a></li></ol></li><li><a href="common-dom-interfaces.html#domstringmap-0"><span class="secno">2.8.3 </span>DOMStringMap</a></li><li><a href="common-dom-interfaces.html#transferable-objects"><span class="secno">2.8.4 </span>Transferable objects</a></li><li><a href="common-dom-interfaces.html#safe-passing-of-structured-data"><span class="secno">2.8.5 </span>Safe passing of structured data</a></li><li><a href="common-dom-interfaces.html#dom-feature-strings"><span class="secno">2.8.6 </span>DOM feature strings</a></li><li><a href="common-dom-interfaces.html#garbage-collection"><span class="secno">2.8.7 </span>Garbage collecion</a></li></ol></li></ol></li></ol></nav> <h3 id="common-dom-interfaces"><span class="secno">2.8 </span>Common DOM interfaces</h3><h4 id="reflecting-content-attributes-in-idl-attributes"><span class="secno">2.8.1 </span>Reflecting content attributes in IDL attributes</h4><p>Some IDL attributes are defined to <dfn id="reflect">reflect</dfn> a particular content attribute. This means that on getting, the IDL @@ -499,7 +501,7 @@ method invoked, the underlying string won't be changed, since the result of removing any token from the empty string is still the empty string. However, if the <code title="dom-tokenlist-add">element.classList.add()</code> method is - then invoked, a <code title="attr-class"><a href="elements.html#classes">class</a></code> attribute + then invoked, a <code title="attr-class"><a href="global-attributes.html#classes">class</a></code> attribute will be added to the element with the value of the token to be added.</p> @@ -525,11 +527,11 @@ <li>Otherwise, it must return <var title="">candidate</var>.</li> - </ol><p>On setting, if the given element has an <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> attribute, and has the same <a href="infrastructure.html#home-subtree">home + </ol><p>On setting, if the given element has an <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> attribute, and has the same <a href="infrastructure.html#home-subtree">home subtree</a> as the element of the attribute being set, and the given element is the first element in that <a href="infrastructure.html#home-subtree">home subtree</a> - whose <a href="infrastructure.html#concept-id" title="concept-ID">ID</a> is the value of that <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> attribute, then the content attribute must - be set to the value of that <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> + whose <a href="infrastructure.html#concept-id" title="concept-ID">ID</a> is the value of that <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> attribute, then the content attribute must + be set to the value of that <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> attribute. Otherwise, the content attribute must be set to the empty string.</p> @@ -564,10 +566,10 @@ <dd> <p>Returns the item with <a href="infrastructure.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>Only <code><a href="text-level-semantics.html#the-a-element">a</a></code>, <code><a href="obsolete.html#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="obsolete.html#frame">frame</a></code>, - <code><a href="obsolete.html#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 + <p>Only <code><a href="the-a-element.html#the-a-element">a</a></code>, <code><a href="obsolete.html#the-applet-element">applet</a></code>, <code><a href="the-area-element.html#the-area-element">area</a></code>, + <code><a href="the-embed-element.html#the-embed-element">embed</a></code>, <code><a href="the-form-element.html#the-form-element">form</a></code>, <code><a href="obsolete.html#frame">frame</a></code>, + <code><a href="obsolete.html#frameset">frameset</a></code>, <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code>, <code><a href="the-img-element.html#the-img-element">img</a></code>, and + <code><a href="the-object-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> @@ -594,10 +596,10 @@ match the filter of the <code><a href="#htmlallcollection">HTMLAllCollection</a></code> object on which the method was invoked and that are either:</p> - <ul><li><code><a href="text-level-semantics.html#the-a-element">a</a></code>, <code><a href="obsolete.html#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="obsolete.html#frame">frame</a></code>, - <code><a href="obsolete.html#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>, or - <code><a href="the-iframe-element.html#the-object-element">object</a></code> elements with a <code title="">name</code> + <ul><li><code><a href="the-a-element.html#the-a-element">a</a></code>, <code><a href="obsolete.html#the-applet-element">applet</a></code>, <code><a href="the-area-element.html#the-area-element">area</a></code>, + <code><a href="the-embed-element.html#the-embed-element">embed</a></code>, <code><a href="the-form-element.html#the-form-element">form</a></code>, <code><a href="obsolete.html#frame">frame</a></code>, + <code><a href="obsolete.html#frameset">frameset</a></code>, <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code>, <code><a href="the-img-element.html#the-img-element">img</a></code>, or + <code><a href="the-object-element.html#the-object-element">object</a></code> elements with a <code title="">name</code> attribute equal to <var title="">key</var>, or,</li> <li>elements with an <a href="infrastructure.html#concept-id" title="concept-id">ID</a> equal to @@ -625,8 +627,8 @@ ASCII lowercase</a>.</p> </div><h5 id="htmlformcontrolscollection-0"><span class="secno">2.8.2.2 </span>HTMLFormControlsCollection</h5><p>The <code><a href="#htmlformcontrolscollection">HTMLFormControlsCollection</a></code> interface represents - a <a href="infrastructure.html#collections" title="collections">collection</a> of <a href="forms.html#category-listed" title="category-listed">listed elements</a> 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="infrastructure.html#htmlcollection">HTMLCollection</a> { + a <a href="infrastructure.html#collections" title="collections">collection</a> of <a href="forms.html#category-listed" title="category-listed">listed elements</a> in <code><a href="the-form-element.html#the-form-element">form</a></code> + and <code><a href="the-fieldset-element.html#the-fieldset-element">fieldset</a></code> elements.</p><pre class="idl">interface <dfn id="htmlformcontrolscollection">HTMLFormControlsCollection</dfn> : <a href="infrastructure.html#htmlcollection">HTMLCollection</a> { // inherits <span title="dom-HTMLCollection-length">length</span> and <span title="dom-HTMLCollection-item">item</span>() legacycaller getter object? <a href="#dom-htmlformcontrolscollection-nameditem" title="dom-HTMLFormControlsCollection-namedItem">namedItem</a>(DOMString name); // overrides inherited namedItem() }; @@ -650,7 +652,7 @@ <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="infrastructure.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>Returns the item with <a href="infrastructure.html#concept-id" title="concept-id">ID</a> or <code title="attr-fe-name"><a href="attributes-common-to-form-controls.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> </dd> @@ -666,25 +668,25 @@ defined for <code><a href="infrastructure.html#htmlcollection">HTMLCollection</a></code> objects.</p> <p>The <a href="infrastructure.html#supported-property-names">supported property names</a> consist of the values - of all the <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> and <code title="attr-fe-name"><a href="association-of-controls-and-forms.html#attr-fe-name">name</a></code> attributes of all the elements + of all the <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> and <code title="attr-fe-name"><a href="attributes-common-to-form-controls.html#attr-fe-name">name</a></code> attributes of all the elements <a href="infrastructure.html#represented-by-the-collection">represented by the collection</a>.</p> <p>The <dfn id="dom-htmlformcontrolscollection-nameditem" title="dom-HTMLFormControlsCollection-namedItem"><code>namedItem(<var title="">name</var>)</code></dfn> method must act according to the following algorithm:</p> <ol><li>If, at the time the method is called, there is exactly one node - in the collection that has either an <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> attribute or a <code title="attr-fe-name"><a href="association-of-controls-and-forms.html#attr-fe-name">name</a></code> attribute equal to <var title="">name</var>, then return that node and stop the + in the collection that has either an <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> attribute or a <code title="attr-fe-name"><a href="attributes-common-to-form-controls.html#attr-fe-name">name</a></code> attribute equal to <var title="">name</var>, then return that node and stop the algorithm.</li> <li>Otherwise, if there are no nodes in the collection that have - either an <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> attribute or a <code title="attr-fe-name"><a href="association-of-controls-and-forms.html#attr-fe-name">name</a></code> attribute equal to <var title="">name</var>, then return null and stop the algorithm.</li> + either an <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> attribute or a <code title="attr-fe-name"><a href="attributes-common-to-form-controls.html#attr-fe-name">name</a></code> attribute equal to <var title="">name</var>, then return null and stop the algorithm.</li> <li>Otherwise, create a new <code><a href="#radionodelist">RadioNodeList</a></code> object representing a <a href="infrastructure.html#live">live</a> view of the <code><a href="#htmlformcontrolscollection">HTMLFormControlsCollection</a></code> object, further filtered so that the only nodes in the <code><a href="#radionodelist">RadioNodeList</a></code> object are - those that have either an <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> attribute - or a <code title="attr-fe-name"><a href="association-of-controls-and-forms.html#attr-fe-name">name</a></code> attribute equal to <var title="">name</var>. The nodes in the <code><a href="#radionodelist">RadioNodeList</a></code> + those that have either an <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> attribute + or a <code title="attr-fe-name"><a href="attributes-common-to-form-controls.html#attr-fe-name">name</a></code> attribute equal to <var title="">name</var>. The nodes in the <code><a href="#radionodelist">RadioNodeList</a></code> object must be sorted in <a href="infrastructure.html#tree-order">tree order</a>.</li> <li>Return that <code><a href="#radionodelist">RadioNodeList</a></code> object.</li> @@ -702,7 +704,7 @@ <code><a href="#radionodelist">RadioNodeList</a></code> object that is 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#radio-button-state" title="attr-input-type-radio">Radio Button</a> - state and whose <a href="association-of-controls-and-forms.html#concept-fe-checked" title="concept-fe-checked">checkedness</a> + state and whose <a href="attributes-common-to-form-controls.html#concept-fe-checked" title="concept-fe-checked">checkedness</a> is true. Otherwise, let it be null.</p></li> <li><p>If <var title="">element</var> is null, or if it is an @@ -725,27 +727,27 @@ let it be null.</p></li> <li><p>If <var title="">element</var> is not null, then set its - <a href="association-of-controls-and-forms.html#concept-fe-checked" title="concept-fe-checked">checkedness</a> to true.</p> + <a href="attributes-common-to-form-controls.html#concept-fe-checked" title="concept-fe-checked">checkedness</a> to true.</p> </li></ol></div><h5 id="htmloptionscollection-0"><span class="secno">2.8.2.3 </span>HTMLOptionsCollection</h5><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 + list of <code><a href="the-option-element.html#the-option-element">option</a></code> elements. It is always rooted on a + <code><a href="the-select-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="infrastructure.html#htmlcollection">HTMLCollection</a> { // inherits <span title="dom-HTMLCollection-item">item</span>() attribute unsigned long <a href="#dom-htmloptionscollection-length" title="dom-HTMLOptionsCollection-length">length</a>; // overrides inherited length legacycaller getter object? <a href="#dom-htmloptionscollection-nameditem" title="dom-HTMLOptionsCollection-namedItem">namedItem</a>(DOMString name); // overrides inherited namedItem() - <a href="#dom-htmloptionscollection-setter" title="dom-HTMLOptionsCollection-setter">setter creator</a> void (unsigned long index, <a href="the-button-element.html#htmloptionelement">HTMLOptionElement</a> option); - void <a href="#dom-htmloptionscollection-add" title="dom-HTMLOptionsCollection-add">add</a>(<a href="the-button-element.html#htmloptionelement">HTMLOptionElement</a> element, optional <a href="elements.html#htmlelement">HTMLElement</a>? before); - void <a href="#dom-htmloptionscollection-add" title="dom-HTMLOptionsCollection-add">add</a>(<a href="the-button-element.html#htmloptgroupelement">HTMLOptGroupElement</a> element, optional <a href="elements.html#htmlelement">HTMLElement</a>? before); - void <a href="#dom-htmloptionscollection-add" title="dom-HTMLOptionsCollection-add">add</a>(<a href="the-button-element.html#htmloptionelement">HTMLOptionElement</a> element, long before); - void <a href="#dom-htmloptionscollection-add" title="dom-HTMLOptionsCollection-add">add</a>(<a href="the-button-element.html#htmloptgroupelement">HTMLOptGroupElement</a> element, long before); + <a href="#dom-htmloptionscollection-setter" title="dom-HTMLOptionsCollection-setter">setter creator</a> void (unsigned long index, <a href="the-option-element.html#htmloptionelement">HTMLOptionElement</a> option); + void <a href="#dom-htmloptionscollection-add" title="dom-HTMLOptionsCollection-add">add</a>(<a href="the-option-element.html#htmloptionelement">HTMLOptionElement</a> element, optional <a href="elements.html#htmlelement">HTMLElement</a>? before); + void <a href="#dom-htmloptionscollection-add" title="dom-HTMLOptionsCollection-add">add</a>(<a href="the-optgroup-element.html#htmloptgroupelement">HTMLOptGroupElement</a> element, optional <a href="elements.html#htmlelement">HTMLElement</a>? before); + void <a href="#dom-htmloptionscollection-add" title="dom-HTMLOptionsCollection-add">add</a>(<a href="the-option-element.html#htmloptionelement">HTMLOptionElement</a> element, long before); + void <a href="#dom-htmloptionscollection-add" title="dom-HTMLOptionsCollection-add">add</a>(<a href="the-optgroup-element.html#htmloptgroupelement">HTMLOptGroupElement</a> element, long before); void <a href="#dom-htmloptionscollection-remove" title="dom-HTMLOptionsCollection-remove">remove</a>(long index); attribute long <a href="#dom-htmloptionscollection-selectedindex" title="dom-HTMLOptionsCollection-selectedIndex">selectedIndex</a>; };</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> + <p>When set to a smaller number, truncates the number of <code><a href="the-option-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-option-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">item</code>(<var title="">index</var>)</dt> @@ -804,41 +806,41 @@ <a href="infrastructure.html#represented-by-the-collection">represented by the collection</a> at that time. If the number is the same, then setting the attribute must do nothing. If the new value is greater, then <var title="">n</var> new - <code><a href="the-button-element.html#the-option-element">option</a></code> elements with no attributes and no child nodes - must be appended to the <code><a href="the-button-element.html#the-select-element">select</a></code> element on which the + <code><a href="the-option-element.html#the-option-element">option</a></code> elements with no attributes and no child nodes + must be appended to the <code><a href="the-select-element.html#the-select-element">select</a></code> element on which the <code><a href="#htmloptionscollection">HTMLOptionsCollection</a></code> is rooted, where <var title="">n</var> is the difference between the two numbers (new value minus old value). Mutation events must be fired as if a - <code><a href="infrastructure.html#documentfragment">DocumentFragment</a></code> containing the new <code><a href="the-button-element.html#the-option-element">option</a></code> + <code><a href="infrastructure.html#documentfragment">DocumentFragment</a></code> containing the new <code><a href="the-option-element.html#the-option-element">option</a></code> elements had been inserted. If the new value is lower, then the last <var title="">n</var> nodes in the collection must be removed from their parent nodes, where <var title="">n</var> is the difference between the two numbers (old value minus new value).</p> <p class="note">Setting <code title="dom-HTMLOptionsCollection-length"><a href="#dom-htmloptionscollection-length">length</a></code> never removes - or adds any <code><a href="the-button-element.html#the-optgroup-element">optgroup</a></code> elements, and never adds new - children to existing <code><a href="the-button-element.html#the-optgroup-element">optgroup</a></code> elements (though it can + or adds any <code><a href="the-optgroup-element.html#the-optgroup-element">optgroup</a></code> elements, and never adds new + children to existing <code><a href="the-optgroup-element.html#the-optgroup-element">optgroup</a></code> elements (though it can remove children from them).</p> <p>The <a href="infrastructure.html#supported-property-names">supported property names</a> consist of the values - of all the <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> and <code title="attr-option-name"><a href="obsolete.html#attr-option-name">name</a></code> attributes of all the elements + of all the <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> and <code title="attr-option-name"><a href="obsolete.html#attr-option-name">name</a></code> attributes of all the elements <a href="infrastructure.html#represented-by-the-collection">represented by the collection</a>.</p> <p>The <dfn id="dom-htmloptionscollection-nameditem" title="dom-HTMLOptionsCollection-namedItem"><code>namedItem(<var title="">name</var>)</code></dfn> method must act according to the following algorithm:</p> <ol><li>If, at the time the method is called, there is exactly one node - in the collection that has either an <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> attribute or a <code title="attr-option-name"><a href="obsolete.html#attr-option-name">name</a></code> attribute equal to <var title="">name</var>, then return that node and stop the + in the collection that has either an <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> attribute or a <code title="attr-option-name"><a href="obsolete.html#attr-option-name">name</a></code> attribute equal to <var title="">name</var>, then return that node and stop the algorithm.</li> <li>Otherwise, if there are no nodes in the collection that have - either an <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> attribute or a <code title="attr-option-name"><a href="obsolete.html#attr-option-name">name</a></code> attribute equal to <var title="">name</var>, then return null and stop the algorithm.</li> + either an <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> attribute or a <code title="attr-option-name"><a href="obsolete.html#attr-option-name">name</a></code> attribute equal to <var title="">name</var>, then return null and stop the algorithm.</li> <li>Otherwise, create a new <code><a href="infrastructure.html#nodelist">NodeList</a></code> object representing a <a href="infrastructure.html#live">live</a> view of the <code><a href="#htmloptionscollection">HTMLOptionsCollection</a></code> object, further filtered so that the only nodes in the <code><a href="infrastructure.html#nodelist">NodeList</a></code> object are those that - have either an <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> attribute or a <code title="attr-option-name"><a href="obsolete.html#attr-option-name">name</a></code> attribute equal to <var title="">name</var>. The nodes in the <code><a href="infrastructure.html#nodelist">NodeList</a></code> object + have either an <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> attribute or a <code title="attr-option-name"><a href="obsolete.html#attr-option-name">name</a></code> attribute equal to <var title="">name</var>. The nodes in the <code><a href="infrastructure.html#nodelist">NodeList</a></code> object must be sorted in <a href="infrastructure.html#tree-order">tree order</a>.</li> <li>Return that <code><a href="infrastructure.html#nodelist">NodeList</a></code> object.</li> @@ -855,14 +857,14 @@ <li><p>If <var title="">n</var> is greater than zero, then append <span title=""><var title="">n</var>-1</span> new - <code><a href="the-button-element.html#the-option-element">option</a></code> elements with no attributes and no child nodes - to the <code><a href="the-button-element.html#the-select-element">select</a></code> element on which the + <code><a href="the-option-element.html#the-option-element">option</a></code> elements with no attributes and no child nodes + to the <code><a href="the-select-element.html#the-select-element">select</a></code> element on which the <code><a href="#htmloptionscollection">HTMLOptionsCollection</a></code> is rooted. Mutation events must be fired as if a <code><a href="infrastructure.html#documentfragment">DocumentFragment</a></code> containing the new - <code><a href="the-button-element.html#the-option-element">option</a></code> elements had been inserted.</p></li> + <code><a href="the-option-element.html#the-option-element">option</a></code> elements had been inserted.</p></li> <li><p>If <var title="">n</var> is greater than or equal to zero, - append <var title="">value</var> to the <code><a href="the-button-element.html#the-select-element">select</a></code> + append <var title="">value</var> to the <code><a href="the-select-element.html#the-select-element">select</a></code> element. Otherwise, replace the <var title="">index</var>th element in the collection by <var title="">value</var>.</p></li> @@ -870,12 +872,12 @@ method must act according to the following algorithm:</p> <ol><li><p>If <var title="">element</var> is an ancestor of the - <code><a href="the-button-element.html#the-select-element">select</a></code> element on which the + <code><a href="the-select-element.html#the-select-element">select</a></code> element on which the <code><a href="#htmloptionscollection">HTMLOptionsCollection</a></code> is rooted, then throw a <code><a href="infrastructure.html#hierarchyrequesterror">HierarchyRequestError</a></code> exception.</p></li> <li><p>If <var title="">before</var> is an element, but that - element isn't a descendant of the <code><a href="the-button-element.html#the-select-element">select</a></code> element on + element isn't a descendant of the <code><a href="the-select-element.html#the-select-element">select</a></code> element on which the <code><a href="#htmloptionscollection">HTMLOptionsCollection</a></code> is rooted, then throw a <code><a href="infrastructure.html#notfounderror">NotFoundError</a></code> exception.</p></li> @@ -885,7 +887,7 @@ <li><p>If <var title="">before</var> is a node, then let <var title="">reference</var> be that node. Otherwise, if <var title="">before</var> is an integer, and there is a <var title="">before</var>th node in the collection, let <var title="">reference</var> be that node. Otherwise, let <var title="">reference</var> be null.</p></li> <li><p>If <var title="">reference</var> is not null, let <var title="">parent</var> be the parent node of <var title="">reference</var>. Otherwise, let <var title="">parent</var> - be the <code><a href="the-button-element.html#the-select-element">select</a></code> element on which the + be the <code><a href="the-select-element.html#the-select-element">select</a></code> element on which the <code><a href="#htmloptionscollection">HTMLOptionsCollection</a></code> is rooted.</p></li> <li><p>Act as if the DOM Core <code title="dom-Node-insertBefore"><a href="infrastructure.html#dom-node-insertbefore">insertBefore()</a></code> method was @@ -908,7 +910,7 @@ </ol><p>The <dfn id="dom-htmloptionscollection-selectedindex" title="dom-HTMLOptionsCollection-selectedIndex"><code>selectedIndex</code></dfn> IDL attribute must act like the identically named attribute on the - <code><a href="the-button-element.html#the-select-element">select</a></code> element on which the + <code><a href="the-select-element.html#the-select-element">select</a></code> element on which the <code><a href="#htmloptionscollection">HTMLOptionsCollection</a></code> is rooted</p> @@ -958,8 +960,8 @@ </div><div class="example"> - <p>The <code title="dom-dataset"><a href="elements.html#dom-dataset">dataset</a></code> attribute on - elements exposes the <code title="attr-data-*"><a href="elements.html#attr-data">data-*</a></code> + <p>The <code title="dom-dataset"><a href="global-attributes.html#dom-dataset">dataset</a></code> attribute on + elements exposes the <code title="attr-data-*"><a href="global-attributes.html#attr-data">data-*</a></code> attributes on the element.</p> <p>Given the following fragment and elements with similar Index: parsing.html =================================================================== RCS file: /sources/public/html5/spec/parsing.html,v retrieving revision 1.82 retrieving revision 1.83 diff -u -d -r1.82 -r1.83 --- parsing.html 10 Dec 2011 06:02:13 -0000 1.82 +++ parsing.html 10 Dec 2011 06:15:46 -0000 1.83 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>8.2 Parsing HTML documents — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>8.2 Parsing HTML documents — HTML5</title><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; } @@ -319,21 +318,23 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="syntax.html" title="8 The HTML syntax" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> + <link href="syntax.html" title="8 The HTML syntax" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> <link href="tokenization.html" title="8.2.4 Tokenization" rel="next"> - </head><body><div class="head" id="head"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="syntax.html" class="prev">8 The HTML syntax</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="tokenization.html" class="next">8.2.4 Tokenization</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2> + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="syntax.html">← 8 The HTML syntax</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="tokenization.html">8.2.4 Tokenization →</a> <ol class="toc"><li><ol><li><a href="parsing.html#parsing"><span class="secno">8.2 </span>Parsing HTML documents</a> <ol><li><a href="parsing.html#overview-of-the-parsing-model"><span class="secno">8.2.1 </span>Overview of the parsing model</a></li><li><a href="parsing.html#the-input-stream"><span class="secno">8.2.2 </span>The input stream</a> <ol><li><a href="parsing.html#determining-the-character-encoding"><span class="secno">8.2.2.1 </span>Determining the character encoding</a></li><li><a href="parsing.html#character-encodings-0"><span class="secno">8.2.2.2 </span>Character encodings</a></li><li><a href="parsing.html#preprocessing-the-input-stream"><span class="secno">8.2.2.3 </span>Preprocessing the input stream</a></li><li><a href="parsing.html#changing-the-encoding-while-parsing"><span class="secno">8.2.2.4 </span>Changing the encoding while parsing</a></li></ol></li><li><a href="parsing.html#parse-state"><span class="secno">8.2.3 </span>Parse state</a> - <ol><li><a href="parsing.html#the-insertion-mode"><span class="secno">8.2.3.1 </span>The insertion mode</a></li><li><a href="parsing.html#the-stack-of-open-elements"><span class="secno">8.2.3.2 </span>The stack of open elements</a></li><li><a href="parsing.html#the-list-of-active-formatting-elements"><span class="secno">8.2.3.3 </span>The list of active formatting elements</a></li><li><a href="parsing.html#the-element-pointers"><span class="secno">8.2.3.4 </span>The element pointers</a></li><li><a href="parsing.html#other-parsing-state-flags"><span class="secno">8.2.3.5 </span>Other parsing state flags</a></li></ol></li></ol></li></ol></li></ol></div> + <ol><li><a href="parsing.html#the-insertion-mode"><span class="secno">8.2.3.1 </span>The insertion mode</a></li><li><a href="parsing.html#the-stack-of-open-elements"><span class="secno">8.2.3.2 </span>The stack of open elements</a></li><li><a href="parsing.html#the-list-of-active-formatting-elements"><span class="secno">8.2.3.3 </span>The list of active formatting elements</a></li><li><a href="parsing.html#the-element-pointers"><span class="secno">8.2.3.4 </span>The element pointers</a></li><li><a href="parsing.html#other-parsing-state-flags"><span class="secno">8.2.3.5 </span>Other parsing state flags</a></li></ol></li></ol></li></ol></li></ol></nav> <div class="impl"> @@ -419,9 +420,9 @@ still used as the model for the rest of the specification.</p> <p>In the common case, the data handled by the tokenization stage - comes from the network, but <a href="content-models.html#dynamic-markup-insertion" title="dynamic markup + comes from the network, but <a href="dynamic-markup-insertion.html#dynamic-markup-insertion" title="dynamic markup insertion">it can also come from script</a> running in the user - agent, e.g. using the <code title="dom-document-write"><a href="content-models.html#dom-document-write">document.write()</a></code> API.</p> + agent, e.g. using the <code title="dom-document-write"><a href="dynamic-markup-insertion.html#dom-document-write">document.write()</a></code> API.</p> <p id="nestedParsing">There is only one set of states for the tokenizer stage and the tree construction stage, but the tree @@ -482,7 +483,7 @@ algorithm (the <dfn id="encoding-sniffing-algorithm">encoding sniffing algorithm</dfn>) to determine the character encoding to use when decoding a document in the first pass. This algorithm takes as input any out-of-band metadata - available to the user agent (e.g. the <a href="fetching-resources.html#content-type" title="Content-Type">Content-Type metadata</a> of the document) + available to the user agent (e.g. the <a href="urls.html#content-type" title="Content-Type">Content-Type metadata</a> of the document) and all the bytes available so far, and returns an encoding and a <dfn id="concept-encoding-confidence" title="concept-encoding-confidence">confidence</dfn>. The confidence is either <i>tentative</i>, <i>certain</i>, or @@ -517,7 +518,7 @@ preparse.</p> <p class="note">The authoring conformance requirements for - character encoding declarations limit them to only appearing <a href="semantics.html#charset1024">in the first 1024 bytes</a>. User agents are + character encoding declarations limit them to only appearing <a href="the-meta-element.html#charset1024">in the first 1024 bytes</a>. User agents are therefore encouraged to use the preparse algorithm below (part of these steps) on the first 1024 bytes, but not to stall beyond that.</p> @@ -614,7 +615,7 @@ <dt>If the attribute's name is "<code title="">content</code>"</dt> - <dd><p>Apply the <a href="fetching-resources.html#algorithm-for-extracting-an-encoding-from-a-meta-element">algorithm for extracting an encoding + <dd><p>Apply the <a href="urls.html#algorithm-for-extracting-an-encoding-from-a-meta-element">algorithm for extracting an encoding from a <code>meta</code> element</a>, giving the attribute's value as the string to parse. If an encoding is returned, and if <var title="">charset</var> is still set @@ -1151,7 +1152,7 @@ <p>The <dfn id="insertion-point">insertion point</dfn> is the position (just before a character or just before the end of the input stream) where content - inserted using <code title="dom-document-write"><a href="content-models.html#dom-document-write">document.write()</a></code> is actually + inserted using <code title="dom-document-write"><a href="dynamic-markup-insertion.html#dom-document-write">document.write()</a></code> is actually inserted. The insertion point is relative to the position of the character immediately after it, it is not an absolute offset into the input stream. Initially, the insertion point is @@ -1159,9 +1160,9 @@ <p>The "EOF" character in the tables below is a conceptual character representing the end of the <a href="#the-input-stream">input stream</a>. If the parser - is a <a href="content-models.html#script-created-parser">script-created parser</a>, then the end of the + is a <a href="dynamic-markup-insertion.html#script-created-parser">script-created parser</a>, then the end of the <a href="#the-input-stream">input stream</a> is reached when an <dfn id="explicit-eof-character">explicit "EOF" - character</dfn> (inserted by the <code title="dom-document-close"><a href="content-models.html#dom-document-close">document.close()</a></code> method) is + character</dfn> (inserted by the <code title="dom-document-close"><a href="dynamic-markup-insertion.html#dom-document-close">document.close()</a></code> method) is consumed. Otherwise, the "EOF" character is not a real character in the stream, but rather the lack of any further characters.</p> @@ -1212,7 +1213,7 @@ re-parsed from memory), even if, e.g., the document is marked as not being cacheable. If this is not possible and contacting the network layer would involve repeating a request that uses a method - other than HTTP GET (<a href="fetching-resources.html#concept-http-equivalent-get" title="concept-http-equivalent-get">or + other than HTTP GET (<a href="urls.html#concept-http-equivalent-get" title="concept-http-equivalent-get">or equivalent</a> for non-HTTP URLs), then instead set the <a href="#concept-encoding-confidence" title="concept-encoding-confidence">confidence</a> to <i>certain</i> and ignore the new encoding. The resource will be misinterpreted. User agents may notify the user of the situation, @@ -1283,40 +1284,40 @@ true and set <var title="">node</var> to the <var title="concept-frag-parse-context"><a href="the-end.html#concept-frag-parse-context">context</a></var> element. (<a href="the-end.html#fragment-case">fragment case</a>)</li> - <li>If <var title="">node</var> is a <code><a href="the-button-element.html#the-select-element">select</a></code> element, + <li>If <var title="">node</var> is a <code><a href="the-select-element.html#the-select-element">select</a></code> element, then switch the <a href="#insertion-mode">insertion mode</a> to "<a href="tree-construction.html#parsing-main-inselect" title="insertion mode: in select">in select</a>" and abort these steps. (<a href="the-end.html#fragment-case">fragment case</a>)</li> - <li>If <var title="">node</var> is a <code><a href="tabular-data.html#the-td-element">td</a></code> or - <code><a href="tabular-data.html#the-th-element">th</a></code> element and <var title="">last</var> is false, then + <li>If <var title="">node</var> is a <code><a href="the-td-element.html#the-td-element">td</a></code> or + <code><a href="the-th-element.html#the-th-element">th</a></code> element and <var title="">last</var> is false, then switch the <a href="#insertion-mode">insertion mode</a> to "<a href="tree-construction.html#parsing-main-intd" title="insertion mode: in cell">in cell</a>" and abort these steps.</li> - <li>If <var title="">node</var> is a <code><a href="tabular-data.html#the-tr-element">tr</a></code> element, then + <li>If <var title="">node</var> is a <code><a href="the-tr-element.html#the-tr-element">tr</a></code> element, then switch the <a href="#insertion-mode">insertion mode</a> to "<a href="tree-construction.html#parsing-main-intr" title="insertion mode: in row">in row</a>" and abort these steps.</li> - <li>If <var title="">node</var> is a <code><a href="tabular-data.html#the-tbody-element">tbody</a></code>, - <code><a href="tabular-data.html#the-thead-element">thead</a></code>, or <code><a href="tabular-data.html#the-tfoot-element">tfoot</a></code> element, then switch the + <li>If <var title="">node</var> is a <code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code>, + <code><a href="the-thead-element.html#the-thead-element">thead</a></code>, or <code><a href="the-tfoot-element.html#the-tfoot-element">tfoot</a></code> element, then switch the <a href="#insertion-mode">insertion mode</a> to "<a href="tree-construction.html#parsing-main-intbody" title="insertion mode: in table body">in table body</a>" and abort these steps.</li> - <li>If <var title="">node</var> is a <code><a href="tabular-data.html#the-caption-element">caption</a></code> element, + <li>If <var title="">node</var> is a <code><a href="the-caption-element.html#the-caption-element">caption</a></code> element, then switch the <a href="#insertion-mode">insertion mode</a> to "<a href="tree-construction.html#parsing-main-incaption" title="insertion mode: in caption">in caption</a>" and abort these steps.</li> - <li>If <var title="">node</var> is a <code><a href="tabular-data.html#the-colgroup-element">colgroup</a></code> element, + <li>If <var title="">node</var> is a <code><a href="the-colgroup-element.html#the-colgroup-element">colgroup</a></code> element, then switch the <a href="#insertion-mode">insertion mode</a> to "<a href="tree-construction.html#parsing-main-incolgroup" title="insertion mode: in column group">in column group</a>" and abort these steps. (<a href="the-end.html#fragment-case">fragment case</a>)</li> - <li>If <var title="">node</var> is a <code><a href="tabular-data.html#the-table-element">table</a></code> element, + <li>If <var title="">node</var> is a <code><a href="the-table-element.html#the-table-element">table</a></code> element, then switch the <a href="#insertion-mode">insertion mode</a> to "<a href="tree-construction.html#parsing-main-intable" title="insertion mode: in table">in table</a>" and abort these steps.</li> - <li>If <var title="">node</var> is a <code><a href="semantics.html#the-head-element">head</a></code> element, + <li>If <var title="">node</var> is a <code><a href="the-head-element.html#the-head-element">head</a></code> element, then switch the <a href="#insertion-mode">insertion mode</a> to "<a href="tree-construction.html#parsing-main-inbody" title="insertion mode: in body">in body</a>" ("<a href="tree-construction.html#parsing-main-inbody" title="insertion mode: in body">in body</a>"! <em> not "<a href="tree-construction.html#parsing-main-inhead" title="insertion mode: in head">in head</a>"</em>!) and abort these steps. (<a href="the-end.html#fragment-case">fragment case</a>)</li> - <li>If <var title="">node</var> is a <code><a href="sections.html#the-body-element">body</a></code> element, + <li>If <var title="">node</var> is a <code><a href="the-body-element.html#the-body-element">body</a></code> element, then switch the <a href="#insertion-mode">insertion mode</a> to "<a href="tree-construction.html#parsing-main-inbody" title="insertion mode: in body">in body</a>" and abort these steps.</li> @@ -1324,7 +1325,7 @@ then switch the <a href="#insertion-mode">insertion mode</a> to "<a href="tree-construction.html#parsing-main-inframeset" title="insertion mode: in frameset">in frameset</a>" and abort these steps. (<a href="the-end.html#fragment-case">fragment case</a>)</li> - <li>If <var title="">node</var> is an <code><a href="semantics.html#the-html-element">html</a></code> element, + <li>If <var title="">node</var> is an <code><a href="the-html-element.html#the-html-element">html</a></code> element, then switch the <a href="#insertion-mode">insertion mode</a> to "<a href="tree-construction.html#the-before-head-insertion-mode" title="insertion mode: before head">before head</a>" Then, abort these steps. (<a href="the-end.html#fragment-case">fragment @@ -1349,72 +1350,72 @@ <p>The "<a href="tree-construction.html#the-before-html-insertion-mode" title="insertion mode: before html">before html</a>" <a href="#insertion-mode">insertion mode</a> creates the - <code><a href="semantics.html#the-html-element">html</a></code> root element node, which is then added to the + <code><a href="the-html-element.html#the-html-element">html</a></code> root element node, which is then added to the stack.</p> <p>In the <a href="the-end.html#fragment-case">fragment case</a>, the <a href="#stack-of-open-elements">stack of open - elements</a> is initialized to contain an <code><a href="semantics.html#the-html-element">html</a></code> + elements</a> is initialized to contain an <code><a href="the-html-element.html#the-html-element">html</a></code> element that is created as part of <a href="the-end.html#html-fragment-parsing-algorithm" title="html fragment parsing algorithm">that algorithm</a>. (The <a href="the-end.html#fragment-case">fragment case</a> skips the "<a href="tree-construction.html#the-before-html-insertion-mode" title="insertion mode: before html">before html</a>" <a href="#insertion-mode">insertion mode</a>.)</p> - <p>The <code><a href="semantics.html#the-html-element">html</a></code> node, however it is created, is the topmost + <p>The <code><a href="the-html-element.html#the-html-element">html</a></code> node, however it is created, is the topmost node of the stack. It only gets popped off the stack when the parser <a href="the-end.html#stop-parsing" title="stop parsing">finishes</a>.</p> <p>The <dfn id="current-node">current node</dfn> is the bottommost node in this stack.</p> - <p>The <dfn id="current-table">current table</dfn> is the last <code><a href="tabular-data.html#the-table-element">table</a></code> + <p>The <dfn id="current-table">current table</dfn> is the last <code><a href="the-table-element.html#the-table-element">table</a></code> element in the <a href="#stack-of-open-elements">stack of open elements</a>, if there is - one. If there is no <code><a href="tabular-data.html#the-table-element">table</a></code> element in the <a href="#stack-of-open-elements">stack of + one. If there is no <code><a href="the-table-element.html#the-table-element">table</a></code> element in the <a href="#stack-of-open-elements">stack of open elements</a> (<a href="the-end.html#fragment-case">fragment case</a>), then the <a href="#current-table">current table</a> is the first element in the <a href="#stack-of-open-elements">stack - of open elements</a> (the <code><a href="semantics.html#the-html-element">html</a></code> element).</p> + of open elements</a> (the <code><a href="the-html-element.html#the-html-element">html</a></code> element).</p> <p>Elements in the stack fall into the following categories:</p> <dl><dt><dfn id="special">Special</dfn></dt> <dd><p>The following elements have varying levels of special - parsing rules: HTML's <code><a href="sections.html#the-address-element">address</a></code>, <code><a href="obsolete.html#the-applet-element">applet</a></code>, - <code><a href="the-map-element.html#the-area-element">area</a></code>, <code><a href="sections.html#the-article-element">article</a></code>, <code><a href="sections.html#the-aside-element">aside</a></code>, - <code><a href="semantics.html#the-base-element">base</a></code>, <code><a href="obsolete.html#basefont">basefont</a></code>, <code><a href="obsolete.html#bgsound">bgsound</a></code>, - <code><a href="grouping-content.html#the-blockquote-element">blockquote</a></code>, <code><a href="sections.html#the-body-element">body</a></code>, <code><a href="text-level-semantics.html#the-br-element">br</a></code>, - <code><a href="the-button-element.html#the-button-element">button</a></code>, <code><a href="tabular-data.html#the-caption-element">caption</a></code>, <code><a href="obsolete.html#center">center</a></code>, - <code><a href="tabular-data.html#the-col-element">col</a></code>, <code><a href="tabular-data.html#the-colgroup-element">colgroup</a></code>, <code><a href="interactive-elements.html#the-command-element">command</a></code>, - <code><a href="grouping-content.html#the-dd-element">dd</a></code>, <code><a href="interactive-elements.html#the-details-element">details</a></code>, <code><a href="obsolete.html#dir">dir</a></code>, - <code><a href="grouping-content.html#the-div-element">div</a></code>, <code><a href="grouping-content.html#the-dl-element">dl</a></code>, <code><a href="grouping-content.html#the-dt-element">dt</a></code>, - <code><a href="the-iframe-element.html#the-embed-element">embed</a></code>, <code><a href="forms.html#the-fieldset-element">fieldset</a></code>, <code><a href="grouping-content.html#the-figcaption-element">figcaption</a></code>, - <code><a href="grouping-content.html#the-figure-element">figure</a></code>, <code><a href="sections.html#the-footer-element">footer</a></code>, <code><a href="forms.html#the-form-element">form</a></code>, - <code><a href="obsolete.html#frame">frame</a></code>, <code><a href="obsolete.html#frameset">frameset</a></code>, <code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code>, - <code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h2</a></code>, <code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h3</a></code>, <code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h4</a></code>, <code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code>, - <code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code>, <code><a href="semantics.html#the-head-element">head</a></code>, <code><a href="sections.html#the-header-element">header</a></code>, - <code><a href="sections.html#the-hgroup-element">hgroup</a></code>, <code><a href="grouping-content.html#the-hr-element">hr</a></code>, <code><a href="semantics.html#the-html-element">html</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="the-input-element.html#the-input-element">input</a></code>, - <code><a href="obsolete.html#isindex-0">isindex</a></code>, <code><a href="grouping-content.html#the-li-element">li</a></code>, <code><a href="semantics.html#the-link-element">link</a></code>, - <code><a href="obsolete.html#listing">listing</a></code>, <code><a href="obsolete.html#the-marquee-element">marquee</a></code>, <code><a href="interactive-elements.html#the-menu-element">menu</a></code>, - <code><a href="semantics.html#the-meta-element">meta</a></code>, <code><a href="sections.html#the-nav-element">nav</a></code>, <code><a href="obsolete.html#noembed">noembed</a></code>, - <code><a href="obsolete.html#noframes">noframes</a></code>, <code><a href="scripting-1.html#the-noscript-element">noscript</a></code>, <code><a href="the-iframe-element.html#the-object-element">object</a></code>, - <code><a href="grouping-content.html#the-ol-element">ol</a></code>, <code><a href="grouping-content.html#the-p-element">p</a></code>, <code><a href="the-iframe-element.html#the-param-element">param</a></code>, - <code><a href="obsolete.html#plaintext">plaintext</a></code>, <code><a href="grouping-content.html#the-pre-element">pre</a></code>, <code><a href="scripting-1.html#the-script-element">script</a></code>, - <code><a href="sections.html#the-section-element">section</a></code>, <code><a href="the-button-element.html#the-select-element">select</a></code>, <code><a href="the-iframe-element.html#the-source-element">source</a></code>, - <code><a href="semantics.html#the-style-element">style</a></code>, <code><a href="interactive-elements.html#the-summary-element">summary</a></code>, <code><a href="tabular-data.html#the-table-element">table</a></code>, - <code><a href="tabular-data.html#the-tbody-element">tbody</a></code>, <code><a href="tabular-data.html#the-td-element">td</a></code>, <code><a href="the-button-element.html#the-textarea-element">textarea</a></code>, - <code><a href="tabular-data.html#the-tfoot-element">tfoot</a></code>, <code><a href="tabular-data.html#the-th-element">th</a></code>, <code><a href="tabular-data.html#the-thead-element">thead</a></code>, - <code><a href="semantics.html#the-title-element">title</a></code>, <code><a href="tabular-data.html#the-tr-element">tr</a></code>, <code><a href="the-iframe-element.html#the-track-element">track</a></code>, - <code><a href="grouping-content.html#the-ul-element">ul</a></code>, <code><a href="text-level-semantics.html#the-wbr-element">wbr</a></code>, and <code><a href="obsolete.html#xmp">xmp</a></code>; MathML's + parsing rules: HTML's <code><a href="the-address-element.html#the-address-element">address</a></code>, <code><a href="obsolete.html#the-applet-element">applet</a></code>, + <code><a href="the-area-element.html#the-area-element">area</a></code>, <code><a href="the-article-element.html#the-article-element">article</a></code>, <code><a href="the-aside-element.html#the-aside-element">aside</a></code>, + <code><a href="the-base-element.html#the-base-element">base</a></code>, <code><a href="obsolete.html#basefont">basefont</a></code>, <code><a href="obsolete.html#bgsound">bgsound</a></code>, + <code><a href="the-blockquote-element.html#the-blockquote-element">blockquote</a></code>, <code><a href="the-body-element.html#the-body-element">body</a></code>, <code><a href="the-br-element.html#the-br-element">br</a></code>, + <code><a href="the-button-element.html#the-button-element">button</a></code>, <code><a href="the-caption-element.html#the-caption-element">caption</a></code>, <code><a href="obsolete.html#center">center</a></code>, + <code><a href="the-col-element.html#the-col-element">col</a></code>, <code><a href="the-colgroup-element.html#the-colgroup-element">colgroup</a></code>, <code><a href="the-command-element.html#the-command-element">command</a></code>, + <code><a href="the-dd-element.html#the-dd-element">dd</a></code>, <code><a href="the-details-element.html#the-details-element">details</a></code>, <code><a href="obsolete.html#dir">dir</a></code>, + <code><a href="the-div-element.html#the-div-element">div</a></code>, <code><a href="the-dl-element.html#the-dl-element">dl</a></code>, <code><a href="the-dt-element.html#the-dt-element">dt</a></code>, + <code><a href="the-embed-element.html#the-embed-element">embed</a></code>, <code><a href="the-fieldset-element.html#the-fieldset-element">fieldset</a></code>, <code><a href="the-figcaption-element.html#the-figcaption-element">figcaption</a></code>, + <code><a href="the-figure-element.html#the-figure-element">figure</a></code>, <code><a href="the-footer-element.html#the-footer-element">footer</a></code>, <code><a href="the-form-element.html#the-form-element">form</a></code>, + <code><a href="obsolete.html#frame">frame</a></code>, <code><a href="obsolete.html#frameset">frameset</a></code>, <code><a href="the-h1-h2-h3-h4-h5-and-h6-elements.html#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code>, + <code><a href="the-h1-h2-h3-h4-h5-and-h6-elements.html#the-h1-h2-h3-h4-h5-and-h6-elements">h2</a></code>, <code><a href="the-h1-h2-h3-h4-h5-and-h6-elements.html#the-h1-h2-h3-h4-h5-and-h6-elements">h3</a></code>, <code><a href="the-h1-h2-h3-h4-h5-and-h6-elements.html#the-h1-h2-h3-h4-h5-and-h6-elements">h4</a></code>, <code><a href="the-h1-h2-h3-h4-h5-and-h6-elements.html#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code>, + <code><a href="the-h1-h2-h3-h4-h5-and-h6-elements.html#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code>, <code><a href="the-head-element.html#the-head-element">head</a></code>, <code><a href="the-header-element.html#the-header-element">header</a></code>, + <code><a href="the-hgroup-element.html#the-hgroup-element">hgroup</a></code>, <code><a href="the-hr-element.html#the-hr-element">hr</a></code>, <code><a href="the-html-element.html#the-html-element">html</a></code>, + <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code>, <code><a href="the-img-element.html#the-img-element">img</a></code>, <code><a href="the-input-element.html#the-input-element">input</a></code>, + <code><a href="obsolete.html#isindex-0">isindex</a></code>, <code><a href="the-li-element.html#the-li-element">li</a></code>, <code><a href="the-link-element.html#the-link-element">link</a></code>, + <code><a href="obsolete.html#listing">listing</a></code>, <code><a href="obsolete.html#the-marquee-element">marquee</a></code>, <code><a href="the-menu-element.html#the-menu-element">menu</a></code>, + <code><a href="the-meta-element.html#the-meta-element">meta</a></code>, <code><a href="the-nav-element.html#the-nav-element">nav</a></code>, <code><a href="obsolete.html#noembed">noembed</a></code>, + <code><a href="obsolete.html#noframes">noframes</a></code>, <code><a href="the-noscript-element.html#the-noscript-element">noscript</a></code>, <code><a href="the-object-element.html#the-object-element">object</a></code>, + <code><a href="the-ol-element.html#the-ol-element">ol</a></code>, <code><a href="the-p-element.html#the-p-element">p</a></code>, <code><a href="the-param-element.html#the-param-element">param</a></code>, + <code><a href="obsolete.html#plaintext">plaintext</a></code>, <code><a href="the-pre-element.html#the-pre-element">pre</a></code>, <code><a href="the-script-element.html#the-script-element">script</a></code>, + <code><a href="the-section-element.html#the-section-element">section</a></code>, <code><a href="the-select-element.html#the-select-element">select</a></code>, <code><a href="the-source-element.html#the-source-element">source</a></code>, + <code><a href="the-style-element.html#the-style-element">style</a></code>, <code><a href="the-summary-element.html#the-summary-element">summary</a></code>, <code><a href="the-table-element.html#the-table-element">table</a></code>, + <code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code>, <code><a href="the-td-element.html#the-td-element">td</a></code>, <code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code>, + <code><a href="the-tfoot-element.html#the-tfoot-element">tfoot</a></code>, <code><a href="the-th-element.html#the-th-element">th</a></code>, <code><a href="the-thead-element.html#the-thead-element">thead</a></code>, + <code><a href="the-title-element.html#the-title-element">title</a></code>, <code><a href="the-tr-element.html#the-tr-element">tr</a></code>, <code><a href="the-track-element.html#the-track-element">track</a></code>, + <code><a href="the-ul-element.html#the-ul-element">ul</a></code>, <code><a href="the-wbr-element.html#the-wbr-element">wbr</a></code>, and <code><a href="obsolete.html#xmp">xmp</a></code>; MathML's <code title="">mi</code>, <code title="">mo</code>, <code title="">mn</code>, <code title="">ms</code>, <code title="">mtext</code>, and <code title="">annotation-xml</code>; and SVG's <code title="">foreignObject</code>, <code title="">desc</code>, and <code title="">title</code>.</p></dd> <dt><dfn id="formatting">Formatting</dfn></dt> <dd><p>The following HTML elements are those that end up in the - <a href="#list-of-active-formatting-elements">list of active formatting elements</a>: <code><a href="text-level-semantics.html#the-a-element">a</a></code>, - <code><a href="text-level-semantics.html#the-b-element">b</a></code>, <code><a href="obsolete.html#big">big</a></code>, <code><a href="text-level-semantics.html#the-code-element">code</a></code>, - <code><a href="text-level-semantics.html#the-em-element">em</a></code>, <code><a href="obsolete.html#font">font</a></code>, <code><a href="text-level-semantics.html#the-i-element">i</a></code>, - <code><a href="obsolete.html#nobr">nobr</a></code>, <code><a href="text-level-semantics.html#the-s-element">s</a></code>, <code><a href="text-level-semantics.html#the-small-element">small</a></code>, - <code><a href="obsolete.html#strike">strike</a></code>, <code><a href="text-level-semantics.html#the-strong-element">strong</a></code>, <code><a href="obsolete.html#tt">tt</a></code>, and - <code><a href="text-level-semantics.html#the-u-element">u</a></code>.</p></dd> + <a href="#list-of-active-formatting-elements">list of active formatting elements</a>: <code><a href="the-a-element.html#the-a-element">a</a></code>, + <code><a href="the-b-element.html#the-b-element">b</a></code>, <code><a href="obsolete.html#big">big</a></code>, <code><a href="the-code-element.html#the-code-element">code</a></code>, + <code><a href="the-em-element.html#the-em-element">em</a></code>, <code><a href="obsolete.html#font">font</a></code>, <code><a href="the-i-element.html#the-i-element">i</a></code>, + <code><a href="obsolete.html#nobr">nobr</a></code>, <code><a href="the-s-element.html#the-s-element">s</a></code>, <code><a href="the-small-element.html#the-small-element">small</a></code>, + <code><a href="obsolete.html#strike">strike</a></code>, <code><a href="the-strong-element.html#the-strong-element">strong</a></code>, <code><a href="obsolete.html#tt">tt</a></code>, and + <code><a href="the-u-element.html#the-u-element">u</a></code>.</p></dd> <dt><dfn id="ordinary">Ordinary</dfn></dt> <dd><p>All other elements found while parsing an HTML @@ -1438,20 +1439,20 @@ entry in the <a href="#stack-of-open-elements">stack of open elements</a> and return to step 2. (This will never fail, since the loop will always terminate in the previous step if the top of the stack — an - <code><a href="semantics.html#the-html-element">html</a></code> element — is reached.)</p></li> + <code><a href="the-html-element.html#the-html-element">html</a></code> element — is reached.)</p></li> </ol><p>The <a href="#stack-of-open-elements">stack of open elements</a> is said to <dfn id="has-an-element-in-scope" title="has an element in scope">have an element in scope</dfn> when it <a href="#has-an-element-in-the-specific-scope">has an element in the specific scope</a> consisting of the following element types:</p> <ul class="brief"><li><code><a href="obsolete.html#the-applet-element">applet</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> - <li><code><a href="tabular-data.html#the-caption-element">caption</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> - <li><code><a href="semantics.html#the-html-element">html</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> - <li><code><a href="tabular-data.html#the-table-element">table</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> - <li><code><a href="tabular-data.html#the-td-element">td</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> - <li><code><a href="tabular-data.html#the-th-element">th</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> + <li><code><a href="the-caption-element.html#the-caption-element">caption</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> + <li><code><a href="the-html-element.html#the-html-element">html</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> + <li><code><a href="the-table-element.html#the-table-element">table</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> + <li><code><a href="the-td-element.html#the-td-element">td</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> + <li><code><a href="the-th-element.html#the-th-element">th</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> <li><code><a href="obsolete.html#the-marquee-element">marquee</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> - <li><code><a href="the-iframe-element.html#the-object-element">object</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> + <li><code><a href="the-object-element.html#the-object-element">object</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> <li><code title="">mi</code> in the <a href="namespaces.html#mathml-namespace">MathML namespace</a></li> <li><code title="">mo</code> in the <a href="namespaces.html#mathml-namespace">MathML namespace</a></li> <li><code title="">mn</code> in the <a href="namespaces.html#mathml-namespace">MathML namespace</a></li> @@ -1467,8 +1468,8 @@ <ul class="brief"><li>All the element types listed above for the <i><a href="#has-an-element-in-scope">has an element in scope</a></i> algorithm.</li> - <li><code><a href="grouping-content.html#the-ol-element">ol</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> - <li><code><a href="grouping-content.html#the-ul-element">ul</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> + <li><code><a href="the-ol-element.html#the-ol-element">ol</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> + <li><code><a href="the-ul-element.html#the-ul-element">ul</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> </ul><p>The <a href="#stack-of-open-elements">stack of open elements</a> is said to <dfn id="has-an-element-in-button-scope" title="has an element in button scope">have an element in button scope</dfn> when it <a href="#has-an-element-in-the-specific-scope">has an element in the specific scope</a> consisting of the following element types:</p> @@ -1480,15 +1481,15 @@ scope</dfn> when it <a href="#has-an-element-in-the-specific-scope">has an element in the specific scope</a> consisting of the following element types:</p> - <ul class="brief"><li><code><a href="semantics.html#the-html-element">html</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> - <li><code><a href="tabular-data.html#the-table-element">table</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> + <ul class="brief"><li><code><a href="the-html-element.html#the-html-element">html</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> + <li><code><a href="the-table-element.html#the-table-element">table</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> </ul><p>The <a href="#stack-of-open-elements">stack of open elements</a> is said to <dfn id="has-an-element-in-select-scope" title="has an element in select scope">have an element in select scope</dfn> when it <a href="#has-an-element-in-the-specific-scope">has an element in the specific scope</a> consisting of all element types <em>except</em> the following:</p> - <ul class="brief"><li><code><a href="the-button-element.html#the-optgroup-element">optgroup</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> - <li><code><a href="the-button-element.html#the-option-element">option</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> + <ul class="brief"><li><code><a href="the-optgroup-element.html#the-optgroup-element">optgroup</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> + <li><code><a href="the-option-element.html#the-option-element">option</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> </ul><p>Nothing happens if at any time any of the elements in the <a href="#stack-of-open-elements">stack of open elements</a> are moved to a new location in, or removed from, the <code><a href="dom.html#document">Document</a></code> tree. In particular, the @@ -1507,10 +1508,10 @@ <p>The list contains elements in the <a href="#formatting">formatting</a> category, and scope markers. The scope markers are inserted when - entering <code><a href="obsolete.html#the-applet-element">applet</a></code> elements, buttons, <code><a href="the-iframe-element.html#the-object-element">object</a></code> + entering <code><a href="obsolete.html#the-applet-element">applet</a></code> elements, buttons, <code><a href="the-object-element.html#the-object-element">object</a></code> elements, marquees, table cells, and table captions, and are used to prevent formatting from "leaking" <em>into</em> <code><a href="obsolete.html#the-applet-element">applet</a></code> - elements, buttons, <code><a href="the-iframe-element.html#the-object-element">object</a></code> elements, marquees, and + elements, buttons, <code><a href="the-object-element.html#the-object-element">object</a></code> elements, marquees, and tables.</p> <p class="note">The scope markers are unrelated to the concept of an @@ -1622,12 +1623,12 @@ pointer</dfn> and the <dfn id="form-element-pointer"><code title="">form</code> element pointer</dfn> are both null.</p> - <p>Once a <code><a href="semantics.html#the-head-element">head</a></code> element has been parsed (whether + <p>Once a <code><a href="the-head-element.html#the-head-element">head</a></code> element has been parsed (whether implicitly or explicitly) the <a href="#head-element-pointer"><code title="">head</code> element pointer</a> gets set to point to this node.</p> <p>The <a href="#form-element-pointer"><code title="">form</code> element pointer</a> - points to the last <code><a href="forms.html#the-form-element">form</a></code> element that was opened and + points to the last <code><a href="the-form-element.html#the-form-element">form</a></code> element that was opened and whose end tag has not yet been seen. It is used to make form controls associate with forms in the face of dramatically bad markup, for historical reasons.</p> @@ -1641,7 +1642,7 @@ <p class="note">The <a href="#scripting-flag">scripting flag</a> can be enabled even when the parser was originally created for the <a href="the-end.html#html-fragment-parsing-algorithm">HTML fragment - parsing algorithm</a>, even though <code><a href="scripting-1.html#the-script-element">script</a></code> elements + parsing algorithm</a>, even though <code><a href="the-script-element.html#the-script-element">script</a></code> elements don't execute in that case.</p> <p>The <dfn id="frameset-ok-flag">frameset-ok flag</dfn> is set to "ok" when the parser is Index: origin-0.html =================================================================== RCS file: /sources/public/html5/spec/origin-0.html,v retrieving revision 1.52 retrieving revision 1.53 diff -u -d -r1.52 -r1.53 --- origin-0.html 10 Dec 2011 06:02:13 -0000 1.52 +++ origin-0.html 10 Dec 2011 06:15:46 -0000 1.53 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>5.3 Origin — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>5.3 Origin — HTML5</title><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; } @@ -319,19 +318,22 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="browsers.html" title="5 Loading Web pages" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> + <link href="browsers.html" title="5 Loading Web pages" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> <link href="history.html" title="5.4 Session history and navigation" rel="next"> - </head><body><div class="head" id="head"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="browsers.html" class="prev">5 Loading Web pages</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="history.html" class="next">5.4 Session history and navigation</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="browsers.html">← 5 Loading Web pages</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="history.html">5.4 Session history and navigation →</a> <ol class="toc"><li><ol><li><a href="origin-0.html#origin-0"><span class="secno">5.3 </span>Origin</a> - <ol><li><a href="origin-0.html#relaxing-the-same-origin-restriction"><span class="secno">5.3.1 </span>Relaxing the same-origin restriction</a></li></ol></li></ol></li></ol></div> + <ol><li><a href="origin-0.html#relaxing-the-same-origin-restriction"><span class="secno">5.3.1 </span>Relaxing the same-origin restriction</a></li></ol></li></ol></li></ol></nav> <h3 id="origin-0"><span class="secno">5.3 </span>Origin</h3><p>The <dfn id="origin">origin</dfn> of a resource and the <dfn id="effective-script-origin">effective script origin</dfn> of a resource are both either opaque identifiers or @@ -362,10 +364,10 @@ origin</a> of a script are determined from another resource, called the <i>owner</i>:</p> - <dl class="switch"><dt>If a script is in a <code><a href="scripting-1.html#the-script-element">script</a></code> element</dt> + <dl class="switch"><dt>If a script is in a <code><a href="the-script-element.html#the-script-element">script</a></code> element</dt> <dd>The owner is the <code><a href="dom.html#document">Document</a></code> to which the - <code><a href="scripting-1.html#the-script-element">script</a></code> element belongs.</dd> + <code><a href="the-script-element.html#the-script-element">script</a></code> element belongs.</dd> <dt>If a script is in an <a href="webappapis.html#event-handler-content-attributes" title="event handler content @@ -382,7 +384,7 @@ <dt>If a script is a <a href="webappapis.html#javascript-protocol" title="javascript protocol"><code title="">javascript:</code> URL</a> that was returned as the - location of an HTTP redirect (<a href="fetching-resources.html#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or equivalent</a> in + location of an HTTP redirect (<a href="urls.html#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or equivalent</a> in other protocols)</dt> <dd>The owner is the <a href="urls.html#url">URL</a> that redirected to the @@ -414,7 +416,7 @@ the URL having been declared in markup</dt> <dd>The owner is the <code><a href="dom.html#document">Document</a></code> of the element - (e.g. an <code><a href="text-level-semantics.html#the-a-element">a</a></code> or <code><a href="the-map-element.html#the-area-element">area</a></code> element) that + (e.g. an <code><a href="the-a-element.html#the-a-element">a</a></code> or <code><a href="the-area-element.html#the-area-element">area</a></code> element) that declared the URL.</dd> @@ -462,7 +464,7 @@ <dt>If a <code><a href="dom.html#document">Document</a></code> was generated from a <a href="infrastructure.html#data-protocol" title="data protocol"><code title="">data:</code> URL</a> that - was returned as the location of an HTTP redirect (<a href="fetching-resources.html#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or equivalent</a> in + was returned as the location of an HTTP redirect (<a href="urls.html#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or equivalent</a> in other protocols)</dt> <dd>The <a href="#origin">origin</a> is the <a href="#origin">origin</a> of the @@ -479,7 +481,7 @@ <dt>If a <code><a href="dom.html#document">Document</a></code> has the <a href="dom.html#the-document-s-address" title="the document's address">address</a> - "<code><a href="fetching-resources.html#about:blank">about:blank</a></code>"</dt> + "<code><a href="urls.html#about:blank">about:blank</a></code>"</dt> <dd>The <a href="#origin">origin</a> of the <code><a href="dom.html#document">Document</a></code> is <a href="browsers.html#about-blank-origin">the <span>origin</span> it was assigned when its browsing context was created</a>.</dd> @@ -514,18 +516,18 @@ <dd> - <dl class="switch"><dt>If an image is the image of an <code><a href="embedded-content-1.html#the-img-element">img</a></code> element and - its image data is <a href="fetching-resources.html#cors-cross-origin">CORS-cross-origin</a></dt> + <dl class="switch"><dt>If an image is the image of an <code><a href="the-img-element.html#the-img-element">img</a></code> element and + its image data is <a href="urls.html#cors-cross-origin">CORS-cross-origin</a></dt> <dd>The <a href="#origin">origin</a> is a globally unique identifier assigned when the image is created.</dd> - <dt>If an image is the image of an <code><a href="embedded-content-1.html#the-img-element">img</a></code> element and - its image data is <a href="fetching-resources.html#cors-same-origin">CORS-same-origin</a></dt> + <dt>If an image is the image of an <code><a href="the-img-element.html#the-img-element">img</a></code> element and + its image data is <a href="urls.html#cors-same-origin">CORS-same-origin</a></dt> <dd>The <a href="#origin">origin</a> is the <a href="#origin">origin</a> of the - <code><a href="embedded-content-1.html#the-img-element">img</a></code> element's <code><a href="dom.html#document">Document</a></code>.</dd> + <code><a href="the-img-element.html#the-img-element">img</a></code> element's <code><a href="dom.html#document">Document</a></code>.</dd> @@ -538,7 +540,7 @@ <dt>If an image was generated from a <a href="infrastructure.html#data-protocol" title="data protocol"><code title="">data:</code> URL</a> that was - returned as the location of an HTTP redirect (<a href="fetching-resources.html#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or equivalent</a> in + returned as the location of an HTTP redirect (<a href="urls.html#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or equivalent</a> in other protocols)</dt> <dd>The <a href="#origin">origin</a> is the <a href="#origin">origin</a> of the @@ -563,22 +565,22 @@ </dl></dd> - <dt>For <code><a href="the-iframe-element.html#the-audio-element">audio</a></code> and <code><a href="the-iframe-element.html#the-video-element">video</a></code> elements</dt> + <dt>For <code><a href="the-audio-element.html#the-audio-element">audio</a></code> and <code><a href="the-video-element.html#the-video-element">video</a></code> elements</dt> <dd> - <dl class="switch"><dt>If the <a href="the-iframe-element.html#media-data">media data</a> is - <a href="fetching-resources.html#cors-cross-origin">CORS-cross-origin</a></dt> + <dl class="switch"><dt>If the <a href="media-elements.html#media-data">media data</a> is + <a href="urls.html#cors-cross-origin">CORS-cross-origin</a></dt> <dd>The <a href="#origin">origin</a> is a globally unique identifier assigned when the image is created.</dd> - <dt>If the <a href="the-iframe-element.html#media-data">media data</a> is - <a href="fetching-resources.html#cors-same-origin">CORS-same-origin</a></dt> + <dt>If the <a href="media-elements.html#media-data">media data</a> is + <a href="urls.html#cors-same-origin">CORS-same-origin</a></dt> <dd>The <a href="#origin">origin</a> is the <a href="#origin">origin</a> of the - <a href="the-iframe-element.html#media-element">media element</a>'s <code><a href="dom.html#document">Document</a></code>.</dd> + <a href="media-elements.html#media-element">media element</a>'s <code><a href="dom.html#document">Document</a></code>.</dd> </dl></dd> Index: common-input-element-attributes.html =================================================================== RCS file: /sources/public/html5/spec/common-input-element-attributes.html,v retrieving revision 1.66 retrieving revision 1.67 diff -u -d -r1.66 -r1.67 --- common-input-element-attributes.html 28 Oct 2011 23:46:24 -0000 1.66 +++ common-input-element-attributes.html 10 Dec 2011 06:15:41 -0000 1.67 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>4.10.7.2 Common input element attributes — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>4.10.7.2 Common input element attributes — HTML5</title><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; } @@ -319,19 +318,22 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="number-state.html" title="4.10.7.1.13 Number state" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> - <link href="the-button-element.html" title="4.10.8 The button element" rel="next"> - </head><body><div class="head" id="head"> + <link href="number-state.html" title="4.10.7.1.13 Number state" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> + <link href="common-input-element-apis.html" title="4.10.7.3 Common input element APIs" rel="next"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="number-state.html" class="prev">4.10.7.1.13 Number state</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="the-button-element.html" class="next">4.10.8 The button element</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="number-state.html">← 4.10.7.1.13 Number state</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="common-input-element-apis.html">4.10.7.3 Common input element APIs →</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.7.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.7.2.1 </span>The <code title="attr-input-autocomplete">autocomplete</code> attribute</a></li><li><a href="common-input-element-attributes.html#the-dirname-attribute"><span class="secno">4.10.7.2.2 </span>The <code title="attr-input-dirname">dirname</code> attribute</a></li><li><a href="common-input-element-attributes.html#the-list-attribute"><span class="secno">4.10.7.2.3 </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.7.2.4 </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.7.2.5 </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.7.2.6</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.7.2.7 </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.7.2.8 </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.7.2.9 </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.7.2.10 </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.7.2.11 </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.7.2.12 </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.7.3 </span>Common <code>input</code> element APIs</a></li><li><a href="common-input-element-attributes.html#common-event-behaviors"><span class="secno">4.10.7.4 </span>Common event behaviors</a></li></ol></li></ol></li></ol></li></ol></div> + <ol><li><a href="common-input-element-attributes.html#the-autocomplete-attribute"><span class="secno">4.10.7.2.1 </span>The <code title="attr-input-autocomplete">autocomplete</code> attribute</a></li><li><a href="common-input-element-attributes.html#the-dirname-attribute"><span class="secno">4.10.7.2.2 </span>The <code title="attr-input-dirname">dirname</code> attribute</a></li><li><a href="common-input-element-attributes.html#the-list-attribute"><span class="secno">4.10.7.2.3 </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.7.2.4 </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.7.2.5 </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.7.2.6</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.7.2.7 </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.7.2.8 </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.7.2.9 </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.7.2.10 </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.7.2.11 </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.7.2.12 </span>The <code title="attr-input-placeholder">placeholder</code> attribute</a></li></ol></li></ol></li></ol></li></ol></li></ol></nav> <h5 id="common-input-element-attributes"><span class="secno">4.10.7.2 </span>Common <code><a href="the-input-element.html#the-input-element">input</a></code> element attributes</h5><div class="impl"> @@ -364,9 +366,9 @@ 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="impl"> + indicates that the user agent is to use the <code title="attr-form-autocomplete"><a href="the-form-element.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="the-form-element.html#attr-form-autocomplete">autocomplete</a></code> attribute of + <code><a href="the-form-element.html#the-form-element">form</a></code> elements is in the <a href="the-form-element.html#attr-form-autocomplete-on-state" title="attr-form-autocomplete-on-state">on</a> state.)</p><div class="impl"> <p>Each <code><a href="the-input-element.html#the-input-element">input</a></code> element has a <dfn id="resulting-autocompletion-state">resulting autocompletion state</dfn>, which is either <i title="">on</i> or <i title="">off</i>.</p> @@ -386,15 +388,15 @@ <li>Its <code title="attr-input-autocomplete"><a href="#attr-input-autocomplete">autocomplete</a></code> attribute is in the <a href="#attr-input-autocomplete-default-state" title="attr-input-autocomplete-default-state">default</a> state, - and the element's <a href="association-of-controls-and-forms.html#form-owner">form owner</a>'s <code title="attr-form-autocomplete"><a href="forms.html#attr-form-autocomplete">autocomplete</a></code> attribute is in - the <a href="forms.html#attr-form-autocomplete-on-state" title="attr-form-autocomplete-on-state">on</a> + and the element's <a href="association-of-controls-and-forms.html#form-owner">form owner</a>'s <code title="attr-form-autocomplete"><a href="the-form-element.html#attr-form-autocomplete">autocomplete</a></code> attribute is in + the <a href="the-form-element.html#attr-form-autocomplete-on-state" title="attr-form-autocomplete-on-state">on</a> state.</li> </ul><p>When an <code><a href="the-input-element.html#the-input-element">input</a></code> element's <a href="#resulting-autocompletion-state">resulting autocompletion state</a> is <i title="">on</i>, the user agent may store the value entered by the user so that if the user returns to the page, the UA can prefill the form. Otherwise, the user agent - should not remember the control's <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a>, and should not offer past + should not remember the control's <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a>, and should not offer past values to the user.</p> <p>In addition, if the <a href="#resulting-autocompletion-state">resulting autocompletion state</a> @@ -403,7 +405,7 @@ history</a>.</p> <p>The autocompletion mechanism must be implemented by the user - agent acting as if the user had modified the element's <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a>, and must be done at a time + agent acting as if the user had modified the element's <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a>, and must be done at a time where the element is <i title="concept-input-mutable"><a href="the-input-element.html#concept-input-mutable">mutable</a></i> (e.g. just after the element has been inserted into the document, or when the user agent <a href="the-end.html#stop-parsing" title="stop parsing">stops @@ -428,7 +430,7 @@ always remembered, regardless of the site's preferences.</p> </div><h6 id="the-dirname-attribute"><span class="secno">4.10.7.2.2 </span>The <code title="attr-input-dirname"><a href="#attr-input-dirname">dirname</a></code> attribute</h6><p>The <dfn id="attr-input-dirname" title="attr-input-dirname"><code>dirname</code></dfn> - attribute, when it applies, is a <a href="association-of-controls-and-forms.html#form-control-dirname-attribute">form control <code title="">dirname</code> attribute</a>.</p><div class="example"> + attribute, when it applies, is a <a href="attributes-common-to-form-controls.html#form-control-dirname-attribute">form control <code title="">dirname</code> attribute</a>.</p><div class="example"> <p>In this example, a form contains a text field and a submission button:</p> @@ -453,25 +455,25 @@ </div><h6 id="the-list-attribute"><span class="secno">4.10.7.2.3 </span>The <code title="attr-input-list"><a href="#attr-input-list">list</a></code> attribute</h6><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 <a href="infrastructure.html#concept-id" title="concept-id">ID</a> of a <code><a href="the-button-element.html#the-datalist-element">datalist</a></code> element in + options suggested to the user.</p><p>If present, its value must be the <a href="infrastructure.html#concept-id" title="concept-id">ID</a> of a <code><a href="the-datalist-element.html#the-datalist-element">datalist</a></code> element in the same document.</p><div class="impl"> <p>The <dfn id="concept-input-list" title="concept-input-list">suggestions source element</dfn> is the first element in the document in <a href="infrastructure.html#tree-order">tree order</a> to have an <a href="infrastructure.html#concept-id" title="concept-id">ID</a> equal to the value of the <code title="attr-input-list"><a href="#attr-input-list">list</a></code> - attribute, if that element is a <code><a href="the-button-element.html#the-datalist-element">datalist</a></code> element. If + attribute, if that element is a <code><a href="the-datalist-element.html#the-datalist-element">datalist</a></code> element. If there is no <code title="attr-input-list"><a href="#attr-input-list">list</a></code> attribute, or if there is no element with that <a href="infrastructure.html#concept-id" title="concept-id">ID</a>, or if the first element with that <a href="infrastructure.html#concept-id" title="concept-id">ID</a> - is not a <code><a href="the-button-element.html#the-datalist-element">datalist</a></code> element, then there is no <a href="#concept-input-list" title="concept-input-list">suggestions source element</a>.</p> + is not a <code><a href="the-datalist-element.html#the-datalist-element">datalist</a></code> element, then there is no <a href="#concept-input-list" title="concept-input-list">suggestions source element</a>.</p> <p>If there is a <a href="#concept-input-list" title="concept-input-list">suggestions source element</a>, then, when the user agent is allowing the user to - edit the <code><a href="the-input-element.html#the-input-element">input</a></code> element's <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a>, the user agent should offer + edit the <code><a href="the-input-element.html#the-input-element">input</a></code> element's <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a>, the user agent should offer the suggestions represented by the <a href="#concept-input-list" title="concept-input-list">suggestions source element</a> to the user in a manner suitable for the type of control used. The user - agent may use the suggestion's <a href="the-button-element.html#concept-option-label" title="concept-option-label">label</a> to identify the suggestion + agent may use the suggestion's <a href="the-option-element.html#concept-option-label" title="concept-option-label">label</a> to identify the suggestion if appropriate.</p> <p>How user selections of suggestions are handled depends on whether @@ -485,8 +487,8 @@ <dd> <p>When the user selects a suggestion, the <code><a href="the-input-element.html#the-input-element">input</a></code> - element's <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> must be set - to the selected suggestion's <a href="the-button-element.html#concept-option-value" title="concept-option-value">value</a>, as if the user had + element's <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a> must be set + to the selected suggestion's <a href="the-option-element.html#concept-option-value" title="concept-option-value">value</a>, as if the user had written that value himself.</p> </dd> @@ -498,10 +500,10 @@ <dd> <p>When the user selects a suggestion, the user agent must either - add a new entry to the <code><a href="the-input-element.html#the-input-element">input</a></code> element's <a href="association-of-controls-and-forms.html#concept-fe-values" title="concept-fe-values">value<em>s</em></a>, whose value is - the selected suggestion's <a href="the-button-element.html#concept-option-value" title="concept-option-value">value</a>, or change an existing - entry in the <code><a href="the-input-element.html#the-input-element">input</a></code> element's <a href="association-of-controls-and-forms.html#concept-fe-values" title="concept-fe-values">value<em>s</em></a> to have the value - given by the selected suggestion's <a href="the-button-element.html#concept-option-value" title="concept-option-value">value</a>, as if the user had + add a new entry to the <code><a href="the-input-element.html#the-input-element">input</a></code> element's <a href="attributes-common-to-form-controls.html#concept-fe-values" title="concept-fe-values">value<em>s</em></a>, whose value is + the selected suggestion's <a href="the-option-element.html#concept-option-value" title="concept-option-value">value</a>, or change an existing + entry in the <code><a href="the-input-element.html#the-input-element">input</a></code> element's <a href="attributes-common-to-form-controls.html#concept-fe-values" title="concept-fe-values">value<em>s</em></a> to have the value + given by the selected suggestion's <a href="the-option-element.html#concept-option-value" title="concept-option-value">value</a>, as if the user had himself added an entry with that value, or edited an existing entry to be that value. Which behavior is to be applied depends on the user interface in a user-agent-defined manner.</p> @@ -532,10 +534,10 @@ 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 + important to the content, then simply using a <code><a href="the-datalist-element.html#the-datalist-element">datalist</a></code> + element with children <code><a href="the-option-element.html#the-option-element">option</a></code> elements is enough. To prevent the values from being rendered in legacy user agents, they - need to be placed inside the <code title="attr-option-value"><a href="the-button-element.html#attr-option-value">value</a></code> attribute instead of + need to be placed inside the <code title="attr-option-value"><a href="the-option-element.html#attr-option-value">value</a></code> attribute instead of inline.</p> <pre><p> @@ -551,7 +553,7 @@ </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> + fallback content can be placed inside the <code><a href="the-datalist-element.html#the-datalist-element">datalist</a></code> element, as follows:</p> <pre><p> @@ -574,16 +576,16 @@ </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 + support <code><a href="the-datalist-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 children of the - <code><a href="the-button-element.html#the-datalist-element">datalist</a></code> element.</p> + <code><a href="the-datalist-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 + <p>Note that if an <code><a href="the-option-element.html#the-option-element">option</a></code> element used in a + <code><a href="the-datalist-element.html#the-datalist-element">datalist</a></code> is <code title="attr-option-selected"><a href="the-option-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-select-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> + <code><a href="the-datalist-element.html#the-datalist-element">datalist</a></code>.</p> </div><h6 id="the-readonly-attribute"><span class="secno">4.10.7.2.4 </span>The <code title="attr-input-readonly"><a href="#attr-input-readonly">readonly</a></code> attribute</h6><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 @@ -591,7 +593,7 @@ specified, the element is <i title="concept-input-immutable"><a href="the-input-element.html#concept-input-immutable">immutable</a></i>.</span></p><div class="impl"> <p><strong>Constraint validation</strong>: If the <code title="attr-input-readonly"><a href="#attr-input-readonly">readonly</a></code> attribute is specified - on an <code><a href="the-input-element.html#the-input-element">input</a></code> element, the element is <a href="association-of-controls-and-forms.html#barred-from-constraint-validation">barred from + on an <code><a href="the-input-element.html#the-input-element">input</a></code> element, the element is <a href="constraints.html#barred-from-constraint-validation">barred from constraint validation</a>.</p> </div><div class="example"> @@ -627,7 +629,7 @@ </div><h6 id="the-size-attribute"><span class="secno">4.10.7.2.5 </span>The <code title="attr-input-size"><a href="#attr-input-size">size</a></code> attribute</h6><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="association-of-controls-and-forms.html#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 + the element's <a href="attributes-common-to-form-controls.html#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><div class="impl"> @@ -644,11 +646,11 @@ 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="impl"> - <p><strong>Constraint validation</strong>: If the element is <i title="concept-input-required"><a href="#concept-input-required">required</a></i>, and its <code title="dom-input-value"><a href="#dom-input-value">value</a></code> IDL attribute applies and is in - the mode <a href="#dom-input-value-value" title="dom-input-value-value">value</a>, and the + <p><strong>Constraint validation</strong>: If the element is <i title="concept-input-required"><a href="#concept-input-required">required</a></i>, and its <code title="dom-input-value"><a href="common-input-element-apis.html#dom-input-value">value</a></code> IDL attribute applies and is in + the mode <a href="common-input-element-apis.html#dom-input-value-value" title="dom-input-value-value">value</a>, and the element is <i title="concept-input-mutable"><a href="the-input-element.html#concept-input-mutable">mutable</a></i>, and the - element's <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> is the empty - string, then the element is <a href="association-of-controls-and-forms.html#suffering-from-being-missing">suffering from being + element's <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a> is the empty + string, then the element is <a href="constraints.html#suffering-from-being-missing">suffering from being missing</a>.</p> </div><div class="example"> @@ -707,7 +709,7 @@ 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> + the <code><a href="the-datalist-element.html#the-datalist-element">datalist</a></code> element.</p> <p><img alt="" height="171" src="http://dev.w3.org/html5/spec/images/sample-email-2.png" width="500"></p> @@ -719,12 +721,12 @@ <pre><label>Attachments: <input type=file multiple name=att></label></pre> </div><h6 id="the-maxlength-attribute"><span class="secno">4.10.7.2.8 </span>The <code title="attr-input-maxlength"><a href="#attr-input-maxlength">maxlength</a></code> attribute</h6><p>The <dfn id="attr-input-maxlength" title="attr-input-maxlength"><code>maxlength</code></dfn> - attribute<span class="impl">, when it applies,</span> 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><span class="impl"> + attribute<span class="impl">, when it applies,</span> is a <a href="attributes-common-to-form-controls.html#attr-fe-maxlength" title="attr-fe-maxlength">form control <code title="">maxlength</code> attribute</a><span class="impl"> controlled by the <code><a href="the-input-element.html#the-input-element">input</a></code> element's <a href="the-input-element.html#concept-input-value-dirty-flag" title="concept-input-value-dirty-flag">dirty value - flag</a></span>.</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 + flag</a></span>.</p><p>If the <code><a href="the-input-element.html#the-input-element">input</a></code> element has a <a href="attributes-common-to-form-controls.html#maximum-allowed-value-length">maximum allowed value length</a>, then the <a href="infrastructure.html#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 + attribute must be equal to or less than the element's <a href="attributes-common-to-form-controls.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 @@ -736,8 +738,8 @@ </div><h6 id="the-pattern-attribute"><span class="secno">4.10.7.2.9 </span>The <code title="attr-input-pattern"><a href="#attr-input-pattern">pattern</a></code> attribute</h6><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="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a>, or, when the <code title="attr-input-multiple"><a href="#attr-input-multiple">multiple</a></code> attribute applies and is - set, the control's <a href="association-of-controls-and-forms.html#concept-fe-values" title="concept-fe-values">value<em>s</em></a>, are to be + <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a>, or, when the <code title="attr-input-multiple"><a href="#attr-input-multiple">multiple</a></code> attribute applies and is + set, the control's <a href="attributes-common-to-form-controls.html#concept-fe-values" title="concept-fe-values">value<em>s</em></a>, are 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><div class="impl"> <p>If 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, and @@ -750,22 +752,22 @@ value doesn't compile successfully, then the element has no <a href="#compiled-pattern-regular-expression">compiled pattern regular expression</a>. <a href="references.html#refsECMA262">[ECMA262]</a></p> - <p><strong>Constraint validation</strong>: If the element's <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> is not the empty string, and + <p><strong>Constraint validation</strong>: If the element's <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a> is not the empty string, and either the element's <code title="attr-input-multiple"><a href="#attr-input-multiple">multiple</a></code> attribute is not specified or it does not apply to the <code><a href="the-input-element.html#the-input-element">input</a></code> element given its <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute's current state, and the element has a <a href="#compiled-pattern-regular-expression">compiled pattern regular expression</a> but that regular expression does not match the - entirety of the element's <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a>, then the element is - <a href="association-of-controls-and-forms.html#suffering-from-a-pattern-mismatch">suffering from a pattern mismatch</a>.</p> + entirety of the element's <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a>, then the element is + <a href="constraints.html#suffering-from-a-pattern-mismatch">suffering from a pattern mismatch</a>.</p> - <p><strong>Constraint validation</strong>: If the element's <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> is not the empty string, and + <p><strong>Constraint validation</strong>: If the element's <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a> is not the empty string, and the element's <code title="attr-input-multiple"><a href="#attr-input-multiple">multiple</a></code> attribute is specified and applies to the <code><a href="the-input-element.html#the-input-element">input</a></code> element, and the element has a <a href="#compiled-pattern-regular-expression">compiled pattern regular expression</a> but that regular expression does not match the - entirety of each of the element's <a href="association-of-controls-and-forms.html#concept-fe-values" title="concept-fe-values">value<em>s</em></a>, then the element - is <a href="association-of-controls-and-forms.html#suffering-from-a-pattern-mismatch">suffering from a pattern mismatch</a>.</p> + entirety of each of the element's <a href="attributes-common-to-form-controls.html#concept-fe-values" title="concept-fe-values">value<em>s</em></a>, then the element + is <a href="constraints.html#suffering-from-a-pattern-mismatch">suffering from a pattern mismatch</a>.</p> <p>The <a href="#compiled-pattern-regular-expression">compiled pattern regular expression</a>, when matched against a string, must have its start anchored to the start @@ -779,7 +781,7 @@ of the pattern and a <code title="">)$</code> at the end).</p> </div><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> + authors should include a <code title="attr-title"><a href="global-attributes.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, @@ -793,15 +795,15 @@ <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 submit this form when the field is incorrect.</samp></pre> - </div><p>When a control has a <code title="attr-input-pattern"><a href="#attr-input-pattern">pattern</a></code> attribute, the <code title="attr-title"><a href="elements.html#the-title-attribute">title</a></code> attribute, if used, must describe + </div><p>When a control has a <code title="attr-input-pattern"><a href="#attr-input-pattern">pattern</a></code> attribute, the <code title="attr-title"><a href="global-attributes.html#the-title-attribute">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">title</a></code> in non-error situations + required pattern. Birthday</samp>, which is not useful.</p><p>UAs may still show the <code><a href="the-title-element.html#the-title-element">title</a></code> in non-error situations (for example, as a tooltip when hovering over the control), so - authors should be careful not to word <code><a href="semantics.html#the-title-element">title</a></code>s as if an + authors should be careful not to word <code><a href="the-title-element.html#the-title-element">title</a></code>s as if an error has necessarily occurred.</p><h6 id="the-min-and-max-attributes"><span class="secno">4.10.7.2.10 </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>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><div class="impl"> @@ -818,9 +820,9 @@ <p><strong>Constraint validation</strong>: When the element has a <a href="#attr-input-min" title="attr-input-min">minimum</a>, and the result of applying the <a href="the-input-element.html#concept-input-value-string-number" title="concept-input-value-string-number">algorithm to convert a - string to a number</a> to the string given by the element's <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> is a number, and the number + string to a number</a> to the string given by the element's <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a> is a number, and the number obtained from that algorithm is less than the <a href="#attr-input-min" title="attr-input-min">minimum</a>, the element is - <a href="association-of-controls-and-forms.html#suffering-from-an-underflow">suffering from an underflow</a>.</p> + <a href="constraints.html#suffering-from-an-underflow">suffering from an underflow</a>.</p> <p>The <code title="attr-input-min"><a href="#attr-input-min">min</a></code> attribute also defines the <a href="#concept-input-min-zero" title="concept-input-min-zero">step @@ -837,9 +839,9 @@ <p><strong>Constraint validation</strong>: When the element has a <a href="#attr-input-max" title="attr-input-max">maximum</a>, and the result of applying the <a href="the-input-element.html#concept-input-value-string-number" title="concept-input-value-string-number">algorithm to convert a - string to a number</a> to the string given by the element's <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> is a number, and the number + string to a number</a> to the string given by the element's <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a> is a number, and the number obtained from that algorithm is more than the <a href="#attr-input-max" title="attr-input-max">maximum</a>, the element is - <a href="association-of-controls-and-forms.html#suffering-from-an-overflow">suffering from an overflow</a>.</p> + <a href="constraints.html#suffering-from-an-overflow">suffering from an overflow</a>.</p> </div><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 @@ -847,8 +849,8 @@ value (its <a href="#concept-input-min" title="concept-input-min">minimum</a>).</p><div class="impl"> <p class="note">If an element has a <a href="#attr-input-max" title="attr-input-max">maximum</a> that is less than its <a href="#attr-input-min" title="attr-input-min">minimum</a>, then so long as the element - has a <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a>, it will either be - <a href="association-of-controls-and-forms.html#suffering-from-an-underflow">suffering from an underflow</a> or <a href="association-of-controls-and-forms.html#suffering-from-an-overflow">suffering from an + has a <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a>, it will either be + <a href="constraints.html#suffering-from-an-underflow">suffering from an underflow</a> or <a href="constraints.html#suffering-from-an-overflow">suffering from an overflow</a>.</p> </div><p>An element <dfn id="have-range-limitations" title="have range limitations">has range @@ -868,7 +870,7 @@ </div><h6 id="the-step-attribute"><span class="secno">4.10.7.2.11 </span>The <code title="attr-input-step"><a href="#attr-input-step">step</a></code> attribute</h6><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="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a>, by limiting the + of the <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a>, by limiting the allowed values. <span class="impl">The section that defines the <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute's current state also defines the <dfn id="concept-input-step-default" title="concept-input-step-default">default @@ -915,10 +917,10 @@ <p><strong>Constraint validation</strong>: When the element has an <a href="#concept-input-step" title="concept-input-step">allowed value step</a>, and the result of applying the <a href="the-input-element.html#concept-input-value-string-number" title="concept-input-value-string-number">algorithm to convert a - string to a number</a> to the string given by the element's <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> is a number, and that + string to a number</a> to the string given by the element's <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a> is a number, and that number subtracted from the <a href="#concept-input-min-zero" title="concept-input-min-zero">step base</a> is not an integral multiple of the <a href="#concept-input-step" title="concept-input-step">allowed value step</a>, the element is - <a href="association-of-controls-and-forms.html#suffering-from-a-step-mismatch">suffering from a step mismatch</a>.</p> + <a href="constraints.html#suffering-from-a-step-mismatch">suffering from a step mismatch</a>.</p> </div><div class="example"> @@ -943,13 +945,13 @@ 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> + (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="global-attributes.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="impl"> + <code><a href="the-label-element.html#the-label-element">label</a></code>.</p><div class="impl"> <p>User agents should present this hint to the user, after having <a href="common-microsyntaxes.html#strip-line-breaks" title="strip line breaks">stripped line breaks</a> from it, - when the element's <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> is + when the element's <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a> is the empty string and/or the control is not focused (e.g. by displaying it inside a blank unfocused control and hiding it otherwise).</p> @@ -968,338 +970,4 @@ <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.7.3 </span>Common <code><a href="the-input-element.html#the-input-element">input</a></code> element APIs</h5><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="association-of-controls-and-forms.html#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="infrastructure.html#invalidstateerror">InvalidStateError</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="association-of-controls-and-forms.html#concept-fe-checked" title="concept-fe-checked">checkedness</a> of the form - control.</p> - - <p>Can be set, to change the <a href="association-of-controls-and-forms.html#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><a href="infrastructure.html#filelist">FileList</a></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>Returns null 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="association-of-controls-and-forms.html#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="infrastructure.html#invalidstateerror">InvalidStateError</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="association-of-controls-and-forms.html#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="infrastructure.html#invalidstateerror">InvalidStateError</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="association-of-controls-and-forms.html#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 value for <var title="">n</var> - is 1.</p> - - <p>Throws <code><a href="infrastructure.html#invalidstateerror">InvalidStateError</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="association-of-controls-and-forms.html#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> - - </dl><div class="impl"> - - <p>The <dfn id="dom-input-value" title="dom-input-value"><code>value</code></dfn> IDL - attribute allows scripts to manipulate the <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> of an <code><a href="the-input-element.html#the-input-element">input</a></code> - element. The attribute is in one of the following modes, which - define its behavior:</p> - - <dl><dt><dfn id="dom-input-value-value" title="dom-input-value-value">value</dfn> - - </dt><dd> - - <p>On getting, it must return the current <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> of the element. On setting, - it must set the element's <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> to the new value, set the - element's <a href="the-input-element.html#concept-input-value-dirty-flag" title="concept-input-value-dirty-flag">dirty value - flag</a> to true, invoke the <a href="the-input-element.html#value-sanitization-algorithm">value sanitization - algorithm</a>, if the element's <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute's current state - defines one, and then, if the element has a text entry cursor - position, should move the text entry cursor position to the end of - the text field, unselecting any selected text and resetting the - selection direction to <i>none</i>.</p> - - </dd> - - <dt><dfn id="dom-input-value-default" title="dom-input-value-default">default</dfn> - - </dt><dd> - - <p>On getting, if the element has a <code title="attr-input-value"><a href="the-input-element.html#attr-input-value">value</a></code> attribute, it must return - that attribute's value; otherwise, it must return the empty - string. On setting, it must set the element's <code title="attr-input-value"><a href="the-input-element.html#attr-input-value">value</a></code> attribute to the new - value.</p> - - </dd> - - <dt><dfn id="dom-input-value-default-on" title="dom-input-value-default-on">default/on</dfn> - - </dt><dd> - - <p>On getting, if the element has a <code title="attr-input-value"><a href="the-input-element.html#attr-input-value">value</a></code> attribute, it must return - that attribute's value; otherwise, it must return the string - "<code title="">on</code>". On setting, it must set the element's - <code title="attr-input-value"><a href="the-input-element.html#attr-input-value">value</a></code> attribute to the new - value.</p> - - </dd> - - <dt><dfn id="dom-input-value-filename" title="dom-input-value-filename">filename</dfn> - - </dt><dd id="fakepath-orly"> - - <p>On getting, it must return the string "<code title="">C:\fakepath\</code>" followed by the filename of the - first file in the list of <a href="number-state.html#concept-input-type-file-selected" title="concept-input-type-file-selected">selected files</a>, if - any, or the empty string if the list is empty. On setting, if the - new value is the empty string, it must empty the list of <a href="number-state.html#concept-input-type-file-selected" title="concept-input-type-file-selected">selected files</a>; - otherwise, it must throw an <code><a href="infrastructure.html#invalidstateerror">InvalidStateError</a></code> - exception.</p> - - <p class="note">This "fakepath" requirement is a sad accident of - history. See <a href="number-state.html#fakepath-srsly">the example in the File - Upload state section</a> for more information.</p> - - </dd> - - </dl><hr><p>The <dfn id="dom-input-checked" title="dom-input-checked"><code>checked</code></dfn> IDL - attribute allows scripts to manipulate the <a href="association-of-controls-and-forms.html#concept-fe-checked" title="concept-fe-checked">checkedness</a> of an - <code><a href="the-input-element.html#the-input-element">input</a></code> element. On getting, it must return the current - <a href="association-of-controls-and-forms.html#concept-fe-checked" title="concept-fe-checked">checkedness</a> of the element; - and on setting, it must set the element's <a href="association-of-controls-and-forms.html#concept-fe-checked" title="concept-fe-checked">checkedness</a> to the new value and - set the element's <a href="the-input-element.html#concept-input-checked-dirty-flag" title="concept-input-checked-dirty-flag">dirty checkedness - flag</a> to true.</p> - - <hr><p>The <dfn id="dom-input-files" title="dom-input-files"><code>files</code></dfn> IDL - attribute allows scripts to access the element's <a href="number-state.html#concept-input-type-file-selected" title="concept-input-type-file-selected">selected files</a>. On - getting, if the IDL attribute applies, it must return a - <code><a href="infrastructure.html#filelist">FileList</a></code> object that represents the current <a href="number-state.html#concept-input-type-file-selected" title="concept-input-type-file-selected">selected files</a>. The - same object must be returned until the list of <a href="number-state.html#concept-input-type-file-selected" title="concept-input-type-file-selected">selected files</a> - changes. If the IDL attribute does not apply, then it must instead - return null. <a href="references.html#refsFILEAPI">[FILEAPI]</a></p> - - <hr><p>The <dfn id="dom-input-valueasdate" title="dom-input-valueAsDate"><code>valueAsDate</code></dfn> IDL - attribute represents the <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> of the element, interpreted - as a date.</p> - - <p>On getting, if the <code title="dom-input-valueAsDate"><a href="#dom-input-valueasdate">valueAsDate</a></code> attribute does not - apply, as defined for the <code><a href="the-input-element.html#the-input-element">input</a></code> element's <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute's current state, then - return null. Otherwise, run the <a href="the-input-element.html#concept-input-value-string-date" title="concept-input-value-string-date">algorithm to convert a - string to a <code>Date</code> object</a> defined for that state; - if the algorithm returned a <code>Date</code> object, then return - it, otherwise, return null.</p> - - <p>On setting, if the <code title="dom-input-valueAsDate"><a href="#dom-input-valueasdate">valueAsDate</a></code> attribute does not - apply, as defined for the <code><a href="the-input-element.html#the-input-element">input</a></code> element's <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute's current state, then - throw an <code><a href="infrastructure.html#invalidstateerror">InvalidStateError</a></code> exception; otherwise, if - the new value is null, then set the <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> of the element to the empty - string; otherwise, run the <a href="the-input-element.html#concept-input-value-date-string" title="concept-input-value-date-string">algorithm to convert a - <code>Date</code> object to a string</a>, as defined for that - state, on the new value, and set the <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> of the element to resulting - string.</p> - - <hr><p>The <dfn id="dom-input-valueasnumber" title="dom-input-valueAsNumber"><code>valueAsNumber</code></dfn> IDL - attribute represents the <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> - of the element, interpreted as a number.</p> - - <p>On getting, if the <code title="dom-input-valueAsNumber"><a href="#dom-input-valueasnumber">valueAsNumber</a></code> attribute does - not apply, as defined for the <code><a href="the-input-element.html#the-input-element">input</a></code> element's <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute's current state, then - return a Not-a-Number (NaN) value. Otherwise, if the <code title="dom-input-valueAsDate"><a href="#dom-input-valueasdate">valueAs<em>Date</em></a></code> - attribute applies, run the <a href="the-input-element.html#concept-input-value-string-date" title="concept-input-value-string-date">algorithm to convert a - string to a <code>Date</code> object</a> defined for that state; - if the algorithm returned a <code>Date</code> object, then return - the <i>time value</i> of the object (the number of milliseconds from - midnight UTC the morning of 1970-01-01 to the time represented by - the <code>Date</code> object), otherwise, return a Not-a-Number - (NaN) value. Otherwise, run the <a href="the-input-element.html#concept-input-value-string-number" title="concept-input-value-string-number">algorithm to convert a - string to a number</a> defined for that state; if the algorithm - returned a number, then return it, otherwise, return a Not-a-Number - (NaN) value.</p> - - <p>On setting, if the <code title="dom-input-valueAsNumber"><a href="#dom-input-valueasnumber">valueAsNumber</a></code> attribute does - not apply, as defined for the <code><a href="the-input-element.html#the-input-element">input</a></code> element's <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute's current state, then - throw an <code><a href="infrastructure.html#invalidstateerror">InvalidStateError</a></code> exception. Otherwise, if - the <code title="dom-input-valueAsDate"><a href="#dom-input-valueasdate">valueAs<em>Date</em></a></code> - attribute applies, run the <a href="the-input-element.html#concept-input-value-date-string" title="concept-input-value-date-string">algorithm to convert a - <code>Date</code> object to a string</a> defined for that state, - passing it a <code>Date</code> object whose <i>time value</i> is the - new value, and set the <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> - of the element to resulting string. Otherwise, run the <a href="the-input-element.html#concept-input-value-number-string" title="concept-input-value-number-string">algorithm to convert a - number to a string</a>, as defined for that state, on the new - value, and set the <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> of - the element to resulting string.</p> - - <hr><p>The <dfn id="dom-input-stepdown" title="dom-input-stepDown"><code>stepDown(<var title="">n</var>)</code></dfn> and <dfn id="dom-input-stepup" title="dom-input-stepUp"><code>stepUp(<var title="">n</var>)</code></dfn> methods, when invoked, must run the - following algorithm:</p> - - <ol><li><p>If the <code title="dom-input-stepDown"><a href="#dom-input-stepdown">stepDown()</a></code> and - <code title="dom-input-stepUp"><a href="#dom-input-stepup">stepUp()</a></code> methods do not - apply, as defined for the <code><a href="the-input-element.html#the-input-element">input</a></code> element's <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute's current state, then - throw an <code><a href="infrastructure.html#invalidstateerror">InvalidStateError</a></code> exception, and abort these - steps.</p></li> - - <li><p>If the element has no <a href="#concept-input-step" title="concept-input-step">allowed value step</a>, then throw an - <code><a href="infrastructure.html#invalidstateerror">InvalidStateError</a></code> exception, and abort these - steps.</p></li> - - <li><p>If applying the <a href="the-input-element.html#concept-input-value-string-number" title="concept-input-value-string-number">algorithm to convert a - string to a number</a> to the string given by the element's - <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> results in an error, - then throw an <code><a href="infrastructure.html#invalidstateerror">InvalidStateError</a></code> exception, and abort - these steps; otherwise, let <var title="">value</var> be the result - of that algorithm.</p></li> - - <li><p>Let <var title="">n</var> be the argument, or 1 if the - argument was omitted.</p></li> - - <li><p>Let <var title="">delta</var> be the <a href="#concept-input-step" title="concept-input-step">allowed value step</a> multiplied by - <var title="">n</var>.</p></li> - - <li><p>If the method invoked was the <code title="dom-input-stepDown"><a href="#dom-input-stepdown">stepDown()</a></code> method, negate <var title="">delta</var>.</p></li> - - <li><p>Let <var title="">value</var> be the result of adding <var title="">delta</var> to <var title="">value</var>.</p></li> - <li><p>If the element has a <a href="#concept-input-min" title="concept-input-min">minimum</a>, and the <var title="">value</var> is less than that <a href="#concept-input-min" title="concept-input-min">minimum</a>, then throw a - <code><a href="infrastructure.html#invalidstateerror">InvalidStateError</a></code> exception.</p></li> - - <li><p>If the element has a <a href="#concept-input-max" title="concept-input-max">maximum</a>, and the <var title="">value</var> is greater than that <a href="#concept-input-max" title="concept-input-max">maximum</a>, then throw a - <code><a href="infrastructure.html#invalidstateerror">InvalidStateError</a></code> exception.</p></li> - - <li><p>Let <var title="">value as string</var> be the result of - running the <a href="the-input-element.html#concept-input-value-number-string" title="concept-input-value-number-string">algorithm to convert a - number to a string</a>, as defined for the <code><a href="the-input-element.html#the-input-element">input</a></code> - element's <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute's - current state, on <var title="">value</var>.</p></li> - - <li><p>Set the <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> of the - element to <var title="">value as string</var>.</p></li> - - </ol><hr><p>The <dfn id="dom-input-list" title="dom-input-list"><code>list</code></dfn> IDL - attribute must return the current <a href="#concept-input-list" title="concept-input-list">suggestions source element</a>, if - any, or null otherwise.</p> - - </div><div class="impl"> - - <h5 id="common-event-behaviors"><span class="secno">4.10.7.4 </span>Common event behaviors</h5> - - <p>When the <dfn id="event-input-input" title="event-input-input"><code>input</code></dfn> - event applies, any time the user causes the element's <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> to change, the user agent must - <a href="webappapis.html#queue-a-task">queue a task</a> to <a href="webappapis.html#fire-a-simple-event">fire a simple event</a> that - bubbles named <code title="event-input">input</code> at the - <code><a href="the-input-element.html#the-input-element">input</a></code> element. User agents may wait for a suitable - break in the user's interaction before queuing the task; for - example, a user agent could wait for the user to have not hit a key - for 100ms, so as to only fire the event when the user pauses, - instead of continuously for each keystroke.</p> - <p class="example">Examples of a user changing the element's <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> would include the user typing - into a text field, pasting a new value into the field, or undoing an - edit in that field. Some user interactions do not cause changes to - the value, e.g. hitting the "delete" key in an empty text field, or - replacing some text in the field with text from the clipboard that - happens to be exactly the same text.</p> - - <p>When the <dfn id="event-input-change" title="event-input-change"><code>change</code></dfn> event applies, - if the element does not have an <a href="content-models.html#activation-behavior">activation behavior</a> - defined but uses a user interface that involves an explicit commit - action, then any time the user commits a change to the element's - <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> or list of <a href="number-state.html#concept-input-type-file-selected" title="concept-input-type-file-selected">selected files</a>, the - user agent must <a href="webappapis.html#queue-a-task">queue a task</a> to <a href="webappapis.html#fire-a-simple-event">fire a simple - event</a> that bubbles named <code title="event-change">change</code> at the <code><a href="the-input-element.html#the-input-element">input</a></code> - element.</p> - - <p class="example">An example of a user interface with a commit - action would be a <a href="number-state.html#file-upload-state" title="attr-input-type-file">File - Upload</a> control that consists of a single button that brings - up a file selection dialog: when the dialog is closed, if that the - <a href="number-state.html#concept-input-type-file-selected" title="concept-input-type-file-selected">file selection</a> - changed as a result, then the user has committed a new <a href="number-state.html#concept-input-type-file-selected" title="concept-input-type-file-selected">file selection</a>.</p> - - <p class="example">Another example of a user interface with a commit - action would be a <a href="states-of-the-type-attribute.html#date-state" title="attr-input-type-date">Date</a> - control that allows both text-based user input and user selection - from a drop-down calendar: while text input might not have an - explicit commit step, selecting a date from the drop down calendar - and then dismissing the drop down would be a commit action.</p> - - <p>When the user agent changes the element's <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> on behalf of the user (e.g. as - part of a form prefilling feature), the user agent must follow these - steps:</p> - - <ol><li>If the <code title="event-input-input"><a href="#event-input-input">input</a></code> event - applies, <a href="webappapis.html#queue-a-task">queue a task</a> to <a href="webappapis.html#fire-a-simple-event">fire a simple - event</a> that bubbles named <code title="event-input">input</code> at the <code><a href="the-input-element.html#the-input-element">input</a></code> - element.</li> - - <li>If the <code title="event-input-change"><a href="#event-input-change">change</a></code> event - applies, <a href="webappapis.html#queue-a-task">queue a task</a> to <a href="webappapis.html#fire-a-simple-event">fire a simple - event</a> that bubbles named <code title="event-change">change</code> at the <code><a href="the-input-element.html#the-input-element">input</a></code> - element.</li> - - </ol><p class="note">In addition, when the <code title="event-input-change"><a href="#event-input-change">change</a></code> event applies, <code title="event-change">change</code> events can also be fired as part - of the element's <a href="content-models.html#activation-behavior">activation behavior</a> and as part of the - <a href="editing.html#unfocusing-steps">unfocusing steps</a>.</p> - - <p>The <a href="webappapis.html#task-source">task source</a> for these <a href="webappapis.html#concept-task" title="concept-task">tasks</a> is the <a href="webappapis.html#user-interaction-task-source">user interaction task - source</a>.</p> - </div></body></html> \ No newline at end of file Index: dom.html =================================================================== RCS file: /sources/public/html5/spec/dom.html,v retrieving revision 1.1079 retrieving revision 1.1080 diff -u -d -r1.1079 -r1.1080 --- dom.html 10 Dec 2011 06:02:06 -0000 1.1079 +++ dom.html 10 Dec 2011 06:15:42 -0000 1.1080 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>3 Semantics, structure, and APIs of HTML documents — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>3 Semantics, structure, and APIs of HTML documents — HTML5</title><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; } @@ -319,20 +318,23 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="namespaces.html" title="2.9 Namespaces" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> + <link href="namespaces.html" title="2.9 Namespaces" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> <link href="elements.html" title="3.2 Elements" rel="next"> - </head><body><div class="head" id="head"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="namespaces.html" class="prev">2.9 Namespaces</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="elements.html" class="next">3.2 Elements</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="namespaces.html">← 2.9 Namespaces</a> – + <a href="index.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-document"><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#loading-xml-documents"><span class="secno">3.1.5 </span>Loading XML documents</a></li></ol></li></ol></li></ol></div> + <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-document"><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#loading-xml-documents"><span class="secno">3.1.5 </span>Loading XML documents</a></li></ol></li></ol></li></ol></nav> <h2 id="dom"><span class="secno">3 </span>Semantics, structure, and APIs of HTML documents</h2><h3 id="documents"><span class="secno">3.1 </span>Documents</h3><p>Every XML and HTML document in an HTML UA is represented by a <code><a href="#document">Document</a></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> @@ -351,7 +353,7 @@ document's address</a> of the <a href="webappapis.html#script-s-document">script's document</a>, and the <code><a href="#document">Document</a></code> is both <a href="the-end.html#ready-for-post-load-tasks">ready for post-load tasks</a> and <a href="the-end.html#completely-loaded">completely loaded</a> immediately.</p><p>Each <code><a href="#document">Document</a></code> object has a <dfn id="reload-override-flag">reload override - flag</dfn> that is originally unset. The flag is set by the <code title="dom-document-open"><a href="content-models.html#dom-document-open">document.open()</a></code> and <code title="dom-document-open"><a href="content-models.html#dom-document-open">document.write()</a></code> methods in certain + flag</dfn> that is originally unset. The flag is set by the <code title="dom-document-open"><a href="dynamic-markup-insertion.html#dom-document-open">document.open()</a></code> and <code title="dom-document-open"><a href="dynamic-markup-insertion.html#dom-document-open">document.write()</a></code> methods in certain situations. When the flag is set, the <code><a href="#document">Document</a></code> also has a <dfn id="reload-override-buffer">reload override buffer</dfn> which is a Unicode string that is used as the source of the document when it is reloaded.</p><p>When the user agent is to perform <dfn id="an-overridden-reload">an overridden @@ -382,9 +384,9 @@ // <a href="#dom-tree-accessors">DOM tree accessors</a> <a href="#dom-document-nameditem" title="dom-document-namedItem">getter</a> object (DOMString name); attribute DOMString <a href="#document.title" title="dom-document-title">title</a>; - attribute DOMString <a href="elements.html#dom-document-dir" title="dom-document-dir">dir</a>; + attribute DOMString <a href="global-attributes.html#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="the-head-element.html#htmlheadelement">HTMLHeadElement</a>? <a href="#dom-document-head" title="dom-document-head">head</a>; readonly attribute <a href="infrastructure.html#htmlcollection">HTMLCollection</a> <a href="#dom-document-images" title="dom-document-images">images</a>; readonly attribute <a href="infrastructure.html#htmlcollection">HTMLCollection</a> <a href="#dom-document-embeds" title="dom-document-embeds">embeds</a>; readonly attribute <a href="infrastructure.html#htmlcollection">HTMLCollection</a> <a href="#dom-document-plugins" title="dom-document-plugins">plugins</a>; @@ -393,26 +395,26 @@ readonly attribute <a href="infrastructure.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>(DOMString elementName); - // <a href="content-models.html#dynamic-markup-insertion">dynamic markup insertion</a> - <a href="#document">Document</a> <a href="content-models.html#dom-document-open" title="dom-document-open">open</a>(optional DOMString type, optional DOMString replace); - <a href="browsers.html#windowproxy">WindowProxy</a> <a href="content-models.html#dom-document-open" title="dom-document-open">open</a>(DOMString url, DOMString name, DOMString features, optional boolean replace); - void <a href="content-models.html#dom-document-close" title="dom-document-close">close</a>(); - void <a href="content-models.html#dom-document-write" title="dom-document-write">write</a>(DOMString... text); - void <a href="content-models.html#dom-document-writeln" title="dom-document-writeln">writeln</a>(DOMString... text); + // <a href="dynamic-markup-insertion.html#dynamic-markup-insertion">dynamic markup insertion</a> + <a href="#document">Document</a> <a href="dynamic-markup-insertion.html#dom-document-open" title="dom-document-open">open</a>(optional DOMString type, optional DOMString replace); + <a href="browsers.html#windowproxy">WindowProxy</a> <a href="dynamic-markup-insertion.html#dom-document-open" title="dom-document-open">open</a>(DOMString url, DOMString name, DOMString features, optional boolean replace); + void <a href="dynamic-markup-insertion.html#dom-document-close" title="dom-document-close">close</a>(); + void <a href="dynamic-markup-insertion.html#dom-document-write" title="dom-document-write">write</a>(DOMString... text); + void <a href="dynamic-markup-insertion.html#dom-document-writeln" title="dom-document-writeln">writeln</a>(DOMString... text); // <a href="editing.html#editing">user interaction</a> readonly attribute <a href="browsers.html#windowproxy">WindowProxy</a>? <a href="browsers.html#dom-document-defaultview" title="dom-document-defaultView">defaultView</a>; readonly attribute <a href="infrastructure.html#element">Element</a>? <a href="editing.html#dom-document-activeelement" title="dom-document-activeElement">activeElement</a>; boolean <a href="editing.html#dom-document-hasfocus" title="dom-document-hasFocus">hasFocus</a>(); attribute DOMString <a href="editing.html#designMode" title="dom-document-designMode">designMode</a>; - boolean <a href="editing.html#execCommand" title="dom-document-execCommand">execCommand</a>(DOMString commandId); - boolean <a href="editing.html#execCommand" title="dom-document-execCommand">execCommand</a>(DOMString commandId, boolean showUI); - boolean <a href="editing.html#execCommand" title="dom-document-execCommand">execCommand</a>(DOMString commandId, boolean showUI, DOMString value); - boolean <a href="editing.html#dom-document-querycommandenabled" title="dom-document-queryCommandEnabled">queryCommandEnabled</a>(DOMString commandId); - boolean <a href="editing.html#dom-document-querycommandindeterm" title="dom-document-queryCommandIndeterm">queryCommandIndeterm</a>(DOMString commandId); - boolean <a href="editing.html#dom-document-querycommandstate" title="dom-document-queryCommandState">queryCommandState</a>(DOMString commandId); - boolean <a href="editing.html#dom-document-querycommandsupported" title="dom-document-queryCommandSupported">queryCommandSupported</a>(DOMString commandId); - DOMString <a href="editing.html#dom-document-querycommandvalue" title="dom-document-queryCommandValue">queryCommandValue</a>(DOMString commandId); + boolean <a href="editing-apis.html#execCommand" title="dom-document-execCommand">execCommand</a>(DOMString commandId); + boolean <a href="editing-apis.html#execCommand" title="dom-document-execCommand">execCommand</a>(DOMString commandId, boolean showUI); + boolean <a href="editing-apis.html#execCommand" title="dom-document-execCommand">execCommand</a>(DOMString commandId, boolean showUI, DOMString value); + boolean <a href="editing-apis.html#dom-document-querycommandenabled" title="dom-document-queryCommandEnabled">queryCommandEnabled</a>(DOMString commandId); + boolean <a href="editing-apis.html#dom-document-querycommandindeterm" title="dom-document-queryCommandIndeterm">queryCommandIndeterm</a>(DOMString commandId); + boolean <a href="editing-apis.html#dom-document-querycommandstate" title="dom-document-queryCommandState">queryCommandState</a>(DOMString commandId); + boolean <a href="editing-apis.html#dom-document-querycommandsupported" title="dom-document-queryCommandSupported">queryCommandSupported</a>(DOMString commandId); + DOMString <a href="editing-apis.html#dom-document-querycommandvalue" title="dom-document-queryCommandValue">queryCommandValue</a>(DOMString commandId); readonly attribute <a href="infrastructure.html#htmlcollection">HTMLCollection</a> <a href="commands.html#dom-document-commands" title="dom-document-commands">commands</a>; // <a href="webappapis.html#event-handler-idl-attributes">event handler IDL attributes</a> @@ -509,7 +511,7 @@ </div><p class="note">In the case of HTTP, the <code title="dom-document-referrer"><a href="#dom-document-referrer">referrer</a></code> IDL attribute will match the <code title="http-referer">Referer</code> (sic) header - that was sent when <a href="fetching-resources.html#fetch" title="fetch">fetching</a> the current + that was sent when <a href="urls.html#fetch" title="fetch">fetching</a> the current page.</p><p class="note">Typically user agents are configured to not report referrers in the case where the referrer uses an encrypted protocol and the current page does not (e.g. when navigating from an <code title="">https:</code> page to an <code title="">http:</code> @@ -654,19 +656,19 @@ </div><h4 id="dom-tree-accessors"><span class="secno">3.1.4 </span><dfn>DOM tree accessors</dfn></h4><p><dfn id="the-html-element-0">The <code>html</code> element</dfn> of a document is the document's root element, if there is one and it's an - <code><a href="semantics.html#the-html-element">html</a></code> element, or null otherwise.</p><hr><dl class="domintro"><dt><var title="">document</var> . <code title="dom-document-head"><a href="#dom-document-head">head</a></code></dt> + <code><a href="the-html-element.html#the-html-element">html</a></code> element, or null otherwise.</p><hr><dl class="domintro"><dt><var title="">document</var> . <code title="dom-document-head"><a href="#dom-document-head">head</a></code></dt> <dd> <p>Returns <a href="#the-head-element-0">the <code>head</code> element</a>.</p> </dd> </dl><p><dfn id="the-head-element-0">The <code>head</code> element</dfn> of a document is the - first <code><a href="semantics.html#the-head-element">head</a></code> element that is a child of <a href="#the-html-element-0">the + first <code><a href="the-head-element.html#the-head-element">head</a></code> element that is a child of <a href="#the-html-element-0">the <code>html</code> element</a>, if there is one, or null otherwise.</p><div class="impl"> <p>The <dfn id="dom-document-head" title="dom-document-head"><code>head</code></dfn> attribute, on getting, must return <a href="#the-head-element-0">the <code>head</code> - element</a> of the document (a <code><a href="semantics.html#the-head-element">head</a></code> element or + element</a> of the document (a <code><a href="the-head-element.html#the-head-element">head</a></code> element or null).</p> </div><hr><dl class="domintro"><dt><var title="">document</var> . <code title="dom-document-title"><a href="#document.title">title</a></code> [ = <var title="">value</var> ]</dt> @@ -682,13 +684,13 @@ </dd> </dl><p><dfn id="the-title-element-0">The <code>title</code> element</dfn> of a document is the - first <code><a href="semantics.html#the-title-element">title</a></code> element in the document (in tree order), if + first <code><a href="the-title-element.html#the-title-element">title</a></code> element in the document (in tree order), if there is one, or null otherwise.</p><div class="impl"> <p>The <dfn id="document.title" title="dom-document-title"><code>title</code></dfn> attribute must, on getting, run the following algorithm:</p> - <ol><li><p>If the <a href="infrastructure.html#root-element">root element</a> is an <code><a href="the-map-element.html#svg">svg</a></code> + <ol><li><p>If the <a href="infrastructure.html#root-element">root element</a> is an <code><a href="svg-0.html#svg">svg</a></code> element in the "<code title="">http://www.w3.org/2000/svg</code>" namespace, and the user agent supports SVG, then return the value that would have been returned by the IDL attribute of the same name @@ -709,7 +711,7 @@ </ol><p>On setting, the following algorithm must be run. Mutation events must be fired as appropriate.</p> - <ol><li><p>If the <a href="infrastructure.html#root-element">root element</a> is an <code><a href="the-map-element.html#svg">svg</a></code> + <ol><li><p>If the <a href="infrastructure.html#root-element">root element</a> is an <code><a href="svg-0.html#svg">svg</a></code> element in the "<code title="">http://www.w3.org/2000/svg</code>" namespace, and the user agent supports SVG, then the setter must act as if it was the setter for the IDL attribute of the same name @@ -721,7 +723,7 @@ attribute must do nothing. Stop the algorithm here.</li> <li>If <a href="#the-title-element-0">the <code>title</code> element</a> is null, then a - new <code><a href="semantics.html#the-title-element">title</a></code> element must be created and appended to + new <code><a href="the-title-element.html#the-title-element">title</a></code> element must be created and appended to <a href="#the-head-element-0">the <code>head</code> element</a>. Let <var title="">element</var> be that element. Otherwise, let <var title="">element</var> be <a href="#the-title-element-0">the <code>title</code> element</a>.</li> @@ -740,21 +742,21 @@ <dd> <p>Returns <a href="#the-body-element-0">the body element</a>.</p> <p>Can be set, to replace <a href="#the-body-element-0">the body element</a>.</p> - <p>If the new value is not a <code><a href="sections.html#the-body-element">body</a></code> or <code><a href="obsolete.html#frameset">frameset</a></code> element, this will throw a <code><a href="infrastructure.html#hierarchyrequesterror">HierarchyRequestError</a></code> exception.</p> + <p>If the new value is not a <code><a href="the-body-element.html#the-body-element">body</a></code> or <code><a href="obsolete.html#frameset">frameset</a></code> element, this will throw a <code><a href="infrastructure.html#hierarchyrequesterror">HierarchyRequestError</a></code> exception.</p> </dd> </dl><p><dfn id="the-body-element-0">The body element</dfn> of a document is the first child of <a href="#the-html-element-0">the <code>html</code> element</a> that is either a - <code><a href="sections.html#the-body-element">body</a></code> element or a <code><a href="obsolete.html#frameset">frameset</a></code> element. If + <code><a href="the-body-element.html#the-body-element">body</a></code> element or a <code><a href="obsolete.html#frameset">frameset</a></code> element. If there is no such element, it is null.</p><div class="impl"> <p>The <dfn id="dom-document-body" title="dom-document-body"><code>body</code></dfn> attribute, on getting, must return <a href="#the-body-element-0">the body element</a> of - the document (either a <code><a href="sections.html#the-body-element">body</a></code> element, a + the document (either a <code><a href="the-body-element.html#the-body-element">body</a></code> element, a <code><a href="obsolete.html#frameset">frameset</a></code> element, or null). On setting, the following algorithm must be run:</p> - <ol><li>If the new value is not a <code><a href="sections.html#the-body-element">body</a></code> or + <ol><li>If the new value is not a <code><a href="the-body-element.html#the-body-element">body</a></code> or <code><a href="obsolete.html#frameset">frameset</a></code> element, then throw a <code><a href="infrastructure.html#hierarchyrequesterror">HierarchyRequestError</a></code> exception and abort these steps.</li> @@ -774,28 +776,28 @@ </ol></div><hr><dl class="domintro"><dt><var title="">document</var> . <code title="dom-document-images"><a href="#dom-document-images">images</a></code></dt> <dd> - <p>Returns an <code><a href="infrastructure.html#htmlcollection">HTMLCollection</a></code> of the <code><a href="embedded-content-1.html#the-img-element">img</a></code> elements in the <code><a href="#document">Document</a></code>.</p> + <p>Returns an <code><a href="infrastructure.html#htmlcollection">HTMLCollection</a></code> of the <code><a href="the-img-element.html#the-img-element">img</a></code> elements in the <code><a href="#document">Document</a></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="infrastructure.html#htmlcollection">HTMLCollection</a></code> of the <code><a href="the-iframe-element.html#the-embed-element">embed</a></code> elements in the <code><a href="#document">Document</a></code>.</p> + <p>Return an <code><a href="infrastructure.html#htmlcollection">HTMLCollection</a></code> of the <code><a href="the-embed-element.html#the-embed-element">embed</a></code> elements in the <code><a href="#document">Document</a></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="infrastructure.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><a href="#document">Document</a></code> that have <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> attributes.</p> + <p>Returns an <code><a href="infrastructure.html#htmlcollection">HTMLCollection</a></code> of the <code><a href="the-a-element.html#the-a-element">a</a></code> and <code><a href="the-area-element.html#the-area-element">area</a></code> elements in the <code><a href="#document">Document</a></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="infrastructure.html#htmlcollection">HTMLCollection</a></code> of the <code><a href="forms.html#the-form-element">form</a></code> elements in the <code><a href="#document">Document</a></code>.</p> + <p>Return an <code><a href="infrastructure.html#htmlcollection">HTMLCollection</a></code> of the <code><a href="the-form-element.html#the-form-element">form</a></code> elements in the <code><a href="#document">Document</a></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="infrastructure.html#htmlcollection">HTMLCollection</a></code> of the <code><a href="scripting-1.html#the-script-element">script</a></code> elements in the <code><a href="#document">Document</a></code>.</p> + <p>Return an <code><a href="infrastructure.html#htmlcollection">HTMLCollection</a></code> of the <code><a href="the-script-element.html#the-script-element">script</a></code> elements in the <code><a href="#document">Document</a></code>.</p> </dd> </dl><div class="impl"> @@ -804,31 +806,31 @@ <p>The <dfn id="dom-document-images" title="dom-document-images"><code>images</code></dfn> attribute must return an <code><a href="infrastructure.html#htmlcollection">HTMLCollection</a></code> rooted at the <code><a href="#document">Document</a></code> node, whose filter matches only - <code><a href="embedded-content-1.html#the-img-element">img</a></code> elements.</p> + <code><a href="the-img-element.html#the-img-element">img</a></code> elements.</p> <p>The <dfn id="dom-document-embeds" title="dom-document-embeds"><code>embeds</code></dfn> attribute must return an <code><a href="infrastructure.html#htmlcollection">HTMLCollection</a></code> rooted at the <code><a href="#document">Document</a></code> node, whose filter matches only - <code><a href="the-iframe-element.html#the-embed-element">embed</a></code> elements.</p> + <code><a href="the-embed-element.html#the-embed-element">embed</a></code> elements.</p> <p>The <dfn id="dom-document-plugins" title="dom-document-plugins"><code>plugins</code></dfn> attribute must return the same object as that returned by the <code title="dom-document-embeds"><a href="#dom-document-embeds">embeds</a></code> attribute.</p> <p>The <dfn id="dom-document-links" title="dom-document-links"><code>links</code></dfn> attribute must return an <code><a href="infrastructure.html#htmlcollection">HTMLCollection</a></code> rooted at the - <code><a href="#document">Document</a></code> node, whose filter matches only <code><a href="text-level-semantics.html#the-a-element">a</a></code> + <code><a href="#document">Document</a></code> node, whose filter matches only <code><a href="the-a-element.html#the-a-element">a</a></code> elements with <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> - attributes and <code><a href="the-map-element.html#the-area-element">area</a></code> elements with <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> attributes.</p> + attributes and <code><a href="the-area-element.html#the-area-element">area</a></code> elements with <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> attributes.</p> <p>The <dfn id="dom-document-forms" title="dom-document-forms"><code>forms</code></dfn> attribute must return an <code><a href="infrastructure.html#htmlcollection">HTMLCollection</a></code> rooted at the <code><a href="#document">Document</a></code> node, whose filter matches only - <code><a href="forms.html#the-form-element">form</a></code> elements.</p> + <code><a href="the-form-element.html#the-form-element">form</a></code> elements.</p> <p>The <dfn id="dom-document-scripts" title="dom-document-scripts"><code>scripts</code></dfn> attribute must return an <code><a href="infrastructure.html#htmlcollection">HTMLCollection</a></code> rooted at the <code><a href="#document">Document</a></code> node, whose filter matches only - <code><a href="scripting-1.html#the-script-element">script</a></code> elements.</p> + <code><a href="the-script-element.html#the-script-element">script</a></code> elements.</p> <hr></div><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> @@ -857,19 +859,19 @@ values of the <code title="attr-name">name</code> content attributes of all the <code><a href="obsolete.html#the-applet-element">applet</a></code>, - <a href="#exposed">exposed</a> <code><a href="the-iframe-element.html#the-embed-element">embed</a></code>, - <code><a href="forms.html#the-form-element">form</a></code>, + <a href="#exposed">exposed</a> <code><a href="the-embed-element.html#the-embed-element">embed</a></code>, + <code><a href="the-form-element.html#the-form-element">form</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 - <a href="#exposed">exposed</a> <code><a href="the-iframe-element.html#the-object-element">object</a></code> + <code><a href="the-img-element.html#the-img-element">img</a></code>, and + <a href="#exposed">exposed</a> <code><a href="the-object-element.html#the-object-element">object</a></code> elements in the <code><a href="#document">Document</a></code> that have <code title="attr-name">name</code> content attributes, and the values of - the <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> content attributes of all the + the <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> content attributes of all the <code><a href="obsolete.html#the-applet-element">applet</a></code> and - <a href="#exposed">exposed</a> <code><a href="the-iframe-element.html#the-object-element">object</a></code> - elements in the <code><a href="#document">Document</a></code> that have <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> content attributes, and the values of the - <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> content attributes of all the - <code><a href="embedded-content-1.html#the-img-element">img</a></code> - elements in the <code><a href="#document">Document</a></code> that have both <code title="attr-name">name</code> content attributes and <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> content attributes.</p> + <a href="#exposed">exposed</a> <code><a href="the-object-element.html#the-object-element">object</a></code> + elements in the <code><a href="#document">Document</a></code> that have <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> content attributes, and the values of the + <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> content attributes of all the + <code><a href="the-img-element.html#the-img-element">img</a></code> + elements in the <code><a href="#document">Document</a></code> that have both <code title="attr-name">name</code> content attributes and <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> content attributes.</p> <p>To <a href="infrastructure.html#determine-the-value-of-a-named-property">determine the value of a named property</a> <var title="">name</var> when <dfn id="dom-document-nameditem" title="dom-document-namedItem">the <code>Document</code> object is indexed for property @@ -915,25 +917,25 @@ with the name <var title="">name</var>, for the purposes of the above algorithm, are those that are either:</p> - <ul><li><code><a href="obsolete.html#the-applet-element">applet</a></code>, <a href="#exposed">exposed</a> <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="the-iframe-element.html#the-iframe-element">iframe</a></code>, <code><a href="embedded-content-1.html#the-img-element">img</a></code>, or - <a href="#exposed">exposed</a> <code><a href="the-iframe-element.html#the-object-element">object</a></code> elements that have a <code title="attr-name">name</code> content attribute whose value is <var title="">name</var>, or</li> + <ul><li><code><a href="obsolete.html#the-applet-element">applet</a></code>, <a href="#exposed">exposed</a> <code><a href="the-embed-element.html#the-embed-element">embed</a></code>, + <code><a href="the-form-element.html#the-form-element">form</a></code>, <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code>, <code><a href="the-img-element.html#the-img-element">img</a></code>, or + <a href="#exposed">exposed</a> <code><a href="the-object-element.html#the-object-element">object</a></code> elements that have a <code title="attr-name">name</code> content attribute whose value is <var title="">name</var>, or</li> - <li><code><a href="obsolete.html#the-applet-element">applet</a></code> or <a href="#exposed">exposed</a> <code><a href="the-iframe-element.html#the-object-element">object</a></code> - elements that have an <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> content + <li><code><a href="obsolete.html#the-applet-element">applet</a></code> or <a href="#exposed">exposed</a> <code><a href="the-object-element.html#the-object-element">object</a></code> + elements that have an <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> content attribute whose value is <var title="">name</var>, or</li> - <li><code><a href="embedded-content-1.html#the-img-element">img</a></code> elements that have an <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> content attribute whose value is <var title="">name</var>, and that have a <code title="attr-name">name</code> content attribute present also.</li> + <li><code><a href="the-img-element.html#the-img-element">img</a></code> elements that have an <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> content attribute whose value is <var title="">name</var>, and that have a <code title="attr-name">name</code> content attribute present also.</li> - </ul><p>An <code><a href="the-iframe-element.html#the-embed-element">embed</a></code> or <code><a href="the-iframe-element.html#the-object-element">object</a></code> element is said to + </ul><p>An <code><a href="the-embed-element.html#the-embed-element">embed</a></code> or <code><a href="the-object-element.html#the-object-element">object</a></code> element is said to be <dfn id="exposed">exposed</dfn> if it has no <a href="#exposed">exposed</a> - <code><a href="the-iframe-element.html#the-object-element">object</a></code> ancestor, and, for <code><a href="the-iframe-element.html#the-object-element">object</a></code> elements, + <code><a href="the-object-element.html#the-object-element">object</a></code> ancestor, and, for <code><a href="the-object-element.html#the-object-element">object</a></code> elements, is additionally either not showing its <a href="content-models.html#fallback-content">fallback content</a> - or has no <code><a href="the-iframe-element.html#the-object-element">object</a></code> or <code><a href="the-iframe-element.html#the-embed-element">embed</a></code> descendants.</p> + or has no <code><a href="the-object-element.html#the-object-element">object</a></code> or <code><a href="the-embed-element.html#the-embed-element">embed</a></code> descendants.</p> - </div><hr><p class="note">The <code title="dom-document-dir"><a href="elements.html#dom-document-dir">dir</a></code> + </div><hr><p class="note">The <code title="dom-document-dir"><a href="global-attributes.html#dom-document-dir">dir</a></code> attribute on the <code><a href="#document">Document</a></code> interface is defined - along with the <code title="attr-dir"><a href="elements.html#the-dir-attribute">dir</a></code> content + along with the <code title="attr-dir"><a href="global-attributes.html#the-dir-attribute">dir</a></code> content attribute.</p><div class="impl"> <h4 id="loading-xml-documents"><span class="secno">3.1.5 </span>Loading XML documents</h4> @@ -973,13 +975,13 @@ <li><p>Let <var title="">success</var> be false.</p></li> - <li><p><a href="fetching-resources.html#fetch">Fetch</a> <var title="">url</var> from the + <li><p><a href="urls.html#fetch">Fetch</a> <var title="">url</var> from the <a href="origin-0.html#origin">origin</a> of <var title="">document</var>, with the <i title="">synchronous flag</i> set and the <i title="">force same-origin flag</i> set.</p></li> <li> - <p>If the fetch attempt was successful, and the resource's <a href="fetching-resources.html#content-type" title="Content-Type">Content-Type metadata</a> is an <a href="infrastructure.html#xml-mime-type">XML + <p>If the fetch attempt was successful, and the resource's <a href="urls.html#content-type" title="Content-Type">Content-Type metadata</a> is an <a href="infrastructure.html#xml-mime-type">XML MIME type</a>, then run these substeps:</p> <ol><li><p>Create a new <a href="the-xhtml-syntax.html#xml-parser">XML parser</a> associated with the Index: embedded-content-1.html =================================================================== RCS file: /sources/public/html5/spec/embedded-content-1.html,v retrieving revision 1.70 retrieving revision 1.71 diff -u -d -r1.70 -r1.71 --- embedded-content-1.html 10 Dec 2011 06:02:07 -0000 1.70 +++ embedded-content-1.html 10 Dec 2011 06:15:42 -0000 1.71 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>4.8 Embedded content — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>4.8 Embedded content — HTML5</title><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; } @@ -319,1316 +318,20 @@ } </script> <script src="link-fixup.js"></script> [...1307 lines suppressed...] + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> - <li>The document has a <code><a href="semantics.html#the-meta-element">meta</a></code> element with a <code title="attr-meta-name"><a href="semantics.html#attr-meta-name">name</a></code> attribute whose value is an - <a href="infrastructure.html#ascii-case-insensitive">ASCII case-insensitive</a> match for the string "<code title="meta-generator"><a href="semantics.html#meta-generator">generator</a></code>". (This case does not - represent a case where the document is conforming, only that the - generator could not determine appropriate alternative text — - validators are required to not show an error in this case to - discourage markup generators from including bogus alternative text - purely in an attempt to silence validators.)</li> + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="edits-and-lists.html">← 4.7.5 Edits and lists</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="the-img-element.html">4.8.1 The img element →</a> + </nav> - </ul></div></body></html> \ No newline at end of file + <h3 id="embedded-content-1"><span class="secno">4.8 </span>Embedded content</h3></body></html> \ No newline at end of file Index: the-input-element.html =================================================================== RCS file: /sources/public/html5/spec/the-input-element.html,v retrieving revision 1.61 retrieving revision 1.62 diff -u -d -r1.61 -r1.62 --- the-input-element.html 10 Dec 2011 06:02:15 -0000 1.61 +++ the-input-element.html 10 Dec 2011 06:15:48 -0000 1.62 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>4.10.7 The input element — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>4.10.7 The input element — HTML5</title><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; } @@ -319,18 +318,21 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="forms.html" title="4.10 Forms" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> + <link href="the-label-element.html" title="4.10.6 The label element" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> <link href="states-of-the-type-attribute.html" title="4.10.7.1 States of the type attribute" rel="next"> - </head><body><div class="head" id="head"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="forms.html" class="prev">4.10 Forms</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="states-of-the-type-attribute.html" class="next">4.10.7.1 States of the type attribute</a> - </div> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="the-label-element.html">← 4.10.6 The label element</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="states-of-the-type-attribute.html">4.10.7.1 States of the type attribute →</a> + </nav> <h4 id="the-input-element"><span class="secno">4.10.7 </span>The <dfn><code>input</code></dfn> element</h4><dl class="element"><dt>Categories</dt> <dd><a href="content-models.html#flow-content">Flow content</a>.</dd> @@ -344,27 +346,27 @@ <dt>Content model:</dt> <dd>Empty.</dd> <dt>Content attributes:</dt> - <dd><a href="elements.html#global-attributes">Global attributes</a></dd> + <dd><a href="global-attributes.html#global-attributes">Global attributes</a></dd> <dd><code title="attr-input-accept"><a href="number-state.html#attr-input-accept">accept</a></code></dd> <dd><code title="attr-input-alt"><a href="number-state.html#attr-input-alt">alt</a></code></dd> <dd><code title="attr-input-autocomplete"><a href="common-input-element-attributes.html#attr-input-autocomplete">autocomplete</a></code></dd> - <dd><code title="attr-fe-autofocus"><a href="association-of-controls-and-forms.html#attr-fe-autofocus">autofocus</a></code></dd> + <dd><code title="attr-fe-autofocus"><a href="attributes-common-to-form-controls.html#attr-fe-autofocus">autofocus</a></code></dd> <dd><code title="attr-input-checked"><a href="#attr-input-checked">checked</a></code></dd> <dd><code title="attr-input-dirname"><a href="common-input-element-attributes.html#attr-input-dirname">dirname</a></code></dd> - <dd><code title="attr-fe-disabled"><a href="association-of-controls-and-forms.html#attr-fe-disabled">disabled</a></code></dd> + <dd><code title="attr-fe-disabled"><a href="attributes-common-to-form-controls.html#attr-fe-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-fs-formaction"><a href="association-of-controls-and-forms.html#attr-fs-formaction">formaction</a></code></dd> - <dd><code title="attr-fs-formenctype"><a href="association-of-controls-and-forms.html#attr-fs-formenctype">formenctype</a></code></dd> - <dd><code title="attr-fs-formmethod"><a href="association-of-controls-and-forms.html#attr-fs-formmethod">formmethod</a></code></dd> - <dd><code title="attr-fs-formnovalidate"><a href="association-of-controls-and-forms.html#attr-fs-formnovalidate">formnovalidate</a></code></dd> - <dd><code title="attr-fs-formtarget"><a href="association-of-controls-and-forms.html#attr-fs-formtarget">formtarget</a></code></dd> - <dd><code title="attr-dim-height"><a href="the-map-element.html#attr-dim-height">height</a></code></dd> + <dd><code title="attr-fs-formaction"><a href="attributes-common-to-form-controls.html#attr-fs-formaction">formaction</a></code></dd> + <dd><code title="attr-fs-formenctype"><a href="attributes-common-to-form-controls.html#attr-fs-formenctype">formenctype</a></code></dd> + <dd><code title="attr-fs-formmethod"><a href="attributes-common-to-form-controls.html#attr-fs-formmethod">formmethod</a></code></dd> + <dd><code title="attr-fs-formnovalidate"><a href="attributes-common-to-form-controls.html#attr-fs-formnovalidate">formnovalidate</a></code></dd> + <dd><code title="attr-fs-formtarget"><a href="attributes-common-to-form-controls.html#attr-fs-formtarget">formtarget</a></code></dd> + <dd><code title="attr-dim-height"><a href="dimension-attributes.html#attr-dim-height">height</a></code></dd> <dd><code title="attr-input-list"><a href="common-input-element-attributes.html#attr-input-list">list</a></code></dd> <dd><code title="attr-input-max"><a href="common-input-element-attributes.html#attr-input-max">max</a></code></dd> <dd><code title="attr-input-maxlength"><a href="common-input-element-attributes.html#attr-input-maxlength">maxlength</a></code></dd> <dd><code title="attr-input-min"><a href="common-input-element-attributes.html#attr-input-min">min</a></code></dd> <dd><code title="attr-input-multiple"><a href="common-input-element-attributes.html#attr-input-multiple">multiple</a></code></dd> - <dd><code title="attr-fe-name"><a href="association-of-controls-and-forms.html#attr-fe-name">name</a></code></dd> + <dd><code title="attr-fe-name"><a href="attributes-common-to-form-controls.html#attr-fe-name">name</a></code></dd> <dd><code title="attr-input-pattern"><a href="common-input-element-attributes.html#attr-input-pattern">pattern</a></code></dd> <dd><code title="attr-input-placeholder"><a href="common-input-element-attributes.html#attr-input-placeholder">placeholder</a></code></dd> <dd><code title="attr-input-readonly"><a href="common-input-element-attributes.html#attr-input-readonly">readonly</a></code></dd> @@ -374,33 +376,33 @@ <dd><code title="attr-input-step"><a href="common-input-element-attributes.html#attr-input-step">step</a></code></dd> <dd><code title="attr-input-type"><a href="#attr-input-type">type</a></code></dd> <dd><code title="attr-input-value"><a href="#attr-input-value">value</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-width"><a href="dimension-attributes.html#attr-dim-width">width</a></code></dd> <dt>DOM interface:</dt> <dd> <pre class="idl">interface <dfn id="htmlinputelement">HTMLInputElement</dfn> : <a href="elements.html#htmlelement">HTMLElement</a> { attribute DOMString <a href="#dom-input-accept" title="dom-input-accept">accept</a>; attribute DOMString <a href="#dom-input-alt" title="dom-input-alt">alt</a>; attribute DOMString <a href="#dom-input-autocomplete" title="dom-input-autocomplete">autocomplete</a>; - attribute boolean <a href="association-of-controls-and-forms.html#dom-fe-autofocus" title="dom-fe-autofocus">autofocus</a>; + attribute boolean <a href="attributes-common-to-form-controls.html#dom-fe-autofocus" title="dom-fe-autofocus">autofocus</a>; attribute boolean <a href="#dom-input-defaultchecked" title="dom-input-defaultChecked">defaultChecked</a>; - attribute boolean <a href="common-input-element-attributes.html#dom-input-checked" title="dom-input-checked">checked</a>; + attribute boolean <a href="common-input-element-apis.html#dom-input-checked" title="dom-input-checked">checked</a>; attribute DOMString <a href="#dom-input-dirname" title="dom-input-dirName">dirName</a>; - attribute boolean <a href="association-of-controls-and-forms.html#dom-fe-disabled" title="dom-fe-disabled">disabled</a>; - readonly attribute <a href="forms.html#htmlformelement">HTMLFormElement</a>? <a href="association-of-controls-and-forms.html#dom-fae-form" title="dom-fae-form">form</a>; - readonly attribute <a href="infrastructure.html#filelist">FileList</a>? <a href="common-input-element-attributes.html#dom-input-files" title="dom-input-files">files</a>; - attribute DOMString <a href="association-of-controls-and-forms.html#dom-fs-formaction" title="dom-fs-formAction">formAction</a>; - attribute DOMString <a href="association-of-controls-and-forms.html#dom-fs-formenctype" title="dom-fs-formEnctype">formEnctype</a>; - attribute DOMString <a href="association-of-controls-and-forms.html#dom-fs-formmethod" title="dom-fs-formMethod">formMethod</a>; - attribute boolean <a href="association-of-controls-and-forms.html#dom-fs-formnovalidate" title="dom-fs-formNoValidate">formNoValidate</a>; - attribute DOMString <a href="association-of-controls-and-forms.html#dom-fs-formtarget" title="dom-fs-formTarget">formTarget</a>; + attribute boolean <a href="attributes-common-to-form-controls.html#dom-fe-disabled" title="dom-fe-disabled">disabled</a>; + readonly attribute <a href="the-form-element.html#htmlformelement">HTMLFormElement</a>? <a href="association-of-controls-and-forms.html#dom-fae-form" title="dom-fae-form">form</a>; + readonly attribute <a href="infrastructure.html#filelist">FileList</a>? <a href="common-input-element-apis.html#dom-input-files" title="dom-input-files">files</a>; + attribute DOMString <a href="attributes-common-to-form-controls.html#dom-fs-formaction" title="dom-fs-formAction">formAction</a>; + attribute DOMString <a href="attributes-common-to-form-controls.html#dom-fs-formenctype" title="dom-fs-formEnctype">formEnctype</a>; + attribute DOMString <a href="attributes-common-to-form-controls.html#dom-fs-formmethod" title="dom-fs-formMethod">formMethod</a>; + attribute boolean <a href="attributes-common-to-form-controls.html#dom-fs-formnovalidate" title="dom-fs-formNoValidate">formNoValidate</a>; + attribute DOMString <a href="attributes-common-to-form-controls.html#dom-fs-formtarget" title="dom-fs-formTarget">formTarget</a>; attribute unsigned long <a href="#dom-input-height" title="dom-input-height">height</a>; attribute boolean <a href="#dom-input-indeterminate" title="dom-input-indeterminate">indeterminate</a>; - readonly attribute <a href="elements.html#htmlelement">HTMLElement</a>? <a href="common-input-element-attributes.html#dom-input-list" title="dom-input-list">list</a>; + readonly attribute <a href="elements.html#htmlelement">HTMLElement</a>? <a href="common-input-element-apis.html#dom-input-list" title="dom-input-list">list</a>; attribute DOMString <a href="#dom-input-max" title="dom-input-max">max</a>; attribute long <a href="#dom-input-maxlength" title="dom-input-maxLength">maxLength</a>; attribute DOMString <a href="#dom-input-min" title="dom-input-min">min</a>; attribute boolean <a href="#dom-input-multiple" title="dom-input-multiple">multiple</a>; - attribute DOMString <a href="association-of-controls-and-forms.html#dom-fe-name" title="dom-fe-name">name</a>; + attribute DOMString <a href="attributes-common-to-form-controls.html#dom-fe-name" title="dom-fe-name">name</a>; attribute DOMString <a href="#dom-input-pattern" title="dom-input-pattern">pattern</a>; attribute DOMString <a href="#dom-input-placeholder" title="dom-input-placeholder">placeholder</a>; attribute boolean <a href="#dom-input-readonly" title="dom-input-readOnly">readOnly</a>; @@ -410,27 +412,27 @@ attribute DOMString <a href="#dom-input-step" title="dom-input-step">step</a>; attribute DOMString <a href="#dom-input-type" title="dom-input-type">type</a>; attribute DOMString <a href="#dom-input-defaultvalue" title="dom-input-defaultValue">defaultValue</a>; - attribute DOMString <a href="common-input-element-attributes.html#dom-input-value" title="dom-input-value">value</a>; - attribute <span>Date</span>? <a href="common-input-element-attributes.html#dom-input-valueasdate" title="dom-input-valueAsDate">valueAsDate</a>; - attribute double <a href="common-input-element-attributes.html#dom-input-valueasnumber" title="dom-input-valueAsNumber">valueAsNumber</a>; + attribute DOMString <a href="common-input-element-apis.html#dom-input-value" title="dom-input-value">value</a>; + attribute <span>Date</span>? <a href="common-input-element-apis.html#dom-input-valueasdate" title="dom-input-valueAsDate">valueAsDate</a>; + attribute double <a href="common-input-element-apis.html#dom-input-valueasnumber" title="dom-input-valueAsNumber">valueAsNumber</a>; attribute unsigned long <a href="#dom-input-width" title="dom-input-width">width</a>; - void <a href="common-input-element-attributes.html#dom-input-stepup" title="dom-input-stepUp">stepUp</a>(optional long n); - void <a href="common-input-element-attributes.html#dom-input-stepdown" title="dom-input-stepDown">stepDown</a>(optional long n); + void <a href="common-input-element-apis.html#dom-input-stepup" title="dom-input-stepUp">stepUp</a>(optional long n); + void <a href="common-input-element-apis.html#dom-input-stepdown" title="dom-input-stepDown">stepDown</a>(optional long n); - readonly attribute boolean <a href="association-of-controls-and-forms.html#dom-cva-willvalidate" title="dom-cva-willValidate">willValidate</a>; - readonly attribute <a href="association-of-controls-and-forms.html#validitystate">ValidityState</a> <a href="association-of-controls-and-forms.html#dom-cva-validity" title="dom-cva-validity">validity</a>; - readonly attribute DOMString <a href="association-of-controls-and-forms.html#dom-cva-validationmessage" title="dom-cva-validationMessage">validationMessage</a>; - boolean <a href="association-of-controls-and-forms.html#dom-cva-checkvalidatity" title="dom-cva-checkValidatity">checkValidity</a>(); - void <a href="association-of-controls-and-forms.html#dom-cva-setcustomvalidity" title="dom-cva-setCustomValidity">setCustomValidity</a>(DOMString error); + readonly attribute boolean <a href="constraints.html#dom-cva-willvalidate" title="dom-cva-willValidate">willValidate</a>; + readonly attribute <a href="constraints.html#validitystate">ValidityState</a> <a href="constraints.html#dom-cva-validity" title="dom-cva-validity">validity</a>; + readonly attribute DOMString <a href="constraints.html#dom-cva-validationmessage" title="dom-cva-validationMessage">validationMessage</a>; + boolean <a href="constraints.html#dom-cva-checkvalidatity" title="dom-cva-checkValidatity">checkValidity</a>(); + void <a href="constraints.html#dom-cva-setcustomvalidity" title="dom-cva-setCustomValidity">setCustomValidity</a>(DOMString error); - readonly attribute <a href="infrastructure.html#nodelist">NodeList</a> <a href="forms.html#dom-lfe-labels" title="dom-lfe-labels">labels</a>; + readonly attribute <a href="infrastructure.html#nodelist">NodeList</a> <a href="the-label-element.html#dom-lfe-labels" title="dom-lfe-labels">labels</a>; - void <a href="association-of-controls-and-forms.html#dom-textarea-input-select" title="dom-textarea/input-select">select</a>(); - attribute unsigned long <a href="association-of-controls-and-forms.html#dom-textarea-input-selectionstart" title="dom-textarea/input-selectionStart">selectionStart</a>; - attribute unsigned long <a href="association-of-controls-and-forms.html#dom-textarea-input-selectionend" title="dom-textarea/input-selectionEnd">selectionEnd</a>; - attribute DOMString <a href="association-of-controls-and-forms.html#dom-textarea-input-selectiondirection" title="dom-textarea/input-selectionDirection">selectionDirection</a>; - void <a href="association-of-controls-and-forms.html#dom-textarea-input-setselectionrange" title="dom-textarea/input-setSelectionRange">setSelectionRange</a>(unsigned long start, unsigned long end, optional DOMString direction); + void <a href="textFieldSelection.html#dom-textarea-input-select" title="dom-textarea/input-select">select</a>(); + attribute unsigned long <a href="textFieldSelection.html#dom-textarea-input-selectionstart" title="dom-textarea/input-selectionStart">selectionStart</a>; + attribute unsigned long <a href="textFieldSelection.html#dom-textarea-input-selectionend" title="dom-textarea/input-selectionEnd">selectionEnd</a>; + attribute DOMString <a href="textFieldSelection.html#dom-textarea-input-selectiondirection" title="dom-textarea/input-selectionDirection">selectionDirection</a>; + void <a href="textFieldSelection.html#dom-textarea-input-setselectionrange" title="dom-textarea/input-setSelectionRange">setSelectionRange</a>(unsigned long start, unsigned long end, optional DOMString direction); };</pre> </dd> </dl><p>The <code><a href="#the-input-element">input</a></code> element <a href="rendering.html#represents">represents</a> a typed data field, @@ -535,14 +537,14 @@ </td><td> <a href="number-state.html#button-state" title="attr-input-type-button">Button</a> </td><td> n/a </td><td> A button - </td></tr></tbody></table><p>The <i>missing value default</i> is the <a href="states-of-the-type-attribute.html#text-state-and-search-state" title="attr-input-type-text">Text</a> state.</p><p>Which of the <code title="attr-input-accept"><a href="number-state.html#attr-input-accept">accept</a></code>, <code title="attr-input-alt"><a href="number-state.html#attr-input-alt">alt</a></code>, <code title="attr-input-autocomplete"><a href="common-input-element-attributes.html#attr-input-autocomplete">autocomplete</a></code>, <code title="attr-input-checked"><a href="#attr-input-checked">checked</a></code>, <code title="attr-input-dirname"><a href="common-input-element-attributes.html#attr-input-dirname">dirname</a></code>, <code title="attr-fs-formaction"><a href="association-of-controls-and-forms.html#attr-fs-formaction">formaction</a></code>, <code title="attr-fs-formenctype"><a href="association-of-controls-and-forms.html#attr-fs-formenctype">formenctype</a></code>, <code title="attr-fs-formmethod"><a href="ssociation-of-controls-and-forms.html#attr-fs-formmethod">formmethod</a></code>, <code title="attr-fs-formnovalidate"><a href="association-of-controls-and-forms.html#attr-fs-formnovalidate">formnovalidate</a></code>, <code title="attr-fs-formtarget"><a href="association-of-controls-and-forms.html#attr-fs-formtarget">formtarget</a></code>, <code title="attr-dim-height"><a href="the-map-element.html#attr-dim-height">height</a></code>, <code title="attr-input-list"><a href="common-input-element-attributes.html#attr-input-list">list</a></code>, <code title="attr-input-max"><a href="common-input-element-attributes.html#attr-input-max">max</a></code>, <code title="attr-input-maxlength"><a href="common-input-element-attributes.html#attr-input-maxlength">maxlength</a></code>, <code title="attr-input-min"><a href="common-input-element-attributes.html#attr-input-min">min</a></code>, <code title="attr-input-multiple"><a href="common-input-element-attributes.html#attr-input-multiple">multiple</a></code>, <code title="atr-input-pattern"><a href="common-input-element-attributes.html#attr-input-pattern">pattern</a></code>, <code title="attr-input-placeholder"><a href="common-input-element-attributes.html#attr-input-placeholder">placeholder</a></code>, <code title="attr-input-readonly"><a href="common-input-element-attributes.html#attr-input-readonly">readonly</a></code>, <code title="attr-input-required"><a href="common-input-element-attributes.html#attr-input-required">required</a></code>, <code title="attr-input-size"><a href="common-input-element-attributes.html#attr-input-size">size</a></code>, <code title="attr-input-src"><a href="number-state.html#attr-input-src">src</a></code>, <code title="attr-input-step"><a href="common-input-element-attributes.html#attr-input-step">step</a></code>, and <code title="attr-dim-width"><a href="the-map-element.html#attr-dim-width">width</a></code> content attributes, the <code title="dom-input-checked"><a href="common-input-element-attributes.html#dom-input-checked">checked</a></code> <code title="dom-input-files"><a href="common-input-element-attributes.html#dom-input-files">files</a></code>, <code title="dom-input-valueAsDate"><a href="common-input-element-attributes.html#dom-input-valueasdate">valueAsDate</a></code>, <code title="dom-input-valueAsNumber"><a href="common-input-element-attributes.html#dom-input-valueasnumber">valueAsNumber</a></code>, and <code title="dom-input-list"><a href="common-input-element-attributes.html#dom-input-list">list</a></code> IDL - attributes, the <code title="dom-textarea/input-select"><a href="association-of-controls-and-forms.html#dom-textarea-input-select">select()</a></code> method, the <code title="dom-textarea/input-selectionStart"><a href="association-of-controls-and-forms.html#dom-textarea-input-selectionstart">selectionStart</a></code>, - <code title="dom-textarea/input-selectionEnd"><a href="association-of-controls-and-forms.html#dom-textarea-input-selectionend">selectionEnd</a></code>, and - <code title="dom-textarea/input-selectionDirection"><a href="association-of-controls-and-forms.html#dom-textarea-input-selectiondirection">selectionDirection</a></code>, - IDL attributes, the <code title="dom-textarea/input-setSelectionRange"><a href="association-of-controls-and-forms.html#dom-textarea-input-setselectionrange">setSelectionRange()</a></code> - method, the <code title="dom-input-stepUp"><a href="common-input-element-attributes.html#dom-input-stepup">stepUp()</a></code> and - <code title="dom-input-stepDown"><a href="common-input-element-attributes.html#dom-input-stepdown">stepDown()</a></code> methods, and the - <code title="event-input-input"><a href="common-input-element-attributes.html#event-input-input">input</a></code> and <code title="event-input-change"><a href="common-input-element-attributes.html#event-input-change">change</a></code> events apply to an + </td></tr></tbody></table><p>The <i>missing value default</i> is the <a href="states-of-the-type-attribute.html#text-state-and-search-state" title="attr-input-type-text">Text</a> state.</p><p>Which of the <code title="attr-input-accept"><a href="number-state.html#attr-input-accept">accept</a></code>, <code title="attr-input-alt"><a href="number-state.html#attr-input-alt">alt</a></code>, <code title="attr-input-autocomplete"><a href="common-input-element-attributes.html#attr-input-autocomplete">autocomplete</a></code>, <code title="attr-input-checked"><a href="#attr-input-checked">checked</a></code>, <code title="attr-input-dirname"><a href="common-input-element-attributes.html#attr-input-dirname">dirname</a></code>, <code title="attr-fs-formaction"><a href="attributes-common-to-form-controls.html#attr-fs-formaction">formaction</a></code>, <code title="attr-fs-formenctype"><a href="attributes-common-to-form-controls.html#attr-fs-formenctype">formenctype</a></code>, <code title="attr-fs-formmethod"><a href"attributes-common-to-form-controls.html#attr-fs-formmethod">formmethod</a></code>, <code title="attr-fs-formnovalidate"><a href="attributes-common-to-form-controls.html#attr-fs-formnovalidate">formnovalidate</a></code>, <code title="attr-fs-formtarget"><a href="attributes-common-to-form-controls.html#attr-fs-formtarget">formtarget</a></code>, <code title="attr-dim-height"><a href="dimension-attributes.html#attr-dim-height">height</a></code>, <code title="attr-input-list"><a href="common-input-element-attributes.html#attr-input-list">list</a></code>, <code title="attr-input-max"><a href="common-input-element-attributes.html#attr-input-max">max</a></code>, <code title="attr-input-maxlength"><a href="common-input-element-attributes.html#attr-input-maxlength">maxlength</a></code>, <code title="attr-input-min"><a href="common-input-element-attributes.html#attr-input-min">min</a></code>, <code title="attr-input-multiple"><a href="common-input-element-attributes.html#attr-input-multiple">multiple</a></code>, <cod title="attr-input-pattern"><a href="common-input-element-attributes.html#attr-input-pattern">pattern</a></code>, <code title="attr-input-placeholder"><a href="common-input-element-attributes.html#attr-input-placeholder">placeholder</a></code>, <code title="attr-input-readonly"><a href="common-input-element-attributes.html#attr-input-readonly">readonly</a></code>, <code title="attr-input-required"><a href="common-input-element-attributes.html#attr-input-required">required</a></code>, <code title="attr-input-size"><a href="common-input-element-attributes.html#attr-input-size">size</a></code>, <code title="attr-input-src"><a href="number-state.html#attr-input-src">src</a></code>, <code title="attr-input-step"><a href="common-input-element-attributes.html#attr-input-step">step</a></code>, and <code title="attr-dim-width"><a href="dimension-attributes.html#attr-dim-width">width</a></code> content attributes, the <code title="dom-input-checked"><a href="common-input-element-apis.html#dom-input-checked">checked</></code>, <code title="dom-input-files"><a href="common-input-element-apis.html#dom-input-files">files</a></code>, <code title="dom-input-valueAsDate"><a href="common-input-element-apis.html#dom-input-valueasdate">valueAsDate</a></code>, <code title="dom-input-valueAsNumber"><a href="common-input-element-apis.html#dom-input-valueasnumber">valueAsNumber</a></code>, and <code title="dom-input-list"><a href="common-input-element-apis.html#dom-input-list">list</a></code> IDL + attributes, the <code title="dom-textarea/input-select"><a href="textFieldSelection.html#dom-textarea-input-select">select()</a></code> method, the <code title="dom-textarea/input-selectionStart"><a href="textFieldSelection.html#dom-textarea-input-selectionstart">selectionStart</a></code>, + <code title="dom-textarea/input-selectionEnd"><a href="textFieldSelection.html#dom-textarea-input-selectionend">selectionEnd</a></code>, and + <code title="dom-textarea/input-selectionDirection"><a href="textFieldSelection.html#dom-textarea-input-selectiondirection">selectionDirection</a></code>, + IDL attributes, the <code title="dom-textarea/input-setSelectionRange"><a href="textFieldSelection.html#dom-textarea-input-setselectionrange">setSelectionRange()</a></code> + method, the <code title="dom-input-stepUp"><a href="common-input-element-apis.html#dom-input-stepup">stepUp()</a></code> and + <code title="dom-input-stepDown"><a href="common-input-element-apis.html#dom-input-stepdown">stepDown()</a></code> methods, and the + <code title="event-input-input"><a href="common-input-element-apis.html#event-input-input">input</a></code> and <code title="event-input-change"><a href="common-input-element-apis.html#event-input-change">change</a></code> events apply to an <code><a href="#the-input-element">input</a></code> element depends on the state of its <code title="attr-input-type"><a href="#attr-input-type">type</a></code> attribute. The following table <span class="impl">is non-normative and</span> summarizes which of those content attributes, IDL attributes, methods, and events apply @@ -658,7 +660,7 @@ </td><td class="no"> · </td><td class="no"> · - </td></tr><tr><th> <code title="attr-fs-formaction"><a href="association-of-controls-and-forms.html#attr-fs-formaction">formaction</a></code> + </td></tr><tr><th> <code title="attr-fs-formaction"><a href="attributes-common-to-form-controls.html#attr-fs-formaction">formaction</a></code> </th><td class="no"> · </td><td class="no"> · </td><td class="no"> · @@ -675,7 +677,7 @@ </td><td class="yes"> Yes </td><td class="no"> · - </td></tr><tr><th> <code title="attr-fs-formenctype"><a href="association-of-controls-and-forms.html#attr-fs-formenctype">formenctype</a></code> + </td></tr><tr><th> <code title="attr-fs-formenctype"><a href="attributes-common-to-form-controls.html#attr-fs-formenctype">formenctype</a></code> </th><td class="no"> · </td><td class="no"> · </td><td class="no"> · @@ -692,7 +694,7 @@ </td><td class="yes"> Yes </td><td class="no"> · - </td></tr><tr><th> <code title="attr-fs-formmethod"><a href="association-of-controls-and-forms.html#attr-fs-formmethod">formmethod</a></code> + </td></tr><tr><th> <code title="attr-fs-formmethod"><a href="attributes-common-to-form-controls.html#attr-fs-formmethod">formmethod</a></code> </th><td class="no"> · </td><td class="no"> · </td><td class="no"> · @@ -709,7 +711,7 @@ </td><td class="yes"> Yes </td><td class="no"> · - </td></tr><tr><th> <code title="attr-fs-formnovalidate"><a href="association-of-controls-and-forms.html#attr-fs-formnovalidate">formnovalidate</a></code> + </td></tr><tr><th> <code title="attr-fs-formnovalidate"><a href="attributes-common-to-form-controls.html#attr-fs-formnovalidate">formnovalidate</a></code> </th><td class="no"> · </td><td class="no"> · </td><td class="no"> · @@ -726,7 +728,7 @@ </td><td class="yes"> Yes </td><td class="no"> · - </td></tr><tr><th> <code title="attr-fs-formtarget"><a href="association-of-controls-and-forms.html#attr-fs-formtarget">formtarget</a></code> + </td></tr><tr><th> <code title="attr-fs-formtarget"><a href="attributes-common-to-form-controls.html#attr-fs-formtarget">formtarget</a></code> </th><td class="no"> · </td><td class="no"> · </td><td class="no"> · @@ -743,7 +745,7 @@ </td><td class="yes"> Yes </td><td class="no"> · - </td></tr><tr><th> <code title="attr-dim-height"><a href="the-map-element.html#attr-dim-height">height</a></code> + </td></tr><tr><th> <code title="attr-dim-height"><a href="dimension-attributes.html#attr-dim-height">height</a></code> </th><td class="no"> · </td><td class="no"> · </td><td class="no"> · @@ -964,7 +966,7 @@ </td><td class="no"> · </td><td class="no"> · - </td></tr><tr><th> <code title="attr-dim-width"><a href="the-map-element.html#attr-dim-width">width</a></code> + </td></tr><tr><th> <code title="attr-dim-width"><a href="dimension-attributes.html#attr-dim-width">width</a></code> </th><td class="no"> · </td><td class="no"> · </td><td class="no"> · @@ -983,7 +985,7 @@ </td></tr></tbody><tbody><tr><th colspan="16" scope="rowgroup">IDL attributes and methods - </th></tr><tr><th> <code title="dom-input-checked"><a href="common-input-element-attributes.html#dom-input-checked">checked</a></code> + </th></tr><tr><th> <code title="dom-input-checked"><a href="common-input-element-apis.html#dom-input-checked">checked</a></code> </th><td class="no"> · </td><td class="no"> · </td><td class="no"> · @@ -1000,7 +1002,7 @@ </td><td class="no"> · </td><td class="no"> · - </td></tr><tr><th> <code title="dom-input-files"><a href="common-input-element-attributes.html#dom-input-files">files</a></code> + </td></tr><tr><th> <code title="dom-input-files"><a href="common-input-element-apis.html#dom-input-files">files</a></code> </th><td class="no"> · </td><td class="no"> · </td><td class="no"> · @@ -1017,24 +1019,24 @@ </td><td class="no"> · </td><td class="no"> · - </td></tr><tr class="impl"><th> <code title="dom-input-value"><a href="common-input-element-attributes.html#dom-input-value">value</a></code> - </th><td class="yes"> <a href="common-input-element-attributes.html#dom-input-value-default" title="dom-input-value-default">default</a> - </td><td class="yes"> <a href="common-input-element-attributes.html#dom-input-value-value" title="dom-input-value-value">value</a> - </td><td class="yes"> <a href="common-input-element-attributes.html#dom-input-value-value" title="dom-input-value-value">value</a> - </td><td class="yes"> <a href="common-input-element-attributes.html#dom-input-value-value" title="dom-input-value-value">value</a> - </td><td class="yes"> <a href="common-input-element-attributes.html#dom-input-value-value" title="dom-input-value-value">value</a> - </td><td class="yes"> <a href="common-input-element-attributes.html#dom-input-value-value" title="dom-input-value-value">value</a> - </td><td class="yes"> <a href="common-input-element-attributes.html#dom-input-value-value" title="dom-input-value-value">value</a> - </td><td class="yes"> <a href="common-input-element-attributes.html#dom-input-value-value" title="dom-input-value-value">value</a> - </td><td class="yes"> <a href="common-input-element-attributes.html#dom-input-value-value" title="dom-input-value-value">value</a> - </td><td class="yes"> <a href="common-input-element-attributes.html#dom-input-value-value" title="dom-input-value-value">value</a> - </td><td class="yes"> <a href="common-input-element-attributes.html#dom-input-value-default-on" title="dom-input-value-default-on">default/on</a> - </td><td class="yes"> <a href="common-input-element-attributes.html#dom-input-value-filename" title="dom-input-value-filename">filename</a> - </td><td class="yes"> <a href="common-input-element-attributes.html#dom-input-value-default" title="dom-input-value-default">default</a> - </td><td class="yes"> <a href="common-input-element-attributes.html#dom-input-value-default" title="dom-input-value-default">default</a> - </td><td class="yes"> <a href="common-input-element-attributes.html#dom-input-value-default" title="dom-input-value-default">default</a> + </td></tr><tr class="impl"><th> <code title="dom-input-value"><a href="common-input-element-apis.html#dom-input-value">value</a></code> + </th><td class="yes"> <a href="common-input-element-apis.html#dom-input-value-default" title="dom-input-value-default">default</a> + </td><td class="yes"> <a href="common-input-element-apis.html#dom-input-value-value" title="dom-input-value-value">value</a> + </td><td class="yes"> <a href="common-input-element-apis.html#dom-input-value-value" title="dom-input-value-value">value</a> + </td><td class="yes"> <a href="common-input-element-apis.html#dom-input-value-value" title="dom-input-value-value">value</a> + </td><td class="yes"> <a href="common-input-element-apis.html#dom-input-value-value" title="dom-input-value-value">value</a> + </td><td class="yes"> <a href="common-input-element-apis.html#dom-input-value-value" title="dom-input-value-value">value</a> + </td><td class="yes"> <a href="common-input-element-apis.html#dom-input-value-value" title="dom-input-value-value">value</a> + </td><td class="yes"> <a href="common-input-element-apis.html#dom-input-value-value" title="dom-input-value-value">value</a> + </td><td class="yes"> <a href="common-input-element-apis.html#dom-input-value-value" title="dom-input-value-value">value</a> + </td><td class="yes"> <a href="common-input-element-apis.html#dom-input-value-value" title="dom-input-value-value">value</a> + </td><td class="yes"> <a href="common-input-element-apis.html#dom-input-value-default-on" title="dom-input-value-default-on">default/on</a> + </td><td class="yes"> <a href="common-input-element-apis.html#dom-input-value-filename" title="dom-input-value-filename">filename</a> + </td><td class="yes"> <a href="common-input-element-apis.html#dom-input-value-default" title="dom-input-value-default">default</a> + </td><td class="yes"> <a href="common-input-element-apis.html#dom-input-value-default" title="dom-input-value-default">default</a> + </td><td class="yes"> <a href="common-input-element-apis.html#dom-input-value-default" title="dom-input-value-default">default</a> - </td></tr><tr><th> <code title="dom-input-valueAsDate"><a href="common-input-element-attributes.html#dom-input-valueasdate">valueAsDate</a></code> + </td></tr><tr><th> <code title="dom-input-valueAsDate"><a href="common-input-element-apis.html#dom-input-valueasdate">valueAsDate</a></code> </th><td class="no"> · </td><td class="no"> · </td><td class="no"> · @@ -1051,7 +1053,7 @@ </td><td class="no"> · </td><td class="no"> · - </td></tr><tr><th> <code title="dom-input-valueAsNumber"><a href="common-input-element-attributes.html#dom-input-valueasnumber">valueAsNumber</a></code> + </td></tr><tr><th> <code title="dom-input-valueAsNumber"><a href="common-input-element-apis.html#dom-input-valueasnumber">valueAsNumber</a></code> </th><td class="no"> · </td><td class="no"> · </td><td class="no"> · @@ -1068,7 +1070,7 @@ </td><td class="no"> · </td><td class="no"> · - </td></tr><tr><th> <code title="dom-input-list"><a href="common-input-element-attributes.html#dom-input-list">list</a></code> + </td></tr><tr><th> <code title="dom-input-list"><a href="common-input-element-apis.html#dom-input-list">list</a></code> </th><td class="no"> · </td><td class="yes"> Yes </td><td class="yes"> Yes @@ -1085,7 +1087,7 @@ </td><td class="no"> · </td><td class="no"> · - </td></tr><tr><th> <code title="dom-textarea/input-select"><a href="association-of-controls-and-forms.html#dom-textarea-input-select">select()</a></code> + </td></tr><tr><th> <code title="dom-textarea/input-select"><a href="textFieldSelection.html#dom-textarea-input-select">select()</a></code> </th><td class="no"> · </td><td class="yes"> Yes </td><td class="yes"> Yes @@ -1102,7 +1104,7 @@ </td><td class="no"> · </td><td class="no"> · - </td></tr><tr><th> <code title="dom-textarea/input-selectionStart"><a href="association-of-controls-and-forms.html#dom-textarea-input-selectionstart">selectionStart</a></code> + </td></tr><tr><th> <code title="dom-textarea/input-selectionStart"><a href="textFieldSelection.html#dom-textarea-input-selectionstart">selectionStart</a></code> </th><td class="no"> · </td><td class="yes"> Yes </td><td class="yes"> Yes @@ -1119,7 +1121,7 @@ </td><td class="no"> · </td><td class="no"> · - </td></tr><tr><th> <code title="dom-textarea/input-selectionEnd"><a href="association-of-controls-and-forms.html#dom-textarea-input-selectionend">selectionEnd</a></code> + </td></tr><tr><th> <code title="dom-textarea/input-selectionEnd"><a href="textFieldSelection.html#dom-textarea-input-selectionend">selectionEnd</a></code> </th><td class="no"> · </td><td class="yes"> Yes </td><td class="yes"> Yes @@ -1136,7 +1138,7 @@ </td><td class="no"> · </td><td class="no"> · - </td></tr><tr><th> <code title="dom-textarea/input-selectionDirection"><a href="association-of-controls-and-forms.html#dom-textarea-input-selectiondirection">selectionDirection</a></code> + </td></tr><tr><th> <code title="dom-textarea/input-selectionDirection"><a href="textFieldSelection.html#dom-textarea-input-selectiondirection">selectionDirection</a></code> </th><td class="no"> · </td><td class="yes"> Yes </td><td class="yes"> Yes @@ -1153,7 +1155,7 @@ </td><td class="no"> · </td><td class="no"> · - </td></tr><tr><th> <code title="dom-textarea/input-setSelectionRange"><a href="association-of-controls-and-forms.html#dom-textarea-input-setselectionrange">setSelectionRange()</a></code> + </td></tr><tr><th> <code title="dom-textarea/input-setSelectionRange"><a href="textFieldSelection.html#dom-textarea-input-setselectionrange">setSelectionRange()</a></code> </th><td class="no"> · </td><td class="yes"> Yes </td><td class="yes"> Yes @@ -1170,7 +1172,7 @@ </td><td class="no"> · </td><td class="no"> · - </td></tr><tr><th> <code title="dom-input-stepDown"><a href="common-input-element-attributes.html#dom-input-stepdown">stepDown()</a></code> + </td></tr><tr><th> <code title="dom-input-stepDown"><a href="common-input-element-apis.html#dom-input-stepdown">stepDown()</a></code> </th><td class="no"> · </td><td class="no"> · </td><td class="no"> · @@ -1187,7 +1189,7 @@ </td><td class="no"> · </td><td class="no"> · - </td></tr><tr><th> <code title="dom-input-stepUp"><a href="common-input-element-attributes.html#dom-input-stepup">stepUp()</a></code> + </td></tr><tr><th> <code title="dom-input-stepUp"><a href="common-input-element-apis.html#dom-input-stepup">stepUp()</a></code> </th><td class="no"> · </td><td class="no"> · </td><td class="no"> · @@ -1206,7 +1208,7 @@ </td></tr></tbody><tbody><tr><th colspan="16" scope="rowgroup">Events - </th></tr><tr><th> <span title=""><code title="event-input-input"><a href="common-input-element-attributes.html#event-input-input">input</a></code> event</span> + </th></tr><tr><th> <span title=""><code title="event-input-input"><a href="common-input-element-apis.html#event-input-input">input</a></code> event</span> </th><td class="no"> · </td><td class="yes"> Yes </td><td class="yes"> Yes @@ -1223,7 +1225,7 @@ </td><td class="no"> · </td><td class="no"> · - </td></tr><tr><th> <span title=""><code title="event-input-change"><a href="common-input-element-attributes.html#event-input-change">change</a></code> event</span> + </td></tr><tr><th> <span title=""><code title="event-input-change"><a href="common-input-element-apis.html#event-input-change">change</a></code> event</span> </th><td class="no"> · </td><td class="yes"> Yes </td><td class="yes"> Yes @@ -1247,7 +1249,7 @@ <p>Some states of the <code title="attr-input-type"><a href="#attr-input-type">type</a></code> attribute define a <dfn id="value-sanitization-algorithm">value sanitization algorithm</dfn>.</p> - <p>Each <code><a href="#the-input-element">input</a></code> element has a <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a>, which is exposed by the <code title="dom-input-value"><a href="common-input-element-attributes.html#dom-input-value">value</a></code> IDL attribute. Some states + <p>Each <code><a href="#the-input-element">input</a></code> element has a <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a>, which is exposed by the <code title="dom-input-value"><a href="common-input-element-apis.html#dom-input-value">value</a></code> IDL attribute. Some states define an <dfn id="concept-input-value-string-number" title="concept-input-value-string-number">algorithm to convert a string to a number</dfn>, an <dfn id="concept-input-value-number-string" title="concept-input-value-number-string">algorithm to convert a number to a string</dfn>, an <dfn id="concept-input-value-string-date" title="concept-input-value-string-date">algorithm to convert a @@ -1256,31 +1258,31 @@ <code title="attr-input-max"><a href="common-input-element-attributes.html#attr-input-max">max</a></code>, <code title="attr-input-min"><a href="common-input-element-attributes.html#attr-input-min">min</a></code>, <code title="attr-input-step"><a href="common-input-element-attributes.html#attr-input-step">step</a></code>, - <code title="dom-input-valueAsDate"><a href="common-input-element-attributes.html#dom-input-valueasdate">valueAsDate</a></code>, - <code title="dom-input-valueAsNumber"><a href="common-input-element-attributes.html#dom-input-valueasnumber">valueAsNumber</a></code>, - <code title="dom-input-stepDown"><a href="common-input-element-attributes.html#dom-input-stepdown">stepDown()</a></code>, and - <code title="dom-input-stepUp"><a href="common-input-element-attributes.html#dom-input-stepup">stepUp()</a></code>.</p> + <code title="dom-input-valueAsDate"><a href="common-input-element-apis.html#dom-input-valueasdate">valueAsDate</a></code>, + <code title="dom-input-valueAsNumber"><a href="common-input-element-apis.html#dom-input-valueasnumber">valueAsNumber</a></code>, + <code title="dom-input-stepDown"><a href="common-input-element-apis.html#dom-input-stepdown">stepDown()</a></code>, and + <code title="dom-input-stepUp"><a href="common-input-element-apis.html#dom-input-stepup">stepUp()</a></code>.</p> <p>Each <code><a href="#the-input-element">input</a></code> element has a boolean <dfn id="concept-input-value-dirty-flag" title="concept-input-value-dirty-flag">dirty value flag</dfn>. The <a href="#concept-input-value-dirty-flag" title="concept-input-value-dirty-flag">dirty value flag</a> must be initially set to false when the element is created, and must be set to true whenever the user interacts with the control in a way - that changes the <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a>. (It is + that changes the <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a>. (It is also set to true when the value is programmatically changed, as - described in the definition of the <code title="dom-input-value"><a href="common-input-element-attributes.html#dom-input-value">value</a></code> IDL attribute.)</p> + described in the definition of the <code title="dom-input-value"><a href="common-input-element-apis.html#dom-input-value">value</a></code> IDL attribute.)</p> </div><p>The <dfn id="attr-input-value" title="attr-input-value"><code>value</code></dfn> - content attribute gives the default <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> of the <code><a href="#the-input-element">input</a></code> + content attribute gives the default <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a> of the <code><a href="#the-input-element">input</a></code> element. <span class="impl">When the <code title="attr-input-value"><a href="#attr-input-value">value</a></code> content attribute is added, set, or removed, if the control's <a href="#concept-input-value-dirty-flag" title="concept-input-value-dirty-flag">dirty value flag</a> is - false, the user agent must set the <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> of the element to the value of + false, the user agent must set the <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a> of the element to the value of the <code title="attr-input-value"><a href="#attr-input-value">value</a></code> content attribute, if there is one, or the empty string otherwise, and then run the current <a href="#value-sanitization-algorithm">value sanitization algorithm</a>, if one is defined.</span></p><div class="impl"> - <p>Each <code><a href="#the-input-element">input</a></code> element has a <a href="association-of-controls-and-forms.html#concept-fe-checked" title="concept-fe-checked">checkedness</a>, which is exposed by - the <code title="dom-input-checked"><a href="common-input-element-attributes.html#dom-input-checked">checked</a></code> IDL + <p>Each <code><a href="#the-input-element">input</a></code> element has a <a href="attributes-common-to-form-controls.html#concept-fe-checked" title="concept-fe-checked">checkedness</a>, which is exposed by + the <code title="dom-input-checked"><a href="common-input-element-apis.html#dom-input-checked">checked</a></code> IDL attribute.</p> <p>Each <code><a href="#the-input-element">input</a></code> element has a boolean <dfn id="concept-input-checked-dirty-flag" title="concept-input-checked-dirty-flag">dirty checkedness @@ -1288,25 +1290,25 @@ checkedness</i></dfn>. The <a href="#concept-input-checked-dirty-flag" title="concept-input-checked-dirty-flag">dirty checkedness flag</a> must be initially set to false when the element is created, and must be set to true whenever the user interacts with - the control in a way that changes the <a href="association-of-controls-and-forms.html#concept-fe-checked" title="concept-fe-checked">checkedness</a>.</p> + the control in a way that changes the <a href="attributes-common-to-form-controls.html#concept-fe-checked" title="concept-fe-checked">checkedness</a>.</p> </div><p>The <dfn id="attr-input-checked" title="attr-input-checked"><code>checked</code></dfn> content attribute is a <a href="common-microsyntaxes.html#boolean-attribute">boolean attribute</a> that gives the - default <a href="association-of-controls-and-forms.html#concept-fe-checked" title="concept-fe-checked">checkedness</a> of the + default <a href="attributes-common-to-form-controls.html#concept-fe-checked" title="concept-fe-checked">checkedness</a> of the <code><a href="#the-input-element">input</a></code> element. <span class="impl">When the <code title="attr-input-checked"><a href="#attr-input-checked">checked</a></code> content attribute is added, if the control does not have <i title="concept-input-checked-dirty"><a href="#concept-input-checked-dirty">dirty checkedness</a></i>, the user - agent must set the <a href="association-of-controls-and-forms.html#concept-fe-checked" title="concept-fe-checked">checkedness</a> of the element to + agent must set the <a href="attributes-common-to-form-controls.html#concept-fe-checked" title="concept-fe-checked">checkedness</a> of the element to true; when the <code title="attr-input-checked"><a href="#attr-input-checked">checked</a></code> content attribute is removed, if the control does not have <i title="concept-input-checked-dirty"><a href="#concept-input-checked-dirty">dirty checkedness</a></i>, the user - agent must set the <a href="association-of-controls-and-forms.html#concept-fe-checked" title="concept-fe-checked">checkedness</a> of the element to + agent must set the <a href="attributes-common-to-form-controls.html#concept-fe-checked" title="concept-fe-checked">checkedness</a> of the element to false.</span></p><div class="impl"> - <p>The <a href="association-of-controls-and-forms.html#concept-form-reset-control" title="concept-form-reset-control">reset + <p>The <a href="form-submission.html#concept-form-reset-control" title="concept-form-reset-control">reset algorithm</a> for <code><a href="#the-input-element">input</a></code> elements is to set the <a href="#concept-input-value-dirty-flag" title="concept-input-value-dirty-flag">dirty value flag</a> and <a href="#concept-input-checked-dirty-flag" title="concept-input-checked-dirty-flag">dirty checkedness - flag</a> back to false, set the <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> of the element to the value of + flag</a> back to false, set the <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a> of the element to the value of the <code title="attr-input-value"><a href="#attr-input-value">value</a></code> content attribute, - if there is one, or the empty string otherwise, set the <a href="association-of-controls-and-forms.html#concept-fe-checked" title="concept-fe-checked">checkedness</a> of the element to true + if there is one, or the empty string otherwise, set the <a href="attributes-common-to-form-controls.html#concept-fe-checked" title="concept-fe-checked">checkedness</a> of the element to true if the element has a <code title="attr-input-checked"><a href="#attr-input-checked">checked</a></code> content attribute and false if it does not, empty the list of <a href="number-state.html#concept-input-type-file-selected" title="concept-input-type-file-selected">selected files</a>, and then invoke the <a href="#value-sanitization-algorithm">value sanitization algorithm</a>, if the @@ -1316,10 +1318,10 @@ <p>Each <code><a href="#the-input-element">input</a></code> element is either <dfn id="concept-input-mutable" title="concept-input-mutable"><i>mutable</i></dfn> or <dfn id="concept-input-immutable" title="concept-input-immutable"><i>immutable</i></dfn>. Except where otherwise specified, an <code><a href="#the-input-element">input</a></code> element is always <i title="concept-input-mutable"><a href="#concept-input-mutable">mutable</a></i>. Similarly, except where otherwise specified, the user agent should not allow the user to - modify the element's <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> or - <a href="association-of-controls-and-forms.html#concept-fe-checked" title="concept-fe-checked">checkedness</a>.</p> + modify the element's <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a> or + <a href="attributes-common-to-form-controls.html#concept-fe-checked" title="concept-fe-checked">checkedness</a>.</p> - <p>When an <code><a href="#the-input-element">input</a></code> element is <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a>, it is <i title="concept-input-immutable"><a href="#concept-input-immutable">immutable</a></i>.</p> + <p>When an <code><a href="#the-input-element">input</a></code> element is <a href="attributes-common-to-form-controls.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a>, it is <i title="concept-input-immutable"><a href="#concept-input-immutable">immutable</a></i>.</p> <p>When an <code><a href="#the-input-element">input</a></code> element does not have a <code><a href="dom.html#document">Document</a></code> node as one of its ancestors (i.e. when it is @@ -1329,8 +1331,8 @@ <code><a href="#the-input-element">input</a></code> element <i title="concept-input-immutable"><a href="#concept-input-immutable">immutable</a></i>.</p> <p>The <a href="infrastructure.html#concept-node-clone-ext" title="concept-node-clone-ext">cloning steps</a> for - <code><a href="#the-input-element">input</a></code> elements must propagate the <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a>, <a href="#concept-input-value-dirty-flag" title="concept-input-value-dirty-flag">dirty value flag</a>, - <a href="association-of-controls-and-forms.html#concept-fe-checked" title="concept-fe-checked">checkedness</a>, and <a href="#concept-input-checked-dirty-flag" title="concept-input-checked-dirty-flag">dirty checkedness + <code><a href="#the-input-element">input</a></code> elements must propagate the <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a>, <a href="#concept-input-value-dirty-flag" title="concept-input-value-dirty-flag">dirty value flag</a>, + <a href="attributes-common-to-form-controls.html#concept-fe-checked" title="concept-fe-checked">checkedness</a>, and <a href="#concept-input-checked-dirty-flag" title="concept-input-checked-dirty-flag">dirty checkedness flag</a> from the node being cloned to the copy.</p> <hr><p>When an <code><a href="#the-input-element">input</a></code> element is first created, the @@ -1345,15 +1347,15 @@ <p>When an <code><a href="#the-input-element">input</a></code> element's <code title="attr-input-type"><a href="#attr-input-type">type</a></code> attribute changes state, the user agent must run the following steps:</p> - <ol><li><p>If the previous state of the element's <code title="attr-input-type"><a href="#attr-input-type">type</a></code> attribute put the <code title="dom-input-value"><a href="common-input-element-attributes.html#dom-input-value">value</a></code> IDL attribute in the <i title="dom-input-value-value"><a href="common-input-element-attributes.html#dom-input-value-value">value</a></i> mode, and the element's - <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> is not the empty - string, and the new state of the element's <code title="attr-input-type"><a href="#attr-input-type">type</a></code> attribute puts the <code title="dom-input-value"><a href="common-input-element-attributes.html#dom-input-value">value</a></code> IDL attribute in either the <i title="dom-input-value-default"><a href="common-input-element-attributes.html#dom-input-value-default">default</a></i> mode or the <i title="dom-input-value-default-on"><a href="common-input-element-attributes.html#dom-input-value-default-on">default/on</a></i> mode, then set + <ol><li><p>If the previous state of the element's <code title="attr-input-type"><a href="#attr-input-type">type</a></code> attribute put the <code title="dom-input-value"><a href="common-input-element-apis.html#dom-input-value">value</a></code> IDL attribute in the <i title="dom-input-value-value"><a href="common-input-element-apis.html#dom-input-value-value">value</a></i> mode, and the element's + <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a> is not the empty + string, and the new state of the element's <code title="attr-input-type"><a href="#attr-input-type">type</a></code> attribute puts the <code title="dom-input-value"><a href="common-input-element-apis.html#dom-input-value">value</a></code> IDL attribute in either the <i title="dom-input-value-default"><a href="common-input-element-apis.html#dom-input-value-default">default</a></i> mode or the <i title="dom-input-value-default-on"><a href="common-input-element-apis.html#dom-input-value-default-on">default/on</a></i> mode, then set the element's <code title="attr-input-value"><a href="#attr-input-value">value</a></code> content - attribute to the element's <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a>.</p></li> + attribute to the element's <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a>.</p></li> - <li><p>Otherwise, if the previous state of the element's <code title="attr-input-type"><a href="#attr-input-type">type</a></code> attribute put the <code title="dom-input-value"><a href="common-input-element-attributes.html#dom-input-value">value</a></code> IDL attribute in any mode - other than the <i title="dom-input-value-value"><a href="common-input-element-attributes.html#dom-input-value-value">value</a></i> mode, and - the new state of the element's <code title="attr-input-type"><a href="#attr-input-type">type</a></code> attribute puts the <code title="dom-input-value"><a href="common-input-element-attributes.html#dom-input-value">value</a></code> IDL attribute in the <i title="dom-input-value-value"><a href="common-input-element-attributes.html#dom-input-value-value">value</a></i> mode, then set the <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> of the element to the value + <li><p>Otherwise, if the previous state of the element's <code title="attr-input-type"><a href="#attr-input-type">type</a></code> attribute put the <code title="dom-input-value"><a href="common-input-element-apis.html#dom-input-value">value</a></code> IDL attribute in any mode + other than the <i title="dom-input-value-value"><a href="common-input-element-apis.html#dom-input-value-value">value</a></i> mode, and + the new state of the element's <code title="attr-input-type"><a href="#attr-input-type">type</a></code> attribute puts the <code title="dom-input-value"><a href="common-input-element-apis.html#dom-input-value">value</a></code> IDL attribute in the <i title="dom-input-value-value"><a href="common-input-element-apis.html#dom-input-value-value">value</a></i> mode, then set the <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a> of the element to the value of the <code title="attr-input-value"><a href="#attr-input-value">value</a></code> content attribute, if there is one, or the empty string otherwise, and then set the control's <a href="#concept-input-value-dirty-flag" title="concept-input-value-dirty-flag">dirty value flag</a> to @@ -1368,10 +1370,10 @@ </ol></div><hr><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-input-element">input</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. The <code title="attr-fe-disabled"><a href="association-of-controls-and-forms.html#attr-fe-disabled">disabled</a></code> attribute is used to make + <a href="association-of-controls-and-forms.html#form-owner">form owner</a>. The <code title="attr-fe-name"><a href="attributes-common-to-form-controls.html#attr-fe-name">name</a></code> + attribute represents the element's name. The <code title="attr-fe-disabled"><a href="attributes-common-to-form-controls.html#attr-fe-disabled">disabled</a></code> attribute is used to make the control non-interactive and to prevent its value from being - submitted. The <code title="attr-fe-autofocus"><a href="association-of-controls-and-forms.html#attr-fe-autofocus">autofocus</a></code> + submitted. The <code title="attr-fe-autofocus"><a href="attributes-common-to-form-controls.html#attr-fe-autofocus">autofocus</a></code> attribute controls focus.</p><div class="impl"> <p>The <dfn id="dom-input-indeterminate" title="dom-input-indeterminate"><code>indeterminate</code></dfn> IDL @@ -1409,16 +1411,16 @@ <p>On setting, they must act as if they <a href="common-dom-interfaces.html#reflect" title="reflect">reflected</a> the respective content attributes of the same name.</p> - <p>The <code title="dom-cva-willValidate"><a href="association-of-controls-and-forms.html#dom-cva-willvalidate">willValidate</a></code>, <code title="dom-cva-validity"><a href="association-of-controls-and-forms.html#dom-cva-validity">validity</a></code>, and <code title="dom-cva-validationMessage"><a href="association-of-controls-and-forms.html#dom-cva-validationmessage">validationMessage</a></code> - attributes, and the <code title="dom-cva-checkValidatity"><a href="association-of-controls-and-forms.html#dom-cva-checkvalidatity">checkValidity()</a></code> and <code title="dom-cva-setCustomValidity"><a href="association-of-controls-and-forms.html#dom-cva-setcustomvalidity">setCustomValidity()</a></code> - methods, are part of the <a href="association-of-controls-and-forms.html#the-constraint-validation-api">constraint validation API</a>. The - <code title="dom-lfe-labels"><a href="forms.html#dom-lfe-labels">labels</a></code> attribute provides a list - of the element's <code><a href="forms.html#the-label-element">label</a></code>s. The <code title="dom-textarea/input-select"><a href="association-of-controls-and-forms.html#dom-textarea-input-select">select()</a></code>, <code title="dom-textarea/input-selectionStart"><a href="association-of-controls-and-forms.html#dom-textarea-input-selectionstart">selectionStart</a></code>, - <code title="dom-textarea/input-selectionEnd"><a href="association-of-controls-and-forms.html#dom-textarea-input-selectionend">selectionEnd</a></code>, - <code title="dom-textarea/input-selectionDirection"><a href="association-of-controls-and-forms.html#dom-textarea-input-selectiondirection">selectionDirection</a></code>, - and <code title="dom-textarea/input-setSelectionRange"><a href="association-of-controls-and-forms.html#dom-textarea-input-setselectionrange">setSelectionRange()</a></code> + <p>The <code title="dom-cva-willValidate"><a href="constraints.html#dom-cva-willvalidate">willValidate</a></code>, <code title="dom-cva-validity"><a href="constraints.html#dom-cva-validity">validity</a></code>, and <code title="dom-cva-validationMessage"><a href="constraints.html#dom-cva-validationmessage">validationMessage</a></code> + attributes, and the <code title="dom-cva-checkValidatity"><a href="constraints.html#dom-cva-checkvalidatity">checkValidity()</a></code> and <code title="dom-cva-setCustomValidity"><a href="constraints.html#dom-cva-setcustomvalidity">setCustomValidity()</a></code> + methods, are part of the <a href="constraints.html#the-constraint-validation-api">constraint validation API</a>. The + <code title="dom-lfe-labels"><a href="the-label-element.html#dom-lfe-labels">labels</a></code> attribute provides a list + of the element's <code><a href="the-label-element.html#the-label-element">label</a></code>s. The <code title="dom-textarea/input-select"><a href="textFieldSelection.html#dom-textarea-input-select">select()</a></code>, <code title="dom-textarea/input-selectionStart"><a href="textFieldSelection.html#dom-textarea-input-selectionstart">selectionStart</a></code>, + <code title="dom-textarea/input-selectionEnd"><a href="textFieldSelection.html#dom-textarea-input-selectionend">selectionEnd</a></code>, + <code title="dom-textarea/input-selectionDirection"><a href="textFieldSelection.html#dom-textarea-input-selectiondirection">selectionDirection</a></code>, + and <code title="dom-textarea/input-setSelectionRange"><a href="textFieldSelection.html#dom-textarea-input-setselectionrange">setSelectionRange()</a></code> methods and attributes expose the element's text selection. The - <code title="dom-fe-autofocus"><a href="association-of-controls-and-forms.html#dom-fe-autofocus">autofocus</a></code>, <code title="dom-fe-disabled"><a href="association-of-controls-and-forms.html#dom-fe-disabled">disabled</a></code>, <code title="dom-fae-form"><a href="association-of-controls-and-forms.html#dom-fae-form">form</a></code>, and <code title="dom-fe-name"><a href="association-of-controls-and-forms.html#dom-fe-name">name</a></code> IDL attributes are part of the + <code title="dom-fe-autofocus"><a href="attributes-common-to-form-controls.html#dom-fe-autofocus">autofocus</a></code>, <code title="dom-fe-disabled"><a href="attributes-common-to-form-controls.html#dom-fe-disabled">disabled</a></code>, <code title="dom-fae-form"><a href="association-of-controls-and-forms.html#dom-fae-form">form</a></code>, and <code title="dom-fe-name"><a href="attributes-common-to-form-controls.html#dom-fe-name">name</a></code> IDL attributes are part of the element's forms API.</p> </div></body></html> \ No newline at end of file Index: rendering.html =================================================================== RCS file: /sources/public/html5/spec/rendering.html,v retrieving revision 1.133 retrieving revision 1.134 diff -u -d -r1.133 -r1.134 --- rendering.html 10 Dec 2011 06:02:13 -0000 1.133 +++ rendering.html 10 Dec 2011 06:15:46 -0000 1.134 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>10 Rendering — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>10 Rendering — HTML5</title><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; } @@ -319,23 +318,25 @@ } </script> <script src="link-fixup.js"></script> [...1085 lines suppressed...] <div class="example"> @@ -2913,7 +2914,7 @@ </label> </p></pre> - <p>If the <code><a href="the-button-element.html#the-select-element">select</a></code> element was rendered as a drop down + <p>If the <code><a href="the-select-element.html#the-select-element">select</a></code> element was rendered as a drop down box, a correct rendering would ensure that the punctuation was the same both in the drop down, and in the box showing the current selection.</p> @@ -2921,7 +2922,7 @@ <p><img alt="" height="105" src="http://dev.w3.org/html5/spec/images/bidiselect.png" width="206"></p> </div> - <p>A string provided by a script (e.g. the argument to <code title="dom-alert"><a href="timers.html#dom-alert">window.alert()</a></code>) is expected to be treated + <p>A string provided by a script (e.g. the argument to <code title="dom-alert"><a href="user-prompts.html#dom-alert">window.alert()</a></code>) is expected to be treated as an independent set of one or more bidirectional algorithm paragraphs when displayed, as defined by the bidirectional algorithm, including, for instance, supporting the Index: acknowledgements.html =================================================================== RCS file: /sources/public/html5/spec/acknowledgements.html,v retrieving revision 1.1104 retrieving revision 1.1105 diff -u -d -r1.1104 -r1.1105 --- acknowledgements.html 10 Dec 2011 06:02:05 -0000 1.1104 +++ acknowledgements.html 10 Dec 2011 06:15:41 -0000 1.1105 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>Acknowledgements — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>Acknowledgements — HTML5</title><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; } @@ -319,16 +318,19 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="references.html" title="References" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> - </head><body><div class="head" id="head"> + <link href="references.html" title="References" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="references.html" class="prev">References</a> – - <a href="spec.html#contents">Table of contents</a> - </div> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="references.html">← References</a> – + <a href="index.html#contents">Table of contents</a> + </nav> <h2 class="no-num" id="acknowledgements">Acknowledgements</h2><!-- ACKS --><p>Thanks to Tim Berners-Lee for inventing HTML, without which none of this would exist.</p><p>Thanks to Index: grouping-content.html =================================================================== RCS file: /sources/public/html5/spec/grouping-content.html,v retrieving revision 1.60 retrieving revision 1.61 diff -u -d -r1.60 -r1.61 --- grouping-content.html 19 Oct 2011 23:46:26 -0000 1.60 +++ grouping-content.html 10 Dec 2011 06:15:44 -0000 1.61 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>4.5 Grouping content — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>4.5 Grouping content — HTML5</title><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; } @@ -319,1035 +318,20 @@ } </script> <script src="link-fixup.js"></script> [...1026 lines suppressed...] - us to the pool today, walking down the pavement with us. Yesterday - he apparently visited our neighbours. I wonder if he recognises that - their flat is a mirror image of ours.</p> - <p>Hm, I just noticed that in the last paragraph I used British - English. But I'm supposed to write in American English. So I - shouldn't say "pavement" or "flat" or "colour"...</p> - </div> - <p>I should say "sidewalk" and "apartment" and "color"!</p> -</article></pre> + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="headings-and-sections.html">← 4.4.11 Headings and sections</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="the-p-element.html">4.5.1 The p element →</a> + </nav> - </div></body></html> \ No newline at end of file + <h3 id="grouping-content"><span class="secno">4.5 </span>Grouping content</h3></body></html> \ No newline at end of file Index: timers.html =================================================================== RCS file: /sources/public/html5/spec/timers.html,v retrieving revision 1.71 retrieving revision 1.72 diff -u -d -r1.71 -r1.72 --- timers.html 10 Dec 2011 06:02:15 -0000 1.71 +++ timers.html 10 Dec 2011 06:15:48 -0000 1.72 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>6.3 Timers — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>6.3 Timers — HTML5</title><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; } @@ -319,21 +318,21 @@ } </script> <script src="link-fixup.js"></script> [...1202 lines suppressed...] - user by the user agent for which the resulting <a href="urls.html#absolute-url">absolute - URL</a> is a <a href="infrastructure.html#prefix-match">prefix match</a> of the search engine's - <a href="urls.html#url">URL</a>, if any. For search engines registered using - OpenSearch description documents, the <a href="urls.html#url">URL</a> of the - search engine corresponds to the URL given in a <code title="">Url</code> element whose <code title="">rel</code> - attribute is "<code title="">results</code>" (the default). <a href="references.html#refsOPENSEARCH">[OPENSEARCH]</a></p></li> - - <li><p>If <var title="">search engines</var> is empty, return 0 - and abort these steps.</p></li> - - <li><p>If the user's default search engine (as determined by the - user agent) is one of the search engines in <var title="">search - engines</var>, then return 2 and abort these steps.</p></li> - - <li><p>Return 1.</p></li> - - </ol></div></body></html> \ No newline at end of file + </div></body></html> \ No newline at end of file Index: elements.html =================================================================== RCS file: /sources/public/html5/spec/elements.html,v retrieving revision 1.75 retrieving revision 1.76 diff -u -d -r1.75 -r1.76 --- elements.html 10 Dec 2011 06:02:07 -0000 1.75 +++ elements.html 10 Dec 2011 06:15:42 -0000 1.76 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>3.2 Elements — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>3.2 Elements — HTML5</title><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; } @@ -319,27 +318,27 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="dom.html" title="3 Semantics, structure, and APIs of HTML documents" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> - <link href="content-models.html" title="3.2.5 Content models" rel="next"> - </head><body><div class="head" id="head"> + <link href="dom.html" title="3 Semantics, structure, and APIs of HTML documents" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> + <link href="global-attributes.html" title="3.2.3 Global attributes" rel="next"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="dom.html" class="prev">3 Semantics, structure, and APIs of HTML documents</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="content-models.html" class="next">3.2.5 Content models</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="dom.html">← 3 Semantics, structure, and APIs of HTML documents</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="global-attributes.html">3.2.3 Global attributes →</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-with-the-data-attributes"><span class="secno">3.2.3.8 </span>Embedding custom non-visible data with the <code title="attr-data-*">data-*</code> attributes</a></li></ol></li><li><a href="elements.html#element-definitions"><span class="secno">3.2.4 </span>Element definitions</a> - <ol><li><a href="elements.html#attributes"><span class="secno">3.2.4.1 </span>Attributes</a></li></ol></li></ol></li></ol></li></ol></div> + <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></ol></li></ol></li></ol></nav> <h3 id="elements"><span class="secno">3.2 </span>Elements</h3><h4 id="semantics-0"><span class="secno">3.2.1 </span>Semantics</h4><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 + example, the <code><a href="the-ol-element.html#the-ol-element">ol</a></code> element represents an ordered list, and + the <code title="attr-lang"><a href="global-attributes.html#attr-lang">lang</a></code> attribute represents the language of the content.</p><p>These definitions allow HTML processors, such as Web browsers or search engines, to present and use documents and applications in a wide variety of contexts that the author might not have @@ -403,7 +402,7 @@ </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). This would make + data (and the <code><a href="the-cite-element.html#the-cite-element">cite</a></code> element mis-used). This would make software that relies on these semantics fail: for example, a speech browser that allowed a blind user to navigate tables in the document would report the quote above as a table, confusing the @@ -440,7 +439,7 @@ <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 + <p>The <code><a href="the-hgroup-element.html#the-hgroup-element">hgroup</a></code> element is intended for these kinds of situations:</p> <pre><body> @@ -472,7 +471,7 @@ by the state of the document at that instant in time, and the semantics of a document can therefore change over time. User agents <span class="impl">must</span> update their presentation of the - document as this occurs.</p><p class="example">HTML has a <code><a href="the-button-element.html#the-progress-element">progress</a></code> element that + document as this occurs.</p><p class="example">HTML has a <code><a href="the-progress-element.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>The nodes representing <a href="infrastructure.html#html-elements">HTML elements</a> in the DOM @@ -482,18 +481,18 @@ documents</a>, even when those documents are in another context (e.g. inside an XSLT transform).</p><p>Elements in the DOM <a href="rendering.html#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 + semantics.</p><p class="example">For example, an <code><a href="the-ol-element.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, <span class="impl">and which must be used by elements that have no additional requirements,</span> is the <code><a href="#htmlelement">HTMLElement</a></code> interface.</p><pre class="idl">interface <dfn id="htmlelement">HTMLElement</dfn> : <a href="infrastructure.html#element">Element</a> { // <span>metadata attributes</span> - 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="infrastructure.html#domtokenlist">DOMTokenList</a> <a href="#dom-classlist" title="dom-classList">classList</a>; - readonly attribute <a href="common-dom-interfaces.html#domstringmap">DOMStringMap</a> <a href="#dom-dataset" title="dom-dataset">dataset</a>; + attribute DOMString <a href="global-attributes.html#dom-title" title="dom-title">title</a>; + attribute DOMString <a href="global-attributes.html#dom-lang" title="dom-lang">lang</a>; + attribute DOMString <a href="global-attributes.html#dom-dir" title="dom-dir">dir</a>; + attribute <span>DOMString</span> <a href="global-attributes.html#dom-classname" title="dom-className">className</a>; + readonly attribute <a href="infrastructure.html#domtokenlist">DOMTokenList</a> <a href="global-attributes.html#dom-classlist" title="dom-classList">classList</a>; + readonly attribute <a href="common-dom-interfaces.html#domstringmap">DOMStringMap</a> <a href="global-attributes.html#dom-dataset" title="dom-dataset">dataset</a>; // <a href="editing.html#editing">user interaction</a> attribute boolean <a href="editing.html#dom-hidden" title="dom-hidden">hidden</a>; @@ -507,8 +506,8 @@ [PutForwards=<span title="dom-DOMSettableTokenList-value">value</span>] readonly attribute <a href="infrastructure.html#domsettabletokenlist">DOMSettableTokenList</a> <a href="dnd.html#dom-dropzone" title="dom-dropzone">dropzone</a>; attribute DOMString <a href="editing.html#dom-contenteditable" title="dom-contentEditable">contentEditable</a>; readonly attribute boolean <a href="editing.html#dom-iscontenteditable" title="dom-isContentEditable">isContentEditable</a>; - attribute <a href="interactive-elements.html#htmlmenuelement">HTMLMenuElement</a>? <a href="interactive-elements.html#dom-contextmenu" title="dom-contextMenu">contextMenu</a>; - attribute boolean <a href="editing.html#dom-spellcheck" title="dom-spellcheck">spellcheck</a>; + attribute <a href="the-menu-element.html#htmlmenuelement">HTMLMenuElement</a>? <a href="the-menu-element.html#dom-contextmenu" title="dom-contextMenu">contextMenu</a>; + attribute boolean <a href="editing-apis.html#dom-spellcheck" title="dom-spellcheck">spellcheck</a>; // <a href="commands.html#command-api">command API</a> readonly attribute DOMString? <a href="commands.html#dom-command-ro-commandtype" title="dom-command-ro-commandType">commandType</a>; @@ -518,7 +517,7 @@ readonly attribute boolean? <a href="commands.html#dom-command-ro-commanddisabled" title="dom-command-ro-commandDisabled">commandDisabled</a>; readonly attribute boolean? <a href="commands.html#dom-command-ro-commandchecked" title="dom-command-ro-commandChecked">commandChecked</a>; // <span>styling</span> - readonly attribute <a href="infrastructure.html#cssstyledeclaration">CSSStyleDeclaration</a> <a href="#dom-style" title="dom-style">style</a>; + readonly attribute <a href="infrastructure.html#cssstyledeclaration">CSSStyleDeclaration</a> <a href="global-attributes.html#dom-style" title="dom-style">style</a>; // <a href="webappapis.html#event-handler-idl-attributes">event handler IDL attributes</a> [TreatNonCallableAsNull] attribute <a href="webappapis.html#function">Function</a>? <a href="webappapis.html#handler-onabort" title="handler-onabort">onabort</a>; @@ -585,737 +584,4 @@ <a href="infrastructure.html#html-elements">HTML elements</a> that are not defined by this specification (or <a href="infrastructure.html#other-applicable-specifications">other applicable specifications</a>).</p> - </div><h4 id="global-attributes"><span class="secno">3.2.3 </span><dfn>Global attributes</dfn></h4><p>The following attributes are common to and may be specified on - all <a href="infrastructure.html#html-elements">HTML elements</a><span class="impl"> (even those not - defined in this specification)</span>:</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-dropzone"><a href="dnd.html#the-dropzone-attribute">dropzone</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-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><div class="impl"> - - <p>These attributes are only defined by this specification as - attributes for <a href="infrastructure.html#html-elements">HTML elements</a>. When this specification - refers to elements having these attributes, elements from namespaces - that are not defined as having these attributes must not be - considered as being elements with these attributes.</p> - - <div class="example"> - - <p>For example, in the following XML fragment, the "<code title="">bogus</code>" element does not have a <code title="attr-dir"><a href="#the-dir-attribute">dir</a></code> attribute as defined in this - specification, despite having an attribute with the literal name - "<code title="">dir</code>". Thus, <a href="#the-directionality">the directionality</a> - of the inner-most <code><a href="text-level-semantics.html#the-span-element">span</a></code> element is '<a href="#concept-rtl" title="concept-rtl">rtl</a>', inherited from the - <code><a href="grouping-content.html#the-div-element">div</a></code> element indirectly through the "<code title="">bogus</code>" element.</p> - - <pre class="bad"><div xmlns="http://www.w3.org/1999/html" dir="rtl"> - <bogus xmlns="http://example.net/ns" dir="ltr"> - <span xmlns="http://www.w3.org/1999/html"> - </span> - </bogus> -</div></pre> - - </div> - - </div><hr><p>The following <a href="webappapis.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="webappapis.html#handler-onabort">onabort</a></code></li> - <li><code title="handler-onblur"><a href="webappapis.html#handler-onblur">onblur</a></code>*</li> - <li><code title="handler-oncanplay"><a href="webappapis.html#handler-oncanplay">oncanplay</a></code></li> - <li><code title="handler-oncanplaythrough"><a href="webappapis.html#handler-oncanplaythrough">oncanplaythrough</a></code></li> - <li><code title="handler-onchange"><a href="webappapis.html#handler-onchange">onchange</a></code></li> - <li><code title="handler-onclick"><a href="webappapis.html#handler-onclick">onclick</a></code></li> - <li><code title="handler-oncontextmenu"><a href="webappapis.html#handler-oncontextmenu">oncontextmenu</a></code></li> - <li><code title="handler-oncuechange"><a href="webappapis.html#handler-oncuechange">oncuechange</a></code></li> - <li><code title="handler-ondblclick"><a href="webappapis.html#handler-ondblclick">ondblclick</a></code></li> - <li><code title="handler-ondrag"><a href="webappapis.html#handler-ondrag">ondrag</a></code></li> - <li><code title="handler-ondragend"><a href="webappapis.html#handler-ondragend">ondragend</a></code></li> - <li><code title="handler-ondragenter"><a href="webappapis.html#handler-ondragenter">ondragenter</a></code></li> - <li><code title="handler-ondragleave"><a href="webappapis.html#handler-ondragleave">ondragleave</a></code></li> - <li><code title="handler-ondragover"><a href="webappapis.html#handler-ondragover">ondragover</a></code></li> - <li><code title="handler-ondragstart"><a href="webappapis.html#handler-ondragstart">ondragstart</a></code></li> - <li><code title="handler-ondrop"><a href="webappapis.html#handler-ondrop">ondrop</a></code></li> - <li><code title="handler-ondurationchange"><a href="webappapis.html#handler-ondurationchange">ondurationchange</a></code></li> - <li><code title="handler-onemptied"><a href="webappapis.html#handler-onemptied">onemptied</a></code></li> - <li><code title="handler-onended"><a href="webappapis.html#handler-onended">onended</a></code></li> - <li><code title="handler-onerror"><a href="webappapis.html#handler-onerror">onerror</a></code>*</li> - <li><code title="handler-onfocus"><a href="webappapis.html#handler-onfocus">onfocus</a></code>*</li> - <li><code title="handler-oninput"><a href="webappapis.html#handler-oninput">oninput</a></code></li> - <li><code title="handler-oninvalid"><a href="webappapis.html#handler-oninvalid">oninvalid</a></code></li> - <li><code title="handler-onkeydown"><a href="webappapis.html#handler-onkeydown">onkeydown</a></code></li> - <li><code title="handler-onkeypress"><a href="webappapis.html#handler-onkeypress">onkeypress</a></code></li> - <li><code title="handler-onkeyup"><a href="webappapis.html#handler-onkeyup">onkeyup</a></code></li> - <li><code title="handler-onload"><a href="webappapis.html#handler-onload">onload</a></code>*</li> - <li><code title="handler-onloadeddata"><a href="webappapis.html#handler-onloadeddata">onloadeddata</a></code></li> - <li><code title="handler-onloadedmetadata"><a href="webappapis.html#handler-onloadedmetadata">onloadedmetadata</a></code></li> - <li><code title="handler-onloadstart"><a href="webappapis.html#handler-onloadstart">onloadstart</a></code></li> - <li><code title="handler-onmousedown"><a href="webappapis.html#handler-onmousedown">onmousedown</a></code></li> - <li><code title="handler-onmousemove"><a href="webappapis.html#handler-onmousemove">onmousemove</a></code></li> - <li><code title="handler-onmouseout"><a href="webappapis.html#handler-onmouseout">onmouseout</a></code></li> - <li><code title="handler-onmouseover"><a href="webappapis.html#handler-onmouseover">onmouseover</a></code></li> - <li><code title="handler-onmouseup"><a href="webappapis.html#handler-onmouseup">onmouseup</a></code></li> - <li><code title="handler-onmousewheel"><a href="webappapis.html#handler-onmousewheel">onmousewheel</a></code></li> - <li><code title="handler-onpause"><a href="webappapis.html#handler-onpause">onpause</a></code></li> - <li><code title="handler-onplay"><a href="webappapis.html#handler-onplay">onplay</a></code></li> - <li><code title="handler-onplaying"><a href="webappapis.html#handler-onplaying">onplaying</a></code></li> - <li><code title="handler-onprogress"><a href="webappapis.html#handler-onprogress">onprogress</a></code></li> - <li><code title="handler-onratechange"><a href="webappapis.html#handler-onratechange">onratechange</a></code></li> - <li><code title="handler-onreset"><a href="webappapis.html#handler-onreset">onreset</a></code></li> - <li><code title="handler-onscroll"><a href="webappapis.html#handler-onscroll">onscroll</a></code>*</li> - <li><code title="handler-onseeked"><a href="webappapis.html#handler-onseeked">onseeked</a></code></li> - <li><code title="handler-onseeking"><a href="webappapis.html#handler-onseeking">onseeking</a></code></li> - <li><code title="handler-onselect"><a href="webappapis.html#handler-onselect">onselect</a></code></li> - <li><code title="handler-onshow"><a href="webappapis.html#handler-onshow">onshow</a></code></li> - <li><code title="handler-onstalled"><a href="webappapis.html#handler-onstalled">onstalled</a></code></li> - <li><code title="handler-onsubmit"><a href="webappapis.html#handler-onsubmit">onsubmit</a></code></li> - <li><code title="handler-onsuspend"><a href="webappapis.html#handler-onsuspend">onsuspend</a></code></li> - <li><code title="handler-ontimeupdate"><a href="webappapis.html#handler-ontimeupdate">ontimeupdate</a></code></li> - <li><code title="handler-onvolumechange"><a href="webappapis.html#handler-onvolumechange">onvolumechange</a></code></li> - <li><code title="handler-onwaiting"><a href="webappapis.html#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">body</a></code> elements as - those elements expose <a href="webappapis.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="the-iframe-element.html#media-element" title="media - element">media elements</a> will ever receive a <code title="event-media-volumechange"><a href="the-iframe-element.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="infrastructure.html#html-documents">HTML documents</a>, elements in the <a href="namespaces.html#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="infrastructure.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="parsing.html#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>The XML specification also allows the use of the <code title="attr-xml-space">xml:space</code> attribute in the <a href="namespaces.html#xml-namespace">XML - namespace</a> on any element in an <a href="infrastructure.html#xml-documents" title="XML - documents">XML document</a>. This attribute has no effect on - <a href="infrastructure.html#html-elements">HTML elements</a>, as the default behavior in HTML is to - preserve whitespace. <a href="references.html#refsXML">[XML]</a></p><p class="note">There is no way to serialize the <code title="attr-xml-space">xml:space</code> attribute on <a href="infrastructure.html#html-elements">HTML - elements</a> in the <code><a href="iana.html#text-html">text/html</a></code> syntax.</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#wai-aria" title="WAI-ARIA">annotations for - assistive technology products</a> can be specified (the ARIA - <code title="attr-aria-role">role</code> and <code title="attr-aria-*">aria-*</code> attributes).</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>The <code title="attr-id"><a href="#the-id-attribute">id</a></code> attribute specifies its - element's <a href="infrastructure.html#concept-id" title="concept-id">unique identifier (ID)</a>. <a href="references.html#refsDOMCORE">[DOMCORE]</a></p><p>The value must be unique amongst all the <a href="infrastructure.html#concept-id" title="concept-id">IDs</a> 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="common-microsyntaxes.html#space-character" title="space character">space - characters</a>.</p><p class="note">An element's <a href="infrastructure.html#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><div class="impl"> - - <p>Identifiers are opaque strings. Particular meanings should not be - derived from the value of the <code title="attr-id"><a href="#the-id-attribute">id</a></code> - attribute.</p> - - </div><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>The <code title="attr-title"><a href="#the-title-attribute">title</a></code> attribute - <a href="rendering.html#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><div class="impl"> - - <hr><p>The <dfn id="dom-title" title="dom-title"><code>title</code></dfn> IDL attribute - must <a href="common-dom-interfaces.html#reflect">reflect</a> the <code title="attr-title"><a href="#the-title-attribute">title</a></code> - content attribute.</p> - - </div><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>The <dfn id="attr-lang" title="attr-lang"><code>lang</code></dfn> attribute (in - no namespace) specifies the primary language 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 tag, or the empty - string. Setting the attribute to the empty string indicates that the - primary language is unknown. <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="namespaces.html#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.</p><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="infrastructure.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="infrastructure.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="infrastructure.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><div class="impl"> - - <hr><p>To determine the <dfn id="language">language</dfn> of a node, user agents must - look at the nearest ancestor element (including the element itself - if the node is an element) that has a <a href="#attr-xml-lang" title="attr-xml-lang"><code title="">lang</code> attribute in the - <span>XML namespace</span></a> set or is an <a href="infrastructure.html#html-elements" title="HTML - elements">HTML element</a> and has a <code title="attr-lang"><a href="#attr-lang">lang</a></code> in no namespace attribute set. That - attribute specifies the language of the node (regardless of its - value).</p> - - <p>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 set on an element, user agents must use - the <a href="#attr-xml-lang" title="attr-xml-lang"><code title="">lang</code> attribute - in the <span>XML namespace</span></a>, and the <code title="attr-lang"><a href="#attr-lang">lang</a></code> attribute in no namespace must be - <a href="infrastructure.html#ignore" title="ignore">ignored</a> for the purposes of determining - the element's language.</p> - - <p>If none of the node's ancestors, including the <a href="infrastructure.html#root-element">root - element</a>, have either attribute set, but there is a - <a href="semantics.html#pragma-set-default-language">pragma-set default language</a> set, then that is the - language of the node. If there is no <a href="semantics.html#pragma-set-default-language">pragma-set default - language</a> set, then language information from a higher-level - protocol (such as HTTP), if any, must be used as the final fallback - language instead. In the absence of any such language information, - and in cases where the higher-level protocol reports multiple - languages, the language of the node is unknown, and the - corresponding language tag is the empty string.</p> - - <p>If the resulting value is not a recognized language tag, then it - must be treated as an unknown language having the given language - tag, distinct from all other languages. For the purposes of - round-tripping or communicating with other services that expect - language tags, user agents should pass unknown language tags - through unmodified.</p> - - <p class="example">Thus, for instance, an element with <code title="">lang="xyzzy"</code> would be matched by the selector <code title="">:lang(xyzzy)</code> (e.g. in CSS), but it would not be - matched by <code title="">:lang(abcde)</code>, even though both are - equally invalid. Similarly, if a Web browser and screen reader - working in unison communicated about the language of the element, - the browser would tell the screen reader that the language was - "xyzzy", even if it knew it was invalid, just in case the screen - reader actually supported a language with that tag after all.</p> - - <p>If the resulting value is the empty string, then it must be - interpreted as meaning that the language of the node is explicitly - unknown.</p> - - <hr><p>User agents may use the element's language to determine proper - processing or rendering (e.g. in the selection of appropriate - fonts or pronunciations, or for dictionary selection). </p> - - <hr><p>The <dfn id="dom-lang" title="dom-lang"><code>lang</code></dfn> IDL attribute - must <a href="common-dom-interfaces.html#reflect">reflect</a> the <code title="attr-lang"><a href="#attr-lang">lang</a></code> - content attribute in no namespace.</p> - - </div><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="infrastructure.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="infrastructure.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>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 following keywords and states:</p><dl><dt>The <dfn id="attr-dir-ltr" title="attr-dir-ltr"><code>ltr</code></dfn> keyword, which maps to the <dfn id="attr-dir-ltr-state" title="attr-dir-ltr-state">ltr</dfn> state</dt> - - <dd> - - <p>Indicates that the contents of the element are explicitly - directionally embedded left-to-right text.</p> - - </dd> - - <dt>The <dfn id="attr-dir-rtl" title="attr-dir-rtl"><code>rtl</code></dfn> keyword, which maps to the <dfn id="attr-dir-rtl-state" title="attr-dir-rtl-state">rtl</dfn> state</dt> - - <dd> - - <p>Indicates that the contents of the element are explicitly - directionally embedded right-to-left text.</p> - - </dd> - - <dt>The <dfn id="attr-dir-auto" title="attr-dir-auto"><code>auto</code></dfn> keyword, which maps to the <dfn id="attr-dir-auto-state" title="attr-dir-auto-state">auto</dfn> state</dt> - - <dd> - - <p>Indicates that the contents of the element are explicitly - embedded text, but that the direction is to be determined - programmatically using the contents of the element (as described - below).</p> - - <p class="note">The heuristic used by this state is very crude (it - just looks at the first character with a strong directionality, in - a manner analogous to the Paragraph Level determination in the - bidirectional algorithm). Authors are urged to only use this value - as a last resort when the direction of the text is truly unknown - and no better server-side heuristic can be applied.</p> - - <p class="note">For <code><a href="the-button-element.html#the-textarea-element">textarea</a></code> and <code><a href="grouping-content.html#the-pre-element">pre</a></code> - elements, the heuristic is applied on a per-paragraph level.</p> - - </dd> - - </dl><p>The attribute has no <i>invalid value default</i> and no - <i>missing value default</i>.</p><p><dfn id="the-directionality">The directionality</dfn> of an element is either '<dfn id="concept-ltr" title="concept-ltr">ltr</dfn>' or '<dfn id="concept-rtl" title="concept-rtl">rtl</dfn>', and is determined as per the first - appropriate set of steps from the following list:</p><dl class="switch"><dt>If the element's <code title="attr-dir"><a href="#the-dir-attribute">dir</a></code> attribute is - in the <a href="#attr-dir-ltr-state" title="attr-dir-ltr-state">ltr</a> state</dt> - - <dd><p><a href="#the-directionality">The directionality</a> of the element is '<a href="#concept-ltr" title="concept-ltr">ltr</a>'.</p></dd> - - - <dt>If the element's <code title="attr-dir"><a href="#the-dir-attribute">dir</a></code> attribute is - in the <a href="#attr-dir-rtl-state" title="attr-dir-rtl-state">rtl</a> state</dt> - - <dd><p><a href="#the-directionality">The directionality</a> of the element is '<a href="#concept-rtl" title="concept-rtl">rtl</a>'.</p></dd> - - - <dt>If the element is 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="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> state, and the <code title="attr-dir"><a href="#the-dir-attribute">dir</a></code> attribute is in the <a href="#attr-dir-auto-state" title="attr-dir-auto-state">auto</a> state</dt> - - <dt>If the element is a <code><a href="the-button-element.html#the-textarea-element">textarea</a></code> element and the <code title="attr-dir"><a href="#the-dir-attribute">dir</a></code> attribute is in the <a href="#attr-dir-auto-state" title="attr-dir-auto-state">auto</a> state</dt> - - <dd> - - <p>If the element's <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> - contains a character of bidirectional character type AL or R, and - there is no character of bidirectional character type L anywhere - before it in the element's <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a>, then <a href="#the-directionality">the - directionality</a> of the element is '<a href="#concept-rtl" title="concept-rtl">rtl</a>'. Otherwise, <a href="#the-directionality">the - directionality</a> of the element is '<a href="#concept-ltr" title="concept-ltr">ltr</a>'.</p> - - </dd> - - - - <dt>If the element's <code title="attr-dir"><a href="#the-dir-attribute">dir</a></code> attribute is - in the <a href="#attr-dir-auto-state" title="attr-dir-auto-state">auto</a> state</dt> - - <dt>If the element is a <code><a href="text-level-semantics.html#the-bdi-element">bdi</a></code> element and the <code title="attr-dir"><a href="#the-dir-attribute">dir</a></code> attribute is not in a defined state - (i.e. it is not present or has an invalid value)</dt> - - <dd> - - <p>Find the first character in <a href="infrastructure.html#tree-order">tree order</a> that - matches the following criteria:</p> - - <ul><li><p>The character is from a <a href="infrastructure.html#text-node">text node</a> that is a - descendant of the element whose <a href="#the-directionality" title="the - directionality">directionality</a> is being - determined.</p></li> - - <li><p>The character is of bidirectional character type L, AL, - or R. <a href="references.html#refsBIDI">[BIDI]</a></p></li> - - <li> - - <p>The character is not in a text node that has an ancestor - element that is a descendant of the element whose <a href="#the-directionality" title="the directionality">directionality</a> is being - determined and that is either:</p> - - <ul class="brief"><li>A <code><a href="text-level-semantics.html#the-bdi-element">bdi</a></code> element. - </li><li>A <code><a href="scripting-1.html#the-script-element">script</a></code> element. - </li><li>A <code><a href="semantics.html#the-style-element">style</a></code> element. - </li><li>A <code><a href="the-button-element.html#the-textarea-element">textarea</a></code> element. - </li><li>An element with a <code title="attr-dir"><a href="#the-dir-attribute">dir</a></code> attribute in a defined state. - </li></ul></li> - - </ul><p>If such a character is found and it is of bidirectional - character type AL or R, <a href="#the-directionality">the directionality</a> of the - element is '<a href="#concept-rtl" title="concept-rtl">rtl</a>'.</p> - - <p>Otherwise, <a href="#the-directionality">the directionality</a> of the element is - '<a href="#concept-ltr" title="concept-ltr">ltr</a>'.</p> - - </dd> - - - <dt>If the element is a <a href="infrastructure.html#root-element">root element</a> and the <code title="attr-dir"><a href="#the-dir-attribute">dir</a></code> attribute is not in a defined state - (i.e. it is not present or has an invalid value)</dt> - - <dd><p><a href="#the-directionality">The directionality</a> of the element is '<a href="#concept-ltr" title="concept-ltr">ltr</a>'.</p></dd> - - - <dt>If the element has a parent element and the <code title="attr-dir"><a href="#the-dir-attribute">dir</a></code> attribute is not in a defined state - (i.e. it is not present or has an invalid value)</dt> - - <dd><p><a href="#the-directionality">The directionality</a> of the element is the same - as the element's parent element's <a href="#the-directionality" title="the - directionality">directionality</a>.</p></dd> - - - </dl><p>The effect of this attribute is primarily on the presentation - layer. For example, the rendering section in this specification - defines a mapping from this attribute to the CSS 'direction' and - 'unicode-bidi' properties, and CSS defines rendering in terms of - those properties.</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-0">the <code>html</code> element</a>'s <code title="attr-dir"><a href="#the-dir-attribute">dir</a></code> attribute's value, if any.</p> - <p>Can be set, to either "<code title="">ltr</code>", "<code title="">rtl</code>", or "<code title="">auto</code>" to replace <a href="dom.html#the-html-element-0">the <code>html</code> element</a>'s <code title="attr-dir"><a href="#the-dir-attribute">dir</a></code> attribute's value.</p> - <p>If there is no <a href="dom.html#the-html-element-0" title="the html element"><code>html</code> element</a>, returns the empty string and ignores new values.</p> - </dd> - - </dl><div class="impl"> - - <p>The <dfn id="dom-dir" title="dom-dir"><code>dir</code></dfn> IDL attribute on - an element must <a href="common-dom-interfaces.html#reflect">reflect</a> the <code title="attr-dir"><a href="#the-dir-attribute">dir</a></code> content attribute of that element, - <a href="common-dom-interfaces.html#limited-to-only-known-values">limited to only known values</a>.</p> - - <p>The <dfn id="dom-document-dir" title="dom-document-dir"><code>dir</code></dfn> IDL - attribute on <code><a href="dom.html#document">Document</a></code> objects must - <a href="common-dom-interfaces.html#reflect">reflect</a> the <code title="attr-dir"><a href="#the-dir-attribute">dir</a></code> content - attribute of <a href="dom.html#the-html-element-0">the <code>html</code> element</a>, if any, - <a href="common-dom-interfaces.html#limited-to-only-known-values">limited to only known values</a>. If there is no such - element, then the attribute must return the empty string and do - nothing on setting.</p> - - </div><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><div class="example"> - - <p>This markup fragment is of an IM conversation.</p> - - <pre><p dir=auto class="u1"><b><bdi>Student</bdi>:</b> How do you write "What's your name?" in Arabic?</p> -<p dir=auto class="u2"><b><bdi>Teacher</bdi>:</b> ما اسمك؟</p> -<p dir=auto class="u1"><b><bdi>Student</bdi>:</b> Thanks.</p> -<p dir=auto class="u2"><b><bdi>Teacher</bdi>:</b> That's written "شكرًا".</p> -<p dir=auto class="u2"><b><bdi>Teacher</bdi>:</b> Do you know how to write "Please"?</p> -<p dir=auto class="u1"><b><bdi>Student</bdi>:</b> "من فضلك", right?</p></pre> - - - <p>Given a suitable style sheet and the default alignment styles - for the <code><a href="grouping-content.html#the-p-element">p</a></code> element, namely to align the text to the - <i>start edge</i> of the paragraph, the resulting rendering could - be as follows:</p> - - <p><img alt="Each paragraph rendered as a separate block, with the paragraphs left-aligned except the second paragraph and the last one, which would be right aligned, with the usernames ('Student' and 'Teacher' in this example) flush right, with a colon to their left, and the text first to the left of that." src="http://dev.w3.org/html5/spec/images/im.png"></p> - - <p>As noted earlier, the <code title="attr-dir-auto"><a href="#attr-dir-auto">auto</a></code> - value is not a panacea. The final paragraph in this example is - misinterpreted as being right-to-left text, since it begins with an - Arabic character, which causes the "right?" to be to the left of - the Arabic text.</p> - - </div><h5 id="classes"><span class="secno">3.2.3.6 </span>The <dfn title="attr-class"><code>class</code></dfn> attribute</h5><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><div class="impl"> - - <p>The classes that an <a href="infrastructure.html#html-elements" title="HTML elements">HTML - element</a> has assigned to it consists of all the classes - returned when the value of the <code title="attr-class"><a href="#classes">class</a></code> - attribute is <a href="common-microsyntaxes.html#split-a-string-on-spaces" title="split a string on spaces">split on - spaces</a>. (Duplicates are ignored.)</p> - - </div><p class="note">Assigning classes to an element affects class - matching in selectors in CSS, the <code title="dom-document-getElementsByClassName">getElementsByClassName()</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><div class="impl"> - - <hr><p>The <dfn id="dom-classname" title="dom-className"><code>className</code></dfn> and - <dfn id="dom-classlist" title="dom-classList"><code>classList</code></dfn> IDL - attributes must both <a href="common-dom-interfaces.html#reflect">reflect</a> the <code title="attr-class"><a href="#classes">class</a></code> content attribute.</p> - - </div><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>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. This is a - <span>CSS styling attribute</span> as defined by the CSS Styling - Attribute Syntax specification. <a href="references.html#refsCSSATTR">[CSSATTR]</a></p><div class="impl"> - - <p>In user agents that support CSS, the attribute's value must be - parsed when the attribute is added or has its value changed, according - to the rules given for <span>CSS styling attributes</span>. <a href="references.html#refsCSSATTR">[CSSATTR]</a></p> - - </div><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><a href="infrastructure.html#cssstyledeclaration">CSSStyleDeclaration</a></code> object for the element's <code title="attr-style"><a href="#the-style-attribute">style</a></code> attribute.</p> - </dd> - - </dl><div class="impl"> - - <p>The <dfn id="dom-style" title="dom-style"><code>style</code></dfn> IDL attribute - must return a <code><a href="infrastructure.html#cssstyledeclaration">CSSStyleDeclaration</a></code> whose value - represents the declarations specified in the attribute, if - present. Mutating the <code><a href="infrastructure.html#cssstyledeclaration">CSSStyleDeclaration</a></code> object must - create a <code title="attr-style"><a href="#the-style-attribute">style</a></code> attribute on the - element (if there isn't one already) and then change its value to be - a value representing the serialized form of the - <code><a href="infrastructure.html#cssstyledeclaration">CSSStyleDeclaration</a></code> object. The same object must be - returned each time. <a href="references.html#refsCSSOM">[CSSOM]</a></p> - - </div><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-with-the-data-attributes"><span class="secno">3.2.3.8 </span><dfn>Embedding custom non-visible data</dfn> with the <code title="attr-data-*"><a href="#attr-data">data-*</a></code> attributes</h5><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="infrastructure.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="common-dom-interfaces.html#domstringmap">DOMStringMap</a></code> object for the element's <code title="attr-data-*"><a href="#attr-data">data-*</a></code> attributes.</p> - - <p>Hyphenated names become camel-cased. For example, <code title="">data-foo-bar=""</code> becomes <code title="">element.dataset.fooBar</code>.</p> - - </dd> - - </dl><div class="impl"> - - <p>The <dfn id="dom-dataset" title="dom-dataset"><code>dataset</code></dfn> IDL - attribute provides convenient accessors for all the <code title="attr-data-*"><a href="#attr-data">data-*</a></code> attributes on an element. On - getting, the <code title="dom-dataset"><a href="#dom-dataset">dataset</a></code> IDL attribute - must return a <code><a href="common-dom-interfaces.html#domstringmap">DOMStringMap</a></code> object, associated with the - following algorithms, which expose these attributes on their - element:</p> - - <dl><dt>The algorithm for getting the list of name-value pairs</dt> - - <dd> - <ol><li>Let <var title="">list</var> be an empty list of name-value - pairs.</li> - - <li>For each content attribute on the element whose first five - characters are the string "<code title="">data-</code>" and whose - remaining characters (if any) do not include any characters in - the range U+0041 to U+005A (LATIN CAPITAL LETTER A to LATIN - CAPITAL LETTER Z), add a name-value pair to <var title="">list</var> whose name is the attribute's name with the - first five characters removed and whose value is the attribute's - value.</li> - - <li>For each name on the list, for each U+002D HYPHEN-MINUS - character (-) in the name that is followed by a character in the - range U+0061 to U+007A (U+0061 LATIN SMALL LETTER A to U+007A - LATIN SMALL LETTER Z), remove the U+002D HYPHEN-MINUS character - (-) and replace the character that followed it by the same - character <a href="infrastructure.html#converted-to-ascii-uppercase">converted to ASCII uppercase</a>.</li> - - <li>Return <var title="">list</var>.</li> - - </ol></dd> - - <dt>The algorithm for setting names to certain values</dt> - - <dd> - <ol><li>Let <var title="">name</var> be the name passed to the - algorithm.</li> - - <li>Let <var title="">value</var> be the value passed to the - algorithm.</li> - - <li>If <var title="">name</var> contains a U+002D HYPHEN-MINUS - character (-) followed by a character in the range U+0061 to - U+007A (U+0061 LATIN SMALL LETTER A to U+007A LATIN SMALL LETTER - Z), throw a <code><a href="infrastructure.html#syntaxerror">SyntaxError</a></code> exception and abort these - steps.</li> - - <li>For each character in the range U+0041 to U+005A (U+0041 - LATIN CAPITAL LETTER A to U+005A LATIN CAPITAL LETTER Z) in <var title="">name</var>, insert a U+002D HYPHEN-MINUS character (-) - before the character and replace the character with the same - character <a href="infrastructure.html#converted-to-ascii-lowercase">converted to ASCII lowercase</a>.</li> - - <li>Insert the string <code title="">data-</code> at the front of - <var title="">name</var>.</li> - - <li>Set the value of the attribute with the name <var title="">name</var>, to the value <var title="">value</var>, - replacing any previous value if the attribute already existed. If - <code title="">setAttribute()</code> would have thrown an - exception when setting an attribute with the name <var title="">name</var>, then this must throw the same - exception.</li> - - </ol></dd> - - <dt>The algorithm for deleting names</dt> - - <dd> - <ol><li>Let <var title="">name</var> be the name passed to the - algorithm.</li> - <li>For each character in the range U+0041 to U+005A (U+0041 - LATIN CAPITAL LETTER A to U+005A LATIN CAPITAL LETTER Z) in <var title="">name</var>, insert a U+002D HYPHEN-MINUS character (-) - before the character and replace the character with the same - character <a href="infrastructure.html#converted-to-ascii-lowercase">converted to ASCII lowercase</a>.</li> - - <li>Insert the string <code title="">data-</code> at the front of - <var title="">name</var>.</li> - - <li>Remove the attribute with the name <var title="">name</var>, - if such an attribute exists. Do nothing otherwise.</li> - - </ol></dd> - - </dl><p>The same object must be returned each time.</p> - - </div><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 title="attr-class"><a href="#classes">class</a></code> attribute along with <code title="attr-data-*"><a href="#attr-data">data-*</a></code> attributes:</p> - - <pre><div class="spaceship" data-ship-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.shipId].fire()"> - Fire - </button> -</div></pre> - - <p>Notice how the hyphenated attribute name becomes camel-cased in - the API.</p> - - </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><div class="impl"> - - <p>User agents must not derive any implementation behavior from - these attributes or values. Specifications intended for user agents - must not define these attributes to have any meaningful values.</p> - - </div><p>JavaScript libraries may use the <a href="#custom-data-attribute" title="custom data - attribute">custom data attributes</a>, 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. Where it - makes sense, library authors are also encouraged to make the exact - name used in the attribute names customizable, so that libraries - whose authors unknowingly picked the same name can be used on the - same page, and so that multiple versions of a particular library can - be used on the same page even when those versions are not mutually - compatible.</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>. The jJo library could also provide - an API to set which prefix to use (e.g. <code title="">J.setDataPrefix('j2')</code>, making the attributes have - names like <code title="">data-j2-range</code>).</p> - - </div><h4 id="element-definitions"><span class="secno">3.2.4 </span>Element definitions</h4><p>Each element in this specification has a definition that includes - the following information:</p><dl><dt>Categories</dt> - - <dd><p>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.</p></dd> - - - <dt>Contexts in which this element can be used</dt> - - <dd> - - <p>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.</p> - - <p class="note">For simplicity, only the most specific - expectations are listed. For example, an element that is both - <a href="content-models.html#flow-content">flow content</a> and <a href="content-models.html#phrasing-content">phrasing content</a> can be - used anywhere that either <a href="content-models.html#flow-content">flow content</a> or - <a href="content-models.html#phrasing-content">phrasing content</a> is expected, but since anywhere that - <a href="content-models.html#flow-content">flow content</a> is expected, <a href="content-models.html#phrasing-content">phrasing - content</a> is also expected (since all <a href="content-models.html#phrasing-content">phrasing - content</a> is <a href="content-models.html#flow-content">flow content</a>), only "where - <a href="content-models.html#phrasing-content">phrasing content</a> is expected" will be listed.</p> - - </dd> - - - <dt>Content model</dt> - - <dd><p>A normative description of what content must be included as - children and descendants of the element.</p></dd> - - - <dt>Content attributes</dt> - - <dd><p>A normative list of attributes that may be specified on the - element (except where otherwise disallowed).</p></dd> - - - <dt>DOM interface</dt> - - <dd><p>A normative definition of a DOM interface that such elements - must implement.</p></dd> - - </dl><p>This is then followed by a description of what the element - <a href="rendering.html#represents">represents</a>, along with any additional normative - conformance criteria that may apply to authors<span class="impl" title=""> and implementations</span>. Examples are sometimes - also included.</p><h5 id="attributes"><span class="secno">3.2.4.1 </span>Attributes</h5><p id="attribute-text">Except where otherwise specified, attributes - on <a href="infrastructure.html#html-elements">HTML elements</a> may have any string value, including - the empty string. Except where explicitly stated, there is no - restriction on what text can be specified in such attributes.</p></body></html> \ No newline at end of file + </div></body></html> \ No newline at end of file Index: urls.html =================================================================== RCS file: /sources/public/html5/spec/urls.html,v retrieving revision 1.60 retrieving revision 1.61 diff -u -d -r1.60 -r1.61 --- urls.html 10 Dec 2011 06:02:17 -0000 1.60 +++ urls.html 10 Dec 2011 06:15:48 -0000 1.61 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>2.6 URLs — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>2.6 URLs — HTML5</title><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; } @@ -319,19 +318,23 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="common-microsyntaxes.html" title="2.5 Common microsyntaxes" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> - <link href="fetching-resources.html" title="2.7 Fetching resources" rel="next"> - </head><body><div class="head" id="head"> + <link href="common-microsyntaxes.html" title="2.5 Common microsyntaxes" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> + <link href="common-dom-interfaces.html" title="2.8 Common DOM interfaces" rel="next"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="common-microsyntaxes.html" class="prev">2.5 Common microsyntaxes</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="fetching-resources.html" class="next">2.7 Fetching resources</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="common-microsyntaxes.html">← 2.5 Common microsyntaxes</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="common-dom-interfaces.html">2.8 Common DOM interfaces →</a> <ol class="toc"><li><ol><li><a href="urls.html#urls"><span class="secno">2.6 </span>URLs</a> - <ol><li><a href="urls.html#terminology-0"><span class="secno">2.6.1 </span>Terminology</a></li><li><a href="urls.html#parsing-urls"><span class="secno">2.6.2 </span>Parsing URLs</a></li><li><a href="urls.html#resolving-urls"><span class="secno">2.6.3 </span>Resolving URLs</a></li><li><a href="urls.html#url-manipulation-and-creation"><span class="secno">2.6.4 </span>URL manipulation and creation</a></li><li><a href="urls.html#dynamic-changes-to-base-urls"><span class="secno">2.6.5 </span>Dynamic changes to base URLs</a></li><li><a href="urls.html#interfaces-for-url-manipulation"><span class="secno">2.6.6 </span>Interfaces for URL manipulation</a></li></ol></li></ol></li></ol></div> + <ol><li><a href="urls.html#terminology-0"><span class="secno">2.6.1 </span>Terminology</a></li><li><a href="urls.html#parsing-urls"><span class="secno">2.6.2 </span>Parsing URLs</a></li><li><a href="urls.html#resolving-urls"><span class="secno">2.6.3 </span>Resolving URLs</a></li><li><a href="urls.html#url-manipulation-and-creation"><span class="secno">2.6.4 </span>URL manipulation and creation</a></li><li><a href="urls.html#dynamic-changes-to-base-urls"><span class="secno">2.6.5 </span>Dynamic changes to base URLs</a></li><li><a href="urls.html#interfaces-for-url-manipulation"><span class="secno">2.6.6 </span>Interfaces for URL manipulation</a></li></ol></li><li><a href="urls.html#fetching-resources"><span class="secno">2.7 </span>Fetching resources</a> + <ol><li><a href="urls.html#concept-http-equivalent"><span class="secno">2.7.1 </span>Protocol concepts</a></li><li><a href="urls.html#encrypted-http-and-related-security-concerns"><span class="secno">2.7.2 </span>Encrypted HTTP and related security concerns</a></li><li><a href="urls.html#content-type-sniffing"><span class="secno">2.7.3 </span>Determining the type of a resource</a></li><li><a href="urls.html#extracting-encodings-from-meta-elements"><span class="secno">2.7.4 </span>Extracting encodings from <code>meta</code> elements</a></li><li><a href="urls.html#cors-settings-attributes"><span class="secno">2.7.5 </span>CORS settings attributes</a></li><li><a href="urls.html#cors-enabled-fetch"><span class="secno">2.7.6 </span>CORS-enabled fetch</a></li></ol></li></ol></li></ol></nav> <h3 id="urls"><span class="secno">2.6 </span>URLs</h3><p>This specification defines the term <a href="#url">URL</a>, and defines various algorithms for dealing with URLs, because for historical @@ -543,10 +546,10 @@ must act as if all <code><a href="dom.html#document">Document</a></code> objects represented XML documents.</p> - <p class="note">It is possible for <code title="attr-xml-base"><a href="elements.html#the-xml:base-attribute-xml-only">xml:base</a></code> attributes to be present + <p class="note">It is possible for <code title="attr-xml-base"><a href="global-attributes.html#the-xml:base-attribute-xml-only">xml:base</a></code> attributes to be present even in HTML fragments, as such attributes can be added dynamically using script. (Such scripts would not be conforming, - however, as <code title="attr-xml-base"><a href="elements.html#the-xml:base-attribute-xml-only">xml:base</a></code> attributes + however, as <code title="attr-xml-base"><a href="global-attributes.html#the-xml:base-attribute-xml-only">xml:base</a></code> attributes are not allowed in <a href="infrastructure.html#html-documents">HTML documents</a>.)</p> <p>The <dfn id="document-base-url">document base URL</dfn> of a <code><a href="dom.html#document">Document</a></code> @@ -562,7 +565,7 @@ <p>If <var title="">fallback base url</var> is - <code><a href="fetching-resources.html#about:blank">about:blank</a></code>, and the <code><a href="dom.html#document">Document</a></code>'s + <code><a href="#about:blank">about:blank</a></code>, and the <code><a href="dom.html#document">Document</a></code>'s <a href="browsers.html#browsing-context">browsing context</a> has a <a href="browsers.html#creator-browsing-context">creator browsing context</a>, then let <var title="">fallback base url</var> be the <a href="#document-base-url">document base URL</a> of the <a href="browsers.html#creator-document">creator @@ -577,14 +580,14 @@ context</a>'s <a href="browsers.html#browsing-context-container">browsing context container</a>'s <code><a href="dom.html#document">Document</a></code> instead.</p></li> - <li><p>If there is no <code><a href="semantics.html#the-base-element">base</a></code> element that has an <code title="attr-base-href"><a href="semantics.html#attr-base-href">href</a></code> attribute, then the + <li><p>If there is no <code><a href="the-base-element.html#the-base-element">base</a></code> element that has an <code title="attr-base-href"><a href="the-base-element.html#attr-base-href">href</a></code> attribute, then the <a href="#document-base-url">document base URL</a> is <var title="">fallback base - url</var>; abort these steps. Otherwise, let <var title="">url</var> be the value of the <code title="attr-base-href"><a href="semantics.html#attr-base-href">href</a></code> attribute of the first such + url</var>; abort these steps. Otherwise, let <var title="">url</var> be the value of the <code title="attr-base-href"><a href="the-base-element.html#attr-base-href">href</a></code> attribute of the first such element.</p></li> <li><p><a href="#resolve-a-url" title="resolve a URL">Resolve</a> <var title="">url</var> relative to <var title="">fallback base - url</var> (thus, the <code><a href="semantics.html#the-base-element">base</a></code> <code title="attr-base-href"><a href="semantics.html#attr-base-href">href</a></code> attribute isn't affected by - <code title="attr-xml-base"><a href="elements.html#the-xml:base-attribute-xml-only">xml:base</a></code> attributes).</p></li> + url</var> (thus, the <code><a href="the-base-element.html#the-base-element">base</a></code> <code title="attr-base-href"><a href="the-base-element.html#attr-base-href">href</a></code> attribute isn't affected by + <code title="attr-xml-base"><a href="global-attributes.html#the-xml:base-attribute-xml-only">xml:base</a></code> attributes).</p></li> <li><p>The <a href="#document-base-url">document base URL</a> is the result of the previous step if it was successful; otherwise it is <var title="">fallback base url</var>.</p></li> @@ -765,7 +768,7 @@ <h4 id="dynamic-changes-to-base-urls"><span class="secno">2.6.5 </span>Dynamic changes to base URLs</h4> - <p>When an <code title="attr-xml-base"><a href="elements.html#the-xml:base-attribute-xml-only">xml:base</a></code> attribute + <p>When an <code title="attr-xml-base"><a href="global-attributes.html#the-xml:base-attribute-xml-only">xml:base</a></code> attribute changes, the attribute's element, and all descendant elements, are <a href="infrastructure.html#affected-by-a-base-url-change">affected by a base URL change</a>.</p> @@ -792,8 +795,8 @@ </dd> - <dt>If the element is a <code><a href="text-level-semantics.html#the-q-element">q</a></code>, <code><a href="grouping-content.html#the-blockquote-element">blockquote</a></code>, - <code><a href="edits.html#the-ins-element">ins</a></code>, or <code><a href="edits.html#the-del-element">del</a></code> element with a <code title="">cite</code> attribute</dt> + <dt>If the element is a <code><a href="the-q-element.html#the-q-element">q</a></code>, <code><a href="the-blockquote-element.html#the-blockquote-element">blockquote</a></code>, + <code><a href="the-ins-element.html#the-ins-element">ins</a></code>, or <code><a href="the-del-element.html#the-del-element">del</a></code> element with a <code title="">cite</code> attribute</dt> <dd> @@ -812,8 +815,8 @@ <p>The element is not directly affected.</p> <p class="example">For instance, changing the base URL doesn't - affect the image displayed by <code><a href="embedded-content-1.html#the-img-element">img</a></code> elements, although - subsequent accesses of the <code title="dom-img-src"><a href="embedded-content-1.html#dom-img-src">src</a></code> + affect the image displayed by <code><a href="the-img-element.html#the-img-element">img</a></code> elements, although + subsequent accesses of the <code title="dom-img-src"><a href="the-img-element.html#dom-img-src">src</a></code> IDL attribute from script will return a new <a href="#absolute-url">absolute URL</a> that might no longer correspond to the image being shown.</p> @@ -1034,4 +1037,551 @@ </td><td><code title="">/</code> </td><td><code title="">?</code> </td><td>(empty string) - </td></tr></tbody></table></div></body></html> \ No newline at end of file + </td></tr></tbody></table></div><div class="impl"> + + <h3 id="fetching-resources"><span class="secno">2.7 </span>Fetching resources</h3> + + <p>When a user agent is to <dfn id="fetch">fetch</dfn> a resource or + <a href="#url">URL</a>, optionally from an origin <i title="">origin</i>, + and optionally with a <i>synchronous flag</i>, a <i>manual redirect + flag</i>, a <i>force same-origin flag</i>, and/or a <i>block cookies + flag</i>, the following steps must be run. (When a <em>URL</em> is + to be fetched, the URL identifies a resource to be obtained.)</p> + + + + + + + <ol><li> + + <p>Let <var title="">document</var> be the appropriate + <code><a href="dom.html#document">Document</a></code> as given by the following list:</p> + + <dl class="switch"><dt>When <a href="history.html#navigate" title="navigate">navigating</a></dt> + + <dd>The <a href="browsers.html#active-document">active document</a> of the <a href="history.html#source-browsing-context">source browsing + context</a>.</dd> + + <dt>When fetching resources for an element</dt> + + <dd>The element's <code><a href="dom.html#document">Document</a></code>.</dd> + + <dt>When fetching resources in response to a call to an API</dt> + + <dd>The <a href="browsers.html#entry-script">entry script</a>'s <a href="webappapis.html#script-s-document" title="script's + document">document</a>.</dd> + + </dl></li> + + <li> + + <p>While <var title="">document</var> is <a href="the-iframe-element.html#an-iframe-srcdoc-document">an + <code>iframe</code> <code title="attr-iframe-srcdoc">srcdoc</code> + document</a>, let <var title="">document</var> be <var title="">document</var>'s <a href="browsers.html#browsing-context">browsing context</a>'s + <a href="browsers.html#browsing-context-container">browsing context container</a>'s <code><a href="dom.html#document">Document</a></code> + instead.</p> + + </li> + + <li> + + <p>Generate the <i>address of the resource from which Request-URIs + are obtained</i> as required by HTTP for the <code title="http-referer">Referer</code> (sic) header from <a href="dom.html#the-document-s-current-address">the + document's current address</a> of <var title="">document</var>. + <a href="references.html#refsHTTP">[HTTP]</a></p> + + <p>Remove any <a href="#url-fragment" title="url-fragment"><fragment></a> + component from the generated <i>address of the resource from which + Request-URIs are obtained</i>.</p> + <p>If the <a href="origin-0.html#origin">origin</a> of the appropriate + <code><a href="dom.html#document">Document</a></code> is not a scheme/host/port tuple, then the + <code title="http-referer">Referer</code> (sic) header must be + omitted, regardless of its value.</p> + + </li> + + <li><p>If the algorithm was not invoked with the <i>synchronous + flag</i>, perform the remaining steps asynchronously.</p></li> + + <li> + + <p>This is the <i>main step</i>.</p> + + <p>If the resource is identified by an <a href="#absolute-url">absolute URL</a>, + and the resource is to be obtained using an idempotent action + (such as an HTTP GET <a href="#concept-http-equivalent-get" title="concept-http-equivalent-get">or + equivalent</a>), and it is already being downloaded for other + reasons (e.g. another invocation of this algorithm), and this + request would be identical to the previous one (e.g. same <code title="http-accept">Accept</code> and <code title="http-origin">Origin</code> headers), and the user agent is + configured such that it is to reuse the data from the existing + download instead of initiating a new one, then use the results of + the existing download instead of starting a new one.</p> + + <p>Otherwise, if the resource is identified by an <a href="#absolute-url">absolute + URL</a> with a scheme that does not define a mechanism to + obtain the resource (e.g. it is a <code title="">mailto:</code> + URL) or that the user agent does not support, then act as if the + resource was an HTTP 204 No Content response with no other + metadata.</p> + + <p>Otherwise, if the resource is identified by the + <a href="#url">URL</a> <dfn id="about:blank"><code>about:blank</code></dfn>, then the + resource is immediately available and consists of the empty + string, with no metadata.</p> + + <p>Otherwise, at a time convenient to the user and the user agent, + download (or otherwise obtain) the resource, applying the + semantics of the relevant specifications (e.g. performing an HTTP + GET or POST operation, or reading the file from disk, <a href="webappapis.html#concept-js-deref" title="concept-js-deref">dereferencing <span title="javascript + protocol"><code title="">javascript:</code> URLs</span></a>, + etc).</p> + + <p>For the purposes of the <code title="http-referer">Referer</code> (sic) header, use the + <i>address of the resource from which Request-URIs are + obtained</i> generated in the earlier step.</p> + + <p>For the purposes of the <code title="http-origin">Origin</code> + header, if the <a href="#fetch" title="fetch">fetching algorithm</a> was + explicitly initiated from an <i title="">origin</i>, then <i title="">the origin that initiated the HTTP request</i> is <i title="">origin</i>. Otherwise, this is <i title="">a request from + a "privacy-sensitive" context</i>. <a href="references.html#refsORIGIN">[ORIGIN]</a></p> + + </li> + + <li> + + <p>If the algorithm was not invoked with the <i>block cookies + flag</i>, and there are cookies to be set, then the user agent + must run the following substeps:</p> + + <ol><li><p>Wait until ownership of the <a href="webappapis.html#storage-mutex">storage mutex</a> can + be taken by this instance of the <a href="#fetch" title="fetch">fetching</a> algorithm.</p></li> + + <li><p>Take ownership of the <a href="webappapis.html#storage-mutex">storage mutex</a>.</p></li> + + <li><p>Update the cookies. <a href="references.html#refsCOOKIES">[COOKIES]</a></p></li> + + <li><p>Release the <a href="webappapis.html#storage-mutex">storage mutex</a> so that it is once + again free.</p></li> + + </ol></li> + + <li> + + <p>If the fetched resource is an HTTP redirect <a href="#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or equivalent</a>, + then:</p> + + <dl class="switch"><dt>If the <i>force same-origin flag</i> is set and the + <a href="#url">URL</a> of the target of the redirect does not have the + <a href="origin-0.html#same-origin">same origin</a> as the <a href="#url">URL</a> for which the + <a href="#fetch">fetch</a> algorithm was invoked</dt> + + <dd> + + <p>Abort these steps and return failure from this algorithm, as + if the remote host could not be contacted.</p> + + </dd> + + <dt>If the <i>manual redirect flag</i> is set</dt> + + <dd> + + <p>Continue, using the fetched resource (the redirect) as the + result of the algorithm. If the calling algorithm subsequently + requires the user agent to <dfn id="transparently-follow-the-redirect">transparently follow the + redirect</dfn>, then the user agent must resume this algorithm + from the <i>main step</i>, but using the target of the redirect + as the resource to fetch, rather than the original resource.</p> + + </dd> + + <dt>Otherwise</dt> + + <dd> + + <p>First, apply any relevant requirements for redirects (such as + showing any appropriate prompts). Then, redo <i>main step</i>, + but using the target of the redirect as the resource to fetch, + rather than the original resource.</p> + + <p class="note">The HTTP specification requires that 301, 302, + and 307 redirects, when applied to methods other than the safe + methods, not be followed without user confirmation. That would + be an appropriate prompt for the purposes of the requirement in + the paragraph above. <a href="references.html#refsHTTP">[HTTP]</a></p> + + </dd> + + </dl></li> + + <li> + + <p>If the algorithm was not invoked with the <i>synchronous + flag</i>: When the resource is available, or if there is an error + of some description, <a href="webappapis.html#queue-a-task">queue a task</a> that uses the + resource as appropriate. If the resource can be processed + incrementally, as, for instance, with a progressively interlaced + JPEG or an HTML file, additional tasks may be queued to process + the data as it is downloaded. The <a href="webappapis.html#task-source">task source</a> for + these <a href="webappapis.html#concept-task" title="concept-task">tasks</a> is the + <a href="webappapis.html#networking-task-source">networking task source</a>.</p> + + <p>Otherwise, return the resource or error information to the + calling algorithm.</p> + + </li> + + </ol><p>If the user agent can determine the actual length of the resource + being <a href="#fetch" title="fetch">fetched</a> for an instance of this + algorithm, and if that length is finite, then that length is the + file's <dfn id="concept-fetch-total" title="concept-fetch-total">size</dfn>. Otherwise, the + subject of the algorithm (that is, the resource being fetched) has + no known <a href="#concept-fetch-total" title="concept-fetch-total">size</a>. (For + example, the HTTP <code title="http-content-length">Content-Length</code> header might + provide this information.)</p> + + <p>The user agent must also keep track of the <dfn id="concept-fetch-loaded" title="concept-fetch-loaded">number of bytes downloaded</dfn> for + each instance of this algorithm. This number must exclude any + out-of-band metadata, such as HTTP headers.</p> + + <p class="note">The <a href="offline.html#application-cache">application cache</a> processing model + introduces some <a href="offline.html#changesToNetworkingModel">changes to the + networking model</a> to handle the returning of cached + resources.</p> + + <p class="note">The <a href="history.html#navigate" title="navigate">navigation</a> + processing model handles redirects itself, overriding the + redirection handling that would be done by the fetching + algorithm.</p> + + <p class="note">Whether the <a href="#content-type-sniffing">type + sniffing rules</a> apply to the fetched resource depends on the + algorithm that invokes the rules — they are not always + applicable.</p> + + + <h4 id="concept-http-equivalent"><span class="secno">2.7.1 </span>Protocol concepts</h4> + + <p>User agents can implement a variety of transfer protocols, but + this specification mostly defines behavior in terms of HTTP. <a href="references.html#refsHTTP">[HTTP]</a></p> + + <p>The <dfn id="concept-http-equivalent-get" title="concept-http-equivalent-get">HTTP GET + method</dfn> is equivalent to the default retrieval action of the + protocol. For example, RETR in FTP. Such actions are idempotent and + safe, in HTTP terms.</p> + + <p>The <dfn id="concept-http-equivalent-codes" title="concept-http-equivalent-codes">HTTP response + codes</dfn> are equivalent to statuses in other protocols that have + the same basic meanings. For example, a "file not found" error is + equivalent to a 404 code, a server error is equivalent to a 5xx + code, and so on.</p> + + <p>The <dfn id="concept-http-equivalent-headers" title="concept-http-equivalent-headers">HTTP + headers</dfn> are equivalent to fields in other protocols that have + the same basic meaning. For example, the HTTP authentication + headers are equivalent to the authentication aspects of the FTP + protocol.</p> + + + <h4 id="encrypted-http-and-related-security-concerns"><span class="secno">2.7.2 </span>Encrypted HTTP and related security concerns</h4> + + <p>Anything in this specification that refers to HTTP also applies + to HTTP-over-TLS, as represented by <a href="#url" title="url">URLs</a> + representing the <code title="">https</code> scheme.</p> + + <p class="warning">User agents should report certificate errors to + the user and must either refuse to download resources sent with + erroneous certificates or must act as if such resources were in fact + served with no encryption.</p> + + <p>User agents should warn the user that there is a potential + problem whenever the user visits a page that the user has previously + visited, if the page uses less secure encryption on the second + visit.</p> + + <p>Not doing so can result in users not noticing man-in-the-middle + attacks.</p> + + <div class="example"> + + <p>If a user connects to a server with a self-signed certificate, + the user agent could allow the connection but just act as if there + had been no encryption. If the user agent instead allowed the user + to override the problem and then displayed the page as if it was + fully and safely encrypted, the user could be easily tricked into + accepting man-in-the-middle connections.</p> + + <p>If a user connects to a server with full encryption, but the + page then refers to an external resource that has an expired + certificate, then the user agent will act as if the resource was + unavailable, possibly also reporting the problem to the user. If + the user agent instead allowed the resource to be used, then an + attacker could just look for "secure" sites that used resources + from a different host and only apply man-in-the-middle attacks to + that host, for example taking over scripts in the page.</p> + + <p>If a user bookmarks a site that uses a CA-signed certificate, + and then later revisits that site directly but the site has started + using a self-signed certificate, the user agent could warn the user + that a man-in-the-middle attack is likely underway, instead of + simply acting as if the page was not encrypted.</p> + + </div> + + + <h4 id="content-type-sniffing"><span class="secno">2.7.3 </span>Determining the type of a resource</h4> + + <p>The <dfn id="content-type" title="Content-Type">Content-Type metadata</dfn> of a + resource must be obtained and interpreted in a manner consistent + with the requirements of the Media Type Sniffing + specification. <a href="references.html#refsMIMESNIFF">[MIMESNIFF]</a></p> + + <p>The <dfn id="content-type-sniffing-0" title="Content-Type sniffing">sniffed type of a + resource</dfn> must be found in a manner consistent with the + requirements given in the Media Type Sniffing + specification for finding the <i>sniffed-type</i> of the relevant + sequence of octets. <a href="references.html#refsMIMESNIFF">[MIMESNIFF]</a></p> + + <p>The <dfn id="content-type-sniffing:-image" title="Content-Type sniffing: image">rules for sniffing + images specifically</dfn> and the <dfn id="content-type-sniffing:-text-or-binary" title="Content-Type sniffing: + text or binary">rules for distinguishing if a resource is text or + binary</dfn> are also defined in the Media Type Sniffing + specification. Both sets of rules return a <a href="infrastructure.html#mime-type">MIME type</a> as + their result. <a href="references.html#refsMIMESNIFF">[MIMESNIFF]</a></p> + + <p class="warning">It is imperative that the rules in the + Media Type Sniffing specification be followed + exactly. When a user agent uses different heuristics for content + type detection than the server expects, security problems can + occur. For more details, see the Media Type Sniffing + specification. <a href="references.html#refsMIMESNIFF">[MIMESNIFF]</a></p> + + + <h4 id="extracting-encodings-from-meta-elements"><span class="secno">2.7.4 </span>Extracting encodings from <code><a href="the-meta-element.html#the-meta-element">meta</a></code> elements</h4> + + <p>The <dfn id="algorithm-for-extracting-an-encoding-from-a-meta-element">algorithm for extracting an encoding from a + <code>meta</code> element</dfn>, given a string <var title="">s</var>, is as follows. It either returns an encoding or + nothing.</p> + + <ol><li><p>Let <var title="">position</var> be a pointer into <var title="">s</var>, initially pointing at the start of the + string.</p></li> + + <li><p><i>Loop</i>: Find the first seven characters in <var title="">s</var> after <var title="">position</var> that are an + <a href="infrastructure.html#ascii-case-insensitive">ASCII case-insensitive</a> match for the word "<code title="">charset</code>". If no such match is found, return nothing + and abort these steps.</p></li> + + <li><p>Skip any U+0009, U+000A, U+000C, U+000D, or U+0020 + characters that immediately follow the word "<code title="">charset</code>" (there might not be any).</p></li> + + <li><p>If the next character is not a U+003D EQUALS SIGN (=), + then move <var title="">position</var> to point just before that + next character, and jump back to the step labeled + <i>loop</i>.</p></li> + + <li><p>Skip any U+0009, U+000A, U+000C, U+000D, or U+0020 + characters that immediately follow the equals sign (there might not + be any).</p></li> + + <li> + + <p>Process the next character as follows:</p> + + <dl class="switch"><dt>If it is a U+0022 QUOTATION MARK (") and there is a later U+0022 QUOTATION MARK (") in <var title="">s</var></dt> + <dt>If it is a U+0027 APOSTROPHE (') and there is a later U+0027 APOSTROPHE (') in <var title="">s</var></dt> + <dd>Return the encoding corresponding to the string between this character and the next earliest occurrence of this character.</dd> + + <dt>If it is an unmatched U+0022 QUOTATION MARK (")</dt> + <dt>If it is an unmatched U+0027 APOSTROPHE (')</dt> + <dt>If there is no next character</dt> + <dd>Return nothing.</dd> + + <dt>Otherwise</dt> + <dd>Return the encoding corresponding to the string from this + character to the first U+0009, U+000A, U+000C, U+000D, U+0020, or + U+003B character or the end of <var title="">s</var>, whichever + comes first.</dd> + + </dl></li> + + </ol><p class="note">This algorithm is distinct from those in the HTTP + specification (for example, HTTP doesn't allow the use of single + quotes and requires supporting a backslash-escape mechanism that is + not supported by this algorithm). While the algorithm is used in contexts + that, historically, were related to HTTP, the syntax as supported by + implementations diverged some time ago. <a href="references.html#refsHTTP">[HTTP]</a></p> + + </div><h4 id="cors-settings-attributes"><span class="secno">2.7.5 </span>CORS settings attributes</h4><p>A <dfn id="cors-settings-attribute">CORS settings attribute</dfn> is an <a href="common-microsyntaxes.html#enumerated-attribute">enumerated + attribute</a>. The following table lists the keywords and states + for the attribute — the keywords in the left column map to the + states in the cell in the second column on the same row as the + keyword.</p><table><thead><tr><th> Keyword + </th><th> State + </th><th> Brief description + </th></tr></thead><tbody><tr><td><dfn id="attr-crossorigin-anonymous-keyword" title="attr-crossorigin-anonymous-keyword"><code>anonymous</code></dfn> + </td><td><dfn id="attr-crossorigin-anonymous" title="attr-crossorigin-anonymous">Anonymous</dfn> + </td><td>Cross-origin CORS requests for the element will not have the <i>credentials flag</i> set. + </td></tr><tr><td><dfn id="attr-crossorigin-use-credentials-keyword" title="attr-crossorigin-use-credentials-keyword"><code>use-credentials</code></dfn> + </td><td><dfn id="attr-crossorigin-use-credentials" title="attr-crossorigin-use-credentials">Use Credentials</dfn> + </td><td>Cross-origin CORS requests for the element will have the <i>credentials flag</i> set. + </td></tr></tbody></table><p>The empty string is also a valid keyword, and maps to the <a href="#attr-crossorigin-anonymous" title="attr-crossorigin-anonymous">Anonymous</a> state. The + attribute's <i>invalid value default</i> is the <a href="#attr-crossorigin-anonymous" title="attr-crossorigin-anonymous">Anonymous</a> state. The + <i>missing value default</i>, used when the attribute is omitted, is + the <dfn id="attr-crossorigin-none" title="attr-crossorigin-none">No CORS</dfn> state.</p><div class="impl"> + <h4 id="cors-enabled-fetch"><span class="secno">2.7.6 </span>CORS-enabled fetch</h4> + + <p>When the user agent is required to perform a <dfn id="potentially-cors-enabled-fetch">potentially + CORS-enabled fetch</dfn> of an <a href="#absolute-url">absolute URL</a> <var title="">URL</var>, with a mode <var title="">mode</var> that is + either "<a href="#attr-crossorigin-none" title="attr-crossorigin-none">No CORS</a>", "<a href="#attr-crossorigin-anonymous" title="attr-crossorigin-anonymous">Anonymous</a>", or "<a href="#attr-crossorigin-use-credentials" title="attr-crossorigin-use-credentials">Use Credentials</a>", + an <a href="origin-0.html#origin">origin</a> <var title="">origin</var>, and a default + origin behaviour <var title="">default</var> which is either + "<i>taint</i>" or "<i>fail</i>", it must run the first applicable + set of steps from the following list. The default origin behaviour + is only used if <var title="">mode</var> is "<a href="#attr-crossorigin-none" title="attr-crossorigin-none">No CORS</a>". This algorithm wraps + the <a href="#fetch">fetch</a> algorithm above, and labels the obtained + resource as either <dfn id="cors-same-origin">CORS-same-origin</dfn> or + <dfn id="cors-cross-origin">CORS-cross-origin</dfn>, or blocks the resource entirely.</p> + + <dl class="switch"><dt>If <var title="">mode</var> is "<a href="#attr-crossorigin-none" title="attr-crossorigin-none">No CORS</a>"</dt> + + <dd> + + <p>Run these substeps:</p> + + <ol><li><p>Let <var title="">result</var> have no value.</p></li> + + <li><p><a href="#fetch">Fetch</a> <var title="">URL</var>, with the + <i>manual redirect flag</i> set.</p></li> + <li><p><i>Loop</i>: Wait for the <a href="#fetch">fetch</a> algorithm + to know if the result is a redirect or not.</p></li> + + <li> + + <p>If the result of the <a href="#fetch">fetch</a> is a redirect, and + <var title="">result</var> still has no value, then apply the + CORS <a href="infrastructure.html#redirect-steps">redirect steps</a>, with the CORS + <a href="infrastructure.html#credential-flag">credential flag</a> set to true and the <i>request + rules</i> being that the user agent continue to follow these + steps. If this resumes the <a href="#fetch">fetch</a> algorithm, then + return to the <i>loop</i> step. If it failed due to a failure + of the CORS <a href="infrastructure.html#resource-sharing-check">resource sharing check</a>, then: if <var title="">default</var> is <i>fail</i>, then set <var title="">result</var> to <i>fail</i> and jump to the step + labeled <i>end</i>; if <var title="">default</var> is + <i>taint</i>, then set <var title="">result</var> to + <i>taint</i>, <a href="#transparently-follow-the-redirect">transparently follow the redirect</a> + but with the <i>manual redirect flag</i> no longer set, and + jump to the step labeled <i>end</i> below.</p> + + <p>Otherwise, if the resource is not available (e.g. there is + a network error) then set <var title="">result</var> to the + same value as <var title="">default</var>, and jump to the + step labeled <i>end</i> below.</p> + + <p>Otherwise, perform a <a href="infrastructure.html#resource-sharing-check">resource sharing check</a>, + with the CORS <a href="infrastructure.html#credential-flag">credential flag</a> set to true. If it + returns fail, then set <var title="">result</var> to the same + value as <var title="">default</var>; otherwise, set <var title="">result</var> to <i>success</i>. Then, jump to the + step labeled <i>end</i> below.</p> + + </li> + + <li> + + <p><i>End</i>: Jump to the appropriate step from the following + list:</p> + + <dl class="switch"><dt>If <var title="">result</var> is <i>fail</i></dt> + + <dd> + + <p>Discard all fetched data and prevent any <a href="webappapis.html#concept-task" title="concept-task">tasks</a> from the <a href="#fetch">fetch</a> + algorithm from being <a href="webappapis.html#queue-a-task" title="queue a task">queued</a>. + For the purposes of the calling algorithm, the user agent must + act as if there was a fatal network error and no resource was + obtained. The user agent may report a cross-origin resource + access failure to the user (e.g. in a debugging console).</p> + + </dd> + + <dt>If <var title="">result</var> is <i>taint</i></dt> + + <dd> + + <p>The <a href="webappapis.html#concept-task" title="concept-task">tasks</a> from the + <a href="#fetch">fetch</a> algorithm are <a href="webappapis.html#queue-a-task" title="queue a + task">queued</a> normally, but for the purposes of the + calling algorithm, the obtained resource is + <a href="#cors-cross-origin">CORS-cross-origin</a>. The user agent may report a + cross-origin resource access failure to the user (e.g. in a + debugging console).</p> + + </dd> + + <dt>If <var title="">result</var> is <i>success</i></dt> + + <dd> + + <p>The <a href="webappapis.html#concept-task" title="concept-task">tasks</a> from the + <a href="#fetch">fetch</a> algorithm are <a href="webappapis.html#queue-a-task" title="queue a + task">queued</a> normally, and for the purposes of the + calling algorithm, the obtained resource is + <a href="#cors-same-origin">CORS-same-origin</a>.</p> + + </dd> + + </dl></li> + + </ol></dd> + + + <dt>If <var title="">mode</var> is "<a href="#attr-crossorigin-anonymous" title="attr-crossorigin-anonymous">Anonymous</a>" or "<a href="#attr-crossorigin-use-credentials" title="attr-crossorigin-use-credentials">Use + Credentials</a>"</dt> + + <dd> + + <p>Run these steps:</p> + + <ol><li><p>Perform a <a href="infrastructure.html#cross-origin-request">cross-origin request</a> with the + <i>request URL</i> set to <var title="">URL</var>, the + <i>source origin</i> set to <var title="">origin</var>, and the + <i>credentials flag</i> set to true if <var title="">mode</var> + is "<a href="#attr-crossorigin-use-credentials" title="attr-crossorigin-use-credentials">Use + Credentials</a>" and set to false otherwise. <a href="references.html#refsCORS">[CORS]</a></p></li> + + <li><p>Wait for the CORS <a href="infrastructure.html#cross-origin-request-status">cross-origin request status</a> + to have a value.</p></li> + + <li> + + <p>Jump to the appropriate step from the following list:</p> + + <dl class="switch"><dt>If the CORS <a href="infrastructure.html#cross-origin-request-status">cross-origin request status</a> is not <i>success</i></dt> + + <dd> + + <p>Discard all fetched data and prevent any <a href="webappapis.html#concept-task" title="concept-task">tasks</a> from the <a href="#fetch">fetch</a> + algorithm from being <a href="webappapis.html#queue-a-task" title="queue a task">queued</a>. + For the purposes of the calling algorithm, the user agent must + act as if there was a fatal network error and no resource was + obtained. If a CORS <a href="infrastructure.html#resource-sharing-check">resource sharing check</a> + failed, the user agent may report a cross-origin resource + access failure to the user (e.g. in a debugging console).</p> + + </dd> + + <dt>If the CORS <a href="infrastructure.html#cross-origin-request-status">cross-origin request status</a> is <i>success</i></dt> + + <dd> + + <p>The <a href="webappapis.html#concept-task" title="concept-task">tasks</a> from the + <a href="#fetch">fetch</a> algorithm are <a href="webappapis.html#queue-a-task" title="queue a + task">queued</a> normally, and for the purposes of the + calling algorithm, the obtained resource is + <a href="#cors-same-origin">CORS-same-origin</a>.</p> + + </dd> + + </dl></li> + + </ol></dd> + + </dl></div></body></html> \ No newline at end of file Index: tokenization.html =================================================================== RCS file: /sources/public/html5/spec/tokenization.html,v retrieving revision 1.87 retrieving revision 1.88 diff -u -d -r1.87 -r1.88 --- tokenization.html 10 Dec 2011 06:02:17 -0000 1.87 +++ tokenization.html 10 Dec 2011 06:15:48 -0000 1.88 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>8.2.4 Tokenization — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>8.2.4 Tokenization — HTML5</title><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; } @@ -319,19 +318,21 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="parsing.html" title="8.2 Parsing HTML documents" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> + <link href="parsing.html" title="8.2 Parsing HTML documents" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> <link href="tree-construction.html" title="8.2.5 Tree construction" rel="next"> - </head><body><div class="head" id="head"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="parsing.html" class="prev">8.2 Parsing HTML documents</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="tree-construction.html" class="next">8.2.5 Tree construction</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2> + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="parsing.html">← 8.2 Parsing HTML documents</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="tree-construction.html">8.2.5 Tree construction →</a> <ol class="toc"><li><ol><li><ol><li><a href="tokenization.html#tokenization"><span class="secno">8.2.4 </span>Tokenization</a> - <ol><li><a href="tokenization.html#data-state"><span class="secno">8.2.4.1 </span>Data state</a></li><li><a href="tokenization.html#character-reference-in-data-state"><span class="secno">8.2.4.2 </span>Character reference in data state</a></li><li><a href="tokenization.html#rcdata-state"><span class="secno">8.2.4.3 </span>RCDATA state</a></li><li><a href="tokenization.html#character-reference-in-rcdata-state"><span class="secno">8.2.4.4 </span>Character reference in RCDATA state</a></li><li><a href="tokenization.html#rawtext-state"><span class="secno">8.2.4.5 </span>RAWTEXT state</a></li><li><a href="tokenization.html#script-data-state"><span class="secno">8.2.4.6 </span>Script data state</a></li><li><a href="tokenization.html#plaintext-state"><span class="secno">8.2.4.7 </span>PLAINTEXT state</a></li><li><a href="tokenization.html#tag-open-state"><span class="secno">8.2.4.8 </span>Tag open state</a></li><li><a href="tokenization.html#end-tag-open-state"><span class="secno">8.2.4.9 </span>End tag ope state</a></li><li><a href="tokenization.html#tag-name-state"><span class="secno">8.2.4.10 </span>Tag name state</a></li><li><a href="tokenization.html#rcdata-less-than-sign-state"><span class="secno">8.2.4.11 </span>RCDATA less-than sign state</a></li><li><a href="tokenization.html#rcdata-end-tag-open-state"><span class="secno">8.2.4.12 </span>RCDATA end tag open state</a></li><li><a href="tokenization.html#rcdata-end-tag-name-state"><span class="secno">8.2.4.13 </span>RCDATA end tag name state</a></li><li><a href="tokenization.html#rawtext-less-than-sign-state"><span class="secno">8.2.4.14 </span>RAWTEXT less-than sign state</a></li><li><a href="tokenization.html#rawtext-end-tag-open-state"><span class="secno">8.2.4.15 </span>RAWTEXT end tag open state</a></li><li><a href="tokenization.html#rawtext-end-tag-name-state"><span class="secno">8.2.4.16 </span>RAWTEXT end tag name state</a></li><li><a href="tokenization.html#script-data-less-than-sign-state"><span class="secno">8.2.4.17 </span>Script data less-tan sign state</a></li><li><a href="tokenization.html#script-data-end-tag-open-state"><span class="secno">8.2.4.18 </span>Script data end tag open state</a></li><li><a href="tokenization.html#script-data-end-tag-name-state"><span class="secno">8.2.4.19 </span>Script data end tag name state</a></li><li><a href="tokenization.html#script-data-escape-start-state"><span class="secno">8.2.4.20 </span>Script data escape start state</a></li><li><a href="tokenization.html#script-data-escape-start-dash-state"><span class="secno">8.2.4.21 </span>Script data escape start dash state</a></li><li><a href="tokenization.html#script-data-escaped-state"><span class="secno">8.2.4.22 </span>Script data escaped state</a></li><li><a href="tokenization.html#script-data-escaped-dash-state"><span class="secno">8.2.4.23 </span>Script data escaped dash state</a></li><li><a href="tokenization.html#script-data-escaped-dash-dash-state"><span class="secno">8.2.4.24 </span>Script data escaped dash dash state</a></li><li><a href="tokenizatio.html#script-data-escaped-less-than-sign-state"><span class="secno">8.2.4.25 </span>Script data escaped less-than sign state</a></li><li><a href="tokenization.html#script-data-escaped-end-tag-open-state"><span class="secno">8.2.4.26 </span>Script data escaped end tag open state</a></li><li><a href="tokenization.html#script-data-escaped-end-tag-name-state"><span class="secno">8.2.4.27 </span>Script data escaped end tag name state</a></li><li><a href="tokenization.html#script-data-double-escape-start-state"><span class="secno">8.2.4.28 </span>Script data double escape start state</a></li><li><a href="tokenization.html#script-data-double-escaped-state"><span class="secno">8.2.4.29 </span>Script data double escaped state</a></li><li><a href="tokenization.html#script-data-double-escaped-dash-state"><span class="secno">8.2.4.30 </span>Script data double escaped dash state</a></li><li><a href="tokenization.html#script-data-double-escaped-dash-dash-state"><span class="secno">8.2.4.31 </span>Script data double escapd dash dash state</a></li><li><a href="tokenization.html#script-data-double-escaped-less-than-sign-state"><span class="secno">8.2.4.32 </span>Script data double escaped less-than sign state</a></li><li><a href="tokenization.html#script-data-double-escape-end-state"><span class="secno">8.2.4.33 </span>Script data double escape end state</a></li><li><a href="tokenization.html#before-attribute-name-state"><span class="secno">8.2.4.34 </span>Before attribute name state</a></li><li><a href="tokenization.html#attribute-name-state"><span class="secno">8.2.4.35 </span>Attribute name state</a></li><li><a href="tokenization.html#after-attribute-name-state"><span class="secno">8.2.4.36 </span>After attribute name state</a></li><li><a href="tokenization.html#before-attribute-value-state"><span class="secno">8.2.4.37 </span>Before attribute value state</a></li><li><a href="tokenization.html#attribute-value-double-quoted-state"><span class="secno">8.2.4.38 </span>Attribute value (double-quoted) state</a></li><li><a href=tokenization.html#attribute-value-single-quoted-state"><span class="secno">8.2.4.39 </span>Attribute value (single-quoted) state</a></li><li><a href="tokenization.html#attribute-value-unquoted-state"><span class="secno">8.2.4.40 </span>Attribute value (unquoted) state</a></li><li><a href="tokenization.html#character-reference-in-attribute-value-state"><span class="secno">8.2.4.41 </span>Character reference in attribute value state</a></li><li><a href="tokenization.html#after-attribute-value-quoted-state"><span class="secno">8.2.4.42 </span>After attribute value (quoted) state</a></li><li><a href="tokenization.html#self-closing-start-tag-state"><span class="secno">8.2.4.43 </span>Self-closing start tag state</a></li><li><a href="tokenization.html#bogus-comment-state"><span class="secno">8.2.4.44 </span>Bogus comment state</a></li><li><a href="tokenization.html#markup-declaration-open-state"><span class="secno">8.2.4.45 </span>Markup declaration open state</a></li><li><a href="tokenization.html#comment-start-tate"><span class="secno">8.2.4.46 </span>Comment start state</a></li><li><a href="tokenization.html#comment-start-dash-state"><span class="secno">8.2.4.47 </span>Comment start dash state</a></li><li><a href="tokenization.html#comment-state"><span class="secno">8.2.4.48 </span>Comment state</a></li><li><a href="tokenization.html#comment-end-dash-state"><span class="secno">8.2.4.49 </span>Comment end dash state</a></li><li><a href="tokenization.html#comment-end-state"><span class="secno">8.2.4.50 </span>Comment end state</a></li><li><a href="tokenization.html#comment-end-bang-state"><span class="secno">8.2.4.51 </span>Comment end bang state</a></li><li><a href="tokenization.html#doctype-state"><span class="secno">8.2.4.52 </span>DOCTYPE state</a></li><li><a href="tokenization.html#before-doctype-name-state"><span class="secno">8.2.4.53 </span>Before DOCTYPE name state</a></li><li><a href="tokenization.html#doctype-name-state"><span class="secno">8.2.4.54 </span>DOCTYPE name state</a></li><li><a href="tokeniztion.html#after-doctype-name-state"><span class="secno">8.2.4.55 </span>After DOCTYPE name state</a></li><li><a href="tokenization.html#after-doctype-public-keyword-state"><span class="secno">8.2.4.56 </span>After DOCTYPE public keyword state</a></li><li><a href="tokenization.html#before-doctype-public-identifier-state"><span class="secno">8.2.4.57 </span>Before DOCTYPE public identifier state</a></li><li><a href="tokenization.html#doctype-public-identifier-double-quoted-state"><span class="secno">8.2.4.58 </span>DOCTYPE public identifier (double-quoted) state</a></li><li><a href="tokenization.html#doctype-public-identifier-single-quoted-state"><span class="secno">8.2.4.59 </span>DOCTYPE public identifier (single-quoted) state</a></li><li><a href="tokenization.html#after-doctype-public-identifier-state"><span class="secno">8.2.4.60 </span>After DOCTYPE public identifier state</a></li><li><a href="tokenization.html#between-doctype-public-and-system-identifiers-state"><span class="secno">8.2.4.61 </span>Betwen DOCTYPE public and system identifiers state</a></li><li><a href="tokenization.html#after-doctype-system-keyword-state"><span class="secno">8.2.4.62 </span>After DOCTYPE system keyword state</a></li><li><a href="tokenization.html#before-doctype-system-identifier-state"><span class="secno">8.2.4.63 </span>Before DOCTYPE system identifier state</a></li><li><a href="tokenization.html#doctype-system-identifier-double-quoted-state"><span class="secno">8.2.4.64 </span>DOCTYPE system identifier (double-quoted) state</a></li><li><a href="tokenization.html#doctype-system-identifier-single-quoted-state"><span class="secno">8.2.4.65 </span>DOCTYPE system identifier (single-quoted) state</a></li><li><a href="tokenization.html#after-doctype-system-identifier-state"><span class="secno">8.2.4.66 </span>After DOCTYPE system identifier state</a></li><li><a href="tokenization.html#bogus-doctype-state"><span class="secno">8.2.4.67 </span>Bogus DOCTYPE state</a></li><li><a href="tokenization.html#cdata-section-state"><span clss="secno">8.2.4.68 </span>CDATA section state</a></li><li><a href="tokenization.html#tokenizing-character-references"><span class="secno">8.2.4.69 </span>Tokenizing character references</a></li></ol></li></ol></li></ol></li></ol></div> + <ol><li><a href="tokenization.html#data-state"><span class="secno">8.2.4.1 </span>Data state</a></li><li><a href="tokenization.html#character-reference-in-data-state"><span class="secno">8.2.4.2 </span>Character reference in data state</a></li><li><a href="tokenization.html#rcdata-state"><span class="secno">8.2.4.3 </span>RCDATA state</a></li><li><a href="tokenization.html#character-reference-in-rcdata-state"><span class="secno">8.2.4.4 </span>Character reference in RCDATA state</a></li><li><a href="tokenization.html#rawtext-state"><span class="secno">8.2.4.5 </span>RAWTEXT state</a></li><li><a href="tokenization.html#script-data-state"><span class="secno">8.2.4.6 </span>Script data state</a></li><li><a href="tokenization.html#plaintext-state"><span class="secno">8.2.4.7 </span>PLAINTEXT state</a></li><li><a href="tokenization.html#tag-open-state"><span class="secno">8.2.4.8 </span>Tag open state</a></li><li><a href="tokenization.html#end-tag-open-state"><span class="secno">8.2.4.9 </span>End tag ope state</a></li><li><a href="tokenization.html#tag-name-state"><span class="secno">8.2.4.10 </span>Tag name state</a></li><li><a href="tokenization.html#rcdata-less-than-sign-state"><span class="secno">8.2.4.11 </span>RCDATA less-than sign state</a></li><li><a href="tokenization.html#rcdata-end-tag-open-state"><span class="secno">8.2.4.12 </span>RCDATA end tag open state</a></li><li><a href="tokenization.html#rcdata-end-tag-name-state"><span class="secno">8.2.4.13 </span>RCDATA end tag name state</a></li><li><a href="tokenization.html#rawtext-less-than-sign-state"><span class="secno">8.2.4.14 </span>RAWTEXT less-than sign state</a></li><li><a href="tokenization.html#rawtext-end-tag-open-state"><span class="secno">8.2.4.15 </span>RAWTEXT end tag open state</a></li><li><a href="tokenization.html#rawtext-end-tag-name-state"><span class="secno">8.2.4.16 </span>RAWTEXT end tag name state</a></li><li><a href="tokenization.html#script-data-less-than-sign-state"><span class="secno">8.2.4.17 </span>Script data less-tan sign state</a></li><li><a href="tokenization.html#script-data-end-tag-open-state"><span class="secno">8.2.4.18 </span>Script data end tag open state</a></li><li><a href="tokenization.html#script-data-end-tag-name-state"><span class="secno">8.2.4.19 </span>Script data end tag name state</a></li><li><a href="tokenization.html#script-data-escape-start-state"><span class="secno">8.2.4.20 </span>Script data escape start state</a></li><li><a href="tokenization.html#script-data-escape-start-dash-state"><span class="secno">8.2.4.21 </span>Script data escape start dash state</a></li><li><a href="tokenization.html#script-data-escaped-state"><span class="secno">8.2.4.22 </span>Script data escaped state</a></li><li><a href="tokenization.html#script-data-escaped-dash-state"><span class="secno">8.2.4.23 </span>Script data escaped dash state</a></li><li><a href="tokenization.html#script-data-escaped-dash-dash-state"><span class="secno">8.2.4.24 </span>Script data escaped dash dash state</a></li><li><a href="tokenizatio.html#script-data-escaped-less-than-sign-state"><span class="secno">8.2.4.25 </span>Script data escaped less-than sign state</a></li><li><a href="tokenization.html#script-data-escaped-end-tag-open-state"><span class="secno">8.2.4.26 </span>Script data escaped end tag open state</a></li><li><a href="tokenization.html#script-data-escaped-end-tag-name-state"><span class="secno">8.2.4.27 </span>Script data escaped end tag name state</a></li><li><a href="tokenization.html#script-data-double-escape-start-state"><span class="secno">8.2.4.28 </span>Script data double escape start state</a></li><li><a href="tokenization.html#script-data-double-escaped-state"><span class="secno">8.2.4.29 </span>Script data double escaped state</a></li><li><a href="tokenization.html#script-data-double-escaped-dash-state"><span class="secno">8.2.4.30 </span>Script data double escaped dash state</a></li><li><a href="tokenization.html#script-data-double-escaped-dash-dash-state"><span class="secno">8.2.4.31 </span>Script data double escapd dash dash state</a></li><li><a href="tokenization.html#script-data-double-escaped-less-than-sign-state"><span class="secno">8.2.4.32 </span>Script data double escaped less-than sign state</a></li><li><a href="tokenization.html#script-data-double-escape-end-state"><span class="secno">8.2.4.33 </span>Script data double escape end state</a></li><li><a href="tokenization.html#before-attribute-name-state"><span class="secno">8.2.4.34 </span>Before attribute name state</a></li><li><a href="tokenization.html#attribute-name-state"><span class="secno">8.2.4.35 </span>Attribute name state</a></li><li><a href="tokenization.html#after-attribute-name-state"><span class="secno">8.2.4.36 </span>After attribute name state</a></li><li><a href="tokenization.html#before-attribute-value-state"><span class="secno">8.2.4.37 </span>Before attribute value state</a></li><li><a href="tokenization.html#attribute-value-double-quoted-state"><span class="secno">8.2.4.38 </span>Attribute value (double-quoted) state</a></li><li><a href=tokenization.html#attribute-value-single-quoted-state"><span class="secno">8.2.4.39 </span>Attribute value (single-quoted) state</a></li><li><a href="tokenization.html#attribute-value-unquoted-state"><span class="secno">8.2.4.40 </span>Attribute value (unquoted) state</a></li><li><a href="tokenization.html#character-reference-in-attribute-value-state"><span class="secno">8.2.4.41 </span>Character reference in attribute value state</a></li><li><a href="tokenization.html#after-attribute-value-quoted-state"><span class="secno">8.2.4.42 </span>After attribute value (quoted) state</a></li><li><a href="tokenization.html#self-closing-start-tag-state"><span class="secno">8.2.4.43 </span>Self-closing start tag state</a></li><li><a href="tokenization.html#bogus-comment-state"><span class="secno">8.2.4.44 </span>Bogus comment state</a></li><li><a href="tokenization.html#markup-declaration-open-state"><span class="secno">8.2.4.45 </span>Markup declaration open state</a></li><li><a href="tokenization.html#comment-start-tate"><span class="secno">8.2.4.46 </span>Comment start state</a></li><li><a href="tokenization.html#comment-start-dash-state"><span class="secno">8.2.4.47 </span>Comment start dash state</a></li><li><a href="tokenization.html#comment-state"><span class="secno">8.2.4.48 </span>Comment state</a></li><li><a href="tokenization.html#comment-end-dash-state"><span class="secno">8.2.4.49 </span>Comment end dash state</a></li><li><a href="tokenization.html#comment-end-state"><span class="secno">8.2.4.50 </span>Comment end state</a></li><li><a href="tokenization.html#comment-end-bang-state"><span class="secno">8.2.4.51 </span>Comment end bang state</a></li><li><a href="tokenization.html#doctype-state"><span class="secno">8.2.4.52 </span>DOCTYPE state</a></li><li><a href="tokenization.html#before-doctype-name-state"><span class="secno">8.2.4.53 </span>Before DOCTYPE name state</a></li><li><a href="tokenization.html#doctype-name-state"><span class="secno">8.2.4.54 </span>DOCTYPE name state</a></li><li><a href="tokeniztion.html#after-doctype-name-state"><span class="secno">8.2.4.55 </span>After DOCTYPE name state</a></li><li><a href="tokenization.html#after-doctype-public-keyword-state"><span class="secno">8.2.4.56 </span>After DOCTYPE public keyword state</a></li><li><a href="tokenization.html#before-doctype-public-identifier-state"><span class="secno">8.2.4.57 </span>Before DOCTYPE public identifier state</a></li><li><a href="tokenization.html#doctype-public-identifier-double-quoted-state"><span class="secno">8.2.4.58 </span>DOCTYPE public identifier (double-quoted) state</a></li><li><a href="tokenization.html#doctype-public-identifier-single-quoted-state"><span class="secno">8.2.4.59 </span>DOCTYPE public identifier (single-quoted) state</a></li><li><a href="tokenization.html#after-doctype-public-identifier-state"><span class="secno">8.2.4.60 </span>After DOCTYPE public identifier state</a></li><li><a href="tokenization.html#between-doctype-public-and-system-identifiers-state"><span class="secno">8.2.4.61 </span>Betwen DOCTYPE public and system identifiers state</a></li><li><a href="tokenization.html#after-doctype-system-keyword-state"><span class="secno">8.2.4.62 </span>After DOCTYPE system keyword state</a></li><li><a href="tokenization.html#before-doctype-system-identifier-state"><span class="secno">8.2.4.63 </span>Before DOCTYPE system identifier state</a></li><li><a href="tokenization.html#doctype-system-identifier-double-quoted-state"><span class="secno">8.2.4.64 </span>DOCTYPE system identifier (double-quoted) state</a></li><li><a href="tokenization.html#doctype-system-identifier-single-quoted-state"><span class="secno">8.2.4.65 </span>DOCTYPE system identifier (single-quoted) state</a></li><li><a href="tokenization.html#after-doctype-system-identifier-state"><span class="secno">8.2.4.66 </span>After DOCTYPE system identifier state</a></li><li><a href="tokenization.html#bogus-doctype-state"><span class="secno">8.2.4.67 </span>Bogus DOCTYPE state</a></li><li><a href="tokenization.html#cdata-section-state"><span clss="secno">8.2.4.68 </span>CDATA section state</a></li><li><a href="tokenization.html#tokenizing-character-references"><span class="secno">8.2.4.69 </span>Tokenizing character references</a></li></ol></li></ol></li></ol></li></ol></nav> <div class="impl"> @@ -372,8 +373,8 @@ <a href="tree-construction.html#tree-construction">tree construction</a> stage. The tree construction stage can affect the state of the tokenization stage, and can insert additional characters into the stream. (For example, the - <code><a href="scripting-1.html#the-script-element">script</a></code> element can result in scripts executing and - using the <a href="content-models.html#dynamic-markup-insertion">dynamic markup insertion</a> APIs to insert + <code><a href="the-script-element.html#the-script-element">script</a></code> element can result in scripts executing and + using the <a href="dynamic-markup-insertion.html#dynamic-markup-insertion">dynamic markup insertion</a> APIs to insert characters into the stream being tokenized.)</p> <p>When a start tag token is emitted with its <i>self-closing Index: fragment-links.js =================================================================== RCS file: /sources/public/html5/spec/fragment-links.js,v retrieving revision 1.468 retrieving revision 1.469 diff -u -d -r1.468 -r1.469 --- fragment-links.js 10 Dec 2011 06:02:07 -0000 1.468 +++ fragment-links.js 10 Dec 2011 06:15:42 -0000 1.469 @@ -1,4 +1,4 @@ -var fragment_links = { 'ix-handler-ondrag':'index','dom-media-defaultmuted':'the-iframe-element','htmlcommandelement':'interactive-elements','dom-texttrackcuelist-length':'the-iframe-element','dom-source-media':'the-iframe-element','focusing-steps':'editing','command-facet-type':'commands','dom-texttrack-label':'the-iframe-element','concept-slots':'tabular-data','dom-command-icon':'interactive-elements','valid-non-negative-integer':'common-microsyntaxes','ix-handler-window-onafterprint':'index','dom-command-ro-commandchecked':'commands','entity-ring':'named-character-references','the-after-head-insertion-mode':'tree-construction','create-a-script':'webappapis','the-br-element':'text-level-semantics','ix-handler-onreset':'index','ix-handler-window-onscroll':'index','entity-straightepsilon':'named-character-references','concept-facet':'commands','attr-script-async':'scripting-1','entity-target':'named-character-references','ix-handler-ondblclick':'index','entity-Cfr':'named-character-references','entity-THOR-legacy':'named-character-references','script-nesting-level':'parsing','entity-ncedil':'named-character-references','dom-table-deletetfoot':'tabular-data','entity-NotLessLess':'named-character-references','dom-tdth-abbr':'obsolete','the-maxlength-attribute':'common-input-element-attributes','handler-mediacontroller-onloadeddata':'the-iframe-element','entity-DownTeeArrow':'named-character-references','entity-Ecirc-legacy':'named-character-references','attr-button-type':'the-button-element','entity-curarrm':'named-character-references','custom-handlers':'timers','the-navigator-object':'timers','attr-textarea-wrap-soft':'the-button-element','the-h3-element':'sections','concept-fe-disabled':'association-of-controls-and-forms','entity-RightUpDownVector':'named-character-references','dom-object-border':'obsolete','effective-media-volume':'the-iframe-element','entity-Oacute':'named-character-references','dom-texttrack-activecues':'the-iframe-element','htmltitleelement':'semantics','entity-nGtv':'named-character-reerences','concept-spellcheck-default-inherit':'editing','entity-expectation':'named-character-references','prepare-a-script':'scripting-1','entity-lAarr':'named-character-references','dom-tbody-valign':'obsolete','entity-naturals':'named-character-references','dom-videotrack-kind':'the-iframe-element','dom-node-namespaceuri':'infrastructure','dom-dropzone':'dnd','dom-tbody-rows':'tabular-data','dom-video-videoheight':'the-iframe-element','handler-onseeking':'webappapis','entity-mdash':'named-character-references','entity-bernou':'named-character-references','entity-leftharpoonup':'named-character-references','strike':'obsolete','assigned-access-key':'editing','event-handler-event-type':'webappapis','entity-sup1-legacy':'named-character-references','scroll-an-element-into-view':'infrastructure','dom-area-alt':'the-map-element','html-fragment-serialization-algorithm':'the-end','the-menu-bar-barprop-object':'browsers','concept-submit-button':'forms','dom-accesskey':'editing','entity-lesdot':'named-character-reerences','rules-for-constructing-the-chapter-tree-from-a-text-track':'the-iframe-element','entity-nsime':'named-character-references','dom-image':'embedded-content-1','rawtext-less-than-sign-state':'tokenization','rawtext-state':'tokenization','ix-handler-onmousemove':'index','value-track-kind-description':'the-iframe-element','htmltrackelement':'the-iframe-element','dom-marquee-scrolldelay':'obsolete','handler-onvolumechange':'webappapis','syntax-comments':'syntax','dom-body-vlink':'obsolete','attr-pre-width':'obsolete','entity-ocirc-legacy':'named-character-references','event-mediacontroller-playing':'the-iframe-element','timers':'timers','the-div-element':'grouping-content','entity-larrsim':'named-character-references','dom-meter-max':'the-button-element','entity-boxvr':'named-character-references','media-element-event-task-source':'the-iframe-element','entity-boxvl':'named-character-references','entity-boxvh':'named-character-references','entity-boxvR':'named-character-references','attr-input-alt':'numbr-state','entity-nhpar':'named-character-references','entity-emsp':'named-character-references','writing-a-form-s-user-interface':'forms','entity-semi':'named-character-references','entity-afr':'named-character-references','history-0':'history','history-1':'introduction','entity-boxvL':'named-character-references','entity-pscr':'named-character-references','entity-boxvH':'named-character-references','entity-trie':'named-character-references','entity-uparrow':'named-character-references','attr-textarea-cols':'the-button-element','dom-script-defer':'scripting-1','htmldetailselement':'interactive-elements','represents':'rendering','entity-imped':'named-character-references','entity-QUOT-legacy':'named-character-references','url-hostport':'urls','entity-lHar':'named-character-references','handler-mediacontroller-oncanplay':'the-iframe-element','fire-a-click-event':'webappapis','dom-img-naturalwidth':'embedded-content-1','dom-texttrack-kind-metadata':'the-iframe-element','entity-supdsub':'named-character-referenes','concept-form-submit':'association-of-controls-and-forms','nearest-activatable-element':'content-models','entity-searr':'named-character-references','rb':'obsolete','standard-metadata-names':'semantics','handler-appcache-onerror':'offline','attr-meta-http-equiv-default-style':'semantics','entity-par':'named-character-references','entity-wedbar':'named-character-references','entity-Lmidot':'named-character-references','attr-ol-type-keyword-decimal':'grouping-content','texttrackcuelist':'the-iframe-element','renderingUA':'infrastructure','object-plugin':'the-iframe-element','entity-lmoust':'named-character-references','valid-e-mail-address-list':'states-of-the-type-attribute','r1':'tabular-data','r2':'tabular-data','dom-texttrackcue-endtime':'the-iframe-element','value-track-kind-translation':'the-iframe-element','entity-ENG':'named-character-references','the-drag-data-item-kind':'dnd','entity-bigotimes':'named-character-references','entity-sscr':'named-character-references','entity-NotGreaterSlantEqual':named-character-references','invalidstateerror':'infrastructure','dom-area-hash':'the-map-element','attr-embed-vspace':'obsolete','entity-Bcy':'named-character-references','link-type-author':'links','concept-textarea-mutable':'the-button-element','active-flag-was-set-when-the-script-started':'the-iframe-element','dom-img-vspace':'obsolete','discard-a-document':'browsers','textarea-effective-height':'rendering','html-fragment-parsing-algorithm':'the-end','entity-seArr':'named-character-references','entity-lArr':'named-character-references','entity-rarrbfs':'named-character-references','table-example-1':'tabular-data','dynamic-markup-insertion':'content-models','dynamic-nested-browsing-context-properties':'browsers','entity-lobrk':'named-character-references','entity-rightsquigarrow':'named-character-references','top-level-browsing-context':'browsers','simple-color':'common-microsyntaxes','entity-bbrk':'named-character-references','attr-table-cellspacing':'obsolete','entity-colon':'named-character-references''entity-Ugrave':'named-character-references','dom-tdth-valign':'obsolete','entity-Mfr':'named-character-references','dom-ol-reversed':'grouping-content','dom-meta-name':'semantics','entity-LeftUpTeeVector':'named-character-references','algorithm-for-assigning-header-cells':'tabular-data','dom-texttrack-kind-subtitles':'the-iframe-element','dom-table-tbodies':'tabular-data','ix-handler-ondragend':'index','entity-Agrave-legacy':'named-character-references','valid-yearless-date-string':'common-microsyntaxes','entity-gesles':'named-character-references','entity-NotElement':'named-character-references','dom-htmloptionscollection-length':'common-dom-interfaces','dom-media-preload':'the-iframe-element','concept-node-clone-ext':'infrastructure','entity-sung':'named-character-references','handler-onplaying':'webappapis','entity-bcy':'named-character-references','attr-contextmenu':'interactive-elements','entity-thkap':'named-character-references','cookie-free-document-object':'dom','url-path':'urls','domtokenlist':'ifrastructure','parsed-as-a-css-color-value':'infrastructure','dom-marquee-behavior':'obsolete','entity-disin':'named-character-references','dom-validitystate-typemismatch':'association-of-controls-and-forms','preferred-mime-name':'infrastructure','attr-th-scope-colgroup':'tabular-data','entity-tcedil':'named-character-references','entity-Vcy':'named-character-references','entity-ldquo':'named-character-references','entity-map':'named-character-references','selector-invalid':'links','entity-apacir':'named-character-references','dom-datatransfer-files':'dnd','refsDOMCORE':'references','kinds-of-content':'content-models','the-td-element':'tabular-data','entity-ctdot':'named-character-references','the-input-element-as-a-button':'rendering','entity-pointint':'named-character-references','creating-scripts':'webappapis','entity-Gcirc':'named-character-references','marquee-scroll-interval':'obsolete','entity-Eopf':'named-character-references','ix-handler-onwaiting':'index','entity-aring-legacy':'named-character-refrences','entity-boxdL':'named-character-references','hidden-state':'states-of-the-type-attribute','entity-OpenCurlyDoubleQuote':'named-character-references','entity-LeftTriangleBar':'named-character-references','attr-command-type-keyword-checkbox':'interactive-elements','dom-domstringmap-nameditem':'common-dom-interfaces','entity-Xi':'named-character-references','proto-url':'timers','dom-dl-compact':'obsolete','table-model-error':'tabular-data','entity-cacute':'named-character-references','img-error':'embedded-content-1','ix-handler-onscroll':'index','entity-eqvparsl':'named-character-references','media-elements':'the-iframe-element','entity-dHar':'named-character-references','ignore-destructive-writes-counter':'content-models','dom-tbody-insertrow':'tabular-data','best-practices-for-in-page-editors':'editing','after-attribute-value-quoted-state':'tokenization','radio-button-group':'number-state','dom-style-scoped':'semantics','htmlheadelement':'semantics','sandboxPluginApplet':'obsolete','entity-odblac':'nmed-character-references','refsRFC2397':'references','unicode-serialization-of-an-origin':'origin-0','entity-Ntilde-legacy':'named-character-references','refsHPAAIG':'references','handler-onpause':'webappapis','refsRFC3629':'references','attribute-value-double-quoted-state':'tokenization','non-scripted':'infrastructure','concept-input-step-default':'common-input-element-attributes','entity-epsiv':'named-character-references','link-type-tag':'links','generic-raw-text-element-parsing-algorithm':'tree-construction','ix-handler-window-onblur':'index','attr-ol-type-keyword-upper-roman':'grouping-content','traverse-the-history':'history','dom-input-alt':'the-input-element','concept-progress-value':'the-button-element','entity-darr':'named-character-references','entity-NotSucceedsEqual':'named-character-references','entity-sfr':'named-character-references','entity-lesges':'named-character-references','hashchangeevent':'history','htmlbrelement':'text-level-semantics','entity-xscr':'named-character-references','scrit-data-escaped-state':'tokenization','attr-fe-maxlength':'association-of-controls-and-forms','handler-onprogress':'webappapis','entity-lozf':'named-character-references','entity-timesbar':'named-character-references','white_space':'common-microsyntaxes','handler-onchange':'webappapis','about:srcdoc':'urls','entity-rbrkslu':'named-character-references','entity-rbrksld':'named-character-references','attr-tr-charoff':'obsolete','dom-img-name':'obsolete','garbage-collection':'common-dom-interfaces','the-address-element':'sections','entity-Ocy':'named-character-references','dom-uda-hash':'urls','collections':'infrastructure','unordered-set-of-unique-space-separated-tokens':'common-microsyntaxes','refsHTMLALTTECHS':'references','dom-textarea-input-setselectionrange':'association-of-controls-and-forms','entity-ntrianglelefteq':'named-character-references','valid-date-string-with-optional-time':'common-microsyntaxes','event-media-loadeddata':'the-iframe-element','dom-table-frame':'obsolete','refsWEBVTT':'references,'dom-validitystate-toolong':'association-of-controls-and-forms','entity-lessapprox':'named-character-references','the-marquee-element-0':'rendering','refsRFC4329':'references','entity-updownarrow':'named-character-references','dom-beforeunloadevent-returnvalue':'history','dom-iframe-name':'the-iframe-element','entity-nsupseteqq':'named-character-references','entity-Auml-legacy':'named-character-references','head-element-pointer':'parsing','entity-plusmn':'named-character-references','manually-releasing-the-storage-mutex':'timers','valid-local-date-and-time-string':'common-microsyntaxes','fire-loadeddata':'the-iframe-element','refsATAG':'references','attr-area-shape-keyword-rectangle':'the-map-element','dom-select-selectedindex':'the-button-element','syntax-start-tag':'syntax','tag-clouds':'links','entity-isinv':'named-character-references','event-media-seeking':'the-iframe-element','dom-mediacontroller-buffered':'the-iframe-element','dom-select-required':'the-button-element','entity-VerticalLine':'named-chracter-references','creator-document':'browsers','interactions-with-xpath-and-xslt':'content-models','entity-rsqb':'named-character-references','shows-caching-progress':'offline','dom-domstringmap-additem':'common-dom-interfaces','dom-menu-compact':'obsolete','dom-script-htmlfor':'obsolete','entity-multimap':'named-character-references','attr-track-srclang':'the-iframe-element','dom-track-label':'the-iframe-element','remove-an-element-from-a-document':'infrastructure','dom-texttrack-showing':'the-iframe-element','the-readonly-attribute':'common-input-element-attributes','htmlscriptelement':'scripting-1','unquoted':'syntax','entity-RightUpVectorBar':'named-character-references','dom-frame-scrolling':'obsolete','entity-boxV':'named-character-references','entity-curlyeqsucc':'named-character-references','entity-bnequiv':'named-character-references','entity-lsqb':'named-character-references','attr-area-nohref':'obsolete','loading-xml-documents':'dom','entity-subne':'named-character-references','dom-videotrack-slected':'the-iframe-element','entity-boxH':'named-character-references','entity-boxv':'named-character-references','dom-fs-novalidate':'association-of-controls-and-forms','entity-eDDot':'named-character-references','limited-to-numbers-greater-than-zero':'common-dom-interfaces','entity-icirc-legacy':'named-character-references','handling-first-frame-available':'the-iframe-element','attr-crossorigin-none':'fetching-resources','entity-subnE':'named-character-references','entity-yscr':'named-character-references','entity-boxh':'named-character-references','concept-bc-noscript':'webappapis','frameset':'obsolete','ix-handler-onended':'index','attr-media-preload-auto':'the-iframe-element','adjust-mathml-attributes':'tree-construction','entity-mDDot':'named-character-references','ix-handler-window-onstorage':'index','entity-DiacriticalAcute':'named-character-references','text-track-loading':'the-iframe-element','entity-NotTildeFullEqual':'named-character-references','parsing-xhtml-fragments':'the-xhtml-syntax','att-select-size':'the-button-element','entity-ltrPar':'named-character-references','dom-input-usemap':'obsolete','text-track-cue-text':'the-iframe-element','the-location-interface':'history','attr-q-cite':'text-level-semantics','dom-link-media':'semantics','willful-violation':'introduction','script-created-parser':'content-models','entity-bigcup':'named-character-references','editing-0':'editing','dom-mediaerror-media_err_decode':'the-iframe-element','dom-applet-hspace':'obsolete','data-protocol':'infrastructure','ix-handler-onplaying':'index','html-namespace':'infrastructure','entity-ccedil-legacy':'named-character-references','entity-xrArr':'named-character-references','ix-handler-window-onunload':'index','attr-caption-align':'obsolete','concept-appcache-onlinewhitelist':'offline','entity-zwnj':'named-character-references','preprocessing-the-input-stream':'parsing','sequential-link-types':'links','dom-dim-width':'the-map-element','dom-table-insertrow':'tabular-data','concept-n-noscript':'webappapis','entity-ompfn':'named-character-references','reset-the-insertion-mode-appropriately':'parsing','event-handlers-on-elements-document-objects-and-window-objects':'webappapis','float-nan':'infrastructure','beforeunloadevent':'history','authors-using-xhtml':'iana','entity-cedil-legacy':'named-character-references','entity-lcy':'named-character-references','script-data-escape-start-state':'tokenization','event-definitions-0':'history','conformance-checkers':'infrastructure','entity-Cacute':'named-character-references','input-type-attr-summary':'the-input-element','event-media-playing':'the-iframe-element','dom-button-value':'the-button-element','secondary-browsing-contexts':'browsers','attr-tr-bgcolor':'obsolete','end-tags':'syntax','entity-NotTildeTilde':'named-character-references','durationChange':'the-iframe-element','concept-button':'forms','entity-nsupe':'named-character-references','refsECMA262':'references','entity-mcy':'named-character-references','entity-Tcedil':'named-character-references','entity-not-legacy''named-character-references','entity-nsupE':'named-character-references','entity-gesl':'named-character-references','entity-cir':'named-character-references','dom-datatransferitemlist-removeitem':'dnd','htmlparagraphelement':'grouping-content','dom-document':'infrastructure','functionstringcallback':'dnd','entity-awconint':'named-character-references','dom-tdth-ch':'obsolete','popstateeventinit':'history','entity-ange':'named-character-references','entity-mlcp':'named-character-references','dom-table-deletecaption':'tabular-data','entity-minusb':'named-character-references','entity-minusd':'named-character-references','text-track-cue-automatic-line-position':'the-iframe-element','scope':'introduction','ix-handler-onstalled':'index','entity-nleftrightarrow':'named-character-references','the-dfn-element':'text-level-semantics','dom-area-type':'the-map-element','before-doctype-name-state':'tokenization','attr-ol-type-keyword-lower-roman':'grouping-content','attr-tabindex':'editing','dom-object-type':'the-ifram-element','printing':'timers','domexception':'infrastructure','entity-efDot':'named-character-references','entity-lcaron':'named-character-references','entity-Gdot':'named-character-references','dom-img-alt':'embedded-content-1','entity-Ycirc':'named-character-references','dom-command-checked':'interactive-elements','explicit-self-navigation-override':'browsers','the-param-element':'the-iframe-element','xhtml':'the-xhtml-syntax','entity-Odblac':'named-character-references','sandboxScriptBlocked':'webappapis','attr-script-src':'scripting-1','dom-tr-bgcolor':'obsolete','entity-swArr':'named-character-references','entity-ljcy':'named-character-references','refsPINGBACK':'references','entity-atilde-legacy':'named-character-references','get-the-timed-task':'timers','concept-input-value-default-range':'number-state','entity-varsigma':'named-character-references','entity-rarr':'named-character-references','dom-quote-cite':'grouping-content','entity-NotTilde':'named-character-references','entity-dwangle':'named-chaacter-references','entity-vscr':'named-character-references','attr-iframe-align':'obsolete','command-facet-id':'commands','dom-a-rellist':'text-level-semantics','attr-body-marginleft':'obsolete','attr-th-scope':'tabular-data','dom-external':'timers','event-mediacontroller-loadeddata':'the-iframe-element','text-track-cue-alignment':'the-iframe-element','entity-qscr':'named-character-references','print-media':'rendering','attr-table-align':'obsolete','entity-rarrhk':'named-character-references','attr-hyperlink-usemap':'the-map-element','signedpublickeyandchallenge':'the-button-element','task-source':'webappapis','dom-ol-compact':'obsolete','entity-rBarr':'named-character-references','selector-read-only':'links','entity-Ograve-legacy':'named-character-references','entity-frac34-legacy':'named-character-references','frames':'obsolete','entity-seswar':'named-character-references','canvas':'the-canvas-element','entity-CenterDot':'named-character-references','dom-htmlformcontrolscollection-nameditem':'common-dom-iterfaces','entity-Ncaron':'named-character-references','entity-Kopf':'named-character-references','entity-nfr':'named-character-references','entity-sqsubset':'named-character-references','entity-aogon':'named-character-references','scroll-to-the-fragment-identifier':'history','unloading-document-cleanup-steps':'history','entity-LeftDownTeeVector':'named-character-references','entity-blacktriangleright':'named-character-references','text-html':'iana','attr-dir-ltr':'elements','script-processing-encoding':'scripting-1','handler-mediacontroller-onloadedmetadata':'the-iframe-element','refsCSSRUBY':'references','dom-table-border':'tabular-data','the-document-s-current-address':'dom','entity-suplarr':'named-character-references','dom-document-cookie':'dom','entity-bepsi':'named-character-references','entity-cupcap':'named-character-references','entity-dlcrop':'named-character-references','dom-a-href':'text-level-semantics','attr-ol-type-state-lower-alpha':'grouping-content','entity-Aring-legacy':'named-character-eferences','event-media-emptied':'the-iframe-element','handler-appcache-oncached':'offline','entity-CloseCurlyDoubleQuote':'named-character-references','concept-media-load-algorithm':'the-iframe-element','parsing-main-inforeign':'tree-construction','attr-input-type-radio-keyword':'the-input-element','entity-equiv':'named-character-references','attr-tbody-valign':'obsolete','entity-bull':'named-character-references','entity-Qfr':'named-character-references','entity-Cross':'named-character-references','entity-rdsh':'named-character-references','the-document-s-address':'dom','handler-appcache-onobsolete':'offline','entity-colone':'named-character-references','the-input-element-as-a-file-upload-control':'rendering','attr-form-autocomplete':'forms','entity-bsolb':'named-character-references','controller-playback':'the-iframe-element','dom-param-value':'the-iframe-element','htmlulistelement':'grouping-content','entity-DoubleDownArrow':'named-character-references','dom-area-hostname':'the-map-element','entity-veee':'named-character-references','entity-boxtimes':'named-character-references','dom-media-ended':'the-iframe-element','entity-lbarr':'named-character-references','the-article-element':'sections','dom-audiotrack-id':'the-iframe-element','entity-coprod':'named-character-references','entity-lowast':'named-character-references','dom-command-ro-commandicon':'commands','entity-lambda':'named-character-references','entity-Iopf':'named-character-references','the-aside-element':'sections','entity-Yscr':'named-character-references','refsTYPEDARRAY':'references','entity-vsubne':'named-character-references','dom-label-htmlfor':'forms','attr-contenteditable':'editing','xml':'infrastructure','entity-vsubnE':'named-character-references','xmp':'obsolete','dom-classname':'elements','attr-output-for':'the-button-element','htmllegendelement':'forms','algorithm-for-processing-rows':'tabular-data','entity-edot':'named-character-references','dom-tdth-colspan':'tabular-data','dom-document-linkcolor':'obsolete','dom-table-createtfot':'tabular-data','entity-drcrop':'named-character-references','ended-playback':'the-iframe-element','dom-input-height':'the-input-element','entity-nleftarrow':'named-character-references','entity-bbrktbrk':'named-character-references','entity-rbbrk':'named-character-references','rules-for-updating-the-text-track-rendering':'the-iframe-element','refsDOT':'references','attr-source-src':'the-iframe-element','entity-daleth':'named-character-references','entity-Vert':'named-character-references','history-autocomplete':'history','foster-parent-element':'tree-construction','entity-bigodot':'named-character-references','an-overridden-reload':'dom','parse-a-global-date-and-time-string':'common-microsyntaxes','dom-applet-width':'obsolete','delaying-the-load-event-flag':'the-iframe-element','entity-lap':'named-character-references','entity-lat':'named-character-references','attr-media-preload':'the-iframe-element','entity-qint':'named-character-references','valid-non-empty-url':'urls','entity-IEcy':'named-character-rferences','the-external-interface':'timers','entity-SucceedsTilde':'named-character-references','url-scheme':'urls','the-p-element':'grouping-content','dom-embed-type':'the-iframe-element','cdatasection':'infrastructure','dom-ul-compact':'obsolete','entity-marker':'named-character-references','entity-quest':'named-character-references','event-mediacontroller-ratechange':'the-iframe-element','tabular-data':'tabular-data','entity-ldca':'named-character-references','dom-confirm':'timers','entity-PlusMinus':'named-character-references','the-area-element':'the-map-element','entity-Iacute-legacy':'named-character-references','attr-crossorigin-use-credentials-keyword':'fetching-resources','source-node':'dnd','attr-ol-type-state-upper-roman':'grouping-content','attr-dir-rtl':'elements','concept-media-load-resource':'the-iframe-element','text-track-cue-writing-direction':'the-iframe-element','dom-map-name':'the-map-element','entity-geqq':'named-character-references','intro-early-example':'introduction','dom-documentopen':'content-models','boolean-attributes':'common-microsyntaxes','ix-handler-window-onpageshow':'index','attr-td-scope':'obsolete','printing-steps':'timers','entity-acute-legacy':'named-character-references','table-descriptions':'tabular-data','entity-Chi':'named-character-references','rules-for-parsing-dimension-values':'common-microsyntaxes','entity-NotCupCap':'named-character-references','editing-apis':'editing','dom-validitystate-rangeoverflow':'association-of-controls-and-forms','entity-oacute-legacy':'named-character-references','the-object-element':'the-iframe-element','refsUTF7':'references','opener-browsing-context':'browsers','determining-the-character-encoding':'parsing','entity-xfr':'named-character-references','dom-th-scope':'tabular-data','refsBIDI':'references','refsSRGB':'references','concept-input-immutable':'the-input-element','attr-link-title':'semantics','the-marquee-element':'obsolete','refsNPAPI':'references','attr-button-type-submit-state':'the-button-element','entity-hairsp':'namedcharacter-references','dom-location-href':'history','entity-scsim':'named-character-references','publickeyandchallenge':'the-button-element','textcontent':'infrastructure','dom-textarea-value':'the-button-element','the-location-bar-barprop-object':'browsers','following-hyperlinks':'links','groupings-of-browsing-contexts':'browsers','entity-Rcy':'named-character-references','entity-scpolint':'named-character-references','event-loop':'webappapis','dom-document-nameditem-filter':'dom','dom-a-pathname':'text-level-semantics','entity-twixt':'named-character-references','color-state':'number-state','entity-theta':'named-character-references','entity-looparrowleft':'named-character-references','entity-bscr':'named-character-references','x-that':'introduction','dom-media-played':'the-iframe-element','entity-RightArrowLeftArrow':'named-character-references','selector-out-of-range':'links','dom-location':'history','entity-gtcir':'named-character-references','entity-egrave-legacy':'named-character-references','date-an-time-state':'states-of-the-type-attribute','entity-Colon':'named-character-references','dom-mediacontroller-duration':'the-iframe-element','entity-longrightarrow':'named-character-references','attr-fs-method-post':'association-of-controls-and-forms','dom-tdth-align':'obsolete','entity-HARDcy':'named-character-references','rel-alternate':'links','htmlappletelement':'obsolete','dom-navigator-online':'offline','timer-task-source':'timers','content-type':'fetching-resources','entity-hbar':'named-character-references','entity-nearr':'named-character-references','entity-Therefore':'named-character-references','dfn-read-only-array':'infrastructure','entity-chcy':'named-character-references','entity-Igrave':'named-character-references','attr-input-type-month-keyword':'the-input-element','entity-lthree':'named-character-references','entity-succnsim':'named-character-references','dom-hr-align':'obsolete','entity-srarr':'named-character-references','valid-month-string':'common-microsyntaxes','entity-middot':'named-chracter-references','refused-to-allow-the-document-to-be-unloaded':'history','rcdata-end-tag-open-state':'tokenization','entity-NegativeThinSpace':'named-character-references','mathml':'the-map-element','htmloptgroupelement':'the-button-element','entity-lnapprox':'named-character-references','entity-thetasym':'named-character-references','dom-windowbase64-atob':'webappapis','entity-dd':'named-character-references','entity-notnivb':'named-character-references','entity-notnivc':'named-character-references','entity-notniva':'named-character-references','checkbox-state':'number-state','the-fieldset-element-0':'rendering','entity-shortmid':'named-character-references','presentational-hints':'rendering','the-time-element':'text-level-semantics','entity-urcorner':'named-character-references','concept-command':'commands','entity-xhArr':'named-character-references','blocked-on-its-media-controller':'the-iframe-element','entity-gtdot':'named-character-references','entity-llcorner':'named-character-references','dom-tabe-rows':'tabular-data','attr-fs-method-post-keyword':'association-of-controls-and-forms','concept-http-equiv-extensions':'semantics','bogus-doctype-state':'tokenization','dom-window-nameditem-filter':'browsers','entity-lrtri':'named-character-references','barred-from-constraint-validation':'association-of-controls-and-forms','event-mediacontcoller-ended':'the-iframe-element','dom-meter-optimum':'the-button-element','entity-varepsilon':'named-character-references','concept-appcache-newer':'offline','value-track-kind-main':'the-iframe-element','directly-reachable-browsing-contexts':'browsers','tt':'obsolete','the-after-after-body-insertion-mode':'tree-construction','entity-macr-legacy':'named-character-references','entity-Wcirc':'named-character-references','entity-prcue':'named-character-references','entity-LowerRightArrow':'named-character-references','refsRFC3279':'references','entity-gne':'named-character-references','entity-jmath':'named-character-references','dom-navigator-yieldforstorageupdates':'timer','entity-hybull':'named-character-references','dom-history-state':'history','entity-OverBrace':'named-character-references','dom-mediacontroller-volume':'the-iframe-element','entity-nacute':'named-character-references','attr-area-shape-keyword-circle':'the-map-element','entity-trisb':'named-character-references','htmltextareaelement':'the-button-element','entity-gnE':'named-character-references','processing-model':'the-map-element','navigate-non-Document':'history','entity-otimes':'named-character-references','entity-vartheta':'named-character-references','entity-divonx':'named-character-references','entity-Gbreve':'named-character-references','entity-xlArr':'named-character-references','dom-tr-valign':'obsolete','parsing-main-afterframeset':'tree-construction','security-2':'browsers','security-1':'browsers','security-0':'association-of-controls-and-forms','entity-Eacute':'named-character-references','entity-phmmat':'named-character-references','refsMQ':'references','entity-lcub':'named-character-reference','selector-active':'links','parsing-main-intbody':'tree-construction','entity-Aring':'named-character-references','entity-Lfr':'named-character-references','replaced-elements':'rendering','dom-window-item':'browsers','dom-validitystate-stepmismatch':'association-of-controls-and-forms','dom-texttrackcue':'the-iframe-element','attr-meter-low':'the-button-element','refsWEBLINK':'references','handler-appcache-ondownloading':'offline','states-of-the-type-attribute':'states-of-the-type-attribute','ix-handler-onprogress':'index','entity-eqcirc':'named-character-references','entity-LeftCeiling':'named-character-references','the-insertion-mode':'parsing','entity-hellip':'named-character-references','entity-smashp':'named-character-references','entity-Aacute-legacy':'named-character-references','implied-strong-reference':'common-dom-interfaces','entity-plussim':'named-character-references','dom-output-value':'the-button-element','dom-a-search':'text-level-semantics','the-ol-element':'grouping-content','constructing-orm-data-set':'association-of-controls-and-forms','attr-tdth-colspan':'tabular-data','dom-textarea-input-selectionstart':'association-of-controls-and-forms','dom-input-autocomplete':'the-input-element','dom-media-defaultplaybackrate':'the-iframe-element','entity-lgE':'named-character-references','entity-sigma':'named-character-references','text-track-failed-to-load':'the-iframe-element','entity-tosa':'named-character-references','has-an-element-in-select-scope':'parsing','ascii-case-insensitive':'infrastructure','entity-nleq':'named-character-references','entity-ltlarr':'named-character-references','entity-nles':'named-character-references','dom-script-src':'scripting-1','entity-ocir':'named-character-references','entity-nvge':'named-character-references','entity-dagger':'named-character-references','attr-marquee-direction-right':'obsolete','dom-img-ismap':'embedded-content-1','after-doctype-system-identifier-state':'tokenization','entity-Upsi':'named-character-references','dom-linkstyle-disabled':'semantic','dom-datatransferitemlist-item':'dnd','candidate-for-constraint-validation':'association-of-controls-and-forms','dom-parent':'browsers','whitelisted-scheme':'timers','entity-frac13':'named-character-references','meta-application-name':'semantics','dom-body-text':'obsolete','dom-mediaerror-media_err_network':'the-iframe-element','entity-Implies':'named-character-references','entity-orarr':'named-character-references','refsCORS':'references','dom-head-profile':'obsolete','create-a-script-from-a-node':'webappapis','refsCESU8':'references','entity-swarrow':'named-character-references','dom-table-createthead':'tabular-data','entity-Agrave':'named-character-references','text-track-cue-horizontal-writing-direction':'the-iframe-element','the-script-element':'scripting-1','entity-sbquo':'named-character-references','entity-UpperRightArrow':'named-character-references','entity-sigmaf':'named-character-references','entity-acute':'named-character-references','dom-media-addtexttrack':'the-iframe-element','attr-area-shpe-keyword-poly':'the-map-element','named-character-references-table':'named-character-references','entity-Cayleys':'named-character-references','attr-crossorigin-anonymous-keyword':'fetching-resources','entity-sigmav':'named-character-references','attr-input-type-password-keyword':'the-input-element','dom-window-close':'browsers','attr-input-required':'common-input-element-attributes','steps-to-expose-a-media-resource-specific-text-track':'the-iframe-element','offline':'offline','concept-get-attributes-when-sniffing':'parsing','entity-plus':'named-character-references','entity-downharpoonleft':'named-character-references','entity-commat':'named-character-references','matches-the-environment':'common-microsyntaxes','attr-option-label':'the-button-element','entity-uopf':'named-character-references','rel-up':'links','entity-backprime':'named-character-references','the-after-after-frameset-insertion-mode':'tree-construction','the-button-element':'the-button-element','entity-lowbar':'named-character-references''entity-icy':'named-character-references','attr-object-classid':'obsolete','entity-Aacute':'named-character-references','the-script-block-s-source':'scripting-1','script-data-double-escaped-less-than-sign-state':'tokenization','script-data-escaped-dash-dash-state':'tokenization','entity-prime':'named-character-references','entity-rpar':'named-character-references','entity-uharl':'named-character-references','introduction':'introduction','hashchangeeventinit':'history','list-state':'interactive-elements','dom-base-target':'semantics','entity-dfisht':'named-character-references','entity-uharr':'named-character-references','entity-rarrlp':'named-character-references','dom-select-value':'the-button-element','dom-applet-align':'obsolete','attr-meta-name':'semantics','attr-li-type':'obsolete','dom-img-border':'obsolete','handler-window-onpopstate':'webappapis','concept-cell':'tabular-data','arraybuffer':'infrastructure','entity-nabla':'named-character-references','htmloutputelement':'the-button-element','entity-ltail':'named-character-references','entity-rfr':'named-character-references','entity-llarr':'named-character-references','dom-navigator-unregisterprotocolhandler':'timers','dom-table-width':'obsolete','entity-nharr':'named-character-references','skip-whitespace':'common-microsyntaxes','adjust-svg-attributes':'tree-construction','dom-uda-protocol':'urls','entity-ccedil':'named-character-references','session-history':'history','entity-sup3-legacy':'named-character-references','dom-document-referrer':'dom','xlink-namespace':'namespaces','entity-curlyeqprec':'named-character-references','attr-fs-method':'association-of-controls-and-forms','entity-shy':'named-character-references','entity-omacr':'named-character-references','entity-rharul':'named-character-references','content-type-sniffing':'fetching-resources','code-point-length':'infrastructure','entity-Cscr':'named-character-references','drag-and-drop-initialization-steps':'dnd','html-vs-xhtml':'introduction','entity-para-legacy':'named-character-references''entity-Phi':'named-character-references','entity-olt':'named-character-references','entity-raemptyv':'named-character-references','attr-a-shape':'obsolete','dom-document-dir':'elements','entity-DJcy':'named-character-references','user-interaction-task-source':'webappapis','entity-Xscr':'named-character-references','attr-br-clear':'obsolete','the-strong-element':'text-level-semantics','lists-of-dimensions':'common-microsyntaxes','img-load':'embedded-content-1','about-blank-origin':'browsers','timeouterror':'infrastructure','entity-piv':'named-character-references','text-node':'infrastructure','locked-for-focus':'editing','dom-document-url':'dom','concept-table':'tabular-data','entity-gla':'named-character-references','handler-window-onresize':'webappapis','entity-glj':'named-character-references','entity-angzarr':'named-character-references','the-datalist-element':'the-button-element','dom-media-error':'the-iframe-element','entity-glE':'named-character-references','hyperlink':'links','text-track-disabled':'he-iframe-element','refsRFC2781':'references','entity-DoubleLeftRightArrow':'named-character-references','entity-rlarr':'named-character-references','entity-RightUpVector':'named-character-references','dom-link-sizes':'semantics','entity-nGg':'named-character-references','entity-triangledown':'named-character-references','attr-html-version':'obsolete','entity-UpTeeArrow':'named-character-references','entity-nGt':'named-character-references','dom-label-control':'forms','platform-array-objects':'infrastructure','entity-Uogon':'named-character-references','entity-Rarrtl':'named-character-references','tag-cloud':'links','attr-th-scope-rowgroup':'tabular-data','dom-image-wh':'embedded-content-1','entity-Longleftarrow':'named-character-references','blob':'infrastructure','history-traversal-task-source':'webappapis','entity-Gg':'named-character-references','dom-appcache-downloading':'offline','entity-Gt':'named-character-references','htmlprogresselement':'the-button-element','entity-euml-legacy':'named-character-rferences','handler-ondragend':'webappapis','dom-fs-formnovalidate':'association-of-controls-and-forms','entity-GT':'named-character-references','marquee-current-loop-index':'obsolete','event-appcache-progress':'offline','dom-tree-accessors':'dom','attr-table-frame':'obsolete','attr-input-type-datetime-local-keyword':'the-input-element','entity-cedil':'named-character-references','entity-dzcy':'named-character-references','entity-angle':'named-character-references','attr-marquee-behavior':'obsolete','converting-a-character-width-to-pixels':'rendering','entity-Lsh':'named-character-references','entity-leg':'named-character-references','concept-fs-enctype':'association-of-controls-and-forms','attr-tdth-align':'obsolete','url-decomposition-idl-attributes':'urls','entity-les':'named-character-references','entity-leq':'named-character-references','entity-bigsqcup':'named-character-references','attr-dir-ltr-state':'elements','concept-appcache-fallback':'offline','dom-tbody-choff':'obsolete','event-media-ratechange:'the-iframe-element','attr-area-coords':'the-map-element','dom-datatransferitem-type':'dnd','entity-hopf':'named-character-references','entity-iukcy':'named-character-references','validitystate':'association-of-controls-and-forms','constructing-the-form-data-set':'association-of-controls-and-forms','metadata-content-0':'content-models','location':'history','noembed':'obsolete','entity-mstpos':'named-character-references','dom-navigator-platform':'timers','attr-textarea-wrap-hard-state':'the-button-element','entity-Auml':'named-character-references','entity-crarr':'named-character-references','attr-fs-formaction':'association-of-controls-and-forms','entity-equivDD':'named-character-references','create-an-element-for-the-token':'tree-construction','run-pre-click-activation-steps':'content-models','dom-external-addsearchprovider':'timers','the-caption-element':'tabular-data','case-sensitive':'infrastructure','facets':'commands','entity-slarr':'named-character-references','entity-DiacriticalGrave':'named-charater-references','entity-NotGreaterTilde':'named-character-references','entity-apid':'named-character-references','entity-ocirc':'named-character-references','entity-SOFTcy':'named-character-references','the-title-element-0':'dom','attr-fs-formenctype':'association-of-controls-and-forms','entity-CirclePlus':'named-character-references','list-of-text-tracks':'the-iframe-element','dom-external-issearchproviderinstalled':'timers','attr-track-src':'the-iframe-element','script-processing-src-prepare':'scripting-1','entity-bsim':'named-character-references','entity-oror':'named-character-references','dom-tr-align':'obsolete','entity-cirmid':'named-character-references','attr-iframe-allowtransparency':'obsolete','entity-ddotseq':'named-character-references','entity-jopf':'named-character-references','dom-sharedworkerglobalscope-applicationcache':'offline','entity-lesdotor':'named-character-references','the-noscript-element':'scripting-1','interactive-content':'content-models','dom-tr-rowindex':'tabular-data','entit-DoubleLongLeftArrow':'named-character-references','refsRFC5322':'references','submit-mailto-headers':'association-of-controls-and-forms','refsRFC2313':'references','attr-link-sizes-any':'links','refsRFC2318':'references','a-phrase-or-paragraph-with-an-alternative-graphical-representation:-charts-diagrams-graphs-maps-illustrations':'embedded-content-1','ix-handler-onpause':'index','unfocusing-steps':'editing','quirks-mode-doctypes':'tree-construction','concept-input-mutable':'the-input-element','refsCSSOMVIEW':'references','text-track-cue-computed-line-position':'the-iframe-element','entity-NotSquareSubset':'named-character-references','entity-rbrace':'named-character-references','reconstruct-the-active-formatting-elements':'parsing','entity-rbrack':'named-character-references','redirect-steps':'infrastructure','attr-input-align':'obsolete','atob':'webappapis','dom-table-summary':'obsolete','entity-Scedil':'named-character-references','script-processing-prepare':'scripting-1','htmlparamelement':'the-iframe-lement','ix-handler-ontimeupdate':'index','dom-datatransfer-items':'dnd','the-th-element':'tabular-data','entity-dopf':'named-character-references','entity-prE':'named-character-references','reset-button-state':'number-state','syntax-elements':'syntax','entity-Ncy':'named-character-references','character-encodings':'infrastructure','entity-tstrok':'named-character-references','entity-SubsetEqual':'named-character-references','entity-xotime':'named-character-references','fragment-case':'the-end','entity-Rarr':'named-character-references','runtime-script-errors-in-documents':'webappapis','entity-lfloor':'named-character-references','entity-pre':'named-character-references','dom-object-contentwindow':'the-iframe-element','parsing-urls':'urls','attr-input-list':'common-input-element-attributes','attr-object-archive':'obsolete','elements':'elements','entity-gammad':'named-character-references','text-state-and-search-state':'states-of-the-type-attribute','drageventinit':'dnd','resetBCName':'history','dom-documentscripts':'dom','attr-button-type-reset':'the-button-element','entity-rho':'named-character-references','entity-dlcorn':'named-character-references','extensibility':'infrastructure','entity-ZeroWidthSpace':'named-character-references','entity-csube':'named-character-references','entity-nlE':'named-character-references','parse-a-month-string':'common-microsyntaxes','entity-nlt':'named-character-references','entity-frac34':'named-character-references','attr-hr-color':'obsolete','dom-videotrack-id':'the-iframe-element','entity-tint':'named-character-references','entity-nle':'named-character-references','entity-DoubleLeftTee':'named-character-references','entity-Ccedil':'named-character-references','resources':'infrastructure','entity-ltcc':'named-character-references','aborterror':'infrastructure','event-media-error':'the-iframe-element','determine-the-value-of-an-indexed-property':'infrastructure','the-dd-element':'grouping-content','entity-primes':'named-character-references','entity-backsimeq':'named-charactr-references','entity-aacute':'named-character-references','entity-supsim':'named-character-references','dom-link-rellist':'semantics','contenteditable':'editing','entity-female':'named-character-references','cue-events':'the-iframe-element','entity-dscy':'named-character-references','entity-fflig':'named-character-references','entity-dscr':'named-character-references','ix-handler-window-onfocus':'index','entity-capand':'named-character-references','entity-ape':'named-character-references','entity-UnderBracket':'named-character-references','entity-omicron':'named-character-references','dimension-attributes':'the-map-element','trackevent':'the-iframe-element','entity-nLeftarrow':'named-character-references','video':'the-iframe-element','attr-img-name':'obsolete','affected-by-a-base-url-change':'infrastructure','index':'index','entity-apE':'named-character-references','entity-Vscr':'named-character-references','entity-lparlt':'named-character-references','entity-ratail':'named-character-references','attr-trac-kind-descriptions':'the-iframe-element','input-img-available':'number-state','dom-mediacontroller-paused':'the-iframe-element','entity-frac78':'named-character-references','the-head-element':'semantics','dom-texttrack-addcue':'the-iframe-element','entity-origof':'named-character-references','child-browsing-context':'browsers','dom-media-src':'the-iframe-element','entity-rbrke':'named-character-references','entity-succsim':'named-character-references','entity-breve':'named-character-references','dom-link-type':'semantics','an-iframe-srcdoc-document':'the-iframe-element','the-step-attribute':'common-input-element-attributes','concept-duration':'common-microsyntaxes','entity-iiint':'named-character-references','windowmodal':'timers','dom-img-align':'obsolete','entity-bopf':'named-character-references','read-xml':'history','entity-precsim':'named-character-references','browser-state':'offline','foster-parenting':'tree-construction','handler-onshow':'webappapis','attr-media-crossorigin':'the-iframe-element','beore-doctype-system-identifier-state':'tokenization','ready-for-post-load-tasks':'the-end','networkerror':'infrastructure','videotracklist':'the-iframe-element','entity-lBarr':'named-character-references','entity-drcorn':'named-character-references','media-resource-end-position':'the-iframe-element','entity-sqcup':'named-character-references','the-style-element':'semantics','entity-nparsl':'named-character-references','entity-EmptyVerySmallSquare':'named-character-references','ix-handler-onmouseout':'index','entity-lagran':'named-character-references','origin-0':'origin-0','ix-handler-window-onpagehide':'index','entity-cong':'named-character-references','dom-appcache-checking':'offline','refsXML':'references','entity-notin':'named-character-references','entity-cuvee':'named-character-references','using-the-command-element-to-define-a-command':'commands','element':'infrastructure','script-processing-src':'scripting-1','entity-DiacriticalDoubleAcute':'named-character-references','attr-iframe-marginwidth':'obsoete','sourcing-in-band-text-tracks':'the-iframe-element','entity-Afr':'named-character-references','entity-barwedge':'named-character-references','entity-nrarrc':'named-character-references','dom-a-type':'text-level-semantics','entity-gesdot':'named-character-references','attr-track-kind-keyword-metadata':'the-iframe-element','mouseeventinit':'infrastructure','entity-popf':'named-character-references','ix-handler-oninput':'index','entity-RBarr':'named-character-references','entity-LeftRightVector':'named-character-references','submit-mutate-action':'association-of-controls-and-forms','scripting-flag':'parsing','dom-command-radiogroup':'interactive-elements','entity-uArr':'named-character-references','handler-oncanplay':'webappapis','dropEffect-initialization':'dnd','transparent':'content-models','handler-onplay':'webappapis','event-handler-content-attributes':'webappapis','entity-DZcy':'named-character-references','entity-diams':'named-character-references','entity-IOcy':'named-character-references','the-htl-element':'semantics','concept-fs-action':'association-of-controls-and-forms','attr-progress-max':'the-button-element','entity-vopf':'named-character-references','potentially-playing':'the-iframe-element','dom-img-naturalheight':'embedded-content-1','runtime-script-errors':'webappapis','entity-RightCeiling':'named-character-references','entity-leftrightharpoons':'named-character-references','entity-iacute':'named-character-references','refsWEBIDL':'references','meta':'semantics','dom-a-hreflang':'text-level-semantics','refsPNG':'references','entity-ropf':'named-character-references','entity-iexcl':'named-character-references','the-hidden-attribute':'editing','entity-varpi':'named-character-references','the-col-element':'tabular-data','concept-role-none':'content-models','suffering-from-being-missing':'association-of-controls-and-forms','ix-handler-oncuechange':'index','refsHTTP':'references','entity-gtrarr':'named-character-references','usage-summary':'text-level-semantics','security-forms':'association-ofcontrols-and-forms','transferable':'common-dom-interfaces','entity-Edot':'named-character-references','system-state-and-capabilities':'timers','htmltabledatacellelement':'tabular-data','the-meta-element':'semantics','read-ua-inline':'history','entity-utri':'named-character-references','entity-olcross':'named-character-references','dom-applicationcache':'offline','cache-host':'offline','entity-SquareSubset':'named-character-references','the-xml:base-attribute-xml-only':'elements','fire-a-synthetic-mouse-event':'webappapis','event-media-loadedmetadata':'the-iframe-element','htmlelement':'elements','the-page':'rendering','entity-nges':'named-character-references','entity-ngeq':'named-character-references','non-replaced-elements':'rendering','entity-xsqcup':'named-character-references','html-integration-point':'tree-construction','has-no-style-sheet-that-is-blocking-scripts':'semantics','concept-textarea-dirty':'the-button-element','using-the-input-element-to-define-a-command':'commands','dom-select-multiple':'he-button-element','entity-squ':'named-character-references','entity-Ubreve':'named-character-references','dom-frame-frameborder':'obsolete','invalidnodetypeerror':'infrastructure','entity-raquo-legacy':'named-character-references','security-and-privacy-considerations':'the-iframe-element','semantics-0':'elements','entity-Psi':'named-character-references','selectors':'links','security-with-canvas-elements':'the-canvas-element','entity-veebar':'named-character-references','attr-hx-align':'obsolete','attr-marquee-behavior-slide':'obsolete','entity-nvdash':'named-character-references','presentational-markup':'introduction','dom-audiotrack-language':'the-iframe-element','authority-based-url':'urls','dom-tdth-headers':'tabular-data','dom-dir':'elements','entity-TSHcy':'named-character-references','dom-datatransferitem-getasfile':'dnd','handler-mediacontroller-onplay':'the-iframe-element','dom-marquee-direction':'obsolete','url-fragment':'urls','entity-triangle':'named-character-references','ix-handler-ondragleav':'index','rules-for-parsing-floating-point-number-values':'common-microsyntaxes','javascript-protocol':'webappapis','entity-Dopf':'named-character-references','applicationcache':'offline','rcdata-elements':'syntax','entity-supseteq':'named-character-references','pause':'webappapis','entity-shcy':'named-character-references','entity-kappav':'named-character-references','attr-li-value':'grouping-content','attr-body-bgcolor':'obsolete','refsPSL':'references','entity-Ycy':'named-character-references','entity-lopf':'named-character-references','attr-track-kind':'the-iframe-element','client-side-form-validation':'forms','dom-document-activeelement':'editing','entity-Jopf':'named-character-references','entity-nrarrw':'named-character-references','entity-gEl':'named-character-references','dom-textarea-readonly':'the-button-element','entity-Icirc-legacy':'named-character-references','frame':'obsolete','seamless-browsing-context-flag':'the-iframe-element','dom-tabindex':'editing','attr-marquee-direction-up':'obsolet','dom-applet-archive':'obsolete','entity-Euml':'named-character-references','script-data-escaped-dash-state':'tokenization','entity-it':'named-character-references','entity-yacy':'named-character-references','img-none':'embedded-content-1','link-type-prefetch':'links','entity-times-legacy':'named-character-references','web-scheme-prefix':'iana','entity-fallingdotseq':'named-character-references','entity-ni':'named-character-references','entity-ne':'named-character-references','entity-ucirc-legacy':'named-character-references','entity-nu':'named-character-references','dom-node-parentnode':'infrastructure','table-charref-overrides':'tokenization','current-node':'parsing','requirements-for-implementations':'obsolete','entity-olcir':'named-character-references','dom-a-hash':'text-level-semantics','entity-ordm':'named-character-references','refsBCP47':'references','entity-ordf':'named-character-references','entity-gvnE':'named-character-references','valid-date-string':'common-microsyntaxes','entity-ohm':'named-haracter-references','pending-table-character-tokens':'tree-construction','additional-allowed-character':'tokenization','entity-ratio':'named-character-references','entity-Dscr':'named-character-references','handler-onsubmit':'webappapis','attr-img-lowsrc':'obsolete','entity-itilde':'named-character-references','entity-ycy':'named-character-references','dom-history-replacestate':'history','seekUpdate':'the-iframe-element','entity-nwarrow':'named-character-references','form-owner':'association-of-controls-and-forms','dom-menu-type':'interactive-elements','dom-appcache-uncached':'offline','entity-trade':'named-character-references','the-menu-element':'interactive-elements','entity-frac56':'named-character-references','attr-input-src':'number-state','entity-varsubsetneq':'named-character-references','entity-frac58':'named-character-references','entity-ShortDownArrow':'named-character-references','the-textarea-element':'the-button-element','attr-dim-width':'the-map-element','entity-smtes':'named-character-refernces','toolbars-0':'rendering','parse-a-week-string':'common-microsyntaxes','earliest-possible-position':'the-iframe-element','entity-auml-legacy':'named-character-references','valid-integer':'common-microsyntaxes','event-handlers':'webappapis','event-firing':'webappapis','text-track-readiness-state':'the-iframe-element','entity-leqslant':'named-character-references','text-track-cue-middle-alignment':'the-iframe-element','consume-a-character-reference':'tokenization','dom-texttrackcue-alignment':'the-iframe-element','dom-command-disabled':'interactive-elements','entity-DoubleUpDownArrow':'named-character-references','attr-progress-value':'the-button-element','entity-NotPrecedes':'named-character-references','sequential-focus-navigation-and-the-tabindex-attribute':'editing','entity-dtrif':'named-character-references','entity-udhar':'named-character-references','entity-Conint':'named-character-references','entity-brvbar-legacy':'named-character-references','entity-khcy':'named-character-references','entity-fflig':'named-character-references','dom-texttrack-mode':'the-iframe-element','unit-of-related-browsing-contexts':'browsers','entity-Kappa':'named-character-references','entity-NotGreaterFullEqual':'named-character-references','entity-boxuL':'named-character-references','textFieldSelection':'association-of-controls-and-forms','audio':'the-iframe-element','entity-Omacr':'named-character-references','htmlcollection':'infrastructure','dom-track-loaded':'the-iframe-element','dom-link-target':'obsolete','link-type-stylesheet':'links','week-number-of-the-last-day':'common-microsyntaxes','entity-notindot':'named-character-references','entity-Diamond':'named-character-references','raw-text-elements':'syntax','outlines':'sections','navigatorstorageutils':'timers','entity-doteq':'named-character-references','entity-Congruent':'named-character-references','entity-hookleftarrow':'named-character-references','percentages-and-dimensions':'common-microsyntaxes','dom-select-remove':'the-button-element','attr-a-coords':'obsolte','entity-langle':'named-character-references','entity-ntriangleleft':'named-character-references','media-controller-default-playback-rate':'the-iframe-element','htmlformelement':'forms','htmlanchorelement':'text-level-semantics','the-datatransfer-interface':'dnd','entity-laquo-legacy':'named-character-references','entity-tridot':'named-character-references','custom-data-attribute':'elements','session-history-entry':'history','event-media-durationchange':'the-iframe-element','dom-style':'elements','ix-handler-window-onmessage':'index','entity-iquest':'named-character-references','read-multipart-x-mixed-replace':'history','url-state':'states-of-the-type-attribute','entity-Uuml-legacy':'named-character-references','attr-command-type-keyword-command':'interactive-elements','entity-Aogon':'named-character-references','command-facet-hint':'commands','dom-datatransfer-setdata':'dnd','entity-curren':'named-character-references','text-track-showing-by-default':'the-iframe-element','dom-navigator-isprotocolhandleregistered':'timers','entity-NegativeVeryThinSpace':'named-character-references','ix-handler-oninvalid':'index','vaguer-moments-in-time':'common-microsyntaxes','the-css-user-agent-style-sheet-and-presentational-hints':'rendering','ix-handler-onkeydown':'index','handler-window-onbeforeunload':'webappapis','entity-ngsim':'named-character-references','dom-select-add':'the-button-element','potentially-cors-enabled-fetch':'fetching-resources','entity-capcap':'named-character-references','function':'webappapis','entity-RuleDelayed':'named-character-references','handler-ondragenter':'webappapis','attr-form-accept':'obsolete','dom-texttrack-kind-descriptions':'the-iframe-element','fully-active':'browsers','htmlolistelement':'grouping-content','entity-RightTeeVector':'named-character-references','entity-shortparallel':'named-character-references','entity-escr':'named-character-references','entity-rnmid':'named-character-references','dom-media-duration':'the-iframe-element','tokenizing-character-references':'tokenizaton','dom-trackevent-track':'the-iframe-element','getting-media-metadata':'the-iframe-element','dom-table-align':'obsolete','refsRFC1034':'references','track-language':'the-iframe-element','entity-simplus':'named-character-references','dom-input-maxlength':'the-input-element','text-track-cue-vertical-growing-left-writing-direction':'the-iframe-element','url-manipulation-and-creation':'urls','entity-Ifr':'named-character-references','handler-window-onscroll':'webappapis','dom-progress-value':'the-button-element','base-dnd-feedback':'dnd','event-appcache-downloading':'offline','has-an-element-in-scope':'parsing','entity-Lcedil':'named-character-references','entity-uuarr':'named-character-references','entity-Uacute-legacy':'named-character-references','dom-location-replace':'history','structured-clone':'common-dom-interfaces','attr-input-autocomplete-default-state':'common-input-element-attributes','dom-focus':'editing','entity-bot':'named-character-references','entity-gtrsim':'named-character-references','attrmarquee-behavior-alternate':'obsolete','submit-button-state':'number-state','entity-vdash':'named-character-references','entity-nvap':'named-character-references','dom-document-0':'browsers','entity-UpArrowBar':'named-character-references','dom-opener':'browsers','entity-brvbar':'named-character-references','update-the-image-data':'embedded-content-1','conformance-requirements-for-authors':'introduction','attr-input-vspace':'obsolete','the-root-element':'semantics','concept-http-equivalent':'fetching-resources','about:blank':'fetching-resources','webvtt':'infrastructure','attr-p-align':'obsolete','navigating-across-documents':'history','dom-body-bgcolor':'obsolete','htmlmenuelement':'interactive-elements','entity-NotPrecedesEqual':'named-character-references','critical-subresources':'infrastructure','sandboxed-top-level-navigation-browsing-context-flag':'the-iframe-element','math':'the-map-element','refsIANAPERMHEADERS':'references','ix-handler-ondrop':'index','handler-marquee-onfinish':'obsolete','entity-grdot':'named-character-references','dom-tr-deletecell':'tabular-data','alternate-style-sheets':'semantics','entity-amalg':'named-character-references','entity-notinE':'named-character-references','dom-table-thead':'tabular-data','entity-pound':'named-character-references','entity-Ocirc':'named-character-references','alt':'embedded-content-1','attr-area-shape-circle':'the-map-element','entity-nwArr':'named-character-references','entity-Updownarrow':'named-character-references','htmldirectoryelement':'obsolete','attr-hr-align':'obsolete','entity-nedot':'named-character-references','concept-node-clone':'infrastructure','dom-select-options':'the-button-element','dom-img-crossorigin':'embedded-content-1','root-element':'infrastructure','domstringlist':'infrastructure','spelling-and-grammar-checking':'editing','the-wbr-element':'text-level-semantics','entity-ncong':'named-character-references','entity-lharu':'named-character-references','entity-imagpart':'named-character-references','entity-rlm':'named-character-eferences','entity-RightAngleBracket':'named-character-references','videotrack':'the-iframe-element','entity-lhard':'named-character-references','text-track-api':'the-iframe-element','push-onto-the-list-of-active-formatting-elements':'parsing','character-references':'syntax','entity-napprox':'named-character-references','entity-Acirc-legacy':'named-character-references','entity-Tcaron':'named-character-references','concept-appcache-manifest-explicit':'offline','mutation-during-parsing':'tree-construction','dom-command-label':'interactive-elements','entity-copf':'named-character-references','webvtt-file-using-only-nested-cues':'infrastructure','entity-prurel':'named-character-references','entity-Barwed':'named-character-references','dom-img-width':'embedded-content-1','entity-lg':'named-character-references','entity-le':'named-character-references','entity-nVDash':'named-character-references','refsDOMRANGE':'references','entity-ll':'named-character-references','entity-lt':'named-character-references','entitysubsetneq':'named-character-references','queue-a-post-load-task':'offline','entity-lE':'named-character-references','dom-iframe-src':'the-iframe-element','event-appcache-cached':'offline','entity-supset':'named-character-references','entity-bumpeq':'named-character-references','the-document-s-domain':'origin-0','scripting':'webappapis','entity-Not':'named-character-references','entity-copysr':'named-character-references','valid-browsing-context-name-or-keyword':'browsers','dom-htmloptionscollection-selectedindex':'common-dom-interfaces','entity-nwarr':'named-character-references','entity-forkv':'named-character-references','entity-npar':'named-character-references','comment-end-bang-state':'tokenization','garbage-collection-and-browsing-contexts':'browsers','attr-hr-noshade':'obsolete','case-sensitivity':'links','application-cache-api':'offline','entity-yen':'named-character-references','ordinary':'parsing','entity-Idot':'named-character-references','clear-the-list-of-active-formatting-elements-up-to-the-lat-marker':'parsing','decoded-as-utf-8-with-error-handling':'infrastructure','entity-LeftAngleBracket':'named-character-references','typographic-conventions':'introduction','attr-tdth-abbr':'obsolete','the-h1-element':'sections','entity-frac35':'named-character-references','entity-frac38':'named-character-references','entity-Vbar':'named-character-references','execCommand':'editing','dnd':'dnd','entity-lesssim':'named-character-references','event-handler-attributes':'webappapis','other-link-types':'links','entity-because':'named-character-references','has-an-element-in-the-specific-scope':'parsing','entity-SmallCircle':'named-character-references','attr-abbr-title':'text-level-semantics','the-progress-element-0':'rendering','media-element-attributes':'the-iframe-element','element-level-focus-apis':'editing','entity-sect-legacy':'named-character-references','entity-intprod':'named-character-references','text-track-cue':'the-iframe-element','dom-marquee-loop':'obsolete','entity-urcorn':'named-character-referenes','security-location':'history','list-of-active-intervals':'timers','concept-fe-value':'association-of-controls-and-forms','attr-keygen-keytype':'the-button-element','sourcing-out-of-band-text-tracks':'the-iframe-element','entity-gfr':'named-character-references','concept-event-dispatch':'infrastructure','entity-simlE':'named-character-references','entity-boxhd':'named-character-references','entity-Vdashl':'named-character-references','dom-input-multiple':'the-input-element','entity-boxhu':'named-character-references','attr-dropzone-copy':'dnd','dom-media-seek':'the-iframe-element','event-media-progress':'the-iframe-element','dom-basefont-size':'obsolete','concept-input-min-zero':'common-input-element-attributes','entity-nleqq':'named-character-references','url-host-specific':'urls','dom-media-muted':'the-iframe-element','entity-boxhU':'named-character-references','entity-RightFloor':'named-character-references','attr-textarea-readonly':'the-button-element','entity-blacklozenge':'named-character-reference','entity-DDotrahd':'named-character-references','dom-htmlallcollection-nameditem':'common-dom-interfaces','entity-RightDownVectorBar':'named-character-references','entity-Im':'named-character-references','sandboxCookies':'dom','entity-alpha':'named-character-references','dom-li-type':'obsolete','cross-origin-request-status':'infrastructure','comment-0':'infrastructure','refsPPUTF8':'references','algorithm-for-extracting-an-encoding-from-a-meta-element':'fetching-resources','entity-bigtriangleup':'named-character-references','set-the-document-s-address':'history','parsing-main-incdata':'tree-construction','attr-img-border':'obsolete','refsRFC3490':'references','traverse-the-history-by-a-delta':'history','entity-ZHcy':'named-character-references','attr-dir-auto':'elements','entity-Upsilon':'named-character-references','duration-time-component-scale':'common-microsyntaxes','writing-xhtml-documents':'the-xhtml-syntax','navigator':'timers','entity-cwconint':'named-character-references','set-of-comma-separated-tkens':'common-microsyntaxes','dom-title':'elements','dom-meta-scheme':'obsolete','entity-hercon':'named-character-references','handler-window-onpageshow':'webappapis','in-a-document':'infrastructure','audiotracklist':'the-iframe-element','dom-frameelement':'browsers','handler-window-onstorage':'webappapis','dom-input-valueasdate':'common-input-element-attributes','navigate':'history','ascii-serialization-of-an-origin':'origin-0','entity-epar':'named-character-references','link-type-nofollow':'links','handler-onfocus':'webappapis','entity-iexcl-legacy':'named-character-references','links-forms-and-navigation':'rendering','entity-uml-legacy':'named-character-references','entity-Gcedil':'named-character-references','entity-nrightarrow':'named-character-references','entity-CircleTimes':'named-character-references','dom-caption-align':'obsolete','forget-the-media-element-s-media-resource-specific-text-tracks':'the-iframe-element','entity-vsupnE':'named-character-references','dom-embed-align':'obsolete','entity-rtail':'named-character-references','htmlmapelement':'the-map-element','entity-RightTeeArrow':'named-character-references','entity-vsupne':'named-character-references','provide-a-stable-state':'webappapis','entity-bsol':'named-character-references','entity-ncaron':'named-character-references','entity-Ecaron':'named-character-references','refsPROGRESS':'references','parsing-main-intable':'tree-construction','entity-complement':'named-character-references','radionodelist':'common-dom-interfaces','dom-img-usemap':'embedded-content-1','htmlframesetelement':'obsolete','parse-a-date-or-time-string':'common-microsyntaxes','attr-fs-enctype':'association-of-controls-and-forms','attr-textarea-wrap-hard':'the-button-element','refsCSSIMAGES':'references','dom-media-initialtime':'the-iframe-element','entity-ldrdhar':'named-character-references','entity-scnE':'named-character-references','xml-fragment-parsing-algorithm':'the-xhtml-syntax','handler-onkeydown':'webappapis','entity-ccupssm':'named-character-references','entiy-CloseCurlyQuote':'named-character-references','entity-Kcedil':'named-character-references','entity-sup':'named-character-references','entity-lopar':'named-character-references','entity-egs':'named-character-references','entity-sum':'named-character-references','entity-ultri':'named-character-references','entity-sub':'named-character-references','ix-handler-ondragover':'index','accessing-other-browsing-contexts':'browsers','event-dragstart':'dnd','event-media-waiting':'the-iframe-element','xml-fragment-serialization-algorithm':'the-xhtml-syntax','entity-jcy':'named-character-references','entity-Sigma':'named-character-references','entity-vDash':'named-character-references','attr-textarea-wrap-soft-state':'the-button-element','article-example':'sections','entity-squarf':'named-character-references','entity-square':'named-character-references','entity-njcy':'named-character-references','dom-htmloptionscollection-nameditem':'common-dom-interfaces','selecting-specific-audio-and-video-tracks-declaratively':'theiframe-element','navigatoronline':'offline','concept-option-value':'the-button-element','entity-imof':'named-character-references','dom-keygen-keytype':'the-button-element','entity-cup':'named-character-references','entity-ohbar':'named-character-references','form-associated-element':'forms','writing-secure-applications-with-html':'introduction','entity-Acirc':'named-character-references','dom-appcache-update':'offline','entity-aleph':'named-character-references','submit-data-post':'association-of-controls-and-forms','attr-tr-align':'obsolete','tag-open-state':'tokenization','dom-frame-contentwindow':'obsolete','refsRFC3023':'references','entity-rlhar':'named-character-references','dom-mediacontroller-defaultplaybackrate':'the-iframe-element','supported-property-names':'infrastructure','entity-orslope':'named-character-references','dom-option-value':'the-button-element','entity-longleftrightarrow':'named-character-references','value-track-kind-sign':'the-iframe-element','about:legacy-compat':'urls','typemisatcherror':'infrastructure','dom-texttrack-kind-captions':'the-iframe-element','dom-htmloptionscollection-add':'common-dom-interfaces','datatransferitem':'dnd','entity-topbot':'named-character-references','entity-nbsp':'named-character-references','dom-frame-marginheight':'obsolete','element-definitions':'elements','formatting':'parsing','text-rendered-in-native-user-interfaces':'rendering','selector-in-range':'links','entity-VDash':'named-character-references','entity-trianglerighteq':'named-character-references','attr-hyperlink-media':'links','entity-permil':'named-character-references','link-type-prev':'links','expose-a-user-interface-to-the-user':'the-iframe-element','attr-fae-form':'association-of-controls-and-forms','entity-lrhard':'named-character-references','dynamic-changes-to-base-urls':'urls','dom-area-media':'the-map-element','entity-AElig':'named-character-references','ix-handler-oncanplay':'index','absolute-url':'urls','concept-datetime-digit':'common-microsyntaxes','entity-biguplus':'named-chracter-references','common-parser-idioms':'common-microsyntaxes','concept-fv-valid':'association-of-controls-and-forms','interactive-media':'rendering','dom-iframe-marginheight':'obsolete','entity-rx':'named-character-references','entity-xvee':'named-character-references','documents':'dom','the-body-element':'sections','heading-content':'content-models','dom-TrackList-getKind-categories':'the-iframe-element','entity-SucceedsEqual':'named-character-references','attr-html-manifest':'semantics','htmliframeelement':'the-iframe-element','the-output-element':'the-button-element','ix-handler-onemptied':'index','radio-button-state':'number-state','entity-NotRightTriangle':'named-character-references','entity-Jscr':'named-character-references','quotes':'rendering','scriptTagXSLT':'scripting-1','entity-thinsp':'named-character-references','attr-iframe-sandbox-allow-forms':'the-iframe-element','the-title-attribute-0':'rendering','blocked-media-controller':'the-iframe-element','week-state':'states-of-the-type-attribute,'entity-angst':'named-character-references','disk-space':'offline','media-resources-with-multiple-media-tracks':'the-iframe-element','entity-frac18':'named-character-references','concept-script':'webappapis','entity-lcedil':'named-character-references','drag-data-store-mode':'dnd','entity-frac12':'named-character-references','read-plugin':'history','entity-frac14':'named-character-references','entity-frac15':'named-character-references','entity-frac16':'named-character-references','ix-handler-onshow':'index','audiotracklist-and-videotracklist-objects':'the-iframe-element','entity-Ucy':'named-character-references','entity-intlarhk':'named-character-references','entity-Hat':'named-character-references','entity-wscr':'named-character-references','attr-background':'obsolete','refsRFC4281':'references','security':'dom','inter-element-whitespace':'content-models','entity-NotLess':'named-character-references','entity-nparallel':'named-character-references','category-submit':'forms','simple-cross-origin-request':'nfrastructure','comments':'syntax','dom-contextmenu':'interactive-elements','attr-command-type-state-checkbox':'interactive-elements','nested-browsing-context':'browsers','entity-cularrp':'named-character-references','entity-esdot':'named-character-references','same-origin':'origin-0','entity-otilde-legacy':'named-character-references','dom-document-head':'dom','entity-CircleMinus':'named-character-references','ix-handler-onratechange':'index','entity-approx':'named-character-references','months':'common-microsyntaxes','dom-document-lastmodified':'dom','dom-source-src':'the-iframe-element','attr-script-type':'scripting-1','refsMIMESNIFF':'references','entity-preceq':'named-character-references','entity-simne':'named-character-references','dom-fs-formmethod':'association-of-controls-and-forms','rendering':'rendering','handler-onwaiting':'webappapis','dom-track-src':'the-iframe-element','the-drag-data-item-type-string':'dnd','dom-history-length':'history','entity-varphi':'named-character-references','entity-O':'named-character-references','entity-ucy':'named-character-references','entity-Dagger':'named-character-references','serializing-html-fragments':'the-end','concept-video-intrinsic-height':'the-iframe-element','entity-nmid':'named-character-references','dom-col-ch':'obsolete','command-facet-hiddenstate':'commands','markup-declaration-open-state':'tokenization','dom-classlist':'elements','dom-xmldocument-load':'dom','entity-nsube':'named-character-references','ix-handler-onseeking':'index','refsWEBSTORAGE':'references','attr-media-preload-metadata':'the-iframe-element','entity-hamilt':'named-character-references','assigning-keyboard-shortcuts':'editing','getcontext-return':'the-canvas-element','attr-script-event':'obsolete','dom-document-getelementsbyname':'dom','entity-ClockwiseContourIntegral':'named-character-references','entity-zcy':'named-character-references','dom-mediaerror-media_err_aborted':'the-iframe-element','meta-generator':'semantics','handler-onstalled':'webappapis','local-date-and-time-state:'states-of-the-type-attribute','time-zones':'common-microsyntaxes','entity-harr':'named-character-references','entity-nvltrie':'named-character-references','entity-eqslantless':'named-character-references','event-mediacontroller-pause':'the-iframe-element','dom-document-forms':'dom','entity-utrif':'named-character-references','effective-playback-rate':'the-iframe-element','attr-meta-content':'semantics','entity-Fouriertrf':'named-character-references','entity-barvee':'named-character-references','appcache-history-2':'history','entity-lceil':'named-character-references','attr-body-margintop':'obsolete','entity-nsimeq':'named-character-references','compiled-pattern-regular-expression':'common-input-element-attributes','ix-handler-window-onresize':'index','entity-szlig-legacy':'named-character-references','xml-parser':'the-xhtml-syntax','entity-Efr':'named-character-references','attr-mod-cite':'edits','doctype-public-identifier-double-quoted-state':'tokenization','nestedParsing':'parsing','entity-rsh':'named-haracter-references','entity-drbkarow':'named-character-references','dom-dataset':'elements','documentfragment':'infrastructure','entity-LongLeftArrow':'named-character-references','timeranges':'the-iframe-element','remove-a-token-from-a-string':'common-microsyntaxes','a-form-control-s-value':'association-of-controls-and-forms','dom-media-have_current_data':'the-iframe-element','event-readystatechange':'dom','entity-Ouml-legacy':'named-character-references','entity-bNot':'named-character-references','the-pre-element':'grouping-content','entity-twoheadleftarrow':'named-character-references','attr-img-crossorigin':'embedded-content-1','dom-fs-enctype':'association-of-controls-and-forms','entity-Popf':'named-character-references','dom-window-nameditem':'browsers','attr-textarea-rows-value':'the-button-element','parse-a-time-zone-offset-component':'common-microsyntaxes','the-rt-element':'text-level-semantics','securityerror':'infrastructure','entity-rtriltri':'named-character-references','entity-inodot':'named-haracter-references','ltr-specific':'rendering','attr-command-type-keyword-radio':'interactive-elements','entity-Egrave':'named-character-references','attr-track-kind-subtitles':'the-iframe-element','browser-interface-elements':'browsers','entity-csub':'named-character-references','dom-tbody-align':'obsolete','attr-hr-size':'obsolete','dom-li-value':'grouping-content','entity-csup':'named-character-references','entity-amp':'named-character-references','entity-racute':'named-character-references','charset512':'semantics','dom-fieldset-type':'forms','entity-DownLeftTeeVector':'named-character-references','attr-input-type-range-keyword':'the-input-element','dom-document-querycommandvalue':'editing','live':'infrastructure','entity-vprop':'named-character-references','scriptTagParserResumes':'tree-construction','entity-shchcy':'named-character-references','dom-applet-object':'obsolete','entity-Scaron':'named-character-references','entity-Ropf':'named-character-references','closing-elements-that-have-implied-end-ags':'tree-construction','entity-LessGreater':'named-character-references','entity-igrave':'named-character-references','entity-ecaron':'named-character-references','entity-Delta':'named-character-references','handler-onselect':'webappapis','htmlformcontrolscollection-0':'common-dom-interfaces','entity-ecolon':'named-character-references','entity-period':'named-character-references','img-inc':'embedded-content-1','htmlbuttonelement':'the-button-element','dom-frame-marginwidth':'obsolete','entity-UpperLeftArrow':'named-character-references','entity-KJcy':'named-character-references','context-menus':'interactive-elements','parsing-main-inheadnoscript':'tree-construction','entity-RightArrow':'named-character-references','dom-texttrack-kind':'the-iframe-element','history-traversal':'history','entity-tilde':'named-character-references','entity-LessLess':'named-character-references','refsCOOKIES':'references','entity-lltri':'named-character-references','attr-tdth-rowspan':'tabular-data','entity-andslope':'named-caracter-references','the-form-element':'forms','effective-script-origin':'origin-0','dom-basefont-face':'obsolete','dom-tdth-rowspan':'tabular-data','xmldocument':'dom','the-keygen-element':'the-button-element','entity-kfr':'named-character-references','parse-a-local-date-and-time-string':'common-microsyntaxes','entity-ndash':'named-character-references','entity-RightVector':'named-character-references','entity-Vdash':'named-character-references','entity-Iukcy':'named-character-references','entity-hstrok':'named-character-references','entity-NotLessSlantEqual':'named-character-references','forms':'forms','window':'browsers','attr-object-data':'the-iframe-element','entity-subrarr':'named-character-references','entity-pr':'named-character-references','entity-pm':'named-character-references','form-controls':'rendering','entity-pi':'named-character-references','refsWCAG':'references','refsUTF8DET':'references','attr-media-muted':'the-iframe-element','entity-Tab':'named-character-references','dom-font-color':'obolete','entity-nvDash':'named-character-references','entity-Tau':'named-character-references','entity-dashv':'named-character-references','attr-track-default':'the-iframe-element','a-utf-16-encoding':'infrastructure','entity-nbumpe':'named-character-references','entity-empty':'named-character-references','entity-orv':'named-character-references','ready-to-be-parser-executed':'scripting-1','entity-ord':'named-character-references','attr-body-marginwidth':'obsolete','entity-Gcy':'named-character-references','attr-iframe-hspace':'obsolete','safe-passing-of-structured-data':'common-dom-interfaces','entity-demptyv':'named-character-references','dom-applet-vspace':'obsolete','attr-dl-compact':'obsolete','target-element':'history','entity-ordm-legacy':'named-character-references','dependencies':'infrastructure','event-online':'offline','heading-content-0':'content-models','entity-ubreve':'named-character-references','entity-prsim':'named-character-references','dom-textarea-dirname':'the-button-element','reflect':'ommon-dom-interfaces','dom-progress-max':'the-button-element','entity-cirfnint':'named-character-references','dom-audiotrack-kind':'the-iframe-element','entity-UpDownArrow':'named-character-references','the-style-attribute':'elements','entity-Dcy':'named-character-references','blink':'obsolete','entity-leftharpoondown':'named-character-references','domimplementation':'infrastructure','entity-udarr':'named-character-references','input-type-change':'the-input-element','script-data-escaped-less-than-sign-state':'tokenization','dropzone-processing-steps':'dnd','dom-tdth-height':'obsolete','dom-window-statusbar':'browsers','concept-table-advance':'tabular-data','event-mediacontroller-emptied':'the-iframe-element','event-handler-idl-attributes':'webappapis','limited-to-only-known-values':'common-dom-interfaces','entity-xlarr':'named-character-references','entity-boxdr':'named-character-references','entity-boxdl':'named-character-references','syntax-charref':'syntax','entity-smeparsl':'named-character-references',semantics':'semantics','img-all':'embedded-content-1','entity-lhblk':'named-character-references','document.title':'dom','entity-boxdR':'named-character-references','entity-ldsh':'named-character-references','syntax-cdata':'syntax','using-the-a-element-to-define-a-command':'commands','refsRFC2237':'references','optional-tags':'syntax','entity-xutri':'named-character-references','entity-Wfr':'named-character-references','entity-xmap':'named-character-references','entity-ExponentialE':'named-character-references','entity-Mu':'named-character-references','concept-video-intrinsic-width':'the-iframe-element','entity-REG-legacy':'named-character-references','converted-to-ascii-uppercase':'infrastructure','the-script-block-s-character-encoding':'scripting-1','entity-andv':'named-character-references','entity-rtimes':'named-character-references','entity-uml':'named-character-references','entity-yuml':'named-character-references','attr-fe-disabled':'association-of-controls-and-forms','entity-ufisht':'named-characterreferences','the-bdo-element':'text-level-semantics','entity-succ':'named-character-references','algorithm-for-ending-a-row-group':'tabular-data','bgsound':'obsolete','entity-ddarr':'named-character-references','dom-command-type':'interactive-elements','handler-window-onblur':'webappapis','dom-videotrack-language':'the-iframe-element','dom-mediaerror-media_err_src_not_supported':'the-iframe-element','htmlheadingelement':'sections','entity-lsh':'named-character-references','dom-appcache-status':'offline','entity-gtrless':'named-character-references','valid-normalized-forced-utc-global-date-and-time-string':'common-microsyntaxes','attr-input-type':'the-input-element','parsing-main-intr':'tree-construction','refsRFC3986':'references','refsRFC3987':'references','htmlspanelement':'text-level-semantics','entity-varr':'named-character-references','entity-half':'named-character-references','parsing-main-intd':'tree-construction','dom-datatransferitemlist-add':'dnd','entity-xcirc':'named-character-references','attr-ap-name':'the-map-element','concept-transferable-neutered':'common-dom-interfaces','attributes-common-to-td-and-th-elements':'tabular-data','entity-imagline':'named-character-references','entity-lvnE':'named-character-references','text-track':'the-iframe-element','dom-datalist-options':'the-button-element','row-header':'tabular-data','rules-for-parsing-non-negative-integers':'common-microsyntaxes','entity-ShortLeftArrow':'named-character-references','form-submission':'association-of-controls-and-forms','selector-valid':'links','entity-Iuml-legacy':'named-character-references','content-type-sniffing:-image':'fetching-resources','replacement-enabled':'history','joint-session-history':'history','entity-dcy':'named-character-references','dom-texttrack-cues':'the-iframe-element','entity-capdot':'named-character-references','attr-menu-compact':'obsolete','entity-Udblac':'named-character-references','boolean-attribute':'common-microsyntaxes','interfaces-for-url-manipulation':'urls','entity-bsime':'named-character-eferences','ix-handler-onblur':'index','aborting-a-document-load':'history','the-script-settings-determined-from-the-node':'webappapis','the-command':'interactive-elements','entity-NotRightTriangleEqual':'named-character-references','entity-downharpoonright':'named-character-references','entity-ecy':'named-character-references','external':'timers','entity-ecirc':'named-character-references','texttracklist':'the-iframe-element','entity-rightleftarrows':'named-character-references','script-s-document':'webappapis','image-button-state':'number-state','entity-tdot':'named-character-references','entity-xodot':'named-character-references','entity-lneq':'named-character-references','ix-handler-window-onload':'index','entity-leftarrowtail':'named-character-references','insertion-point':'parsing','the-application-cache-selection-algorithm':'offline','concept-input-value-string-date':'the-input-element','entity-NotLessEqual':'named-character-references','media-controller-volume-multiplier':'the-iframe-element','entit-Racute':'named-character-references','document':'dom','entity-nwnear':'named-character-references','links-created-by-a-and-area-elements':'links','dom-canvas-getcontext':'the-canvas-element','rules-for-parsing-a-hash-name-reference':'common-microsyntaxes','handler-mediacontroller-oncanplaythrough':'the-iframe-element','data-mining':'infrastructure','entity-zeetrf':'named-character-references','run-post-click-activation-steps':'content-models','the-rp-element':'text-level-semantics','handler-window-onhashchange':'webappapis','dom-mediacontroller-muted':'the-iframe-element','attr-command-checked':'interactive-elements','attr-track-kind-keyword-subtitles':'the-iframe-element','entity-looparrowright':'named-character-references','the-li-element':'grouping-content','dom-a-coords':'obsolete','attr-hyperlink-hreflang':'links','dom-legend-align':'obsolete','parsing-main-inselect':'tree-construction','entity-Escr':'named-character-references','past-names-map':'forms','entity-gsime':'named-character-references','entty-mid':'named-character-references','entity-gsiml':'named-character-references','the-input-element-as-domain-specific-widgets':'rendering','selector-ltr':'links','event-media-loadstart':'the-iframe-element','entity-luruhar':'named-character-references','htmltablecolelement':'tabular-data','dom-form-submit':'forms','entity-Ffr':'named-character-references','concept-date':'common-microsyntaxes','restrictions-on-content-models-and-on-attribute-values':'introduction','networking-task-source':'webappapis','dom-history-pushstate':'history','entity-Euml-legacy':'named-character-references','the-dl-element':'grouping-content','exposed':'dom','rel-sidebar-hyperlink':'links','lists-of-integers':'common-microsyntaxes','duration-time-component':'common-microsyntaxes','entity-hkswarow':'named-character-references','text-track-cue-start-time':'the-iframe-element','entity-gnapprox':'named-character-references','entity-subsim':'named-character-references','entity-rharu':'named-character-references','entity-malt':'named-chracter-references','marquee-loop-count':'obsolete','entity-GreaterTilde':'named-character-references','entity-rhard':'named-character-references','entity-male':'named-character-references','entity-supne':'named-character-references','implicit-submission':'association-of-controls-and-forms','attr-textarea-required':'the-button-element','entity-DoubleRightArrow':'named-character-references','throw':'infrastructure','spin-the-event-loop':'webappapis','browsing-context-nested-through':'browsers','feed-the-parser':'the-xhtml-syntax','stack-of-open-elements':'parsing','entity-ulcrop':'named-character-references','entity-InvisibleComma':'named-character-references','entity-LeftRightArrow':'named-character-references','dom-input-stepup':'common-input-element-attributes','entity-Proportion':'named-character-references','dom-table-caption':'tabular-data','using-the-button-element-to-define-a-command':'commands','attr-optgroup-disabled':'the-button-element','entity-profline':'named-character-references','event-media-sspend':'the-iframe-element','attr-command-type-state-command':'interactive-elements','event-media-stalled':'the-iframe-element','handler-ondrag':'webappapis','attr-input-autocomplete-on-state':'common-input-element-attributes','supported-property-indices':'infrastructure','entity-sdot':'named-character-references','entity-ffr':'named-character-references','dom-video-videowidth':'the-iframe-element','attr-table-rules':'obsolete','datetime-value':'text-level-semantics','attr-img-align':'obsolete','the-legend-element':'forms','entity-plusmn-legacy':'named-character-references','dom-videotracklist-selectedindex':'the-iframe-element','entity-nsupset':'named-character-references','current-input-character':'parsing','dom-appcache-swapcache':'offline','dom-object-archive':'obsolete','forming-a-table':'tabular-data','entity-NotNestedLessLess':'named-character-references','text-track-cue-size':'the-iframe-element','dom-meter-value':'the-button-element','prompt-to-unload-a-document':'history','dom-document-alinkcolor''obsolete','dom-blur':'editing','obsolete-but-conforming-features':'obsolete','refsXMLBASE':'references','entity-Intersection':'named-character-references','entity-aelig-legacy':'named-character-references','dom-track-default':'the-iframe-element','fire-waiting-when-waiting':'the-iframe-element','dom-media-playbackrate':'the-iframe-element','entity-varpropto':'named-character-references','suffering-from-an-underflow':'association-of-controls-and-forms','entity-nVdash':'named-character-references','dom-datatransfer-effectallowed':'dnd','selector-default':'links','keywords-and-enumerated-attributes':'common-microsyntaxes','entity-LeftTriangleEqual':'named-character-references','attr-form-autocomplete-on-state':'forms','dom-tdth-axis':'obsolete','entity-Zfr':'named-character-references','non-fatal-media-error':'the-iframe-element','entity-doteqdot':'named-character-references','the-input-stream':'parsing','table-encoding-overrides':'parsing','dom-validitystate-valuemissing':'association-of-controls-and-forms',entity-copy':'named-character-references','pre-click-activation-steps':'content-models','entity-Sc':'named-character-references','handler-window-onafterprint':'webappapis','entity-profalar':'named-character-references','sandboxed-navigation-browsing-context-flag':'the-iframe-element','ix-handler-onseeked':'index','dom-fieldset-disabled':'forms','entity-oslash':'named-character-references','dom-cva-validity':'association-of-controls-and-forms','entity-rdca':'named-character-references','ascii-compatible-character-encoding':'infrastructure','entity-Yuml':'named-character-references','entity-barwed':'named-character-references','entity-bigwedge':'named-character-references','entity-EqualTilde':'named-character-references','dom-textarea-wrap':'the-button-element','table-script-bom':'scripting-1','attr-track-kind-captions':'the-iframe-element','dom-datatransfer-getdata':'dnd','attr-input-placeholder':'common-input-element-attributes','dom-based-xslt-1.0-processors':'content-models','concept-param-parameter':'theiframe-element','entity-integers':'named-character-references','entity-agrave-legacy':'named-character-references','entity-dblac':'named-character-references','entity-xnis':'named-character-references','entity-ecir':'named-character-references','table-uda-examples':'urls','entity-cuesc':'named-character-references','entity-ncap':'named-character-references','entity-NotLessTilde':'named-character-references','comment-state':'tokenization','entity-circledS':'named-character-references','entity-circledR':'named-character-references','entity-qprime':'named-character-references','entity-triplus':'named-character-references','entity-spar':'named-character-references','attr-tdth-valign':'obsolete','entity-Omega':'named-character-references','no-quirks-mode':'infrastructure','entity-nsubE':'named-character-references','suffering-from-a-custom-error':'association-of-controls-and-forms','dom-option-tvd':'the-button-element','event-media-timeupdate':'the-iframe-element','entity-wopf':'named-character-references','the-1-h2-h3-h4-h5-and-h6-elements':'sections','introduction-9':'rendering','introduction-8':'rendering','introduction-5':'webappapis','sections-and-headings':'rendering','introduction-7':'dnd','introduction-6':'editing','introduction-1':'forms','introduction-0':'the-iframe-element','introduction-3':'links','introduction-2':'association-of-controls-and-forms','entity-Dcaron':'named-character-references','meta-charset-during-parse':'tree-construction','entity-copy-legacy':'named-character-references','void-elements':'syntax','refsABNF':'references','drag-data-store-bitmap':'dnd','figcaption-as-alt-condition':'embedded-content-1','file-upload-state':'number-state','entity-grave':'named-character-references','history':'history','entity-sopf':'named-character-references','only-contemporary-times':'states-of-the-type-attribute','comment-start-dash-state':'tokenization','width-of-the-select-s-labels':'rendering','hyperlink-annotation':'links','menus':'interactive-elements','entity-Int':'named-character-references','minested-tags:-b-p-b-p':'the-end','stop-parsing':'the-end','entity-tprime':'named-character-references','sandboxed-seamless-iframes-flag':'the-iframe-element','allowed-to-navigate':'browsers','entity-ltri':'named-character-references','entity-thicksim':'named-character-references','entity-urtri':'named-character-references','the-input-element-as-a-range-control':'rendering','htmlaudioelement':'the-iframe-element','entity-upsilon':'named-character-references','entity-eacute-legacy':'named-character-references','entity-qopf':'named-character-references','attr-style-type':'semantics','entity-plusdo':'named-character-references','handler-tracklist-onchange':'the-iframe-element','dom-media-have_future_data':'the-iframe-element','entity-Ccedil-legacy':'named-character-references','entity-plusdu':'named-character-references','seek-the-media-controller':'the-iframe-element','associatedSection':'sections','entity-iuml-legacy':'named-character-references','entity-EmptySmallSquare':'named-character-references','refsWIN154':'references','refsWIN1252':'references','refsBOCU1':'references','entity-topcir':'named-character-references','entity-Ugrave-legacy':'named-character-references','conformance-requirements':'infrastructure','entity-dotplus':'named-character-references','dom-form-acceptcharset':'forms','dom-select-size':'the-button-element','concept-option-label':'the-button-element','entity-larrbfs':'named-character-references','auxiliary-browsing-contexts':'browsers','entity-nlarr':'named-character-references','entity-And':'named-character-references','concept-fe-values':'association-of-controls-and-forms','entity-pfr':'named-character-references','concept-select-pick':'the-button-element','entity-equest':'named-character-references','entity-rsquor':'named-character-references','attr-param-name':'the-iframe-element','event':'infrastructure','handler-texttrackcue-onexit':'the-iframe-element','handler-onratechange':'webappapis','entity-natural':'named-character-references','initial-code-entry-point':'webappapis','task-quee':'webappapis','attr-img-src':'embedded-content-1','dom-fs-action':'association-of-controls-and-forms','fire-a-dnd-event':'dnd','windowtimers':'timers','expiring-application-caches':'offline','concept-handler-error':'webappapis','entity-uring':'named-character-references','handler-onmouseover':'webappapis','entity-Ubrcy':'named-character-references','insert-a-foreign-element':'tree-construction','entity-npr':'named-character-references','ix-handler-window-onoffline':'index','dom-colgroup-span':'tabular-data','after-doctype-public-keyword-state':'tokenization','entity-mopf':'named-character-references','has-an-element-in-list-item-scope':'parsing','menus-intro':'interactive-elements','limiting-user-input-length':'association-of-controls-and-forms','concept-event-listener':'infrastructure','entity-TScy':'named-character-references','entity-NotSquareSuperset':'named-character-references','entity-Lcaron':'named-character-references','pragma-directives':'semantics','entity-otilde':'named-character-references','ntity-DotEqual':'named-character-references','entity-dsol':'named-character-references','attributes-for-embedded-content-and-images':'rendering','maps-to-the-pixel-length-property':'rendering','media-controllers':'the-iframe-element','unload-a-document':'history','entity-Rscr':'named-character-references','entity-ApplyFunction':'named-character-references','entity-cdot':'named-character-references','phrasing-content-1':'rendering','phrasing-content-0':'content-models','linkstyle':'infrastructure','htmlallcollection':'common-dom-interfaces','entity-LeftTeeVector':'named-character-references','dom-window-focus':'editing','entity-napos':'named-character-references','the-tr-element':'tabular-data','entity-roarr':'named-character-references','entity-nless':'named-character-references','handler-tracklist-onaddtrack':'the-iframe-element','clear-the-stack-back-to-a-table-row-context':'tree-construction','htmlpreelement':'grouping-content','entity-oopf':'named-character-references','entity-scnsim':'named-character-rferences','the-draggable-attribute':'dnd','attr-body-text':'obsolete','attr-dir-auto-state':'elements','entity-HilbertSpace':'named-character-references','attr-area-shape':'the-map-element','entity-nrarr':'named-character-references','concept-output-mode':'the-button-element','refsIANACHARSET':'references','entity-napE':'named-character-references','entity-AMP':'named-character-references','htmlvideoelement':'the-iframe-element','entity-nlArr':'named-character-references','entity-Oslash':'named-character-references','entity-Atilde-legacy':'named-character-references','entity-Wscr':'named-character-references','the-xhtml-syntax':'the-xhtml-syntax','concept-n-script':'webappapis','entity-mho':'named-character-references','appropriate-form-encoding-algorithm':'association-of-controls-and-forms','entity-elinters':'named-character-references','dom-meter-low':'the-button-element','windowbase64':'webappapis','dom-frame-noresize':'obsolete','parse-a-month-component':'common-microsyntaxes','dom-select-nameditem':'th-button-element','entity-delta':'named-character-references','dom-texttracklist-length':'the-iframe-element','entity-iopf':'named-character-references','entity-TildeEqual':'named-character-references','attr-col-valign':'obsolete','handler-texttrackcue-onenter':'the-iframe-element','entity-LeftTeeArrow':'named-character-references','concept-fe-checked':'association-of-controls-and-forms','entity-vee':'named-character-references','attr-ol-start':'grouping-content','entity-preccurlyeq':'named-character-references','entity-angrtvb':'named-character-references','dom-font-size':'obsolete','dom-input-placeholder':'the-input-element','run-synthetic-click-activation-steps':'content-models','dom-body-alink':'obsolete','entity-ruluhar':'named-character-references','entity-SucceedsSlantEqual':'named-character-references','appropriate-end-tag-token':'tokenization','entity-nrArr':'named-character-references','dom-embed-src':'the-iframe-element','attr-menu-label':'interactive-elements','htmltablerowelement':'tabular-data''value-sanitization-algorithm':'the-input-element','htmlsourceelement':'the-iframe-element','entity-ominus':'named-character-references','entity-ccups':'named-character-references','collect-a-sequence-of-characters':'common-microsyntaxes','refsDOMPARSING':'references','the-accesskey-attribute':'editing','value-track-kind-alternate':'the-iframe-element','text-level-semantics':'text-level-semantics','entity-Egrave-legacy':'named-character-references','xmlns-namespace':'namespaces','entity-Colone':'named-character-references','data-state':'tokenization','refsSELECTORS':'references','entity-LongLeftRightArrow':'named-character-references','entity-zigrarr':'named-character-references','concept-appcache-completeness':'offline','dom-script-charset':'scripting-1','attr-input-type-datetime-keyword':'the-input-element','dom-htmlallcollection-tags':'common-dom-interfaces','attr-embed-name':'obsolete','dom-alert':'timers','entity-nsqsube':'named-character-references','default-playback-start-position':'the-iframe-elemen','the-table-element':'tabular-data','entity-Star':'named-character-references','dimRendering':'rendering','entity-lbrace':'named-character-references','attr-media-preload-none':'the-iframe-element','entity-lbrack':'named-character-references','concept-meter-optimum':'the-button-element','entity-Umacr':'named-character-references','entity-olarr':'named-character-references','entity-rarrap':'named-character-references','entity-Longleftrightarrow':'named-character-references','entity-prod':'named-character-references','entity-prop':'named-character-references','entity-Assign':'named-character-references','entity-NotLessGreater':'named-character-references','htmlframeelement':'obsolete','entity-subdot':'named-character-references','entity-GreaterFullEqual':'named-character-references','entity-trpezium':'named-character-references','entity-gt-legacy':'named-character-references','drag-data-store-allowed-effects-state':'dnd','dom-track-readystate':'the-iframe-element','entity-complexes':'named-character-referencs','attr-track-kind-metadata':'the-iframe-element','entity-boxbox':'named-character-references','attr-ol-type-keyword-lower-alpha':'grouping-content','syntax-tags':'syntax','entity-oast':'named-character-references','entity-xoplus':'named-character-references','entity-Jfr':'named-character-references','entity-succeq':'named-character-references','the-id-attribute':'elements','media-controller-position':'the-iframe-element','introduction-4':'offline','entity-lEg':'named-character-references','entity-triminus':'named-character-references','entity-frac14-legacy':'named-character-references','entity-perp':'named-character-references','script-data-double-escaped-state':'tokenization','ix-handler-window-onerror':'index','dom-a-protocol':'text-level-semantics','terminology':'infrastructure','dom-table-tfoot':'tabular-data','refsRFC1468':'references','entity-acy':'named-character-references','entity-acd':'named-character-references','form-control-dirname-attribute':'association-of-controls-and-forms','entity-suphsu':'named-character-references','dom-fs-formaction':'association-of-controls-and-forms','entity-frac12-legacy':'named-character-references','dom-navigator-registercontenthandler':'timers','script-processing-src-sync':'scripting-1','ix-event-handlers':'index','entity-rotimes':'named-character-references','dom-input-valueasnumber':'common-input-element-attributes','dom-legend-form':'forms','overlong-form':'infrastructure','entity-acE':'named-character-references','entity-Hstrok':'named-character-references','entity-icirc':'named-character-references','dom-col-align':'obsolete','handler-appcache-onnoupdate':'offline','handler-mediacontroller-onpause':'the-iframe-element','attr-iframe-src':'the-iframe-element','entity-RightDoubleBracket':'named-character-references','entity-beth':'named-character-references','command-facet-accesskey':'commands','entity-esim':'named-character-references','security-and-privacy':'timers','entity-beta':'named-character-references','attr-fs-method-get-keyword':'association-of-control-and-forms','entity-plankv':'named-character-references','entity-hookrightarrow':'named-character-references','entity-jfr':'named-character-references','location-of-the-media-resource':'the-iframe-element','dom-link-charset':'obsolete','parser-pause-flag':'parsing','container-frame-element':'rendering','alphanumeric-ascii-characters':'common-microsyntaxes','relevant-namespace-object':'infrastructure','dom-option':'the-button-element','entity-zeta':'named-character-references','the-h6-element':'sections','document-metadata':'semantics','refsCOMPUTABLE':'references','dom-audiotracklist-gettrackbyid':'the-iframe-element','entity-rppolint':'named-character-references','document.writeln':'content-models','entity-vBarv':'named-character-references','ix-handler-onsubmit':'index','entity-uwangle':'named-character-references','entity-GreaterSlantEqual':'named-character-references','dom-iframe-scrolling':'obsolete','dom-frame-name':'obsolete','attr-command-type':'interactive-elements','event-appcache-noupdate':'offlie','application-cache-group':'offline','attr-marquee-truespeed':'obsolete','sandboxSubmitBlocked':'association-of-controls-and-forms','non-negative-integers':'common-microsyntaxes','text-track-mode':'the-iframe-element','syntax-attribute-name':'syntax','dom-validitystate-patternmismatch':'association-of-controls-and-forms','svg':'the-map-element','the-pattern-attribute':'common-input-element-attributes','drag-data-store-hot-spot-coordinate':'dnd','entity-fjlig':'named-character-references','set-the-event-handler-content-attribute-to-an-error':'webappapis','attr-embed-hspace':'obsolete','entity-NotGreater':'named-character-references','cors-settings-attributes':'fetching-resources','entity-napid':'named-character-references','the-meter-element':'the-button-element','concept-week':'common-microsyntaxes','dom-fe-disabled':'association-of-controls-and-forms','entity-lang':'named-character-references','valid-url':'urls','dom-texttrackcue-track':'the-iframe-element','entity-NotGreaterLess':'named-character-refereces','entity-NegativeThickSpace':'named-character-references','entity-boxminus':'named-character-references','before-attribute-value-state':'tokenization','event-appcache-updateready':'offline','the-sub-element':'text-level-semantics','entity-cirscir':'named-character-references','dom-textarea-required':'the-button-element','unloading-documents':'history','entity-Itilde':'named-character-references','attr-embed-src':'the-iframe-element','script-execution-environment':'webappapis','entity-Vfr':'named-character-references','entity-aacute-legacy':'named-character-references','event-definition':'history','stall-timeout':'the-iframe-element','attr-ol-reversed':'grouping-content','valid-mime-type':'infrastructure','entity-wedgeq':'named-character-references','entity-sqcups':'named-character-references','script-data-escape-start-dash-state':'tokenization','dom-frame-src':'obsolete','dom-node-childnodes':'infrastructure','entity-DoubleDot':'named-character-references','domsettabletokenlist':'infrastructure','entityYacute':'named-character-references','dom-input-value-value':'common-input-element-attributes','fatal-decode-error':'the-iframe-element','the-constraint-validation-api':'association-of-controls-and-forms','uint8clampedarray':'infrastructure','table-http-equiv':'semantics','the-hr-element':'grouping-content','dom-self':'browsers','sandboxed-automatic-features-browsing-context-flag':'the-iframe-element','entity-NotEqual':'named-character-references','dom-history-back':'history','entity-eplus':'named-character-references','handler-onloadedmetadata':'webappapis','entity-hoarr':'named-character-references','entity-there4':'named-character-references','htmlmeterelement':'the-button-element','noframes':'obsolete','dom-marquee-bgcolor':'obsolete','entity-SquareSubsetEqual':'named-character-references','entity-laquo':'named-character-references','xml-compatible':'infrastructure','entity-natur':'named-character-references','refsX690':'references','extracting-encodings-from-meta-elements':'fetching-resources','entity-ap':'named-character-references','delay-the-load-event':'the-end','dom-area-shape':'the-map-element','attr-img-vspace':'obsolete','entity-LeftArrowBar':'named-character-references','entity-nRightarrow':'named-character-references','number-of-days-in-month-month-of-year-year':'common-microsyntaxes','entity-UpArrowDownArrow':'named-character-references','default-button':'association-of-controls-and-forms','concept-select-toggle':'the-button-element','links':'links','refsDOMEVENTS':'references','refsARIA':'references','a-style-sheet-that-is-blocking-scripts':'semantics','attr-meta-http-equiv':'semantics','htmldatalistelement':'the-button-element','dom-input-stepdown':'common-input-element-attributes','entity-VerticalBar':'named-character-references','dom-appcache-obsolete':'offline','refsISO8601':'references','entity-ouml':'named-character-references','concept-appcache-init':'offline','event-appcache-obsolete':'offline','focus-management':'editing','attr-img-alt':'embedded-content-1','cors-settings-attribute':fetching-resources','dom-command-ro-commandlabel':'commands','entity-boxhD':'named-character-references','dom-stylesheet-disabled':'infrastructure','dom-object-declare':'obsolete','entity-ntrianglerighteq':'named-character-references','entity-Nacute':'named-character-references','entity-uHar':'named-character-references','dom-location-hostname':'history','pending-parsing-blocking-script':'scripting-1','send-a-signal':'offline','entity-DownRightVectorBar':'named-character-references','entity-OpenCurlyQuote':'named-character-references','coercing-an-html-dom-into-an-infoset':'the-end','htmlinputelement':'the-input-element','dom-output-htmlfor':'the-button-element','handler-marquee-onstart':'obsolete','entity-dstrok':'named-character-references','media-controller-mute-override':'the-iframe-element','script-processing-inline':'scripting-1','entity-boxVR':'named-character-references','entity-deg':'named-character-references','abort-a-document':'history','attr-select-required':'the-button-element','xhtml-document:'infrastructure','dom-document-images':'dom','activation-behavior':'content-models','entity-boxVL':'named-character-references','dom-source-type':'the-iframe-element','entity-boxVH':'named-character-references','entity-kgreen':'named-character-references','entity-boxVr':'named-character-references','text-0':'syntax','concept-appcache-manifest':'offline','dom-tdth-choff':'obsolete','entity-boxVl':'named-character-references','entity-boxVh':'named-character-references','entity-LeftFloor':'named-character-references','entity-asymp':'named-character-references','the-input-element-as-a-color-well':'rendering','htmlfontelement':'obsolete','dom-embed-name':'obsolete','conformance-classes':'infrastructure','special':'parsing','dom-media-network_no_source':'the-iframe-element','entity-NewLine':'named-character-references','most-recently-reported-playback-state':'the-iframe-element','concept-meter-low':'the-button-element','entity-smile':'named-character-references','handler-onerror':'webappapis','entity-scy':'namedcharacter-references','secondary-browsing-context':'browsers','character-reference-in-data-state':'tokenization','entity-eqcolon':'named-character-references','entity-sce':'named-character-references','attr-a-methods':'obsolete','entity-hksearow':'named-character-references','entity-lt-legacy':'named-character-references','times':'common-microsyntaxes','paused-for-user-interaction':'the-iframe-element','entity-middot-legacy':'named-character-references','dom-document-links':'dom','entity-Precedes':'named-character-references','concept-input-max-default':'common-input-element-attributes','htmlbasefontelement':'obsolete','entity-scE':'named-character-references','attr-script-for':'obsolete','refsABOUT':'references','apis-for-creating-and-navigating-browsing-contexts-by-name':'browsers','entity-Zdot':'named-character-references','concept-row-group':'tabular-data','parse-a-time-component':'common-microsyntaxes','concept-spellcheck-default-true':'editing','dom-canvas-toblob':'the-canvas-element','sectioning-contnt-0':'content-models','dom-datatransferitem-getasstring':'dnd','selector-required':'links','entity-tshcy':'named-character-references','dom-ol-type':'grouping-content','resolve-a-url':'urls','dom-datatransfer-setdragimage':'dnd','lists':'rendering','dom-input-dirname':'the-input-element','htmlallcollection-0':'common-dom-interfaces','dom-input-src':'the-input-element','entity-ulcorn':'named-character-references','dom-canvas-height':'the-canvas-element','dom-audiotrack-enabled':'the-iframe-element','htmlmediaelement':'the-iframe-element','entity-UpArrow':'named-character-references','webvtt-parser':'infrastructure','entity-Beta':'named-character-references','dom-texttrackcue-size':'the-iframe-element','attr-object-hspace':'obsolete','attr-input-type-search-keyword':'the-input-element','entity-isindot':'named-character-references','attr-fe-name-charset':'association-of-controls-and-forms','entity-uacute-legacy':'named-character-references','script-processing-empty':'scripting-1','definitions':'association-ofcontrols-and-forms','ix-handler-oncanplaythrough':'index','htmlcanvaselement':'the-canvas-element','handler-window-onunload':'webappapis','url':'urls','entity-lurdshar':'named-character-references','entity-ogt':'named-character-references','dom-tr-choff':'obsolete','attr-time-datetime':'text-level-semantics','the-body-element-0':'dom','entity-DownArrowBar':'named-character-references','entity-parsl':'named-character-references','editing':'editing','attr-dfn-title':'text-level-semantics','entity-xi':'named-character-references','dom-document-vlinkcolor':'obsolete','entity-eqsim':'named-character-references','entity-angrtvbd':'named-character-references','comma-separated-tokens':'common-microsyntaxes','entity-Coproduct':'named-character-references','entity-maltese':'named-character-references','entity-smallsetminus':'named-character-references','entity-rarrw':'named-character-references','entity-GreaterEqualLess':'named-character-references','the-kbd-element':'text-level-semantics','entity-rarrc':'named-charater-references','entity-rarrb':'named-character-references','entity-succnapprox':'named-character-references','entity-lnE':'named-character-references','resource-sharing-check':'infrastructure','entity-rightrightarrows':'named-character-references','entity-reals':'named-character-references','dom-dim-height':'the-map-element','refsOPENSEARCH':'references','entity-lne':'named-character-references','dom-a-host':'text-level-semantics','entity-Laplacetrf':'named-character-references','ix-handler-window-onhashchange':'index','the-tfoot-element':'tabular-data','entity-clubsuit':'named-character-references','basefont':'obsolete','entity-diamondsuit':'named-character-references','flow-content':'content-models','handler-window-onerror':'webappapis','dom-element-id':'infrastructure','entity-exponentiale':'named-character-references','dom-tbody-deleterow':'tabular-data','attr-body-marginright':'obsolete','handler-mediacontroller-onratechange':'the-iframe-element','process-the-iframe-attributes':'the-iframe-element','etity-flat':'named-character-references','bidirectional-algorithm-formatting-character-ranges':'content-models','entity-lesdoto':'named-character-references','entity-bdquo':'named-character-references','entity-easter':'named-character-references','entity-divideontimes':'named-character-references','entity-ntlg':'named-character-references','dom-track-loading':'the-iframe-element','entity-NotHumpDownHump':'named-character-references','dom-draggable':'dnd','entity-DiacriticalTilde':'named-character-references','selector-visited':'links','attr-col-width':'obsolete','entity-iota':'named-character-references','img-yes':'embedded-content-1','dom-style-type':'semantics','entity-NotNestedGreaterGreater':'named-character-references','the-hr-element-0':'rendering','dom-mediacontroller-playbackrate':'the-iframe-element','entity-diam':'named-character-references','entity-mnplus':'named-character-references','nested-browsing-contexts':'browsers','dom-hashchangeevent-newurl':'history','entity-NotLeftTriangleBar':'named-chracter-references','entity-Omicron':'named-character-references','adjust-foreign-attributes':'tree-construction','attr-media-autoplay':'the-iframe-element','entity-eth':'named-character-references','entity-eta':'named-character-references','named-character-references':'named-character-references','handler-window-ononline':'webappapis','other-pragma-directives':'semantics','htmlformcontrolscollection':'common-dom-interfaces','entity-Tilde':'named-character-references','entity-ReverseEquilibrium':'named-character-references','entity-iprod':'named-character-references','drag-data-store':'dnd','attr-tdth-nowrap':'obsolete','the-section-element':'sections','the-drag-data-store':'dnd','attribute-s-serialized-name':'the-end','attr-input-autocomplete-off-state':'common-input-element-attributes','attr-fs-enctype-text':'association-of-controls-and-forms','entity-nsmid':'named-character-references','entity-xdtri':'named-character-references','handler-onmousedown':'webappapis','attr-link-hreflang':'semantics','concept-nd-ro':'dnd','concept-dnd-rw':'dnd','dom-col-choff':'obsolete','dom-a-target':'text-level-semantics','entity-cfr':'named-character-references','concept-error-handled':'webappapis','entity-iiota':'named-character-references','entity-iquest-legacy':'named-character-references','empty-cell':'tabular-data','entity-weierp':'named-character-references','attr-input-pattern':'common-input-element-attributes','entity-plustwo':'named-character-references','concept-input-list':'common-input-element-attributes','dom-p-align':'obsolete','attr-link-rel':'semantics','synchronising-multiple-media-elements':'the-iframe-element','dom-tdth-nowrap':'obsolete','attr-link-rev':'obsolete','attr-iframe-marginheight':'obsolete','drag-and-drop-processing-model':'dnd','attr-datafld':'obsolete','entity-simdot':'named-character-references','the-input-element-as-a-checkbox-and-radio-button-widgets':'rendering','dom-meta-httpequiv':'semantics','entity-ugrave-legacy':'named-character-references','current-drag-operation':'dnd','the-small-eement':'text-level-semantics','command-facet-icon':'commands','refsEUCJP':'references','entity-rbarr':'named-character-references','ix-handler-onselect':'index','attr-tdth-axis':'obsolete','navigatorid':'timers','authors-using-html':'iana','entity-yopf':'named-character-references','script-s-global-object':'webappapis','entity-percnt':'named-character-references','dom-iscontenteditable':'editing','dom-datatransfer-types':'dnd','pagetransitionevent':'history','home-subtree':'infrastructure','entity-cent':'named-character-references','entity-loplus':'named-character-references','dom-windowmodal-dialogarguments':'timers','barprop':'browsers','entity-dzigrarr':'named-character-references','already-started':'scripting-1','entity-PartialD':'named-character-references','jump-to-a-code-entry-point':'webappapis','entity-ascr':'named-character-references','entity-curlywedge':'named-character-references','handler-oncanplaythrough':'webappapis','attr-legend-align':'obsolete','source-browsing-context':'history','entity-opf':'named-character-references','dom-input-value-filename':'common-input-element-attributes','the-stack-of-open-elements':'parsing','entity-ccaps':'named-character-references','entity-lessdot':'named-character-references','event-mediacontroller-canplaythrough':'the-iframe-element','entity-upuparrows':'named-character-references','cdata-rcdata-restrictions':'syntax','entity-FilledVerySmallSquare':'named-character-references','attribute-name-state':'tokenization','dom-tdth-cellindex':'tabular-data','entity-Wopf':'named-character-references','security-nav':'browsers','entity-YIcy':'named-character-references','entity-Ofr':'named-character-references','navigate-fragid-step':'history','dom-keygen-type':'the-button-element','htmllabelelement':'forms','start-tags':'syntax','comment-end-dash-state':'tokenization','content-categories':'content-models','parsing-main-incolgroup':'tree-construction','the-optgroup-element':'the-button-element','concept-select-option-list':'the-button-element','refsRFC1557':'references,'explicitly-supported-xml-type':'history','dom-cva-willvalidate':'association-of-controls-and-forms','handler-mediacontroller-ondurationchange':'the-iframe-element','the-history-interface':'history','entity-COPY-legacy':'named-character-references','htmlfieldsetelement':'forms','entity-angsph':'named-character-references','entity-circledcirc':'named-character-references','entity-Sopf':'named-character-references','scriptTag':'tree-construction','entity-spadesuit':'named-character-references','hierarchical-url':'urls','dom-area-rel':'the-map-element','attr-fs-enctype-urlencoded':'association-of-controls-and-forms','paused-media-controller':'the-iframe-element','entity-DownLeftVectorBar':'named-character-references','strip-leading-and-trailing-whitespace':'common-microsyntaxes','rcdata-end-tag-name-state':'tokenization','activation':'editing','header-and-data-cell-semantics':'tabular-data','case-sensitivity-and-string-comparison':'infrastructure','namespaces':'namespaces','dom-form-item':'forms','entity-hslah':'named-character-references','entity-wedge':'named-character-references','dom-tr-sectionrowindex':'tabular-data','entity-backepsilon':'named-character-references','a-graphical-representation-of-some-of-the-surrounding-text':'embedded-content-1','entity-Pcy':'named-character-references','entity-Hscr':'named-character-references','entity-iecy':'named-character-references','attr-meta-http-equiv-content-language':'semantics','entity-models':'named-character-references','entity-COPY':'named-character-references','dom-a-text':'text-level-semantics','attr-input-type-button-keyword':'the-input-element','dom-select-type':'the-button-element','valid-mime-type-with-no-parameters':'infrastructure','entity-nleqslant':'named-character-references','parse-error':'parsing','dom-marquee-stop':'obsolete','entity-andand':'named-character-references','entity-ngeqslant':'named-character-references','quirks-mode':'infrastructure','character-encodings-0':'parsing','attr-link-href':'semantics','entity-laemptyv':'named-character-eferences','concept-encoding-confidence':'parsing','entity-tritime':'named-character-references','entity-lmoustache':'named-character-references','script-data-state':'tokenization','entity-ufr':'named-character-references','cors-same-origin':'fetching-resources','split-a-string-on-commas':'common-microsyntaxes','entity-isinE':'named-character-references','entity-Cdot':'named-character-references','dom-applet-code':'obsolete','attr-object-align':'obsolete','html-mime-type':'infrastructure','entity-isins':'named-character-references','dom-form-reset':'forms','entity-smid':'named-character-references','browsing-the-web':'history','text-track-showing':'the-iframe-element','entity-larr':'named-character-references','resourceSuspend':'the-iframe-element','entity-bigoplus':'named-character-references','entity-neArr':'named-character-references','entity-Yacute-legacy':'named-character-references','ix-handler-onloadedmetadata':'index','dom-barprop-visible':'browsers','dom-media-paused':'the-iframe-element','handler-ediacontroller-onwaiting':'the-iframe-element','entity-Gammad':'named-character-references','the-img-element':'embedded-content-1','entity-csupe':'named-character-references','concept-appcache-matches-fallback':'offline','entity-Ecirc':'named-character-references','attr-meta-http-equiv-refresh':'semantics','text-plain-encoding-algorithm':'association-of-controls-and-forms','dom-input-min':'the-input-element','entity-mfr':'named-character-references','entity-LeftArrowRightArrow':'named-character-references','attr-form-autocomplete-off-state':'forms','found-a-media-resource-specific-timed-track':'the-iframe-element','syntax-attributes':'syntax','command-facet-checkedstate':'commands','entity-subseteq':'named-character-references','text-track-kind':'the-iframe-element','concept-dnd-p':'dnd','dom-linkstyle-sheet':'infrastructure','dom-document-writeln':'content-models','base-url-change-steps':'infrastructure','entity-epsilon':'named-character-references','the-details-element':'interactive-elements','plaintext-sate':'tokenization','entity-varsupsetneq':'named-character-references','element-content-categories':'index','parsing-cache-manifests':'offline','poster-frame':'the-iframe-element','refsWHATWGWIKI':'references','entity-xcap':'named-character-references','hasfeature':'common-dom-interfaces','attributes-0':'syntax','attributes-1':'index','handler-onmouseout':'webappapis','concept-input-min':'common-input-element-attributes','entity-vcy':'named-character-references','most-recently-reported-readiness-state':'the-iframe-element','entity-LeftArrow':'named-character-references','attr-marquee-behavior-scroll':'obsolete','weeks':'common-microsyntaxes','handler-mediacontroller-onemptied':'the-iframe-element','dom-document-nameditem':'dom','entity-simg':'named-character-references','entity-sime':'named-character-references','entity-scnap':'named-character-references','entity-siml':'named-character-references','resulting-autocompletion-state':'common-input-element-attributes','attr-fieldset-disabled':'forms','dom-form-lngth':'forms','the-u-element':'text-level-semantics','handler-window-onmessage':'webappapis','entity-planckh':'named-character-references','attr-object-type':'the-iframe-element','the-input-element-as-a-text-entry-widget':'rendering','entity-nsucceq':'named-character-references','attr-ol-type':'grouping-content','htmlhrelement':'grouping-content','generic-task-sources':'webappapis','dom-input-readonly':'the-input-element','entity-dotminus':'named-character-references','default-media':'semantics','dom-area-search':'the-map-element','attr-link-urn':'obsolete','html-elements':'infrastructure','refsRFC2388':'references','dom-frame-longdesc':'obsolete','entity-dash':'named-character-references','entity-lotimes':'named-character-references','attr-media-preload-none-state':'the-iframe-element','submitting-element-directionality':'association-of-controls-and-forms','concept-meter-maximum':'the-button-element','script-processing-defer':'scripting-1','concept-textarea-api-value':'the-button-element','the-input-elemen':'the-input-element','valid-global-date-and-time-string':'common-microsyntaxes','the-initial-insertion-mode':'tree-construction','limited-to-only-non-negative-numbers-greater-than-zero':'common-dom-interfaces','dom-track-srclang':'the-iframe-element','entity-ordf-legacy':'named-character-references','attr-media-controls':'the-iframe-element','htmlmetaelement':'semantics','dom-location-hash':'history','entity-omid':'named-character-references','entity-div':'named-character-references','attr-fe-autofocus':'association-of-controls-and-forms','entity-prec':'named-character-references','entity-dArr':'named-character-references','dom-marquee-scrollamount':'obsolete','entity-die':'named-character-references','entity-LowerLeftArrow':'named-character-references','parse-a-manifest':'offline','guidelines-for-exposing-cues-in-various-formats-as-text-track-cues':'the-iframe-element','entity-plusacir':'named-character-references','dom-textarea-maxlength':'the-button-element','parse-a-yearless-date-string':'common-microsntaxes','entity-nscr':'named-character-references','concept-dropzone-operation':'dnd','entity-Yopf':'named-character-references','attr-button-value':'the-button-element','dom-texttrack-disabled':'the-iframe-element','entity-nsce':'named-character-references','script-processing-noscript':'scripting-1','attr-object-declare':'obsolete','video-object-fit':'rendering','attr-object-name':'the-iframe-element','event-definitions':'the-iframe-element','entity-THORN':'named-character-references','fetching-resources':'fetching-resources','entity-iscr':'named-character-references','entity-mapstodown':'named-character-references','dom-document-fgcolor':'obsolete','dom-domstringmap-setitem':'common-dom-interfaces','dom':'dom','consumed':'parsing','entity-acirc-legacy':'named-character-references','entity-epsi':'named-character-references','dom-optgroup-label':'the-button-element','entity-sqsupe':'named-character-references','frame-border-color':'rendering','handler-onabort':'webappapis','entity-nesim':'named-character-reerences','entity-varsupsetneqq':'named-character-references','syntax':'syntax','allowed-to-show-a-pop-up':'browsers','handler-onreset':'webappapis','palpable-content-0':'content-models','dom-fieldset-elements':'forms','entity-Iacute':'named-character-references','entity-llhard':'named-character-references','script-s-base-url':'webappapis','entity-Exists':'named-character-references','mathml-namespace':'namespaces','entity-LessEqualGreater':'named-character-references','print-when-loaded':'timers','entity-GJcy':'named-character-references','event-media-canplay':'the-iframe-element','entity-CapitalDifferentialD':'named-character-references','entity-divide-legacy':'named-character-references','entity-bkarow':'named-character-references','event-mediacontroller-loadedmetadata':'the-iframe-element','selector-enabled':'links','dom-windowtimers-cleartimeout':'timers','entity-Esim':'named-character-references','form-submission-0':'association-of-controls-and-forms','entity-bcong':'named-character-references','texttrckcue':'the-iframe-element','dom-pre-width':'obsolete','refsRFC5724':'references','dom-texttrackcue-direction':'the-iframe-element','entity-boxur':'named-character-references','entity-quatint':'named-character-references','quotaexceedederror':'infrastructure','dom-basefont-color':'obsolete','handler-onloadeddata':'webappapis','entity-boxul':'named-character-references','dom-location-assign':'history','entity-boxuR':'named-character-references','overview-of-the-parsing-model':'parsing','dom-dragevent-datatransfer':'dnd','dom-option-defaultselected':'the-button-element','urls':'urls','the-select-element-0':'rendering','entity-mapstoleft':'named-character-references','entity-ocy':'named-character-references','dom-texttrackcue-getcueashtml':'the-iframe-element','attr-input-maxlength':'common-input-element-attributes','entity-ropar':'named-character-references','attr-input-min':'common-input-element-attributes','eventinit':'infrastructure','attr-input-type-url-keyword':'the-input-element','entity-longleftarrow':named-character-references','htmlembedelement':'the-iframe-element','entity-Poincareplane':'named-character-references','dom-map-areas':'the-map-element','attr-crossorigin-use-credentials':'fetching-resources','character-encoding-declaration':'semantics','entity-gnap':'named-character-references','concept-uda-setter':'urls','entity-Square':'named-character-references','entity-nvlArr':'named-character-references','date-state':'states-of-the-type-attribute','attr-div-align':'obsolete','best-practices-for-authors-using-media-elements':'the-iframe-element','dom-dir-compact':'obsolete','dom-hr-noshade':'obsolete','entity-odsold':'named-character-references','attr-input-type-text-keyword':'the-input-element','the-source-element':'the-iframe-element','browsing-context-name':'browsers','receives-a-set-cookie-string':'infrastructure','attr-form-accept-charset':'forms','entity-rAarr':'named-character-references','parse-a-url':'urls','entity-NotSucceeds':'named-character-references','attr-link-charset':'obsolete','entty-Uopf':'named-character-references','dom-element-tagname':'infrastructure','entity-RightTriangleBar':'named-character-references','entity-downarrow':'named-character-references','table-descriptions-techniques':'tabular-data','entity-submult':'named-character-references','value-track-kind-none':'the-iframe-element','entity-chi':'named-character-references','entity-late':'named-character-references','entity-Zeta':'named-character-references','ix-handler-onplay':'index','the-status-bar-barprop-object':'browsers','entity-xrarr':'named-character-references','attr-track-kind-keyword-descriptions':'the-iframe-element','entity-rightharpoonup':'named-character-references','credential-flag':'infrastructure','attr-input-type-image-keyword':'the-input-element','using-the-accesskey-attribute-to-define-a-command-on-other-elements':'commands','attr-ol-type-state-decimal':'grouping-content','dom-texttrackcue-lineposition':'the-iframe-element','htmltimeelement':'text-level-semantics','dom-appcache-idle':'offline','attribue-text':'elements','dom-radionodelist-value':'common-dom-interfaces','attr-fe-name-isindex':'association-of-controls-and-forms','character':'infrastructure','dom-history':'history','entity-iogon':'named-character-references','entity-curarr':'named-character-references','canceled-activation-steps':'content-models','event-dragover':'dnd','latest-entry':'history','background':'introduction','htmlobjectelement':'the-iframe-element','security-document':'dom','dom-media-currenttime':'the-iframe-element','dom-navigator-iscontenthandlerregistered':'timers','entity-gnsim':'named-character-references','entity-larrfs':'named-character-references','dom-table-createcaption':'tabular-data','entity-Map':'named-character-references','domstringmap-0':'common-dom-interfaces','invalidmodificationerror':'infrastructure','entity-cups':'named-character-references','application-x-www-form-urlencoded':'iana','paragraphs':'content-models','the-textarea-element-0':'rendering','entity-twoheadrightarrow':'named-character-references','hrasing-content':'content-models','entity-scap':'named-character-references','attr-meter-min':'the-button-element','attr-command-disabled':'interactive-elements','entity-quot':'named-character-references','entity-Lang':'named-character-references','handler-ondblclick':'webappapis','entity-Dot':'named-character-references','dom-option-disabled':'the-button-element','entity-vzigzag':'named-character-references','encoding-sniffing-algorithm':'parsing','dom-tr-cells':'tabular-data','reflecting-content-attributes-in-idl-attributes':'common-dom-interfaces','parsing':'parsing','entity-Darr':'named-character-references','attr-param-type':'obsolete','dom-input-checked':'common-input-element-attributes','entity-Rcedil':'named-character-references','negative-tabindex':'editing','handler-mediacontroller-onended':'the-iframe-element','dom-document-createelementns':'infrastructure','strip-line-breaks':'common-microsyntaxes','entity-andd':'named-character-references','dom-cva-checkvalidatity':'association-of-controls-and-orms','entity-roplus':'named-character-references','entity-nsubseteq':'named-character-references','entity-ETH-legacy':'named-character-references','entity-gjcy':'named-character-references','alternative-style-sheet-sets':'infrastructure','concept-input-value-number-string':'the-input-element','entity-ETH':'named-character-references','entity-Sfr':'named-character-references','editing-host':'editing','script-data-double-escaped-dash-state':'tokenization','entity-dot':'named-character-references','attr-spellcheck':'editing','entity-oslash-legacy':'named-character-references','attr-a-charset':'obsolete','dom-br-clear':'obsolete','concept-datetime':'common-microsyntaxes','a-group-of-images-that-form-a-single-larger-picture-with-links':'embedded-content-1','text-track-hidden':'the-iframe-element','hardwareLimitations':'infrastructure','entity-nisd':'named-character-references','attr-textarea-placeholder':'the-button-element','event-input-change':'common-input-element-attributes','entity-ac':'named-character-refrences','entity-af':'named-character-references','dom-textarea-defaultvalue':'the-button-element','local-dates-and-times':'common-microsyntaxes','editors':'infrastructure','media-timeline':'the-iframe-element','entity-ap':'named-character-references','entity-yacute':'named-character-references','htmlselectelement':'the-button-element','entity-ovbar':'named-character-references','entity-Ouml':'named-character-references','concept-http-equivalent-get':'fetching-resources','xml-namespace':'namespaces','placeholder-label-option':'the-button-element','dir':'obsolete','entity-DownLeftVector':'named-character-references','attr-dataformatas':'obsolete','the-keygen-element-0':'rendering','dom-document-hasfocus':'editing','entity-Vee':'named-character-references','dom-input-width':'the-input-element','entity-ngeqq':'named-character-references','rules-for-updating-the-display-of-webvtt-text-tracks':'infrastructure','entity-bump':'named-character-references','entity-rang':'named-character-references','application-x-wwwform-urlencoded-decoding-algorithm':'association-of-controls-and-forms','attr-param-value':'the-iframe-element','attr-input-hspace':'obsolete','character-reference-in-rcdata-state':'tokenization','entity-Kcy':'named-character-references','entity-Alpha':'named-character-references','text-track-cue-text-position':'the-iframe-element','handler-oninvalid':'webappapis','entity-planck':'named-character-references','align-descendants':'rendering','html-parser':'parsing','changing-the-encoding-while-parsing':'parsing','set-of-space-separated-tokens':'common-microsyntaxes','iana':'iana','entity-circlearrowright':'named-character-references','refsRFC2483':'references','dom-uda-hostname':'urls','entity-ssmile':'named-character-references','attr-meta-http-equiv-set-cookie':'semantics','entity-measuredangle':'named-character-references','attr-object-standby':'obsolete','mouseevent':'infrastructure','attr-mod-datetime':'edits','entity-pluscir':'named-character-references','stylesheet':'infrastructure','parse-a-time-strin':'common-microsyntaxes','after-doctype-system-keyword-state':'tokenization','dom-texttrackcue-textposition':'the-iframe-element','content-type-sniffing:-text-or-binary':'fetching-resources','report-the-error':'webappapis','parsing-main-incaption':'tree-construction','concept-input-step-default-base':'common-input-element-attributes','entity-cscr':'named-character-references','dom-area-target':'the-map-element','attr-link-media':'semantics','handler-ontimeupdate':'webappapis','entity-Lcy':'named-character-references','dom-window-locationbar':'browsers','attr-fs-novalidate':'association-of-controls-and-forms','table-uda':'urls','media-playback':'the-iframe-element','entity-sup1':'named-character-references','entity-subset':'named-character-references','entity-sup3':'named-character-references','entity-sup2':'named-character-references','entity-prnsim':'named-character-references','entity-hardcy':'named-character-references','charset':'semantics','auxiliary-browsing-context':'browsers','dom-media-startoffsettme':'the-iframe-element','entity-NotHumpEqual':'named-character-references','the-before-html-insertion-mode':'tree-construction','entity-supe':'named-character-references','attr-input-type-number-keyword':'the-input-element','attr-hyperlink-type':'links','entity-bowtie':'named-character-references','form-submission-algorithm':'association-of-controls-and-forms','sandboxPluginObject':'the-iframe-element','outline':'sections','entity-supE':'named-character-references','entity-Ucirc-legacy':'named-character-references','attr-iframe-sandbox':'the-iframe-element','wrongdocumenterror':'infrastructure','script-processing-parser-inserted':'scripting-1','entity-circledast':'named-character-references','entity-Supset':'named-character-references','entity-rangle':'named-character-references','entity-capbrcup':'named-character-references','htmlquoteelement':'grouping-content','user-prompts':'timers','dom-video-poster':'the-iframe-element','entity-eDot':'named-character-references','entity-Barv':'named-character-referenes','listing':'obsolete','dom-object-codetype':'obsolete','refsCP50220':'references','sandboxed-scripts-browsing-context-flag':'the-iframe-element','entity-rtri':'named-character-references','entity-Imacr':'named-character-references','category-listed':'forms','entity-blank':'named-character-references','entity-qfr':'named-character-references','entity-Bfr':'named-character-references','embedded-content-2':'rendering','embedded-content-1':'embedded-content-1','embedded-content-0':'content-models','entity-REG':'named-character-references','entity-NotVerticalBar':'named-character-references','the-required-attribute':'common-input-element-attributes','manifests':'offline','entity-propto':'named-character-references','syntax-tag-omission':'syntax','entity-cap':'named-character-references','dom-navigator-appversion':'timers','htmlhtmlelement':'semantics','sectioning-root':'sections','htmllinkelement':'semantics','suffering-from-a-pattern-mismatch':'association-of-controls-and-forms','ix-handler-window-onbeforeunoad':'index','has-a-style-sheet-that-is-blocking-scripts':'semantics','language':'elements','dom-track-kind':'the-iframe-element','entity-quaternions':'named-character-references','valid-list-of-integers':'common-microsyntaxes','entity-lbbrk':'named-character-references','entity-Mcy':'named-character-references','entity-larrhk':'named-character-references','entity-DoubleLongRightArrow':'named-character-references','unknown-images':'embedded-content-1','refsFILESYSTEMAPI':'references','dom-fae-form':'association-of-controls-and-forms','entity-Iota':'named-character-references','building-menus-and-toolbars':'interactive-elements','entity-rArr':'named-character-references','scroll-to-fragid':'history','elements-0':'syntax','elements-1':'index','limited-to-only-non-negative-numbers':'common-dom-interfaces','dom-img-longdesc':'obsolete','refsRFC4395':'references','entity-LessTilde':'named-character-references','dom-select-length':'the-button-element','script-processing-for':'scripting-1','the-q-element':'text-leel-semantics','refsRFC1345':'references','entity-bfr':'named-character-references','entity-sccue':'named-character-references','entity-nvHarr':'named-character-references','entity-yucy':'named-character-references','dom-tdth-bgcolor':'obsolete','entity-Cconint':'named-character-references','the-scrollbar-barprop-object':'browsers','dom-input-pattern':'the-input-element','dom-input-value-default-on':'common-input-element-attributes','htmltablecaptionelement':'tabular-data','entity-rcedil':'named-character-references','script-data-end-tag-name-state':'tokenization','dom-hx-align':'obsolete','use-div-for-wrappers':'sections','entity-NotRightTriangleBar':'named-character-references','dom-a-charset':'obsolete','event-pagehide':'history','dom-area-coords':'the-map-element','entity-tbrk':'named-character-references','general-guidelines':'embedded-content-1','dom-fs-formtarget':'association-of-controls-and-forms','entry-script':'browsers','entity-block':'named-character-references','attr-input-dirname':'common-inpu-element-attributes','attr-input-checked':'the-input-element','dom-fs-target':'association-of-controls-and-forms','entity-ffilig':'named-character-references','entity-backsim':'named-character-references','entity-Mellintrf':'named-character-references','htmldocument':'browsers','entity-intercal':'named-character-references','the-dirname-attribute':'common-input-element-attributes','attr-area-shape-default':'the-map-element','entity-prap':'named-character-references','media-controller-playback-rate':'the-iframe-element','attributes-common-to-form-controls':'association-of-controls-and-forms','image-map':'the-map-element','attr-optgroup-label':'the-button-element','entity-HorizontalLine':'named-character-references','entity-rcy':'named-character-references','entity-pound-legacy':'named-character-references','attr-iframe-sandbox-allow-scripts':'the-iframe-element','execute-the-script-block':'scripting-1','entity-rarrsim':'named-character-references','entity-downdownarrows':'named-character-references','dom-valditystate-rangeunderflow':'association-of-controls-and-forms','defineTimeline':'the-iframe-element','entity-gE':'named-character-references','svg-namespace':'namespaces','entity-ouml-legacy':'named-character-references','misnested-tags:-b-i-b-i':'the-end','entity-PrecedesSlantEqual':'named-character-references','entity-djcy':'named-character-references','attr-link-methods':'obsolete','handler-mediacontroller-ontimeupdate':'the-iframe-element','entity-lozenge':'named-character-references','entity-gg':'named-character-references','entity-ge':'named-character-references','entity-LeftDownVectorBar':'named-character-references','entity-gl':'named-character-references','attr-script-language':'obsolete','entity-gt':'named-character-references','entity-Emacr':'named-character-references','dom-iframe-longdesc':'obsolete','ix-handler-window-ononline':'index','attr-option-selected':'the-button-element','infrastructure':'infrastructure','parsing-main-afterbody':'tree-construction','svg-0':'the-map-element','scripting-1:'scripting-1','entity-kappa':'named-character-references','wai-aria':'content-models','entity-Nfr':'named-character-references','dates':'common-microsyntaxes','entity-kscr':'named-character-references','entity-Superset':'named-character-references','insert-an-element-into-a-document':'infrastructure','entity-capcup':'named-character-references','attr-marquee-direction-down':'obsolete','dom-appcache-abort':'offline','dom-texttrackcue-text':'the-iframe-element','rcdata-less-than-sign-state':'tokenization','entity-varnothing':'named-character-references','htmlbaseelement':'semantics','entity-jukcy':'named-character-references','entity-gbreve':'named-character-references','entity-hearts':'named-character-references','entity-ngE':'named-character-references','text-track-list-of-cues':'the-iframe-element','entity-gesdotol':'named-character-references','dom-navigator-canplaytype':'the-iframe-element','link-type-bookmark':'links','concept-input-required':'common-input-element-attributes','refsTIS620':'references',entity-nge':'named-character-references','time-ranges':'the-iframe-element','attr-area-shape-keyword-default':'the-map-element','entity-ngt':'named-character-references','the-link-element':'semantics','serializing-xhtml-fragments':'the-xhtml-syntax','text-track-cue-display-state':'the-iframe-element','dom-canvas-width':'the-canvas-element','entity-npreceq':'named-character-references','entity-NotSquareSupersetEqual':'named-character-references','entity-xharr':'named-character-references','htmlbodyelement':'sections','entity-CupCap':'named-character-references','entity-Lambda':'named-character-references','assigning-a-media-controller-declaratively':'the-iframe-element','dom-iframe-marginwidth':'obsolete','entity-yacute-legacy':'named-character-references','entity-pertenk':'named-character-references','the-map-element':'the-map-element','dom-document-body':'dom','the-progress-element':'the-button-element','entity-szlig':'named-character-references','entity-Pscr':'named-character-references','entity-succappro':'named-character-references','entity-ogon':'named-character-references','entity-iocy':'named-character-references','dom-table-deletethead':'tabular-data','dom-link-disabled':'semantics','entity-Ascr':'named-character-references','entity-AElig-legacy':'named-character-references','design-notes':'introduction','entity-lrcorner':'named-character-references','entity-odiv':'named-character-references','entity-utdot':'named-character-references','entity-gneq':'named-character-references','dom-click':'editing','dom-videotrack-label':'the-iframe-element','the-thead-element':'tabular-data','event-hashchange':'history','entity-notni':'named-character-references','concept-plugin-secure':'infrastructure','concept-appcache-manifest-fallback':'offline','entity-thorn-legacy':'named-character-references','concept-embed-active':'the-iframe-element','dom-top':'browsers','entity-nsupseteq':'named-character-references','audience':'introduction','parse-a-duration-string':'common-microsyntaxes','entity-supplus':'named-characte-references','dom-applet-alt':'obsolete','entity-nshortmid':'named-character-references','entity-precnapprox':'named-character-references','entity-supsetneq':'named-character-references','entity-precapprox':'named-character-references','run-canceled-activation-steps':'content-models','attr-base-target':'semantics','images':'rendering','requirements-relating-to-bidirectional-algorithm-formatting-characters':'content-models','attributes-common-to-ins-and-del-elements':'edits','entity-lfr':'named-character-references','dom-textarea-cols':'the-button-element','nomodificationallowederror':'infrastructure','the-video-element':'the-iframe-element','dom-media-network_empty':'the-iframe-element','dom-document-all':'obsolete','the-meter-element-0':'rendering','dom-iframe-contentwindow':'the-iframe-element','dom-uda-search':'urls','dom-applet-name':'obsolete','refsRFC4648':'references','yearless-dates':'common-microsyntaxes','edits-and-tables':'edits','title-on-style':'semantics','serializing-a-css-value':'infrastructre','the-script-block-s-fallback-character-encoding':'scripting-1','entity-rhov':'named-character-references','parent-browsing-context':'browsers','references':'references','entity-triangleq':'named-character-references','entity-YUcy':'named-character-references','entity-starf':'named-character-references','htmltablesectionelement':'tabular-data','entity-upsi':'named-character-references','entity-DoubleRightTee':'named-character-references','attr-source-type':'the-iframe-element','styling':'semantics','relevant-application-cache':'offline','entity-langd':'named-character-references','handler-oninput':'webappapis','the-code-element':'text-level-semantics','entity-bumpE':'named-character-references','attr-fs-formnovalidate':'association-of-controls-and-forms','syntax-text':'syntax','using-the-rules-for':'parsing','list-of-scripts-that-will-execute-when-the-document-has-finished-parsing':'scripting-1','attr-command-title':'interactive-elements','domstringmap':'common-dom-interfaces','entity-dharr':'named-charater-references','entity-SHCHcy':'named-character-references','entity-dharl':'named-character-references','dom-event-target':'infrastructure','dom-col-width':'obsolete','file':'infrastructure','entity-MediumSpace':'named-character-references','handler-onloadstart':'webappapis','utf-8':'infrastructure','dialog-arguments':'timers','text-track-cue-end-alignment':'the-iframe-element','an-image-not-intended-for-the-user':'embedded-content-1','durations':'common-microsyntaxes','entity-nldr':'named-character-references','command-facet-action':'commands','entity-aelig':'named-character-references','entity-Larr':'named-character-references','script-data-double-escape-start-state':'tokenization','disowned-its-opener':'browsers','fallback-content':'content-models','dom-fs-encoding':'association-of-controls-and-forms','the-em-element':'text-level-semantics','css-element-reference-identifier':'infrastructure','entity-equals':'named-character-references','dom-media-texttracks':'the-iframe-element','definitions-0':'webappais','definitions-1':'webappapis','browsers':'browsers','dom-canvas-todataurl':'the-canvas-element','entity-Xfr':'named-character-references','dom-tbody-ch':'obsolete','dom-mod-cite':'edits','tree-order':'infrastructure','concept-input-type-file-selected':'number-state','dom-document-embeds':'dom','the-session-history-of-browsing-contexts':'history','entity-midcir':'named-character-references','dom-table-rules':'obsolete','entity-fscr':'named-character-references','entity-amp-legacy':'named-character-references','refsRFC3676':'references','dom-timeranges-length':'the-iframe-element','entity-lsim':'named-character-references','entity-nvrArr':'named-character-references','entity-ycirc':'named-character-references','headings-and-sections':'sections','entity-Sqrt':'named-character-references','plugins':'infrastructure','dom-audio':'the-iframe-element','entity-gtlPar':'named-character-references','ix-handler-onmousewheel':'index','concept-appcache-foreign':'offline','insertion-mode':'parsing','mathml-text-integraion-point':'tree-construction','entity-nequiv':'named-character-references','entity-sqsupseteq':'named-character-references','flow-content-1':'rendering','flow-content-0':'content-models','script-data-double-escaped-dash-dash-state':'tokenization','entity-frasl':'named-character-references','entity-TildeTilde':'named-character-references','entity-reg':'named-character-references','entity-opar':'named-character-references','dom-window-scrollbars':'browsers','entity-midast':'named-character-references','attr-iframe-frameborder':'obsolete','attr-col-charoff':'obsolete','convert-a-list-of-dimensions-to-a-list-of-pixel-values':'rendering','concept-event-type':'infrastructure','dom-texttrack-hidden':'the-iframe-element','attr-a-urn':'obsolete','entity-sim':'named-character-references','entity-infintie':'named-character-references','entity-NotGreaterGreater':'named-character-references','entity-el':'named-character-references','attr-ul-type':'obsolete','entity-ee':'named-character-references','entity-eg':'named-chracter-references','entity-ijlig':'named-character-references','dom-domimplementation-createhtmldocument':'infrastructure','pending-application-cache-download-process-tasks':'offline','attr-col-span':'tabular-data','entity-amacr':'named-character-references','paragraph':'content-models','dom-innerhtml':'infrastructure','dom-html-version':'obsolete','entity-loang':'named-character-references','entity-SquareUnion':'named-character-references','numbers':'common-microsyntaxes','rules-for-parsing-a-legacy-color-value':'common-microsyntaxes','entity-cylcty':'named-character-references','entity-Igrave-legacy':'named-character-references','dom-area-protocol':'the-map-element','enabling-and-disabling-form-controls':'association-of-controls-and-forms','entity-xuplus':'named-character-references','entity-PrecedesTilde':'named-character-references','entity-NotGreaterEqual':'named-character-references','adoptionAgency':'tree-construction','entity-nsim':'named-character-references','dom-history-go':'history','column-grou-header':'tabular-data','dom-accesskeylabel':'editing','dom-option-selected':'the-button-element','notfounderror':'infrastructure','refsXPATH10':'references','entity-nap':'named-character-references','entity-succcurlyeq':'named-character-references','entity-Hacek':'named-character-references','hierarchyrequesterror':'infrastructure','the-lang-and-xml:lang-attributes':'elements','refsARIAIMPL':'references','dom-manipulation-task-source':'webappapis','dom-datatransferitemlist-length':'dnd','after-doctype-public-identifier-state':'tokenization','the-dragevent-interface':'dnd','entity-Nscr':'named-character-references','dom-hr-size':'obsolete','entity-FilledSmallSquare':'named-character-references','entity-zhcy':'named-character-references','entity-dollar':'named-character-references','interactive-content-0':'content-models','dom-time-datetime':'text-level-semantics','entity-Breve':'named-character-references','seeking':'the-iframe-element','concept-appcache-status':'offline','event-media-pause':'the-iframe-eleent','entity-oplus':'named-character-references','entity-OverBar':'named-character-references','entity-micro':'named-character-references','dom-datatransferitem-kind':'dnd','entity-Iscr':'named-character-references','entity-auml':'named-character-references','dom-validitystate-customerror':'association-of-controls-and-forms','entity-nwarhk':'named-character-references','ix-handler-onerror':'index','attr-table-datapagesize':'obsolete','entity-curvearrowleft':'named-character-references','generate-implied-end-tags':'tree-construction','refsRFC2119':'references','entity-ulcorner':'named-character-references','attr-tbody-char':'obsolete','the-personal-bar-barprop-object':'browsers','event-loops':'webappapis','entity-ograve':'named-character-references','entity-ssetmn':'named-character-references','dom-area-rellist':'the-map-element','entity-rHar':'named-character-references','entity-upsih':'named-character-references','attr-embed-align':'obsolete','attr-img-ismap':'embedded-content-1','entity-boxplus':'named-chracter-references','charset1024':'semantics','dom-script-event':'obsolete','dom-iframe-frameborder':'obsolete','entity-timesd':'named-character-references','dom-windowtimers-setinterval':'timers','entity-timesb':'named-character-references','entity-Element':'named-character-references','completely-loaded':'the-end','entity-mapsto':'named-character-references','dom-tr-ch':'obsolete','entity-rightharpoondown':'named-character-references','attr-media-preload-metadata-state':'the-iframe-element','entity-phi':'named-character-references','dom-hidden':'editing','timed-text-tracks':'the-iframe-element','entity-OverBracket':'named-character-references','entity-Jcirc':'named-character-references','parse-state':'parsing','entity-ntriangleright':'named-character-references','the-audio-element':'the-iframe-element','multipart-form-data-encoding-algorithm':'association-of-controls-and-forms','attr-object-border':'obsolete','handler-window-onbeforeprint':'webappapis','read-media':'history','refsBECSS':'references','sandbxWindowOpen':'browsers','dom-img-height':'embedded-content-1','simple-dialogs':'timers','text-content':'content-models','attr-input-step':'common-input-element-attributes','dom-area-pathname':'the-map-element','handler-window-onfocus':'webappapis','ix-handler-onload':'index','the-a-element':'text-level-semantics','refsUNIVCHARDET':'references','interactive':'infrastructure','attr-tr-char':'obsolete','entity-Wedge':'named-character-references','entity-rarrpl':'named-character-references','the-colgroup-element':'tabular-data','entity-coloneq':'named-character-references','cache-failure-steps':'offline','attr-body-alink':'obsolete','dom-select-item':'the-button-element','audiotrack':'the-iframe-element','embedding-custom-non-visible-data-with-the-data-attributes':'elements','dom-media-controls':'the-iframe-element','attr-table-border':'tabular-data','attr-track-kind-keyword-captions':'the-iframe-element','handler-appcache-onchecking':'offline','attr-input-type-week-keyword':'the-input-element','maximum-allowedvalue-length':'association-of-controls-and-forms','entity-larrlp':'named-character-references','refsCHARMOD':'references','attr-dir-rtl-state':'elements','entity-DoubleContourIntegral':'named-character-references','before-doctype-public-identifier-state':'tokenization','datatransfer':'dnd','dom-navigator-useragent':'timers','attr-style-title':'semantics','entity-doublebarwedge':'named-character-references','entity-dtdot':'named-character-references','entity-euml':'named-character-references','concept-input-max':'common-input-element-attributes','entity-gimel':'named-character-references','entity-urcrop':'named-character-references','entity-Icy':'named-character-references','entity-atilde':'named-character-references','list-of-dragged-nodes':'dnd','the-abbr-element':'text-level-semantics','attr-style-scoped':'semantics','the-autocomplete-attribute':'common-input-element-attributes','refsXMLNS':'references','restrictions-for-contents-of-script-elements':'scripting-1','entity-cuwed':'named-character-references,'structure-of-this-specification':'introduction','valid-duration-string':'common-microsyntaxes','dom-window-stop':'browsers','dom-input-max':'the-input-element','dom-applet-codebase':'obsolete','attr-param-valuetype':'obsolete','storage-mutex':'webappapis','entity-subseteqq':'named-character-references','parse-a-date-component':'common-microsyntaxes','other-applicable-specifications':'infrastructure','user-interface':'the-iframe-element','entity-Rfr':'named-character-references','entity-zwj':'named-character-references','media-resource':'the-iframe-element','entity-nsqsupe':'named-character-references','entity-NotExists':'named-character-references','establish-script-block-source':'scripting-1','refsRFC6350':'references','embedded-content':'content-models','interfaces':'index','collections-0':'common-dom-interfaces','dom-input-value-default':'common-input-element-attributes','element-restrictions':'syntax','entity-nearhk':'named-character-references','dom-body-link':'obsolete','entity-radic':'named-charactr-references','entity-gacute':'named-character-references','document.write':'content-models','found-another-audio-track':'the-iframe-element','entity-Fscr':'named-character-references','handler-ondragover':'webappapis','compliance-with-other-specifications':'introduction','dom-texttrack-language':'the-iframe-element','entity-nlsim':'named-character-references','entity-NotSucceedsTilde':'named-character-references','entity-parsim':'named-character-references','entity-lrarr':'named-character-references','entity-OverParenthesis':'named-character-references','dom-media-controller':'the-iframe-element','media-element':'the-iframe-element','downloading-or-updating-an-application-cache':'offline','entity-osol':'named-character-references','entity-Otilde-legacy':'named-character-references','ix-handler-ondurationchange':'index','entity-vBar':'named-character-references','entity-squf':'named-character-references','textarea-effective-width':'rendering','dom-input-list':'common-input-element-attributes','entity-DotDot:'named-character-references','event-popstate':'history','entity-lAtail':'named-character-references','dom-a-hostname':'text-level-semantics','multicol':'obsolete','entity-ofcir':'named-character-references','entity-nhArr':'named-character-references','dom-windowmodal-returnvalue':'timers','entity-sol':'named-character-references','entity-mapstoup':'named-character-references','entity-Equilibrium':'named-character-references','concept-dropzone-match':'dnd','ix-handler-onmouseover':'index','parsing-main-inbody':'tree-construction','concept-http-equivalent-headers':'fetching-resources','entity-fopf':'named-character-references','entity-Qscr':'named-character-references','a-short-phrase-or-label-with-an-alternative-graphical-representation:-icons-logos':'embedded-content-1','dom-link-href':'semantics','pragma-set-default-language':'semantics','entity-ThinSpace':'named-character-references','entity-RightArrowBar':'named-character-references','newlines':'syntax','event-mediacontroller-canplay':'the-iframe-elemen','dom-spellcheck':'editing','entity-NotTildeEqual':'named-character-references','dom-track-none':'the-iframe-element','entity-Hfr':'named-character-references','concept-rel-extensions':'links','drag-data-store-default-feedback':'dnd','limited-quirks-mode':'infrastructure','attr-form-name':'forms','event-offline':'offline','big':'obsolete','entity-incare':'named-character-references','bidirectional-text':'rendering','entity-LJcy':'named-character-references','entity-triangleleft':'named-character-references','parser-inserted':'scripting-1','entity-ncy':'named-character-references','entity-NotSquareSubsetEqual':'named-character-references','dom-media-network_idle':'the-iframe-element','root-element-of-a-document-object':'infrastructure','entity-rightleftharpoons':'named-character-references','entity-gtreqqless':'named-character-references','converted-to-ascii-lowercase':'infrastructure','valid-floating-point-number':'common-microsyntaxes','dom-option-text':'the-button-element','refsECMA357':'references','exaples':'tabular-data','refsWIN874':'references','the-button-element-0':'rendering','refsCSSATTR':'references','attr-input-type-keywords':'the-input-element','dom-marquee-vspace':'obsolete','opening-the-input-stream':'content-models','entity-approxeq':'named-character-references','entity-caps':'named-character-references','dom-media-currentsrc':'the-iframe-element','refsCSSCOLOR':'references','entity-IJlig':'named-character-references','dom-document-write':'content-models','dom-details-open':'interactive-elements','escapingString':'the-end','entity-sqsubseteq':'named-character-references','dom-media-have_metadata':'the-iframe-element','content-type-sniffing-0':'fetching-resources','entity-ntilde-legacy':'named-character-references','entity-rsquo':'named-character-references','valid-browsing-context-name':'browsers','self-closing-start-tag-state':'tokenization','entity-thickapprox':'named-character-references','entity-Ocirc-legacy':'named-character-references','entity-comp':'named-character-references','refsRF1842':'references','entity-hfr':'named-character-references','dom-select-selectedoptions':'the-button-element','text-track-cue-line-position':'the-iframe-element','entity-subsetneqq':'named-character-references','entity-nvinfin':'named-character-references','acknowledgements':'acknowledgements','dom-col-span':'tabular-data','entity-DD':'named-character-references','common-event-behaviors':'common-input-element-attributes','entity-Prime':'named-character-references','transferable-objects':'common-dom-interfaces','entity-xopf':'named-character-references','the-iframe-element':'the-iframe-element','bring-the-media-element-up-to-speed-with-its-new-media-controller':'the-iframe-element','entity-Rang':'named-character-references','external-resource-link':'links','dom-marquee-width':'obsolete','entity-DifferentialD':'named-character-references','attr-ol-type-state-lower-roman':'grouping-content','attr-hyperlink-target':'links','script-data-escaped-end-tag-name-state':'tokenization','entity-topf':'named-character-rferences','dom-track-error':'the-iframe-element','signed-integers':'common-microsyntaxes','refsCSSOM':'references','entity-realpart':'named-character-references','entity-vltri':'named-character-references','linkui':'semantics','entity-cudarrr':'named-character-references','valid-e-mail-address':'states-of-the-type-attribute','entity-cudarrl':'named-character-references','being-rendered':'rendering','refsGBK':'references','entity-UnderBar':'named-character-references','dom-a-port':'text-level-semantics','entity-zopf':'named-character-references','documents-in-the-dom':'dom','ix-handler-onfocus':'index','attr-input-max':'common-input-element-attributes','refsMEDIAFRAG':'references','entity-DiacriticalDot':'named-character-references','script-s-browsing-context':'webappapis','entity-ltdot':'named-character-references','entity-NotLeftTriangleEqual':'named-character-references','entity-RoundImplies':'named-character-references','handler-onmousewheel':'webappapis','event-dragend':'dnd','dom-media-readystate':'theiframe-element','current-media-controller':'the-iframe-element','syntax-references':'common-microsyntaxes','ix-handler-ondragstart':'index','valid-week-string':'common-microsyntaxes','entity-Del':'named-character-references','concept-fetch-loaded':'fetching-resources','entity-nvrtrie':'named-character-references','primary-context':'the-canvas-element','entity-Eogon':'named-character-references','concept-column':'tabular-data','rawtext-end-tag-open-state':'tokenization','entity-lrhar':'named-character-references','texttrack':'the-iframe-element','handler-onmouseup':'webappapis','attr-body-marginbottom':'obsolete','entity-Hopf':'named-character-references','entity-dcaron':'named-character-references','attr-meter-max':'the-button-element','valid-time-string':'common-microsyntaxes','attr-textarea-cols-value':'the-button-element','attr-meta-http-equiv-content-type':'semantics','entity-LeftTriangle':'named-character-references','attr-fs-target':'association-of-controls-and-forms','entity-RightDownVector':'named-caracter-references','entity-blacktriangleleft':'named-character-references','floating-point-numbers':'common-microsyntaxes','entity-Atilde':'named-character-references','htmldivelement':'grouping-content','entity-DownBreve':'named-character-references','entity-DownRightVector':'named-character-references','stopped-due-to-errors':'the-iframe-element','dom-input-align':'obsolete','entity-yen-legacy':'named-character-references','dom-tr-insertcell':'tabular-data','validity-states':'association-of-controls-and-forms','event-mediacontroller-ended':'the-iframe-element','entity-Rho':'named-character-references','selector-rtl':'links','handler-onmousemove':'webappapis','dom-textarea-type':'the-button-element','entity-nvsim':'named-character-references','navigating-auxiliary-browsing-contexts-in-the-dom':'browsers','unit-of-related-similar-origin-browsing-contexts':'browsers','entity-subedot':'named-character-references','entity-lmidot':'named-character-references','entity-Tstrok':'named-character-references','refsCS':'references','entity-VerticalTilde':'named-character-references','creating-and-inserting-elements':'tree-construction','entity-risingdotseq':'named-character-references','htmloptionscollection-0':'common-dom-interfaces','entity-mldr':'named-character-references','entity-egsdot':'named-character-references','entity-cwint':'named-character-references','the-canvas-element':'the-canvas-element','parsing-xhtml-documents':'the-xhtml-syntax','fetch':'fetching-resources','invalidaccesserror':'infrastructure','entity-erDot':'named-character-references','entity-boxHD':'named-character-references','event-appcache-checking':'offline','entity-Dashv':'named-character-references','entity-boxHU':'named-character-references','after-doctype-name-state':'tokenization','parsing-html-fragments':'the-end','dom-texttrackcue-starttime':'the-iframe-element','refsUTR36':'references','specially-focusable':'editing','entity-boxHd':'named-character-references','entity-abreve':'named-character-references','algorithm-for-growing-downwrd-growing-cells':'tabular-data','concept-marquee-off':'obsolete','entity-boxHu':'named-character-references','entity-numero':'named-character-references','entity-rtrie':'named-character-references','dom-media-pause':'the-iframe-element','entity-euro':'named-character-references','entity-rtrif':'named-character-references','after-attribute-name-state':'tokenization','entity-kjcy':'named-character-references','dom-marquee-truespeed':'obsolete','selector-indeterminate':'links','concept-js-deref':'webappapis','entity-sup2-legacy':'named-character-references','entity-ii':'named-character-references','entity-solbar':'named-character-references','frames-and-framesets':'rendering','entity-in':'named-character-references','entity-swnwar':'named-character-references','entity-ic':'named-character-references','attr-tbody-charoff':'obsolete','attr-input-type-hidden-keyword':'the-input-element','documentEncoding':'parsing','dom-track-track':'the-iframe-element','entity-smt':'named-character-references','htmloptionelemen':'the-button-element','the-command-element':'interactive-elements','entity-leftrightsquigarrow':'named-character-references','entity-isin':'named-character-references','the-execution-of-scripts-that-are-moving-across-multiple-documents':'the-end','dom-uda-pathname':'urls','concept-textarea-raw-value':'the-button-element','entity-GreaterEqual':'named-character-references','skip-white_space-characters':'common-microsyntaxes','entity-Gfr':'named-character-references','doctype-name-state':'tokenization','attr-input-type-checkbox-keyword':'the-input-element','entity-Iogon':'named-character-references','dom-history-forward':'history','entity-psi':'named-character-references','entity-fork':'named-character-references','offsets-into-the-media-resource':'the-iframe-element','a-type-that-the-user-agent-knows-it-cannot-render':'the-iframe-element','constraints':'association-of-controls-and-forms','history-notes':'history','attr-input-multiple':'common-input-element-attributes','entity-Fopf':'named-character-reference','entity-Kscr':'named-character-references','dom-htmloptionscollection-setter':'common-dom-interfaces','dom-audio-s':'the-iframe-element','sandboxed-forms-browsing-context-flag':'the-iframe-element','text-track-cue-vertical-growing-right-writing-direction':'the-iframe-element','entity-bumpe':'named-character-references','script-processing-start':'scripting-1','concept-marquee-on':'obsolete','dom-texttrack-removecue':'the-iframe-element','attr-input-accept':'number-state','entity-lharul':'named-character-references','dom-input-defaultvalue':'the-input-element','the-placeholder-attribute':'common-input-element-attributes','dom-table-bgcolor':'obsolete','dom-iframe-sandbox':'the-iframe-element','text-track-cue-snap-to-lines-flag':'the-iframe-element','command-facet-disabledstate':'commands','entity-nsup':'named-character-references','entity-therefore':'named-character-references','attr-details-open':'interactive-elements','the-title-attribute':'elements','entity-nsub':'named-character-references','dom-object-ypemustmatch':'the-iframe-element','entity-numsp':'named-character-references','dom-document-commands':'commands','a-group-of-images-that-form-a-single-larger-picture-with-no-links':'embedded-content-1','concept-input-type-image-coordinate':'number-state','entity-Because':'named-character-references','entity-frac45':'named-character-references','attr-area-alt':'the-map-element','represented-by-the-collection':'infrastructure','obsolete-permitted-doctype':'syntax','entity-awint':'named-character-references','entity-eogon':'named-character-references','entity-Rcaron':'named-character-references','attr-input-size':'common-input-element-attributes','attr-dim-height':'the-map-element','locked-for-reset':'forms','entity-ast':'named-character-references','entity-sext':'named-character-references','entity-erarr':'named-character-references','entity-imath':'named-character-references','the-details-element-0':'rendering','entity-ncup':'named-character-references','entity-supsetneqq':'named-character-references','entiy-quot-legacy':'named-character-references','attr-menu-type':'interactive-elements','entity-frown':'named-character-references','dom-a-media':'text-level-semantics','attr-input-value':'the-input-element','e-mail-state':'states-of-the-type-attribute','dom-command-ro-commandhidden':'commands','list-of-the-descendant-browsing-contexts':'browsers','plaintext':'obsolete','entity-odot':'named-character-references','dom-command-ro-commandtype':'commands','table-aria-strong':'content-models','handler-oncontextmenu':'webappapis','entity-Proportional':'named-character-references','attr-object-vspace':'obsolete','unexpected-markup-in-tables':'the-end','ix-handler-onsuspend':'index','attr-datasrc':'obsolete','attr-meta-charset':'semantics','transparently-follow-the-redirect':'fetching-resources','dom-image-w':'embedded-content-1','ix-handler-onmouseup':'index','dom-texttrackcue-id':'the-iframe-element','scriptForeignEndTag':'tree-construction','entity-nrtri':'named-character-references','attr-tdth-width':'obsolete','reet-the-form-owner':'association-of-controls-and-forms','entity-QUOT':'named-character-references','entity-fpartint':'named-character-references','entity-phiv':'named-character-references','refsJSURL':'references','filelist':'infrastructure','concept-fetch-total':'fetching-resources','entity-gesdoto':'named-character-references','entity-Bopf':'named-character-references','text':'infrastructure','attr-col-align':'obsolete','multipart-x-mixed-replace':'iana','entity-fllig':'named-character-references','entity-uogon':'named-character-references','dom-frame-contentdocument':'obsolete','entity-lbrke':'named-character-references','dom-media-seeking':'the-iframe-element','notsupportederror':'infrastructure','the-html-element-0':'dom','entity-DownTee':'named-character-references','media-controller-duration':'the-iframe-element','entity-sqsup':'named-character-references','entity-DownRightTeeVector':'named-character-references','entity-sqsub':'named-character-references','the-figcaption-element':'grouping-content','dm-datatransfer-addelement':'dnd','recommended-reading':'introduction','entity-uarr':'named-character-references','selector-link':'links','event-click':'infrastructure','password-state':'states-of-the-type-attribute','value-track-kind-commentary':'the-iframe-element','attr-marquee-direction':'obsolete','the-head-element-0':'dom','entity-rarrtl':'named-character-references','attr-video-poster':'the-iframe-element','normal-elements':'syntax','dom-img-hspace':'obsolete','custom-request-headers':'infrastructure','entity-LeftUpDownVector':'named-character-references','entity-nspar':'named-character-references','dom-script-type':'scripting-1','entity-larrpl':'named-character-references','entity-SupersetEqual':'named-character-references','initial-playback-position':'the-iframe-element','plugin':'infrastructure','common-dom-interfaces':'common-dom-interfaces','attr-meta-scheme':'obsolete','attributes':'elements','entity-Epsilon':'named-character-references','ix-handler-onmousedown':'index','comment':'tokenization',entity-jcirc':'named-character-references','dom-div-align':'obsolete','entity-geqslant':'named-character-references','concept-appcache-onlinewhitelist-wildcard':'offline','refsUNDO':'references','browsing-context':'browsers','dom-textarea-textlength':'the-button-element','entity-hyphen':'named-character-references','dom-media-audiotracks':'the-iframe-element','media-element-load-algorithm':'the-iframe-element','dom-audiotrack-label':'the-iframe-element','entity-bne':'named-character-references','dom-textarea-placeholder':'the-button-element','event-media-seeked':'the-iframe-element','entity-cupdot':'named-character-references','entity-ltcir':'named-character-references','dom-param-type':'obsolete','dom-videotracklist-length':'the-iframe-element','concept-input-value-dirty-flag':'the-input-element','entity-rcub':'named-character-references','dom-style-media':'semantics','entity-bigstar':'named-character-references','attr-tr-valign':'obsolete','playing-the-media-resource':'the-iframe-element','defining-term':text-level-semantics','the-link-is-an-alternative-stylesheet':'links','dom-datatransfer-cleardata':'dnd','tokenization':'tokenization','entity-NotEqualTilde':'named-character-references','dom-param-valuetype':'obsolete','attr-object-codetype':'obsolete','noopener':'browsers','dom-optgroup-disabled':'the-button-element','entity-ifr':'named-character-references','the-h2-element':'sections','entity-iff':'named-character-references','htmldlistelement':'grouping-content','entity-fltns':'named-character-references','concept-events-trusted':'infrastructure','entity-bigtriangledown':'named-character-references','center':'obsolete','entity-bprime':'named-character-references','entity-xcup':'named-character-references','dom-window-toolbar':'browsers','ix-handler-ondragenter':'index','concept-frag-parse-context':'the-end','entity-lscr':'named-character-references','global-attributes':'elements','concept-select-size':'the-button-element','nextid':'obsolete','elements-in-the-dom':'elements','dom-media-loop':'the-iframe-lement','attr-area-shape-poly':'the-map-element','dom-option-tv':'the-button-element','doctype-system-identifier-single-quoted-state':'tokenization','dom-document-querycommandsupported':'editing','the-fieldset-element':'forms','entity-Abreve':'named-character-references','entity-minusdu':'named-character-references','attr-xml-lang':'elements','attr-link-target':'obsolete','entity-cupcup':'named-character-references','concept-input-value-date-string':'the-input-element','dom-document-createelement':'infrastructure','dom-form-checkvalidity':'forms','table-layout-techniques':'tabular-data','entity-bigcirc':'named-character-references','sandboxed-origin-browsing-context-flag':'the-iframe-element','attr-button-type-button-state':'the-button-element','dom-htmlselectelement-setter':'the-button-element','entity-ReverseElement':'named-character-references','dom-iframe-contentdocument':'the-iframe-element','attr-command-label':'interactive-elements','playing-media-controller':'the-iframe-element','ix-handler-onkeyup''index','attr-body-link':'obsolete','sample-handler-impl':'timers','handler-onreadystatechange':'webappapis','handler-onkeypress':'webappapis','rules-for-serializing-simple-color-values':'common-microsyntaxes','entity-or':'named-character-references','attr-textarea-wrap':'the-button-element','the-doctype':'syntax','refsHTMLDIFF':'references','create-an-impotent-script':'webappapis','entity-oS':'named-character-references','suffering-from-a-type-mismatch':'association-of-controls-and-forms','event-appcache-error':'offline','application-cache':'offline','entity-LeftUpVectorBar':'named-character-references','refsWIN949':'references','dom-lang':'elements','entity-DownArrowUpArrow':'named-character-references','attr-ul-compact':'obsolete','mime-type':'infrastructure','create-a-drag-data-store':'dnd','sandboxed-plugins-browsing-context-flag':'the-iframe-element','attr-data':'elements','loading-the-media-resource':'the-iframe-element','entity-supnE':'named-character-references','application-xhtml-xml':'iana','entiy-LeftVector':'named-character-references','entity-NotSuperset':'named-character-references','entity-GT-legacy':'named-character-references','interactively-validate-the-constraints':'association-of-controls-and-forms','entity-LongRightArrow':'named-character-references','entity-Ufr':'named-character-references','entity-DScy':'named-character-references','attr-fe-name':'association-of-controls-and-forms','event-drop':'dnd','attr-area-shape-keyword-circ':'the-map-element','entity-solb':'named-character-references','serializability-of-script-execution':'introduction','entity-asympeq':'named-character-references','dom-navigator-unregistercontenthandler':'timers','entity-ccirc':'named-character-references','entity-kcy':'named-character-references','entity-not':'named-character-references','internal-structured-cloning-algorithm':'common-dom-interfaces','entity-Longrightarrow':'named-character-references','entity-nsccue':'named-character-references','dom-object-contentdocument':'the-iframe-element','entity-nltrie''named-character-references','entity-frac23':'named-character-references','entity-frac25':'named-character-references','entity-ggg':'named-character-references','mime-types':'the-iframe-element','entity-rcaron':'named-character-references','entity-Theta':'named-character-references','space-character':'common-microsyntaxes','dom-ol-start':'grouping-content','text-cache-manifest':'iana','htmltablecellelement':'tabular-data','the-samp-element':'text-level-semantics','refsCSSFONTS':'references','entity-CHcy':'named-character-references','comment-end-state':'tokenization','ix-handler-onclick':'index','refsUNICODE':'references','entity-CounterClockwiseContourIntegral':'named-character-references','attr-object-typemustmatch':'the-iframe-element','entity-leftleftarrows':'named-character-references','entity-nexists':'named-character-references','entity-blacktriangledown':'named-character-references','browsing-context-names':'browsers','entity-phone':'named-character-references','concept-appcache-pending-masters':'ofline','attr-meter-high':'the-button-element','refsRFC1554':'references','attr-label-for':'forms','refsXHR':'references','entity-becaus':'named-character-references','row-group-header':'tabular-data','concept-appcache-cache':'offline','obtain-a-physical-form':'rendering','entity-cross':'named-character-references','entity-MinusPlus':'named-character-references','entity-oacute':'named-character-references','ix-handler-onchange':'index','the-end':'the-end','attr-meter-value':'the-button-element','dom-style-disabled':'semantics','attr-media-src':'the-iframe-element','entity-ImaginaryI':'named-character-references','changesToNetworkingModel':'offline','the-s-element':'text-level-semantics','fire-loadedmetadata':'the-iframe-element','entity-tcaron':'named-character-references','attr-iframe-longdesc':'obsolete','fakepath-srsly':'number-state','attr-input-usemap':'obsolete','concept-uda-input':'urls','webvtt-cue-settings':'infrastructure','resetting-a-form':'association-of-controls-and-forms','attr-iframe-vspace':'bsolete','entity-cent-legacy':'named-character-references','the-cite-element':'text-level-semantics','dom-area-port':'the-map-element','entity-UnderBrace':'named-character-references','non-conforming-features':'obsolete','entity-varrho':'named-character-references','handler-state-string':'timers','creator-browsing-context':'browsers','entity-nLt':'named-character-references','entity-thksim':'named-character-references','dom-windowbase64-btoa':'webappapis','cross-origin-request':'infrastructure','dom-feature-strings':'common-dom-interfaces','entity-otimesas':'named-character-references','entity-nLl':'named-character-references','appcache':'offline','encrypted-http-and-related-security-concerns':'fetching-resources','entity-DownLeftRightVector':'named-character-references','original-insertion-mode':'parsing','entity-Uarr':'named-character-references','drag-data-store-elements-list':'dnd','dom-textarea-rows':'the-button-element','transfer-a-transferable-object':'common-dom-interfaces','attr-fs-action':'associaion-of-controls-and-forms','fire-a-simple-event':'webappapis','dom-progress-position':'the-button-element','entity-vartriangleright':'named-character-references','dom-media-volume':'the-iframe-element','dom-timeranges-end':'the-iframe-element','entity-roang':'named-character-references','entity-VeryThinSpace':'named-character-references','mq':'common-microsyntaxes','type-blacklist':'timers','entity-isinsv':'named-character-references','entity-mumap':'named-character-references','entity-searrow':'named-character-references','entity-uhblk':'named-character-references','entity-rdquor':'named-character-references','element-type':'infrastructure','edits-and-paragraphs':'edits','dom-form-elements':'forms','split-a-string-on-spaces':'common-microsyntaxes','update-the-session-history-with-the-new-page':'history','entity-divide':'named-character-references','dom-htmloptionscollection-remove':'common-dom-interfaces','entity-rect':'named-character-references','entity-lesseqgtr':'named-character-references','meta-descrption':'semantics','valid-simple-color':'common-microsyntaxes','dom-frameset-rows':'obsolete','handler-onload':'webappapis','prepare-an-event':'the-iframe-element','entity-bemptyv':'named-character-references','entity-uuml':'named-character-references','reload-override-flag':'dom','style-sheet-ready':'semantics','scripting-0':'infrastructure','writing':'syntax','edits':'edits','relaxing-the-same-origin-restriction':'origin-0','dom-input-required':'the-input-element','entity-DoubleLeftArrow':'named-character-references','entity-Aopf':'named-character-references','the-bdi-element':'text-level-semantics','dom-validitystate-valid':'association-of-controls-and-forms','handler-mediacontroller-onvolumechange':'the-iframe-element','entity-Ntilde':'named-character-references','parse-the-webvtt-settings':'infrastructure','attr-base-href':'semantics','sbu-not-copy':'webappapis','track-url':'the-iframe-element','text-tracks-describing-chapters':'the-iframe-element','the-blockquote-element':'grouping-content','dom-mediahave_enough_data':'the-iframe-element','attr-input-type-email-keyword':'the-input-element','entity-boxDR':'named-character-references','entity-boxDL':'named-character-references','entity-Utilde':'named-character-references','client-identification':'timers','attr-input-type-color-keyword':'the-input-element','dom-media-load':'the-iframe-element','entity-rsaquo':'named-character-references','entity-boxDr':'named-character-references','toolbars':'interactive-elements','entity-boxDl':'named-character-references','entity-lsquo':'named-character-references','entity-lvertneqq':'named-character-references','explicit-eof-character':'parsing','concept-input-step':'common-input-element-attributes','entity-kcedil':'named-character-references','entity-supedot':'named-character-references','mediacontroller':'the-iframe-element','entity-sect':'named-character-references','dom-window-status':'browsers','xpath-1.0-processors':'content-models','entity-CircleDot':'named-character-references','text-track-loaded':'the-iframe-elment','suffering-from-being-too-long':'association-of-controls-and-forms','dom-name':'browsers','entity-NotPrecedesSlantEqual':'named-character-references','entity-Nopf':'named-character-references','rank':'sections','network-states':'the-iframe-element','entity-mu':'named-character-references','the-footer-element':'sections','entity-mp':'named-character-references','dom-document-bgcolor':'obsolete','link-type-help':'links','list-of-scripts-that-will-execute-in-order-as-soon-as-possible':'scripting-1','refsMFREL':'references','have-range-limitations':'common-input-element-attributes','security-3':'history','entity-ltquest':'named-character-references','documenttype':'infrastructure','entity-uscr':'named-character-references','urlmismatcherror':'infrastructure','attr-script-charset':'scripting-1','range-state':'number-state','dom-media-have_nothing':'the-iframe-element','fragment-escaped':'urls','entity-subplus':'named-character-references','dom-document-plugins':'dom','entity-jscr':'named-character-referencs','entity-tscy':'named-character-references','entity-tscr':'named-character-references','scriptTagXML':'the-xhtml-syntax','classes':'elements','the-multiple-attribute':'common-input-element-attributes','dom-mediaerror-code':'the-iframe-element','form-element-pointer':'parsing','concept-form-association':'association-of-controls-and-forms','syntax-ambiguous-ampersand':'syntax','entity-para':'named-character-references','entity-NotCongruent':'named-character-references','datatransferitemlist':'dnd','entity-part':'named-character-references','attr-ol-type-keyword-upper-alpha':'grouping-content','dom-tdth-width':'obsolete','entity-PrecedesEqual':'named-character-references','event-drag':'dnd','refsWIN31J':'references','guidance-for-conformance-checkers':'embedded-content-1','the-title-element':'semantics','entity-swarhk':'named-character-references','entity-mcomma':'named-character-references','entity-tcy':'named-character-references','entity-niv':'named-character-references','entity-nis':'named-character-refeences','script-processing-style-delayed':'scripting-1','the-mark-element':'text-level-semantics','entity-ldquor':'named-character-references','terminology-0':'urls','entity-geq':'named-character-references','entity-ges':'named-character-references','concept-datetime-local':'common-microsyntaxes','pseudo-classes':'links','colors':'common-microsyntaxes','entity-gel':'named-character-references','handler-window-onload':'webappapis','htmloptionscollection':'common-dom-interfaces','entity-nprcue':'named-character-references','dom-media-crossorigin':'the-iframe-element','htmlstyleelement':'semantics','dom-title-text':'semantics','the-sub-and-sup-elements':'text-level-semantics','parsing-main-inselectintable':'tree-construction','attr-dropzone-link':'dnd','ix-handler-onkeypress':'index','dom-option-form':'the-button-element','entity-gescc':'named-character-references','refsFILEAPI':'references','attr-iframe-srcdoc':'the-iframe-element','entity-YAcy':'named-character-references','entity-angrt':'named-character-refeences','the-h4-element':'sections','entity-sqsube':'named-character-references','dom-media-mediagroup':'the-iframe-element','dom-hr-width':'obsolete','entity-Amacr':'named-character-references','attr-tdth-headers':'tabular-data','entity-leftthreetimes':'named-character-references','active-document':'browsers','entity-centerdot':'named-character-references','entity-circeq':'named-character-references','entity-spades':'named-character-references','refsORIGIN':'references','attr-button-type-button':'the-button-element','attr-head-profile':'obsolete','entity-Dstrok':'named-character-references','entity-ldrushar':'named-character-references','attr-tdth-charoff':'obsolete','refsCP51932':'references','entity-bottom':'named-character-references','entity-diamond':'named-character-references','base64-table':'webappapis','mediaerror':'the-iframe-element','concept-section':'sections','cdata-section-state':'tokenization','concept-appcache-explicit':'offline','current-table':'parsing','attr-area-shape-rect':'the-map-elemnt','entity-trianglelefteq':'named-character-references','entity-sqsupset':'named-character-references','syntax-errors':'introduction','parse-a-yearless-date-component':'common-microsyntaxes','entity-SquareSuperset':'named-character-references','attr-keygen-challenge':'the-button-element','category-reset':'forms','attr-th-scope-col':'tabular-data','n':'tabular-data','entity-Nu':'named-character-references','attr-fs-method-get':'association-of-controls-and-forms','bogus-comment-state':'tokenization','list-of-active-timeouts':'timers','entity-Zopf':'named-character-references','document-base-url':'urls','entity-Sup':'named-character-references','dom-area-host':'the-map-element','rules-for-parsing-integers':'common-microsyntaxes','attr-fs-formmethod':'association-of-controls-and-forms','entity-Sum':'named-character-references','entity-Sub':'named-character-references','xml-mime-type':'infrastructure','attr-img-hspace':'obsolete','ix-handler-window-onpopstate':'index','handler-onended':'webappapis','entity-hArr:'named-character-references','using-the-option-element-to-define-a-command':'commands','parse-a-time-zone-offset-string':'common-microsyntaxes','a-link-or-button-containing-nothing-but-the-image':'embedded-content-1','object-type-detection':'the-iframe-element','dialog-arguments-origin':'timers','refsPDF':'references','entity-angmsd':'named-character-references','has-a-border':'rendering','htmlkeygenelement':'the-button-element','text-track-cue-start-alignment':'the-iframe-element','entity-larrtl':'named-character-references','dom-textarea-input-selectiondirection':'association-of-controls-and-forms','concept-yearless-date':'common-microsyntaxes','entity-Xopf':'named-character-references','statically-validate-the-constraints':'association-of-controls-and-forms','entity-succneqq':'named-character-references','dom-script-async':'scripting-1','refsEDITING':'references','entity-mscr':'named-character-references','attr-input-type-time-keyword':'the-input-element','entity-reg-legacy':'named-character-references''entity-Ncedil':'named-character-references','entity-nvle':'named-character-references','entity-efr':'named-character-references','entity-Topf':'named-character-references','entity-nvlt':'named-character-references','category-label':'forms','scriptingLanguages':'scripting-1','concept-timezone':'common-microsyntaxes','entity-exist':'named-character-references','script-data-escaped-end-tag-open-state':'tokenization','foster-parent':'tree-construction','entity-VerticalSeparator':'named-character-references','entity-rangd':'named-character-references','entity-range':'named-character-references','magic-border-selector':'rendering','entity-ThickSpace':'named-character-references','entity-real':'named-character-references','entity-eparsl':'named-character-references','entity-InvisibleTimes':'named-character-references','the-ins-element':'edits','attr-embed-type':'the-iframe-element','insert-an-html-element':'tree-construction','best-representation-of-the-number-as-a-floating-point-number':'common-microsyntaxes','etity-iacute-legacy':'named-character-references','dom-windowtimers-clearinterval':'timers','event-dragenter':'dnd','configuring-a-form-to-communicate-with-a-server':'forms','support-the-scripting-language':'scripting-1','entity-leftrightarrows':'named-character-references','entity-Cup':'named-character-references','dom-iframe-align':'obsolete','attr-tdth-char':'obsolete','acknowledge-self-closing-flag':'tokenization','refsATOM':'references','entity-Sscr':'named-character-references','dom-mediacontroller-seekable':'the-iframe-element','attr-button-type-submit':'the-button-element','concept-document-salvageable':'history','isindex-0':'obsolete','cdata-sections':'syntax','event-media-play':'the-iframe-element','entity-uplus':'named-character-references','attr':'infrastructure','end-tag-open-state':'tokenization','entity-deg-legacy':'named-character-references','rawtext-end-tag-name-state':'tokenization','entity-sqcaps':'named-character-references','refsSVG':'references','entity-infin':'named-character-referencs','entity-DoubleVerticalBar':'named-character-references','concept-spellcheck-default-false':'editing','method-context':'timers','entity-sc':'named-character-references','application-x-www-form-urlencoded-encoding-algorithm':'association-of-controls-and-forms','entity-scaron':'named-character-references','entity-longmapsto':'named-character-references','entity-Uuml':'named-character-references','current-document-readiness':'dom','entity-Uacute':'named-character-references','node':'infrastructure','entity-AMP-legacy':'named-character-references','entity-rscr':'named-character-references','foreign-elements':'syntax','webappapis':'webappapis','entity-swarr':'named-character-references','handler-appcache-onupdateready':'offline','meta-keywords':'semantics','scriptEndTag':'tree-construction','entity-Lopf':'named-character-references','track-label':'the-iframe-element','entity-Yfr':'named-character-references','navigating-nested-browsing-contexts-in-the-dom':'browsers','timeline-offset':'the-iframe-element','slaed-media-elements':'the-iframe-element','entity-digamma':'named-character-references','entity-searhk':'named-character-references','dom-applet-height':'obsolete','entity-Eacute-legacy':'named-character-references','handler-texttrack-oncuechange':'the-iframe-element','syntaxerror':'infrastructure','preferred-style-sheet-set':'infrastructure','entity-iuml':'named-character-references','entity-tau':'named-character-references','dom-table-createtbody':'tabular-data','entity-ddagger':'named-character-references','normalized-timeranges-object':'the-iframe-element','entity-triangleright':'named-character-references','entity-Jsercy':'named-character-references','attr-hyperlink-href':'links','canvas-blob-serialization-task-source':'the-canvas-element','list-of-code-entry-points':'webappapis','obsolete':'obsolete','number-state':'number-state','entity-blacktriangle':'named-character-references','clear-the-stack-back-to-a-table-context':'tree-construction','concept-column-group':'tabular-data','attr-iframe-sandbox-allw-same-origin':'the-iframe-element','entity-SHcy':'named-character-references','entity-RightUpTeeVector':'named-character-references','global-dates-and-times':'common-microsyntaxes','entity-agrave':'named-character-references','entity-rfloor':'named-character-references','entity-boxUr':'named-character-references','entity-setmn':'named-character-references','entity-angmsdah':'named-character-references','entity-forall':'named-character-references','entity-angmsdab':'named-character-references','entity-angmsdac':'named-character-references','resource-metadata-management':'dom','entity-angmsdaa':'named-character-references','entity-angmsdaf':'named-character-references','entity-angmsdag':'named-character-references','entity-angmsdad':'named-character-references','entity-angmsdae':'named-character-references','link-type-license':'links','autoplaying-flag':'the-iframe-element','the-rules-for-choosing-a-browsing-context-given-a-browsing-context-name':'browsers','handler-oncuechange':'webappapis','syntax-tag-name:'syntax','style-default-media':'semantics','an-entry-with-persisted-user-state':'history','entity-vellip':'named-character-references','entity-subE':'named-character-references','entity-gamma':'named-character-references','attr-area-shape-keyword-polygon':'the-map-element','image-maps-0':'rendering','dom-prompt':'timers','report-the-controller-state':'the-iframe-element','entity-sube':'named-character-references','dom-print':'timers','obtain-the-storage-mutex':'webappapis','entity-nvgt':'named-character-references','entity-Cedilla':'named-character-references','entity-lesseqqgtr':'named-character-references','attr-input-readonly':'common-input-element-attributes','character-reference-in-attribute-value-state':'tokenization','webvtt-cue-text-rendering-rules':'infrastructure','dom-a-rev':'obsolete','entity-TripleDot':'named-character-references','dom-a-rel':'text-level-semantics','entity-gcy':'named-character-references','the-datatransferitemlist-interface':'dnd','syntax-attribute-value':'syntax','entity-Rsh:'named-character-references','text-track-not-loaded':'the-iframe-element','entity-omega':'named-character-references','table-model':'tabular-data','entity-lpar':'named-character-references','attr-marquee-direction-left':'obsolete','the-option-element':'the-button-element','internal-algorithm-for-scanning-and-assigning-header-cells':'tabular-data','entity-Leftrightarrow':'named-character-references','attr-a-rev':'obsolete','htmlareaelement':'the-map-element','entity-Zcy':'named-character-references','entity-profsurf':'named-character-references','dialogs-implemented-using-separate-documents':'timers','entity-LT':'named-character-references','parser-appcache':'tree-construction','url-query':'urls','appcacheevents':'offline','scripts-that-modify-the-page-as-it-is-being-parsed':'the-end','htmltableelement':'tabular-data','attr-select-multiple':'the-button-element','htmlmarqueeelement':'obsolete','entity-Ll':'named-character-references','the-span-element':'text-level-semantics','entity-Lt':'named-character-refeences','entity-GreaterLess':'named-character-references','entity-scirc':'named-character-references','entity-lsime':'named-character-references','entity-lsimg':'named-character-references','text-track-cue-pause-on-exit-flag':'the-iframe-element','a-quick-introduction-to-html':'introduction','entity-ntilde':'named-character-references','rcdata-state':'tokenization','ix-handler-onabort':'index','attr-input-autocomplete':'common-input-element-attributes','closing-the-input-stream':'content-models','text-track-cue-order':'the-iframe-element','concept-appcache-master':'offline','conversations':'links','the-h5-element':'sections','entity-HumpEqual':'named-character-references','concept-http-equivalent-codes':'fetching-resources','uievent':'infrastructure','entity-lrm':'named-character-references','entity-wfr':'named-character-references','entity-Integral':'named-character-references','other-metadata-names':'semantics','concept-progress-maximum':'the-button-element','entity-robrk':'named-character-references','entty-UpEquilibrium':'named-character-references','entity-vartriangleleft':'named-character-references','best-practices-for-implementors-of-media-elements':'the-iframe-element','attr-command-radiogroup':'interactive-elements','a-browsing-context-is-discarded':'browsers','entity-oint':'named-character-references','htmlunknownelement':'elements','entity-NotSubsetEqual':'named-character-references','concept-appcache-fallback-ns':'offline','the-size-attribute':'common-input-element-attributes','entity-Downarrow':'named-character-references','entity-bnot':'named-character-references','concept-error-nothandled':'webappapis','entity-sfrown':'named-character-references','attr-hr-width':'obsolete','image-maps':'the-map-element','origin':'origin-0','handler-marquee-onbounce':'obsolete','dom-input-files':'common-input-element-attributes','entity-Uarrocir':'named-character-references','entity-Uring':'named-character-references','entity-race':'named-character-references','determine-the-value-of-a-named-property':'infrastruture','concept-option-index':'the-button-element','entity-dtri':'named-character-references','attr-media-mediagroup':'the-iframe-element','entity-ncongdot':'named-character-references','doctype-legacy-string':'syntax','the-list-of-active-formatting-elements':'parsing','error-codes':'the-iframe-element','dom-option-tvds':'the-button-element','dom-document-applets':'obsolete','entity-zscr':'named-character-references','entity-thetav':'named-character-references','ix-handler-onvolumechange':'index','dom-document-close':'content-models','the-figure-element':'grouping-content','entity-lstrok':'named-character-references','attr-track-kind-chapters':'the-iframe-element','entity-Uparrow':'named-character-references','valid-non-empty-url-potentially-surrounded-by-spaces':'urls','entity-curvearrowright':'named-character-references','dom-object-hspace':'obsolete','handler-onemptied':'webappapis','common-input-element-attributes':'common-input-element-attributes','dom-option-index':'the-button-element','entity-realine''named-character-references','dates-and-times':'common-microsyntaxes','refsRFC5280':'references','using-the-accesskey-attribute-on-a-label-element-to-define-a-command':'commands','entity-LeftDoubleBracket':'named-character-references','attr-link-sizes':'links','refsGRAPHICS':'references','dom-table-deleterow':'tabular-data','dom-object-code':'obsolete','entity-wreath':'named-character-references','dom-form-name':'forms','entity-strns':'named-character-references','attr-th-scope-row':'tabular-data','handler-ondrop':'webappapis','entity-gscr':'named-character-references','list-of-active-formatting-elements':'parsing','common-pitfalls-to-avoid-when-using-the-scripting-apis':'introduction','event-pageshow':'history','dom-mediacontroller-pause':'the-iframe-element','entity-ltrif':'named-character-references','entity-ltrie':'named-character-references','read-html':'history','processinginstruction':'infrastructure','entity-NoBreak':'named-character-references','set-of-scripts-that-will-execute-as-soon-as-possible''scripting-1','entity-Oacute-legacy':'named-character-references','concept-option-selectedness':'the-button-element','misinterpreted-for-compatibility':'parsing','spacer':'obsolete','entity-congdot':'named-character-references','dom-area-hreflang':'the-map-element','entity-Kfr':'named-character-references','custom-validity-error-message':'association-of-controls-and-forms','dom-length':'browsers','entity-Tfr':'named-character-references','the-min-and-max-attributes':'common-input-element-attributes','next-input-character':'parsing','dom-mediacontroller':'the-iframe-element','navigatorcontentutils':'timers','entity-gtcc':'named-character-references','nobr':'obsolete','concept-spellcheck-default':'editing','doctype-system-identifier-double-quoted-state':'tokenization','sce-not-copy':'webappapis','webvtt-cue-text-parsing-rules':'infrastructure','entity-eqslantgtr':'named-character-references','dom-meta-content':'semantics','dom-node-localname':'infrastructure','concept-input-min-default':'common-input-element-ttributes','dom-object-data':'the-iframe-element','entity-cupor':'named-character-references','concept-time':'common-microsyntaxes','entity-Lscr':'named-character-references','the-var-element':'text-level-semantics','entity-plusb':'named-character-references','entity-pluse':'named-character-references','rules-for-parsing-a-list-of-dimensions':'common-microsyntaxes','the-summary-element':'interactive-elements','refsGREGORIAN':'references','the-header-element':'sections','the-dropzone-attribute':'dnd','entity-vnsub':'named-character-references','entity-RightDownTeeVector':'named-character-references','dom-media-videotracks':'the-iframe-element','entity-larrb':'named-character-references','dom-domstringmap-removeitem':'common-dom-interfaces','entity-vnsup':'named-character-references','dom-appcache-updateready':'offline','entity-num':'named-character-references','dom-area-href':'the-map-element','entity-gopf':'named-character-references','concept-appcache-selection':'offline','entity-macr':'named-character-refrences','entity-bigcap':'named-character-references','valid-time-zone-offset-string':'common-microsyntaxes','entity-ensp':'named-character-references','authoring':'the-map-element','dom-output-type':'the-button-element','entity-nltri':'named-character-references','rendered-legend':'rendering','entity-nLtv':'named-character-references','attr-iframe-name':'the-iframe-element','entity-harrw':'named-character-references','dom-datatransferitemlist-clear':'dnd','sandboxLinks':'history','entity-lacute':'named-character-references','dom-fe-autofocus':'association-of-controls-and-forms','dom-document-getelementbyid':'infrastructure','dom-input-accept':'the-input-element','attr-media-loop':'the-iframe-element','dom-fe-name':'association-of-controls-and-forms','entity-verbar':'named-character-references','anonymous-command':'commands','doctype-state':'tokenization','synchronous-section':'webappapis','seamlessLinks':'history','entity-straightphi':'named-character-references','prefix-match':'infrastructure','entity-LesslantEqual':'named-character-references','entity-aopf':'named-character-references','entity-bsemi':'named-character-references','text-track-cue-end-time':'the-iframe-element','entity-Backslash':'named-character-references','concept-input-value-string-number':'the-input-element','some-sample-manifests':'offline','entity-KHcy':'named-character-references','tree-construction':'tree-construction','unclosed-formatting-elements':'the-end','provides-a-paint-source':'infrastructure','the-dt-element':'grouping-content','events':'webappapis','entity-thorn':'named-character-references','the-window-object':'browsers','entity-rmoustache':'named-character-references','attr-textarea-dirname':'the-button-element','concept-input-step-scale':'common-input-element-attributes','dom-link-hreflang':'semantics','palpable-content':'content-models','entity-precneqq':'named-character-references','drag-data-store-item-list':'dnd','entity-circlearrowleft':'named-character-references','html-namespace-0':'namespaces','entity-gap':'named-haracter-references','dom-form-autocomplete':'forms','entity-backcong':'named-character-references','dom-document-readystate':'dom','refsRFC2046':'references','nodelist':'infrastructure','entity-cuepr':'named-character-references','ready-states':'the-iframe-element','current-target-element':'dnd','entity-LeftUpVector':'named-character-references','dom-a-shape':'obsolete','entity-leftarrow':'named-character-references','dom-event-istrusted':'infrastructure','entity-nsubseteqq':'named-character-references','dom-textarea-input-selectionend':'association-of-controls-and-forms','create-a-document-object':'history','entity-shy-legacy':'named-character-references','dom-window-blur':'editing','the-del-element':'edits','refsWEBWORKERS':'references','entity-subsup':'named-character-references','concept-output-defaultvalue':'the-button-element','isindex':'tree-construction','entity-vArr':'named-character-references','entity-Rrightarrow':'named-character-references','concept-task':'webappapis','entity-subsub':'named-chracter-references','entity-Re':'named-character-references','entity-Equal':'named-character-references','return-value':'timers','dom-input-indeterminate':'the-input-element','attr-table-summary':'obsolete','entity-gtreqless':'named-character-references','focusable':'editing','override-url':'history','concept-appcache-manifest-network':'offline','text-track-cue-identifier':'the-iframe-element','entity-SquareIntersection':'named-character-references','entity-DoubleLongLeftRightArrow':'named-character-references','ordered-set-of-unique-space-separated-tokens':'common-microsyntaxes','attr-object-code':'obsolete','concept-appcache-obsolete':'offline','concept-row':'tabular-data','doctype-public-identifier-single-quoted-state':'tokenization','non-interactive':'infrastructure','entity-zfr':'named-character-references','entity-nLeftrightarrow':'named-character-references','dom-trees':'infrastructure','entity-blacksquare':'named-character-references','entity-Lstrok':'named-character-references','cssstyledeclaration''infrastructure','temporary-buffer':'tokenization','attr-link-type':'semantics','between-doctype-public-and-system-identifiers-state':'tokenization','enabling-and-disabling-scripting':'webappapis','clear-the-stack-back-to-a-table-body-context':'tree-construction','dom-texttrackcuelist-getcuebyid':'the-iframe-element','refsJPEG':'references','concept-bc-script':'webappapis','inline-documentation-for-external-scripts':'scripting-1','toolbar-state':'interactive-elements','increment-the-marquee-current-loop-index':'obsolete','attr-crossorigin-anonymous':'fetching-resources','htmlimageelement':'embedded-content-1','attr-option-value':'the-button-element','entity-star':'named-character-references','dom-base-href':'semantics','dom-showmodaldialog':'timers','trackeventinit':'the-iframe-element','entity-Ecy':'named-character-references','handler-mediacontroller-onplaying':'the-iframe-element','the-windowproxy-object':'browsers','popstateevent':'history','entity-between':'named-character-references','attr-iframe-scroling':'obsolete','link-type-noreferrer':'links','entity-eacute':'named-character-references','entity-operp':'named-character-references','entity-nang':'named-character-references','entity-int':'named-character-references','rules-for-parsing-simple-color-values':'common-microsyntaxes','entity-times':'named-character-references','entity-lbrkslu':'named-character-references','script-data-double-escape-end-state':'tokenization','concept-id':'infrastructure','dom-object-usemap':'the-iframe-element','entity-lbrksld':'named-character-references','entity-Bscr':'named-character-references','dom-node-ownerdocument':'infrastructure','attr-track-label':'the-iframe-element','entity-NegativeMediumSpace':'named-character-references','entity-Jcy':'named-character-references','dom-outerhtml':'infrastructure','the-element-pointers':'parsing','attr-body-marginheight':'obsolete','browsing-context-container':'browsers','refsRFC1922':'references','dom-cva-validationmessage':'association-of-controls-and-forms','killing-scripts':'ebappapis','entity-bullet':'named-character-references','entity-horbar':'named-character-references','guidance-for-markup-generators':'embedded-content-1','dom-document-location':'history','entity-oscr':'named-character-references','the-ruby-element':'text-level-semantics','concept-navigate-mature':'history','entity-SuchThat':'named-character-references','entity-toea':'named-character-references','focus':'editing','entity-image':'named-character-references','dom-pagetransitionevent-persisted':'history','entity-ang':'named-character-references','entity-and':'named-character-references','handler-window-onoffline':'webappapis','concept-fs-method':'association-of-controls-and-forms','entity-zdot':'named-character-references','official-playback-position':'the-iframe-element','entity-wr':'named-character-references','entity-Vopf':'named-character-references','entity-wp':'named-character-references','handler-ondurationchange':'webappapis','entity-UnderParenthesis':'named-character-references','dom-iframe-srcdoc':'he-iframe-element','entity-duhar':'named-character-references','entity-gcirc':'named-character-references','concept-fs-target':'association-of-controls-and-forms','media-resource-specific-text-track':'the-iframe-element','entity-emptyset':'named-character-references','dom-a-name':'obsolete','entity-scedil':'named-character-references','webvtt-file-using-cue-text':'infrastructure','entity-supmult':'named-character-references','entity-dbkarow':'named-character-references','entity-lescc':'named-character-references','sandboxPluginEmbed':'the-iframe-element','attr-script-defer':'scripting-1','entity-leqq':'named-character-references','dom-mediacontroller-played':'the-iframe-element','url-encoded-form-data':'association-of-controls-and-forms','attr-ol-compact':'obsolete','entity-lfisht':'named-character-references','attr-tbody-align':'obsolete','entity-Otimes':'named-character-references','entity-Tscr':'named-character-references','entity-varkappa':'named-character-references','concept-option-disabled':'the-buttn-element','entity-ltimes':'named-character-references','entity-curren-legacy':'named-character-references','entity-lessgtr':'named-character-references','the-track-element':'the-iframe-element','entity-NJcy':'named-character-references','entity-lsaquo':'named-character-references','entity-jsercy':'named-character-references','entity-supdot':'named-character-references','suffering-from-a-step-mismatch':'association-of-controls-and-forms','dom-button-type':'the-button-element','the-i-element':'text-level-semantics','the-embed-element':'the-iframe-element','telephone-state':'states-of-the-type-attribute','entity-nearrow':'named-character-references','entity-elsdot':'named-character-references','refsCSSUI':'references','entity-RightTriangleEqual':'named-character-references','dom-keygen-challenge':'the-button-element','handler-appcache-onprogress':'offline','dom-videotracklist-gettrackbyid':'the-iframe-element','entity-nshortparallel':'named-character-references','entity-simeq':'named-character-references','enity-Lleftarrow':'named-character-references','writing-cache-manifests':'offline','sandboxPluginNavigate':'history','abort-a-parser':'the-end','has-an-element-in-button-scope':'parsing','frameset-ok-flag':'parsing','dom-location-pathname':'history','dom-media-network_loading':'the-iframe-element','unicode-code-point':'infrastructure','valid-media-query':'common-microsyntaxes','entity-Lacute':'named-character-references','earliest-possible-position-when-the-script-started':'the-iframe-element','concept-form-reset':'association-of-controls-and-forms','dom-document-anchors':'obsolete','entity-cemptyv':'named-character-references','entity-caron':'named-character-references','entity-nbsp-legacy':'named-character-references','color-spaces-and-color-correction':'the-canvas-element','dom-popstateevent-state':'history','entity-Verbar':'named-character-references','selector-checked':'links','entity-Zacute':'named-character-references','dom-marquee-hspace':'obsolete','entity-NestedLessLess':'named-character-references''dom-media-networkstate':'the-iframe-element','htmlmodelement':'edits','entity-rationals':'named-character-references','pagetransitioneventinit':'history','entity-xwedge':'named-character-references','edits-and-lists':'edits','attr-input-type-date-keyword':'the-input-element','windowproxy':'browsers','handler-onclick':'webappapis','the-nav-element':'sections','entity-ugrave':'named-character-references','entity-Dfr':'named-character-references','selector-optional':'links','dom-media-autoplay':'the-iframe-element','entity-ntgl':'named-character-references','dom-link-rel':'semantics','event-mediacontroller-timeupdate':'the-iframe-element','script-s-url-character-encoding':'webappapis','dom-link-rev':'obsolete','entity-softcy':'named-character-references','handler-onkeyup':'webappapis','attr-body-vlink':'obsolete','editing-hosts':'rendering','dom-form-nameditem':'forms','the-select-element':'the-button-element','dom-input-value':'common-input-element-attributes','entity-Product':'named-character-references','atr-option-name':'obsolete','attr-blockquote-cite':'grouping-content','security-window':'browsers','handler-onsuspend':'webappapis','dom-media-buffered':'the-iframe-element','entity-blk12':'named-character-references','attr-lang':'elements','entity-blk14':'named-character-references','entity-Rightarrow':'named-character-references','entity-simrarr':'named-character-references','other-parsing-state-flags':'parsing','entity-Pr':'named-character-references','security-risks-in-the-drag-and-drop-model':'dnd','entity-apos':'named-character-references','month-state':'states-of-the-type-attribute','entity-Pi':'named-character-references','entity-notinva':'named-character-references','entity-notinvb':'named-character-references','entity-notinvc':'named-character-references','entity-hscr':'named-character-references','using-the-accesskey-attribute-on-a-legend-element-to-define-a-command':'commands','entity-heartsuit':'named-character-references','implementing-the-server-side-processing-for-a-form':'forms','entity-shar':'named-character-references','attr-a-name':'obsolete','entity-dfr':'named-character-references','events-and-the-window-object':'webappapis','script':'scripting-1','entity-prnE':'named-character-references','entity-oelig':'named-character-references','invalidcharactererror':'infrastructure','button-state':'number-state','entity-Subset':'named-character-references','dragevent':'dnd','entity-uuml-legacy':'named-character-references','eventtarget':'infrastructure','a-purely-decorative-image-that-doesn-t-add-any-information':'embedded-content-1','transparent-content-models':'content-models','entity-precnsim':'named-character-references','attribute-value-unquoted-state':'tokenization','dndevents':'dnd','url-host':'urls','before-attribute-name-state':'tokenization','entity-Ccirc':'named-character-references','command-api':'commands','entity-orderof':'named-character-references','entity-ell':'named-character-references','ordinal-value':'grouping-content','warnings-for-obsolete-but-conforming-features':'obsolete',entity-els':'named-character-references','dom-mediacontroller-currenttime':'the-iframe-element','attr-area-shape-keyword-rect':'the-map-element','valid-url-potentially-surrounded-by-spaces':'urls','handler-texttracklist-onaddtrack':'the-iframe-element','dom-datatransfer-dropeffect':'dnd','entity-rfisht':'named-character-references','multipart-form-data-boundary-string':'association-of-controls-and-forms','the-before-head-insertion-mode':'tree-construction','windows':'browsers','command-facet-label':'commands','attributes-for-form-submission':'association-of-controls-and-forms','entity-nsucc':'named-character-references','entity-prnap':'named-character-references','change-the-encoding':'parsing','font':'obsolete','attr-option-disabled':'the-button-element','entity-parallel':'named-character-references','dom-frames':'browsers','entry-update':'history','entity-RightTriangle':'named-character-references','webvtt-cue-text-dom-construction-rules':'infrastructure','entity-puncsp':'named-character-references','entiy-sdotb':'named-character-references','entity-sdote':'named-character-references','entity-conint':'named-character-references','interactive-elements':'interactive-elements','entity-Gamma':'named-character-references','ix-handler-onloadeddata':'index','attr-input-type-tel-keyword':'the-input-element','parsing-main-intabletext':'tree-construction','association-of-controls-and-forms':'association-of-controls-and-forms','generic-rcdata-element-parsing-algorithm':'tree-construction','refsSHIFTJIS':'references','the-label-element':'forms','active-parser':'dom','autofocusing-a-form-control':'association-of-controls-and-forms','entity-oline':'named-character-references','concept-input-checked-dirty-flag':'the-input-element','entity-NotDoubleVerticalBar':'named-character-references','attr-hyperlink-rel':'links','entity-Pfr':'named-character-references','entity-Mscr':'named-character-references','state-object':'history','effectAllowed-initialization':'dnd','attr-input-type-submit-keyword':'the-input-element','entity-arrcir':'named-character-references','script-data-less-than-sign-state':'tokenization','event-media-ended':'the-iframe-element','close-the-cell':'tree-construction','entity-Otilde':'named-character-references','datacloneerror':'infrastructure','dom-navigator':'timers','handler-ondragleave':'webappapis','table-aria-weak':'content-models','entity-vangrt':'named-character-references','ix-handler-window-onbeforeprint':'index','entity-Uscr':'named-character-references','entity-zcaron':'named-character-references','tag-name-state':'tokenization','entity-yfr':'named-character-references','entity-TildeFullEqual':'named-character-references','current-playback-position':'the-iframe-element','dom-media-play':'the-iframe-element','entity-upharpoonright':'named-character-references','attr-object-codebase':'obsolete','dom-uda-port':'urls','entity-rightthreetimes':'named-character-references','syntax-doctype':'syntax','making-entire-documents-editable:-the-designmode-idl-attribute':'editing','entity-lesg':'named-characterreferences','entity-Hcirc':'named-character-references','handler-window-onpagehide':'webappapis','entity-npart':'named-character-references','entity-alefsym':'named-character-references','webvtt-file':'infrastructure','following-hyperlinks-0':'links','attr-table-width':'obsolete','entity-raquo':'named-character-references','concept-meter-actual':'the-button-element','active-range':'editing','dom-option-label':'the-button-element','ancestor-browsing-context':'browsers','concept-meter-minimum':'the-button-element','dom-ul-type':'obsolete','attr-fs-formtarget':'association-of-controls-and-forms','entity-rightarrowtail':'named-character-references','entity-topfork':'named-character-references','attr-iframe-sandbox-allow-top-navigation':'the-iframe-element','entity-RightVectorBar':'named-character-references','entity-Bernoullis':'named-character-references','dom-command-ro-commanddisabled':'commands','attr-dropzone-move':'dnd','dom-location-protocol':'history','text-track-label':'the-iframe-element','compatibiliy-caseless':'infrastructure','entity-dotsquare':'named-character-references','tables':'rendering','entity-simgE':'named-character-references','entity-kopf':'named-character-references','cors-enabled-fetch':'fetching-resources','attr-meter-optimum':'the-button-element','the-ul-element':'grouping-content','entity-ngtr':'named-character-references','event-media-abort':'the-iframe-element','dom-input-type':'the-input-element','the-sup-element':'text-level-semantics','entity-minus':'named-character-references','entity-checkmark':'named-character-references','entity-cire':'named-character-references','entity-circ':'named-character-references','attr-command-icon':'interactive-elements','dom-param-name':'the-iframe-element','concept-appcache-upgrade':'offline','entity-smte':'named-character-references','entity-cirE':'named-character-references','ignore':'infrastructure','entity-iiiint':'named-character-references','attr-source-media':'the-iframe-element','has-an-element-in-table-scope':'parsing','entity-lsquor':'naed-character-references','strictly-split-a-string':'common-microsyntaxes','entity-comma':'named-character-references','entity-RightTee':'named-character-references','entity-acirc':'named-character-references','selector-disabled':'links','maps-to-the-dimension-property':'rendering','entity-ucirc':'named-character-references','entity-nexist':'named-character-references','the-directionality':'elements','the-list-attribute':'common-input-element-attributes','entity-rceil':'named-character-references','dom-location-search':'history','event-dragleave':'dnd','refsPOLYGLOT':'references','queue-a-task':'webappapis','entity-Iuml':'named-character-references','entity-eopf':'named-character-references','entity-intcal':'named-character-references','parsing-main-inhead':'tree-construction','dom-window-personalbar':'browsers','entity-uacute':'named-character-references','ix-handler-oncontextmenu':'index','entity-ShortUpArrow':'named-character-references','dom-marquee-start':'obsolete','concept-link-type-sniffing':'semantis','entity-rightarrow':'named-character-references','sections':'sections','dom-navigator-registerprotocolhandler':'timers','entity-blk34':'named-character-references','dom-textarea-input-select':'association-of-controls-and-forms','naming-form-controls':'association-of-controls-and-forms','entity-zacute':'named-character-references','refsMAILTO':'references','constraint-validation':'association-of-controls-and-forms','reload-override-buffer':'dom','dom-table-cellpadding':'obsolete','entity-vfr':'named-character-references','current-entry-of-the-joint-session-history':'history','entity-DoubleUpArrow':'named-character-references','force-async':'scripting-1','entity-UpTee':'named-character-references','entity-micro-legacy':'named-character-references','attribute-value-single-quoted-state':'tokenization','dom-timeranges-start':'the-iframe-element','refsISO885911':'references','dom-fs-formenctype':'association-of-controls-and-forms','attr-col-char':'obsolete','attr-th-scope-auto':'tabular-data','cors-cross-origi':'fetching-resources','entity-UnionPlus':'named-character-references','attr-colgroup-span':'tabular-data','mediaevents':'the-iframe-element','dom-frameset-cols':'obsolete','plain-text-form-data':'association-of-controls-and-forms','entity-lnsim':'named-character-references','source-default-media':'the-iframe-element','an-introduction-to-error-handling-and-strange-cases-in-the-parser':'the-end','entity-LessFullEqual':'named-character-references','event-media-volumechange':'the-iframe-element','entity-yicy':'named-character-references','submit-body':'association-of-controls-and-forms','dom-table-cellspacing':'obsolete','entity-eng':'named-character-references','handler-ondragstart':'webappapis','dom-map-images':'the-map-element','dom-texttrack-kind-chapters':'the-iframe-element','entity-LeftTee':'named-character-references','dom-mediacontroller-play':'the-iframe-element','dom-object-vspace':'obsolete','syntax-newlines':'syntax','attr-iframe-seamless':'the-iframe-element','entity-supseteqq':'named-character-rferences','multipart-form-data':'association-of-controls-and-forms','htmltableheadercellelement':'tabular-data','entity-LT-legacy':'named-character-references','fakepath-orly':'common-input-element-attributes','other-elements-attributes-and-apis':'obsolete','entity-ecirc-legacy':'named-character-references','handler-onscroll':'webappapis','ix-handler-onloadstart':'index','entity-odash':'named-character-references','entity-bsolhsub':'named-character-references','entity-duarr':'named-character-references','entity-sacute':'named-character-references','dom-font-face':'obsolete','entity-igrave-legacy':'named-character-references','dom-script-text':'scripting-1','insert-a-character':'tree-construction','the-hgroup-element':'sections','events-0':'index','entity-Acy':'named-character-references','entity-OElig':'named-character-references','entity-gtrapprox':'named-character-references','dom-input-step':'the-input-element','entity-npre':'named-character-references','dom-uda-host':'urls','iframe-content-model':'the-irame-element','img-good':'embedded-content-1','entity-ContourIntegral':'named-character-references','entity-ccaron':'named-character-references','a-key-part-of-the-content':'embedded-content-1','refsSCSU':'references','entity-ograve-legacy':'named-character-references','entity-Oslash-legacy':'named-character-references','link-type-next':'links','the-script-block-s-type':'scripting-1','entity-NotLeftTriangle':'named-character-references','entity-Bumpeq':'named-character-references','bindings':'rendering','namespaceerror':'infrastructure','entity-Fcy':'named-character-references','entity-NotSupersetEqual':'named-character-references','dom-texttrackcue-pauseonexit':'the-iframe-element','entity-gsim':'named-character-references','concept-meta-extensions':'semantics','concept-embed-type':'the-iframe-element','hyperlink-suffix':'text-level-semantics','entity-imacr':'named-character-references','read-text':'history','dom-audiotracklist-length':'the-iframe-element','decohints':'rendering','text-that-has-been-renderd-to-a-graphic-for-typographical-effect':'embedded-content-1','dom-mod-datetime':'edits','htmllielement':'grouping-content','the-toolbar-barprop-object':'browsers','editable':'editing','entity-gneqq':'named-character-references','dom-cva-setcustomvalidity':'association-of-controls-and-forms','found-another-video-track':'the-iframe-element','entity-upharpoonleft':'named-character-references','dom-windowtimers-settimeout':'timers','context-menu-state':'interactive-elements','attr-style-media':'semantics','attr-input-type-reset-keyword':'the-input-element','submit-get-action':'association-of-controls-and-forms','parsing-main-inframeset':'tree-construction','attr-textarea-rows':'the-button-element','entity-TRADE':'named-character-references','common-idioms':'links','dom-img-src':'embedded-content-1','event-mediacontroller-play':'the-iframe-element','entity-Zcaron':'named-character-references','entity-SquareSupersetEqual':'named-character-references','entity-ubrcy':'named-character-references','attr-button-type-eset-state':'the-button-element','dom-media-seekable':'the-iframe-element','entity-Zscr':'named-character-references','entity-gvertneqq':'named-character-references','concept-fs-novalidate':'association-of-controls-and-forms','entity-emsp13':'named-character-references','entity-emsp14':'named-character-references','attr-input-type-file-keyword':'the-input-element','the-base-element':'semantics','entity-nsc':'named-character-references','concept-ltr':'elements','entity-nopf':'named-character-references','dom-img-complete':'embedded-content-1','dom-document-querycommandstate':'editing','entity-ShortRightArrow':'named-character-references','entity-Gscr':'named-character-references','linkTypes':'links','cookie-string':'infrastructure','entity-udblac':'named-character-references','entity-rrarr':'named-character-references','processing-model-0':'tabular-data','processing-model-1':'webappapis','processing-model-2':'webappapis','processing-model-3':'editing','refsMATHML':'references','text-track-cue-active-flag':'te-iframe-element','attr-table-cellpadding':'obsolete','entity-excl':'named-character-references','submit-mailto-body':'association-of-controls-and-forms','attr-track-kind-keyword-chapters':'the-iframe-element','unicode-character':'infrastructure','dom-texttrackcue-snaptolines':'the-iframe-element','entity-nsubset':'named-character-references','entity-utilde':'named-character-references','dom-document-defaultview':'browsers','dom-domimplementation-createdocument':'infrastructure','concept-meter-high':'the-button-element','dom-input-size':'the-input-element','footnotes':'links','dom-window-menubar':'browsers','entity-fcy':'named-character-references','entity-setminus':'named-character-references','entity-filig':'named-character-references','suffering-from-an-overflow':'association-of-controls-and-forms','concept-form-reset-control':'association-of-controls-and-forms','entity-clubs':'named-character-references','dom-window':'browsers','sandboxOrigin':'origin-0','entity-yuml-legacy':'named-character-references''attr-fs-enctype-formdata':'association-of-controls-and-forms','dom-node-insertbefore':'infrastructure','calling-scripts':'webappapis','entity-lnap':'named-character-references','url-port':'urls','attr-img-longdesc':'obsolete','enumerated-attribute':'common-microsyntaxes','dom-input-defaultchecked':'the-input-element','the-event-handler-processing-algorithm':'webappapis','dom-contenteditable':'editing','marquee-scroll-distance':'obsolete','space-separated-tokens':'common-microsyntaxes','entity-Leftarrow':'named-character-references','direction-of-playback':'the-iframe-element','dom-col-valign':'obsolete','entity-gtquest':'named-character-references','await-a-stable-state':'webappapis','xml-documents':'infrastructure','the-indicated-part-of-the-document':'history','entity-Gopf':'named-character-references','entity-ForAll':'named-character-references','concept-link-obtain':'semantics','metadata-content':'content-models','dom-iframe-seamless':'the-iframe-element','parse-a-date-string':'common-microsyntaxes','dm-body-background':'obsolete','entity-emacr':'named-character-references','entity-eth-legacy':'named-character-references','entity-bigvee':'named-character-references','entity-order':'named-character-references','entity-nrtrie':'named-character-references','script-data-end-tag-open-state':'tokenization','dom-document-querycommandenabled':'editing','code-unit':'infrastructure','entity-HumpDownHump':'named-character-references','attr-command-type-state-radio':'interactive-elements','entity-Copf':'named-character-references','dom-navigator-appname':'timers','obsolete-permitted-doctype-string':'syntax','entity-gdot':'named-character-references','event-mediacontroller-volumechange':'the-iframe-element','refsCLDR':'references','entity-boxUR':'named-character-references','entity-rpargt':'named-character-references','entity-check':'named-character-references','html-documents':'infrastructure','entity-vrtri':'named-character-references','entity-boxUL':'named-character-references','entity-wcirc':'named-character-refeences','categories':'forms','entity-questeq':'named-character-references','sectioning-content':'content-models','dom-location-port':'history','entity-Ograve':'named-character-references','application-cache-download-process':'offline','entity-boxUl':'named-character-references','entity-nprec':'named-character-references','entity-NotSubset':'named-character-references','entity-Union':'named-character-references','entity-suphsol':'named-character-references','labeled-control':'forms','attr-ol-type-state-upper-alpha':'grouping-content','attr-media-preload-auto-state':'the-iframe-element','dom-document-clear':'obsolete','event-mediacontroller-durationchange':'the-iframe-element','refsEUCKR':'references','entity-NonBreakingSpace':'named-character-references','document-s-character-encoding':'infrastructure','entity-lates':'named-character-references','dom-object-codebase':'obsolete','entity-fnof':'named-character-references','the-main-part-of-the-content':'links','entity-tfr':'named-character-references','entity-vrsubsetneqq':'named-character-references','entity-umacr':'named-character-references','dom-open':'browsers','x-this':'introduction','entity-aring':'named-character-references','entity-emptyv':'named-character-references','concept-month':'common-microsyntaxes','entity-supsup':'named-character-references','entity-rdldhar':'named-character-references','entity-supsub':'named-character-references','entity-Succeeds':'named-character-references','dom-object-name':'the-iframe-element','entity-cupbrcap':'named-character-references','attr-table-bgcolor':'obsolete','the-datatransferitem-interface':'dnd','dom-meter-high':'the-button-element','entity-rarrfs':'named-character-references','commands':'commands','entity-Scy':'named-character-references','valid-normalized-local-date-and-time-string':'common-microsyntaxes','webvtt-file-using-chapter-title-text':'infrastructure','dom-object-align':'obsolete','a-serialization-of-the-image-as-a-file':'the-canvas-element','entity-GreaterGreater':'named-character-references','attrcanvas-width':'the-canvas-element','entity-rmoust':'named-character-references','entity-NotSucceedsSlantEqual':'named-character-references','entity-lneqq':'named-character-references','entity-sstarf':'named-character-references','entity-Sacute':'named-character-references','concept-document-media-type':'infrastructure','resolving-urls':'urls','parsing-main-inhtml':'tree-construction','refsWEBSOCKET':'references','entity-telrec':'named-character-references','entity-nesear':'named-character-references','entity-ReverseUpEquilibrium':'named-character-references','rules-for-parsing-a-list-of-integers':'common-microsyntaxes','entity-Jukcy':'named-character-references','the-applet-element':'obsolete','conforming-html5-documents':'infrastructure','entity-Ccaron':'named-character-references','outline-depth':'sections','entity-cularr':'named-character-references','entity-iinfin':'named-character-references','immediate-user-selection':'dnd','indexsizeerror':'infrastructure','attr-tdth-bgcolor':'obsolete','entity-pitchork':'named-character-references','entity-ofr':'named-character-references','the-tbody-element':'tabular-data','link-type-search':'links','named-access-on-the-window-object':'browsers','dom-output-defaultvalue':'the-button-element','text-track-model':'the-iframe-element','entity-rdquo':'named-character-references','entity-LeftDownVector':'named-character-references','attr-tdth-height':'obsolete','dom-meter-min':'the-button-element','dom-area-nohref':'obsolete','entity-npolint':'named-character-references','event-media-canplaythrough':'the-iframe-element','entity-NestedGreaterGreater':'named-character-references','dom-object-standby':'obsolete','entity-vert':'named-character-references','designMode':'editing','syntax-end-tag':'syntax','entity-Scirc':'named-character-references','entity-leftrightarrow':'named-character-references','the-text-tracks-are-ready':'the-iframe-element','entity-curlyvee':'named-character-references','dom-function-call':'webappapis','entity-pcy':'named-character-references','entity-Ucrc':'named-character-references','how-to-read-this-specification':'introduction','dom-location-reload':'history','entity-LeftVectorBar':'named-character-references','refsUAAG':'references','dom-hr-color':'obsolete','entity-Vvdash':'named-character-references','handler-onblur':'webappapis','the-dir-attribute':'elements','common-microsyntaxes':'common-microsyntaxes','entity-Mopf':'named-character-references','dom-option-t':'the-button-element','entity-top':'named-character-references','entity-homtht':'named-character-references','meta-author':'semantics','entity-Oscr':'named-character-references','entity-NotReverseElement':'named-character-references','acronym':'obsolete','common-input-element-apis':'common-input-element-attributes','entity-sqcap':'named-character-references','browsing-context-scope-origin':'browsers','hidden-elements':'rendering','dom-document-domain':'origin-0','entity-DownArrow':'named-character-references','valid-hash-name-reference':'common-microsyntaxes','entity-Icirc':'named-character-eferences','entity-nbump':'named-character-references','event-input-input':'common-input-element-attributes','event-mediacontroller-waiting':'the-iframe-element','selector-read-write':'links','dom-lfe-labels':'forms','column-header':'tabular-data','time-state':'states-of-the-type-attribute','dom-hashchangeevent-oldurl':'history','document-level-focus-apis':'editing','the-b-element':'text-level-semantics','content-models':'content-models','media-data':'the-iframe-element','dom-document-querycommandindeterm':'editing','algorithm-for-processing-row-groups':'tabular-data','entity-caret':'named-character-references','refsXSLT10':'references','handler-onseeked':'webappapis','entity-Tcy':'named-character-references','entity-loarr':'named-character-references','entity-hcirc':'named-character-references','entity-egrave':'named-character-references','rateUpdate':'the-iframe-element','attr-textarea-maxlength':'the-button-element','concept-rtl':'elements','entity-Oopf':'named-character-references','dom-location-host':'istory','comment-start-state':'tokenization','entity-loz':'named-character-references','entity-rthree':'named-character-references','dom-marquee-height':'obsolete','valid-lowercase-simple-color':'common-microsyntaxes','paused-for-in-band-content':'the-iframe-element','rel-icon':'links','dom-menu-label':'interactive-elements','blocked-media-element':'the-iframe-element','initiate-the-drag-and-drop-operation':'dnd','concept-input-checked-dirty':'the-input-element','entity-circleddash':'named-character-references','grouping-content':'grouping-content','dom-fs-method':'association-of-controls-and-forms','attr-canvas-height':'the-canvas-element','current-entry':'history','text-track-language':'the-iframe-element','entity-Eta':'named-character-references' }; +var fragment_links = { 'ix-handler-ondrag':'section-index','dom-media-defaultmuted':'media-elements','htmlcommandelement':'the-command-element','dom-texttrackcuelist-length':'media-elements','dom-source-media':'the-source-element','focusing-steps':'editing','command-facet-type':'commands','dom-texttrack-label':'media-elements','concept-slots':'attributes-common-to-td-and-th-elements','dom-command-icon':'the-command-element','valid-non-negative-integer':'common-microsyntaxes','ix-handler-window-onafterprint':'section-index','dom-command-ro-commandchecked':'commands','entity-ring':'named-character-references','the-after-head-insertion-mode':'tree-construction','create-a-script':'webappapis','the-br-element':'the-br-element','ix-handler-onreset':'section-index','ix-handler-window-onscroll':'section-index','entity-straightepsilon':'named-character-references','concept-facet':'commands','attr-script-async':'the-script-element','entity-target':'named-character-references','ix-handler-ondblclick':'section-index',entity-Cfr':'named-character-references','entity-THORN-legacy':'named-character-references','script-nesting-level':'parsing','entity-ncedil':'named-character-references','dom-table-deletetfoot':'the-table-element','entity-NotLessLess':'named-character-references','dom-tdth-abbr':'obsolete','the-maxlength-attribute':'common-input-element-attributes','handler-mediacontroller-onloadeddata':'media-elements','entity-DownTeeArrow':'named-character-references','entity-Ecirc-legacy':'named-character-references','attr-button-type':'the-button-element','entity-curarrm':'named-character-references','custom-handlers':'system-state-and-capabilities','the-navigator-object':'system-state-and-capabilities','attr-textarea-wrap-soft':'the-textarea-element','the-h3-element':'the-h1-h2-h3-h4-h5-and-h6-elements','concept-fe-disabled':'attributes-common-to-form-controls','entity-RightUpDownVector':'named-character-references','dom-object-border':'obsolete','effective-media-volume':'media-elements','entity-Oacute':'named-characte-references','dom-texttrack-activecues':'media-elements','htmltitleelement':'the-title-element','entity-nGtv':'named-character-references','concept-spellcheck-default-inherit':'editing-apis','entity-expectation':'named-character-references','prepare-a-script':'the-script-element','entity-lAarr':'named-character-references','dom-tbody-valign':'obsolete','entity-naturals':'named-character-references','dom-videotrack-kind':'media-elements','dom-node-namespaceuri':'infrastructure','dom-dropzone':'dnd','dom-tbody-rows':'the-tbody-element','dom-video-videoheight':'the-video-element','handler-onseeking':'webappapis','entity-mdash':'named-character-references','entity-bernou':'named-character-references','entity-leftharpoonup':'named-character-references','strike':'obsolete','assigned-access-key':'editing','event-handler-event-type':'webappapis','entity-sup1-legacy':'named-character-references','scroll-an-element-into-view':'infrastructure','dom-area-alt':'the-area-element','html-fragment-serialization-algorithm':'he-end','the-menu-bar-barprop-object':'browsers','concept-submit-button':'forms','dom-accesskey':'editing','entity-lesdot':'named-character-references','rules-for-constructing-the-chapter-tree-from-a-text-track':'media-elements','entity-nsime':'named-character-references','dom-image':'the-img-element','rawtext-less-than-sign-state':'tokenization','rawtext-state':'tokenization','ix-handler-onmousemove':'section-index','value-track-kind-description':'media-elements','htmltrackelement':'the-track-element','dom-marquee-scrolldelay':'obsolete','handler-onvolumechange':'webappapis','syntax-comments':'syntax','dom-body-vlink':'obsolete','attr-pre-width':'obsolete','entity-ocirc-legacy':'named-character-references','event-mediacontroller-playing':'media-elements','timers':'timers','the-div-element':'the-div-element','entity-larrsim':'named-character-references','dom-meter-max':'the-meter-element','entity-boxvr':'named-character-references','media-element-event-task-source':'media-elements','entity-boxvl':'named-chaacter-references','entity-boxvh':'named-character-references','entity-boxvR':'named-character-references','attr-input-alt':'number-state','entity-nhpar':'named-character-references','entity-emsp':'named-character-references','writing-a-form-s-user-interface':'forms','entity-semi':'named-character-references','entity-afr':'named-character-references','history-0':'history','history-1':'introduction','entity-boxvL':'named-character-references','entity-pscr':'named-character-references','entity-boxvH':'named-character-references','entity-trie':'named-character-references','entity-uparrow':'named-character-references','attr-textarea-cols':'the-textarea-element','dom-script-defer':'the-script-element','htmldetailselement':'the-details-element','represents':'rendering','entity-imped':'named-character-references','entity-QUOT-legacy':'named-character-references','url-hostport':'urls','entity-lHar':'named-character-references','handler-mediacontroller-oncanplay':'media-elements','fire-a-click-event':'webappapis','do-img-naturalwidth':'the-img-element','dom-texttrack-kind-metadata':'media-elements','entity-supdsub':'named-character-references','concept-form-submit':'form-submission','nearest-activatable-element':'content-models','entity-searr':'named-character-references','rb':'obsolete','standard-metadata-names':'the-meta-element','handler-appcache-onerror':'offline','attr-meta-http-equiv-default-style':'the-meta-element','entity-par':'named-character-references','entity-wedbar':'named-character-references','entity-Lmidot':'named-character-references','attr-ol-type-keyword-decimal':'the-ol-element','texttrackcuelist':'media-elements','renderingUA':'infrastructure','object-plugin':'the-object-element','entity-lmoust':'named-character-references','valid-e-mail-address-list':'states-of-the-type-attribute','r1':'the-table-element','r2':'the-table-element','dom-texttrackcue-endtime':'media-elements','value-track-kind-translation':'media-elements','entity-ENG':'named-character-references','the-drag-data-item-kind':'dnd','enity-bigotimes':'named-character-references','entity-sscr':'named-character-references','entity-NotGreaterSlantEqual':'named-character-references','invalidstateerror':'infrastructure','dom-area-hash':'the-area-element','attr-embed-vspace':'obsolete','entity-Bcy':'named-character-references','link-type-author':'links','concept-textarea-mutable':'the-textarea-element','active-flag-was-set-when-the-script-started':'media-elements','dom-img-vspace':'obsolete','discard-a-document':'browsers','textarea-effective-height':'rendering','html-fragment-parsing-algorithm':'the-end','entity-seArr':'named-character-references','entity-lArr':'named-character-references','entity-rarrbfs':'named-character-references','table-example-1':'examples','dynamic-markup-insertion':'dynamic-markup-insertion','dynamic-nested-browsing-context-properties':'browsers','entity-lobrk':'named-character-references','entity-rightsquigarrow':'named-character-references','top-level-browsing-context':'browsers','simple-color':'common-microsyntaxes''entity-bbrk':'named-character-references','attr-table-cellspacing':'obsolete','entity-colon':'named-character-references','entity-Ugrave':'named-character-references','dom-tdth-valign':'obsolete','entity-Mfr':'named-character-references','dom-ol-reversed':'the-ol-element','dom-meta-name':'the-meta-element','entity-LeftUpTeeVector':'named-character-references','algorithm-for-assigning-header-cells':'attributes-common-to-td-and-th-elements','dom-texttrack-kind-subtitles':'media-elements','dom-table-tbodies':'the-table-element','ix-handler-ondragend':'section-index','entity-Agrave-legacy':'named-character-references','valid-yearless-date-string':'common-microsyntaxes','entity-gesles':'named-character-references','entity-NotElement':'named-character-references','dom-htmloptionscollection-length':'common-dom-interfaces','dom-media-preload':'media-elements','concept-node-clone-ext':'infrastructure','entity-sung':'named-character-references','handler-onplaying':'webappapis','entity-bcy':'named-character-reference','attr-contextmenu':'the-menu-element','entity-thkap':'named-character-references','cookie-free-document-object':'dom','url-path':'urls','domtokenlist':'infrastructure','parsed-as-a-css-color-value':'infrastructure','dom-marquee-behavior':'obsolete','entity-disin':'named-character-references','dom-validitystate-typemismatch':'constraints','preferred-mime-name':'infrastructure','attr-th-scope-colgroup':'the-th-element','entity-tcedil':'named-character-references','entity-Vcy':'named-character-references','entity-ldquo':'named-character-references','entity-map':'named-character-references','selector-invalid':'links','entity-apacir':'named-character-references','dom-datatransfer-files':'dnd','refsDOMCORE':'references','kinds-of-content':'content-models','the-td-element':'the-td-element','entity-ctdot':'named-character-references','the-input-element-as-a-button':'rendering','entity-pointint':'named-character-references','creating-scripts':'webappapis','entity-Gcirc':'named-character-references','marquee-scrollinterval':'obsolete','entity-Eopf':'named-character-references','ix-handler-onwaiting':'section-index','entity-aring-legacy':'named-character-references','entity-boxdL':'named-character-references','hidden-state':'states-of-the-type-attribute','entity-OpenCurlyDoubleQuote':'named-character-references','entity-LeftTriangleBar':'named-character-references','attr-command-type-keyword-checkbox':'the-command-element','dom-domstringmap-nameditem':'common-dom-interfaces','entity-Xi':'named-character-references','proto-url':'system-state-and-capabilities','dom-dl-compact':'obsolete','table-model-error':'attributes-common-to-td-and-th-elements','entity-cacute':'named-character-references','img-error':'the-img-element','ix-handler-onscroll':'section-index','entity-eqvparsl':'named-character-references','media-elements':'media-elements','entity-dHar':'named-character-references','ignore-destructive-writes-counter':'dynamic-markup-insertion','dom-tbody-insertrow':'the-tbody-element','best-practices-for-in-page-editors''editing','after-attribute-value-quoted-state':'tokenization','radio-button-group':'number-state','dom-style-scoped':'the-style-element','htmlheadelement':'the-head-element','sandboxPluginApplet':'obsolete','entity-odblac':'named-character-references','refsRFC2397':'references','unicode-serialization-of-an-origin':'origin-0','entity-Ntilde-legacy':'named-character-references','refsHPAAIG':'references','handler-onpause':'webappapis','refsRFC3629':'references','attribute-value-double-quoted-state':'tokenization','non-scripted':'infrastructure','concept-input-step-default':'common-input-element-attributes','entity-epsiv':'named-character-references','link-type-tag':'links','generic-raw-text-element-parsing-algorithm':'tree-construction','ix-handler-window-onblur':'section-index','attr-ol-type-keyword-upper-roman':'the-ol-element','traverse-the-history':'history','dom-input-alt':'the-input-element','concept-progress-value':'the-progress-element','entity-darr':'named-character-references','entity-NotSucceedsEqua':'named-character-references','entity-sfr':'named-character-references','entity-lesges':'named-character-references','hashchangeevent':'history','htmlbrelement':'the-br-element','entity-xscr':'named-character-references','script-data-escaped-state':'tokenization','attr-fe-maxlength':'attributes-common-to-form-controls','handler-onprogress':'webappapis','entity-lozf':'named-character-references','entity-timesbar':'named-character-references','white_space':'common-microsyntaxes','handler-onchange':'webappapis','about:srcdoc':'urls','entity-rbrkslu':'named-character-references','entity-rbrksld':'named-character-references','attr-tr-charoff':'obsolete','dom-img-name':'obsolete','garbage-collection':'common-dom-interfaces','the-address-element':'the-address-element','entity-Ocy':'named-character-references','dom-uda-hash':'urls','collections':'infrastructure','unordered-set-of-unique-space-separated-tokens':'common-microsyntaxes','refsHTMLALTTECHS':'references','dom-textarea-input-setselectionrange':'textFieldSlection','entity-ntrianglelefteq':'named-character-references','valid-date-string-with-optional-time':'common-microsyntaxes','event-media-loadeddata':'media-elements','dom-table-frame':'obsolete','refsWEBVTT':'references','dom-validitystate-toolong':'constraints','entity-lessapprox':'named-character-references','the-marquee-element-0':'rendering','refsRFC4329':'references','entity-updownarrow':'named-character-references','dom-beforeunloadevent-returnvalue':'history','dom-iframe-name':'the-iframe-element','entity-nsupseteqq':'named-character-references','entity-Auml-legacy':'named-character-references','head-element-pointer':'parsing','entity-plusmn':'named-character-references','manually-releasing-the-storage-mutex':'system-state-and-capabilities','valid-local-date-and-time-string':'common-microsyntaxes','fire-loadeddata':'media-elements','refsATAG':'references','attr-area-shape-keyword-rectangle':'the-area-element','dom-select-selectedindex':'the-select-element','syntax-start-tag':'syntax','tag-clouds':'lnks','entity-isinv':'named-character-references','event-media-seeking':'media-elements','dom-mediacontroller-buffered':'media-elements','dom-select-required':'the-select-element','entity-VerticalLine':'named-character-references','creator-document':'browsers','interactions-with-xpath-and-xslt':'wai-aria','entity-rsqb':'named-character-references','shows-caching-progress':'offline','dom-domstringmap-additem':'common-dom-interfaces','dom-menu-compact':'obsolete','dom-script-htmlfor':'obsolete','entity-multimap':'named-character-references','attr-track-srclang':'the-track-element','dom-track-label':'the-track-element','remove-an-element-from-a-document':'infrastructure','dom-texttrack-showing':'media-elements','the-readonly-attribute':'common-input-element-attributes','htmlscriptelement':'the-script-element','unquoted':'syntax','entity-RightUpVectorBar':'named-character-references','dom-frame-scrolling':'obsolete','entity-boxV':'named-character-references','entity-curlyeqsucc':'named-character-references','entty-bnequiv':'named-character-references','entity-lsqb':'named-character-references','attr-area-nohref':'obsolete','loading-xml-documents':'dom','entity-subne':'named-character-references','dom-videotrack-selected':'media-elements','entity-boxH':'named-character-references','entity-boxv':'named-character-references','dom-fs-novalidate':'attributes-common-to-form-controls','entity-eDDot':'named-character-references','limited-to-numbers-greater-than-zero':'common-dom-interfaces','entity-icirc-legacy':'named-character-references','handling-first-frame-available':'media-elements','attr-crossorigin-none':'urls','entity-subnE':'named-character-references','entity-yscr':'named-character-references','entity-boxh':'named-character-references','concept-bc-noscript':'webappapis','frameset':'obsolete','ix-handler-onended':'section-index','attr-media-preload-auto':'media-elements','adjust-mathml-attributes':'tree-construction','entity-mDDot':'named-character-references','ix-handler-window-onstorage':'section-index','entiy-DiacriticalAcute':'named-character-references','text-track-loading':'media-elements','entity-NotTildeFullEqual':'named-character-references','parsing-xhtml-fragments':'the-xhtml-syntax','attr-select-size':'the-select-element','entity-ltrPar':'named-character-references','dom-input-usemap':'obsolete','text-track-cue-text':'media-elements','the-location-interface':'history','attr-q-cite':'the-q-element','dom-link-media':'the-link-element','willful-violation':'introduction','script-created-parser':'dynamic-markup-insertion','entity-bigcup':'named-character-references','editing-0':'editing','dom-mediaerror-media_err_decode':'media-elements','dom-applet-hspace':'obsolete','data-protocol':'infrastructure','ix-handler-onplaying':'section-index','html-namespace':'infrastructure','entity-ccedil-legacy':'named-character-references','entity-xrArr':'named-character-references','ix-handler-window-onunload':'section-index','attr-caption-align':'obsolete','concept-appcache-onlinewhitelist':'offline','entity-zwnj':'namedcharacter-references','preprocessing-the-input-stream':'parsing','sequential-link-types':'links','dom-dim-width':'dimension-attributes','dom-table-insertrow':'the-table-element','concept-n-noscript':'webappapis','entity-compfn':'named-character-references','reset-the-insertion-mode-appropriately':'parsing','event-handlers-on-elements-document-objects-and-window-objects':'webappapis','float-nan':'infrastructure','beforeunloadevent':'history','authors-using-xhtml':'iana','entity-cedil-legacy':'named-character-references','entity-lcy':'named-character-references','script-data-escape-start-state':'tokenization','event-definitions-0':'history','conformance-checkers':'infrastructure','entity-Cacute':'named-character-references','input-type-attr-summary':'the-input-element','event-media-playing':'media-elements','dom-button-value':'the-button-element','secondary-browsing-contexts':'browsers','attr-tr-bgcolor':'obsolete','end-tags':'syntax','entity-NotTildeTilde':'named-character-references','durationChange':'mediaelements','concept-button':'forms','entity-nsupe':'named-character-references','refsECMA262':'references','entity-mcy':'named-character-references','entity-Tcedil':'named-character-references','entity-not-legacy':'named-character-references','entity-nsupE':'named-character-references','entity-gesl':'named-character-references','entity-cir':'named-character-references','dom-datatransferitemlist-removeitem':'dnd','htmlparagraphelement':'the-p-element','dom-document':'infrastructure','functionstringcallback':'dnd','entity-awconint':'named-character-references','dom-tdth-ch':'obsolete','popstateeventinit':'history','entity-ange':'named-character-references','entity-mlcp':'named-character-references','dom-table-deletecaption':'the-table-element','entity-minusb':'named-character-references','entity-minusd':'named-character-references','text-track-cue-automatic-line-position':'media-elements','scope':'introduction','ix-handler-onstalled':'section-index','entity-nleftrightarrow':'named-character-references','the-df-element':'the-dfn-element','dom-area-type':'the-area-element','before-doctype-name-state':'tokenization','attr-ol-type-keyword-lower-roman':'the-ol-element','attr-tabindex':'editing','dom-object-type':'the-object-element','printing':'user-prompts','domexception':'infrastructure','entity-efDot':'named-character-references','entity-lcaron':'named-character-references','entity-Gdot':'named-character-references','dom-img-alt':'the-img-element','entity-Ycirc':'named-character-references','dom-command-checked':'the-command-element','explicit-self-navigation-override':'browsers','the-param-element':'the-param-element','xhtml':'the-xhtml-syntax','entity-Odblac':'named-character-references','sandboxScriptBlocked':'webappapis','attr-script-src':'the-script-element','dom-tr-bgcolor':'obsolete','entity-swArr':'named-character-references','entity-ljcy':'named-character-references','refsPINGBACK':'references','entity-atilde-legacy':'named-character-references','get-the-timed-task':'timers','concept-input-value-default-rnge':'number-state','entity-varsigma':'named-character-references','entity-rarr':'named-character-references','dom-quote-cite':'the-blockquote-element','entity-NotTilde':'named-character-references','entity-dwangle':'named-character-references','entity-vscr':'named-character-references','attr-iframe-align':'obsolete','command-facet-id':'commands','dom-a-rellist':'the-a-element','attr-body-marginleft':'obsolete','attr-th-scope':'the-th-element','dom-external':'system-state-and-capabilities','event-mediacontroller-loadeddata':'media-elements','text-track-cue-alignment':'media-elements','entity-qscr':'named-character-references','print-media':'rendering','attr-table-align':'obsolete','entity-rarrhk':'named-character-references','attr-hyperlink-usemap':'image-maps','signedpublickeyandchallenge':'the-keygen-element','task-source':'webappapis','dom-ol-compact':'obsolete','entity-rBarr':'named-character-references','selector-read-only':'links','entity-Ograve-legacy':'named-character-references','entity-frac34-legay':'named-character-references','frames':'obsolete','entity-seswar':'named-character-references','canvas':'the-canvas-element','entity-CenterDot':'named-character-references','dom-htmlformcontrolscollection-nameditem':'common-dom-interfaces','entity-Ncaron':'named-character-references','entity-Kopf':'named-character-references','entity-nfr':'named-character-references','entity-sqsubset':'named-character-references','entity-aogon':'named-character-references','scroll-to-the-fragment-identifier':'history','unloading-document-cleanup-steps':'history','entity-LeftDownTeeVector':'named-character-references','entity-blacktriangleright':'named-character-references','text-html':'iana','attr-dir-ltr':'global-attributes','script-processing-encoding':'the-script-element','handler-mediacontroller-onloadedmetadata':'media-elements','refsCSSRUBY':'references','dom-table-border':'the-table-element','the-document-s-current-address':'dom','entity-suplarr':'named-character-references','dom-document-cookie':'dom','entity-beps':'named-character-references','entity-cupcap':'named-character-references','entity-dlcrop':'named-character-references','dom-a-href':'the-a-element','attr-ol-type-state-lower-alpha':'the-ol-element','entity-Aring-legacy':'named-character-references','event-media-emptied':'media-elements','handler-appcache-oncached':'offline','entity-CloseCurlyDoubleQuote':'named-character-references','concept-media-load-algorithm':'media-elements','parsing-main-inforeign':'tree-construction','attr-input-type-radio-keyword':'the-input-element','entity-equiv':'named-character-references','attr-tbody-valign':'obsolete','entity-bull':'named-character-references','entity-Qfr':'named-character-references','entity-Cross':'named-character-references','entity-rdsh':'named-character-references','the-document-s-address':'dom','handler-appcache-onobsolete':'offline','entity-colone':'named-character-references','the-input-element-as-a-file-upload-control':'rendering','attr-form-autocomplete':'the-form-element','entity-bsolb':'named-chaacter-references','controller-playback':'media-elements','dom-param-value':'the-param-element','htmlulistelement':'the-ul-element','entity-DoubleDownArrow':'named-character-references','dom-area-hostname':'the-area-element','entity-veeeq':'named-character-references','entity-boxtimes':'named-character-references','dom-media-ended':'media-elements','entity-lbarr':'named-character-references','the-article-element':'the-article-element','dom-audiotrack-id':'media-elements','entity-coprod':'named-character-references','entity-lowast':'named-character-references','dom-command-ro-commandicon':'commands','entity-lambda':'named-character-references','entity-Iopf':'named-character-references','the-aside-element':'the-aside-element','entity-Yscr':'named-character-references','refsTYPEDARRAY':'references','entity-vsubne':'named-character-references','dom-label-htmlfor':'the-label-element','attr-contenteditable':'editing','xml':'infrastructure','entity-vsubnE':'named-character-references','xmp':'obsolete','dom-classnam':'global-attributes','attr-output-for':'the-output-element','htmllegendelement':'the-legend-element','algorithm-for-processing-rows':'attributes-common-to-td-and-th-elements','entity-edot':'named-character-references','dom-tdth-colspan':'attributes-common-to-td-and-th-elements','dom-document-linkcolor':'obsolete','dom-table-createtfoot':'the-table-element','entity-drcrop':'named-character-references','ended-playback':'media-elements','dom-input-height':'the-input-element','entity-nleftarrow':'named-character-references','entity-bbrktbrk':'named-character-references','entity-rbbrk':'named-character-references','rules-for-updating-the-text-track-rendering':'media-elements','refsDOT':'references','attr-source-src':'the-source-element','entity-daleth':'named-character-references','entity-Vert':'named-character-references','history-autocomplete':'history','foster-parent-element':'tree-construction','entity-bigodot':'named-character-references','an-overridden-reload':'dom','parse-a-global-date-and-time-string':'ommon-microsyntaxes','dom-applet-width':'obsolete','delaying-the-load-event-flag':'media-elements','entity-lap':'named-character-references','entity-lat':'named-character-references','attr-media-preload':'media-elements','entity-qint':'named-character-references','valid-non-empty-url':'urls','entity-IEcy':'named-character-references','the-external-interface':'system-state-and-capabilities','entity-SucceedsTilde':'named-character-references','url-scheme':'urls','the-p-element':'the-p-element','dom-embed-type':'the-embed-element','cdatasection':'infrastructure','dom-ul-compact':'obsolete','entity-marker':'named-character-references','entity-quest':'named-character-references','event-mediacontroller-ratechange':'media-elements','tabular-data':'tabular-data','entity-ldca':'named-character-references','dom-confirm':'user-prompts','entity-PlusMinus':'named-character-references','the-area-element':'the-area-element','entity-Iacute-legacy':'named-character-references','attr-crossorigin-use-credentials-keyword':'url','source-node':'dnd','attr-ol-type-state-upper-roman':'the-ol-element','attr-dir-rtl':'global-attributes','concept-media-load-resource':'media-elements','text-track-cue-writing-direction':'media-elements','dom-map-name':'the-map-element','entity-geqq':'named-character-references','intro-early-example':'introduction','dom-document-open':'dynamic-markup-insertion','boolean-attributes':'common-microsyntaxes','ix-handler-window-onpageshow':'section-index','attr-td-scope':'obsolete','printing-steps':'user-prompts','entity-acute-legacy':'named-character-references','table-descriptions':'the-table-element','entity-Chi':'named-character-references','rules-for-parsing-dimension-values':'common-microsyntaxes','entity-NotCupCap':'named-character-references','editing-apis':'editing-apis','dom-validitystate-rangeoverflow':'constraints','entity-oacute-legacy':'named-character-references','the-object-element':'the-object-element','refsUTF7':'references','opener-browsing-context':'browsers','determining-the-character-encoing':'parsing','entity-xfr':'named-character-references','dom-th-scope':'the-th-element','refsBIDI':'references','refsSRGB':'references','concept-input-immutable':'the-input-element','attr-link-title':'the-link-element','the-marquee-element':'obsolete','refsNPAPI':'references','attr-button-type-submit-state':'the-button-element','entity-hairsp':'named-character-references','dom-location-href':'history','entity-scsim':'named-character-references','publickeyandchallenge':'the-keygen-element','textcontent':'infrastructure','dom-textarea-value':'the-textarea-element','the-location-bar-barprop-object':'browsers','following-hyperlinks':'links','groupings-of-browsing-contexts':'browsers','entity-Rcy':'named-character-references','entity-scpolint':'named-character-references','event-loop':'webappapis','dom-document-nameditem-filter':'dom','dom-a-pathname':'the-a-element','entity-twixt':'named-character-references','color-state':'number-state','entity-theta':'named-character-references','entity-looparrowleft':'namedcharacter-references','entity-bscr':'named-character-references','x-that':'introduction','dom-media-played':'media-elements','entity-RightArrowLeftArrow':'named-character-references','selector-out-of-range':'links','dom-location':'history','entity-gtcir':'named-character-references','entity-egrave-legacy':'named-character-references','date-and-time-state':'states-of-the-type-attribute','entity-Colon':'named-character-references','dom-mediacontroller-duration':'media-elements','entity-longrightarrow':'named-character-references','attr-fs-method-post':'attributes-common-to-form-controls','dom-tdth-align':'obsolete','entity-HARDcy':'named-character-references','rel-alternate':'links','htmlappletelement':'obsolete','dom-navigator-online':'offline','timer-task-source':'timers','content-type':'urls','entity-hbar':'named-character-references','entity-nearr':'named-character-references','entity-Therefore':'named-character-references','dfn-read-only-array':'infrastructure','entity-chcy':'named-character-references',entity-Igrave':'named-character-references','attr-input-type-month-keyword':'the-input-element','entity-lthree':'named-character-references','entity-succnsim':'named-character-references','dom-hr-align':'obsolete','entity-srarr':'named-character-references','valid-month-string':'common-microsyntaxes','entity-middot':'named-character-references','refused-to-allow-the-document-to-be-unloaded':'history','rcdata-end-tag-open-state':'tokenization','entity-NegativeThinSpace':'named-character-references','mathml':'mathml','htmloptgroupelement':'the-optgroup-element','entity-lnapprox':'named-character-references','entity-thetasym':'named-character-references','dom-windowbase64-atob':'webappapis','entity-dd':'named-character-references','entity-notnivb':'named-character-references','entity-notnivc':'named-character-references','entity-notniva':'named-character-references','checkbox-state':'number-state','the-fieldset-element-0':'rendering','entity-shortmid':'named-character-references','presentational-hints':'renderng','the-time-element':'the-time-element','entity-urcorner':'named-character-references','concept-command':'commands','entity-xhArr':'named-character-references','blocked-on-its-media-controller':'media-elements','entity-gtdot':'named-character-references','entity-llcorner':'named-character-references','dom-table-rows':'the-table-element','attr-fs-method-post-keyword':'attributes-common-to-form-controls','concept-http-equiv-extensions':'the-meta-element','bogus-doctype-state':'tokenization','dom-window-nameditem-filter':'browsers','entity-lrtri':'named-character-references','barred-from-constraint-validation':'constraints','event-mediacontcoller-ended':'media-elements','dom-meter-optimum':'the-meter-element','entity-varepsilon':'named-character-references','concept-appcache-newer':'offline','value-track-kind-main':'media-elements','directly-reachable-browsing-contexts':'browsers','tt':'obsolete','the-after-after-body-insertion-mode':'tree-construction','entity-macr-legacy':'named-character-references','entiy-Wcirc':'named-character-references','entity-prcue':'named-character-references','entity-LowerRightArrow':'named-character-references','refsRFC3279':'references','entity-gne':'named-character-references','entity-jmath':'named-character-references','dom-navigator-yieldforstorageupdates':'system-state-and-capabilities','entity-hybull':'named-character-references','dom-history-state':'history','entity-OverBrace':'named-character-references','dom-mediacontroller-volume':'media-elements','entity-nacute':'named-character-references','attr-area-shape-keyword-circle':'the-area-element','entity-trisb':'named-character-references','htmltextareaelement':'the-textarea-element','entity-gnE':'named-character-references','processing-model':'image-maps','navigate-non-Document':'history','entity-otimes':'named-character-references','entity-vartheta':'named-character-references','entity-divonx':'named-character-references','entity-Gbreve':'named-character-references','entity-xlArr':'named-character-references','dom-tr-valig':'obsolete','parsing-main-afterframeset':'tree-construction','security-2':'browsers','security-1':'browsers','security-0':'constraints','entity-Eacute':'named-character-references','entity-phmmat':'named-character-references','refsMQ':'references','entity-lcub':'named-character-references','selector-active':'links','parsing-main-intbody':'tree-construction','entity-Aring':'named-character-references','entity-Lfr':'named-character-references','replaced-elements':'rendering','dom-window-item':'browsers','dom-validitystate-stepmismatch':'constraints','dom-texttrackcue':'media-elements','attr-meter-low':'the-meter-element','refsWEBLINK':'references','handler-appcache-ondownloading':'offline','states-of-the-type-attribute':'states-of-the-type-attribute','ix-handler-onprogress':'section-index','entity-eqcirc':'named-character-references','entity-LeftCeiling':'named-character-references','the-insertion-mode':'parsing','entity-hellip':'named-character-references','entity-smashp':'named-character-references','entit-Aacute-legacy':'named-character-references','implied-strong-reference':'common-dom-interfaces','entity-plussim':'named-character-references','dom-output-value':'the-output-element','dom-a-search':'the-a-element','the-ol-element':'the-ol-element','constructing-form-data-set':'form-submission','attr-tdth-colspan':'attributes-common-to-td-and-th-elements','dom-textarea-input-selectionstart':'textFieldSelection','dom-input-autocomplete':'the-input-element','dom-media-defaultplaybackrate':'media-elements','entity-lgE':'named-character-references','entity-sigma':'named-character-references','text-track-failed-to-load':'media-elements','entity-tosa':'named-character-references','has-an-element-in-select-scope':'parsing','ascii-case-insensitive':'infrastructure','entity-nleq':'named-character-references','entity-ltlarr':'named-character-references','entity-nles':'named-character-references','dom-script-src':'the-script-element','entity-ocir':'named-character-references','entity-nvge':'named-character-references','ntity-dagger':'named-character-references','attr-marquee-direction-right':'obsolete','dom-img-ismap':'the-img-element','after-doctype-system-identifier-state':'tokenization','entity-Upsi':'named-character-references','dom-linkstyle-disabled':'styling','dom-datatransferitemlist-item':'dnd','candidate-for-constraint-validation':'constraints','dom-parent':'browsers','whitelisted-scheme':'system-state-and-capabilities','entity-frac13':'named-character-references','meta-application-name':'the-meta-element','dom-body-text':'obsolete','dom-mediaerror-media_err_network':'media-elements','entity-Implies':'named-character-references','entity-orarr':'named-character-references','refsCORS':'references','dom-head-profile':'obsolete','create-a-script-from-a-node':'webappapis','refsCESU8':'references','entity-swarrow':'named-character-references','dom-table-createthead':'the-table-element','entity-Agrave':'named-character-references','text-track-cue-horizontal-writing-direction':'media-elements','the-script-element':'the-cript-element','entity-sbquo':'named-character-references','entity-UpperRightArrow':'named-character-references','entity-sigmaf':'named-character-references','entity-acute':'named-character-references','dom-media-addtexttrack':'media-elements','attr-area-shape-keyword-poly':'the-area-element','named-character-references-table':'named-character-references','entity-Cayleys':'named-character-references','attr-crossorigin-anonymous-keyword':'urls','entity-sigmav':'named-character-references','attr-input-type-password-keyword':'the-input-element','dom-window-close':'browsers','attr-input-required':'common-input-element-attributes','steps-to-expose-a-media-resource-specific-text-track':'media-elements','offline':'offline','concept-get-attributes-when-sniffing':'parsing','entity-plus':'named-character-references','entity-downharpoonleft':'named-character-references','entity-commat':'named-character-references','matches-the-environment':'common-microsyntaxes','attr-option-label':'the-option-element','entity-uopf':'amed-character-references','rel-up':'links','entity-backprime':'named-character-references','the-after-after-frameset-insertion-mode':'tree-construction','the-button-element':'the-button-element','entity-lowbar':'named-character-references','entity-icy':'named-character-references','attr-object-classid':'obsolete','entity-Aacute':'named-character-references','the-script-block-s-source':'the-script-element','script-data-double-escaped-less-than-sign-state':'tokenization','script-data-escaped-dash-dash-state':'tokenization','entity-prime':'named-character-references','entity-rpar':'named-character-references','entity-uharl':'named-character-references','introduction':'introduction','hashchangeeventinit':'history','list-state':'the-menu-element','dom-base-target':'the-base-element','entity-dfisht':'named-character-references','entity-uharr':'named-character-references','entity-rarrlp':'named-character-references','dom-select-value':'the-select-element','dom-applet-align':'obsolete','attr-meta-name':'the-meta-eement','attr-li-type':'obsolete','dom-img-border':'obsolete','handler-window-onpopstate':'webappapis','concept-cell':'attributes-common-to-td-and-th-elements','arraybuffer':'infrastructure','entity-nabla':'named-character-references','htmloutputelement':'the-output-element','entity-latail':'named-character-references','entity-rfr':'named-character-references','entity-llarr':'named-character-references','dom-navigator-unregisterprotocolhandler':'system-state-and-capabilities','dom-table-width':'obsolete','entity-nharr':'named-character-references','skip-whitespace':'common-microsyntaxes','adjust-svg-attributes':'tree-construction','dom-uda-protocol':'urls','entity-ccedil':'named-character-references','session-history':'history','entity-sup3-legacy':'named-character-references','dom-document-referrer':'dom','xlink-namespace':'namespaces','entity-curlyeqprec':'named-character-references','attr-fs-method':'attributes-common-to-form-controls','entity-shy':'named-character-references','entity-omacr':'named-characer-references','entity-rharul':'named-character-references','content-type-sniffing':'urls','code-point-length':'infrastructure','entity-Cscr':'named-character-references','drag-and-drop-initialization-steps':'dnd','html-vs-xhtml':'introduction','entity-para-legacy':'named-character-references','entity-Phi':'named-character-references','entity-olt':'named-character-references','entity-raemptyv':'named-character-references','attr-a-shape':'obsolete','dom-document-dir':'global-attributes','entity-DJcy':'named-character-references','user-interaction-task-source':'webappapis','entity-Xscr':'named-character-references','attr-br-clear':'obsolete','the-strong-element':'the-strong-element','lists-of-dimensions':'common-microsyntaxes','img-load':'the-img-element','about-blank-origin':'browsers','timeouterror':'infrastructure','entity-piv':'named-character-references','text-node':'infrastructure','locked-for-focus':'editing','dom-document-url':'dom','concept-table':'attributes-common-to-td-and-th-elements','entity-gla:'named-character-references','handler-window-onresize':'webappapis','entity-glj':'named-character-references','entity-angzarr':'named-character-references','the-datalist-element':'the-datalist-element','dom-media-error':'media-elements','entity-glE':'named-character-references','hyperlink':'links','text-track-disabled':'media-elements','refsRFC2781':'references','entity-DoubleLeftRightArrow':'named-character-references','entity-rlarr':'named-character-references','entity-RightUpVector':'named-character-references','dom-link-sizes':'the-link-element','entity-nGg':'named-character-references','entity-triangledown':'named-character-references','attr-html-version':'obsolete','entity-UpTeeArrow':'named-character-references','entity-nGt':'named-character-references','dom-label-control':'the-label-element','platform-array-objects':'infrastructure','entity-Uogon':'named-character-references','entity-Rarrtl':'named-character-references','tag-cloud':'links','attr-th-scope-rowgroup':'the-th-element','dom-image-wh':'te-img-element','entity-Longleftarrow':'named-character-references','blob':'infrastructure','history-traversal-task-source':'webappapis','entity-Gg':'named-character-references','dom-appcache-downloading':'offline','entity-Gt':'named-character-references','htmlprogresselement':'the-progress-element','entity-euml-legacy':'named-character-references','handler-ondragend':'webappapis','dom-fs-formnovalidate':'attributes-common-to-form-controls','entity-GT':'named-character-references','marquee-current-loop-index':'obsolete','event-appcache-progress':'offline','dom-tree-accessors':'dom','attr-table-frame':'obsolete','attr-input-type-datetime-local-keyword':'the-input-element','entity-cedil':'named-character-references','entity-dzcy':'named-character-references','entity-angle':'named-character-references','attr-marquee-behavior':'obsolete','converting-a-character-width-to-pixels':'rendering','entity-Lsh':'named-character-references','entity-leg':'named-character-references','concept-fs-enctype':'attributes-common-o-form-controls','attr-tdth-align':'obsolete','url-decomposition-idl-attributes':'urls','entity-les':'named-character-references','entity-leq':'named-character-references','entity-bigsqcup':'named-character-references','attr-dir-ltr-state':'global-attributes','concept-appcache-fallback':'offline','dom-tbody-choff':'obsolete','event-media-ratechange':'media-elements','attr-area-coords':'the-area-element','dom-datatransferitem-type':'dnd','entity-hopf':'named-character-references','entity-iukcy':'named-character-references','validitystate':'constraints','constructing-the-form-data-set':'form-submission','metadata-content-0':'content-models','location':'history','noembed':'obsolete','entity-mstpos':'named-character-references','dom-navigator-platform':'system-state-and-capabilities','attr-textarea-wrap-hard-state':'the-textarea-element','entity-Auml':'named-character-references','entity-crarr':'named-character-references','attr-fs-formaction':'attributes-common-to-form-controls','entity-equivDD':'named-charactr-references','create-an-element-for-the-token':'tree-construction','run-pre-click-activation-steps':'content-models','dom-external-addsearchprovider':'system-state-and-capabilities','the-caption-element':'the-caption-element','case-sensitive':'infrastructure','facets':'commands','entity-slarr':'named-character-references','entity-DiacriticalGrave':'named-character-references','entity-NotGreaterTilde':'named-character-references','entity-apid':'named-character-references','entity-ocirc':'named-character-references','entity-SOFTcy':'named-character-references','the-title-element-0':'dom','attr-fs-formenctype':'attributes-common-to-form-controls','entity-CirclePlus':'named-character-references','list-of-text-tracks':'media-elements','dom-external-issearchproviderinstalled':'system-state-and-capabilities','attr-track-src':'the-track-element','script-processing-src-prepare':'the-script-element','entity-bsim':'named-character-references','entity-oror':'named-character-references','dom-tr-align':'obsolete','entit-cirmid':'named-character-references','attr-iframe-allowtransparency':'obsolete','entity-ddotseq':'named-character-references','entity-jopf':'named-character-references','dom-sharedworkerglobalscope-applicationcache':'offline','entity-lesdotor':'named-character-references','the-noscript-element':'the-noscript-element','interactive-content':'content-models','dom-tr-rowindex':'the-tr-element','entity-DoubleLongLeftArrow':'named-character-references','refsRFC5322':'references','submit-mailto-headers':'form-submission','refsRFC2313':'references','attr-link-sizes-any':'links','refsRFC2318':'references','a-phrase-or-paragraph-with-an-alternative-graphical-representation:-charts-diagrams-graphs-maps-illustrations':'the-img-element','ix-handler-onpause':'section-index','unfocusing-steps':'editing','quirks-mode-doctypes':'tree-construction','concept-input-mutable':'the-input-element','refsCSSOMVIEW':'references','text-track-cue-computed-line-position':'media-elements','entity-NotSquareSubset':'named-character-refereces','entity-rbrace':'named-character-references','reconstruct-the-active-formatting-elements':'parsing','entity-rbrack':'named-character-references','redirect-steps':'infrastructure','attr-input-align':'obsolete','atob':'webappapis','dom-table-summary':'obsolete','entity-Scedil':'named-character-references','script-processing-prepare':'the-script-element','htmlparamelement':'the-param-element','ix-handler-ontimeupdate':'section-index','dom-datatransfer-items':'dnd','the-th-element':'the-th-element','entity-dopf':'named-character-references','entity-prE':'named-character-references','reset-button-state':'number-state','syntax-elements':'syntax','entity-Ncy':'named-character-references','character-encodings':'infrastructure','entity-tstrok':'named-character-references','entity-SubsetEqual':'named-character-references','entity-xotime':'named-character-references','fragment-case':'the-end','entity-Rarr':'named-character-references','runtime-script-errors-in-documents':'webappapis','entity-lfloor':'named-characer-references','entity-pre':'named-character-references','dom-object-contentwindow':'the-object-element','parsing-urls':'urls','attr-input-list':'common-input-element-attributes','attr-object-archive':'obsolete','elements':'elements','entity-gammad':'named-character-references','text-state-and-search-state':'states-of-the-type-attribute','drageventinit':'dnd','resetBCName':'history','dom-document-scripts':'dom','attr-button-type-reset':'the-button-element','entity-rho':'named-character-references','entity-dlcorn':'named-character-references','extensibility':'infrastructure','entity-ZeroWidthSpace':'named-character-references','entity-csube':'named-character-references','entity-nlE':'named-character-references','parse-a-month-string':'common-microsyntaxes','entity-nlt':'named-character-references','entity-frac34':'named-character-references','attr-hr-color':'obsolete','dom-videotrack-id':'media-elements','entity-tint':'named-character-references','entity-nle':'named-character-references','entity-DoubleLeftTe':'named-character-references','entity-Ccedil':'named-character-references','resources':'infrastructure','entity-ltcc':'named-character-references','aborterror':'infrastructure','event-media-error':'media-elements','determine-the-value-of-an-indexed-property':'infrastructure','the-dd-element':'the-dd-element','entity-primes':'named-character-references','entity-backsimeq':'named-character-references','entity-aacute':'named-character-references','entity-supsim':'named-character-references','dom-link-rellist':'the-link-element','contenteditable':'editing','entity-female':'named-character-references','cue-events':'media-elements','entity-dscy':'named-character-references','entity-fflig':'named-character-references','entity-dscr':'named-character-references','ix-handler-window-onfocus':'section-index','entity-capand':'named-character-references','entity-ape':'named-character-references','entity-UnderBracket':'named-character-references','entity-omicron':'named-character-references','dimension-attributes':'dimenion-attributes','trackevent':'media-elements','entity-nLeftarrow':'named-character-references','video':'the-video-element','attr-img-name':'obsolete','affected-by-a-base-url-change':'infrastructure','index':'section-index','entity-apE':'named-character-references','entity-Vscr':'named-character-references','entity-lparlt':'named-character-references','entity-ratail':'named-character-references','attr-track-kind-descriptions':'the-track-element','input-img-available':'number-state','dom-mediacontroller-paused':'media-elements','entity-frac78':'named-character-references','the-head-element':'the-head-element','dom-texttrack-addcue':'media-elements','entity-origof':'named-character-references','child-browsing-context':'browsers','dom-media-src':'media-elements','entity-rbrke':'named-character-references','entity-succsim':'named-character-references','entity-breve':'named-character-references','dom-link-type':'the-link-element','an-iframe-srcdoc-document':'the-iframe-element','the-step-attribute':'common-input-lement-attributes','concept-duration':'common-microsyntaxes','entity-iiint':'named-character-references','windowmodal':'user-prompts','dom-img-align':'obsolete','entity-bopf':'named-character-references','read-xml':'history','entity-precsim':'named-character-references','browser-state':'offline','foster-parenting':'tree-construction','handler-onshow':'webappapis','attr-media-crossorigin':'media-elements','before-doctype-system-identifier-state':'tokenization','ready-for-post-load-tasks':'the-end','networkerror':'infrastructure','videotracklist':'media-elements','entity-lBarr':'named-character-references','entity-drcorn':'named-character-references','media-resource-end-position':'media-elements','entity-sqcup':'named-character-references','the-style-element':'the-style-element','entity-nparsl':'named-character-references','entity-EmptyVerySmallSquare':'named-character-references','ix-handler-onmouseout':'section-index','entity-lagran':'named-character-references','origin-0':'origin-0','ix-handler-window-onpaehide':'section-index','entity-cong':'named-character-references','dom-appcache-checking':'offline','refsXML':'references','entity-notin':'named-character-references','entity-cuvee':'named-character-references','using-the-command-element-to-define-a-command':'commands','element':'infrastructure','script-processing-src':'the-script-element','entity-DiacriticalDoubleAcute':'named-character-references','attr-iframe-marginwidth':'obsolete','sourcing-in-band-text-tracks':'media-elements','entity-Afr':'named-character-references','entity-barwedge':'named-character-references','entity-nrarrc':'named-character-references','dom-a-type':'the-a-element','entity-gesdot':'named-character-references','attr-track-kind-keyword-metadata':'the-track-element','mouseeventinit':'infrastructure','entity-popf':'named-character-references','ix-handler-oninput':'section-index','entity-RBarr':'named-character-references','entity-LeftRightVector':'named-character-references','submit-mutate-action':'form-submission','scripting-flag':'arsing','dom-command-radiogroup':'the-command-element','entity-uArr':'named-character-references','handler-oncanplay':'webappapis','dropEffect-initialization':'dnd','transparent':'content-models','handler-onplay':'webappapis','event-handler-content-attributes':'webappapis','entity-DZcy':'named-character-references','entity-diams':'named-character-references','entity-IOcy':'named-character-references','the-html-element':'the-html-element','concept-fs-action':'attributes-common-to-form-controls','attr-progress-max':'the-progress-element','entity-vopf':'named-character-references','potentially-playing':'media-elements','dom-img-naturalheight':'the-img-element','runtime-script-errors':'webappapis','entity-RightCeiling':'named-character-references','entity-leftrightharpoons':'named-character-references','entity-iacute':'named-character-references','refsWEBIDL':'references','meta':'the-meta-element','dom-a-hreflang':'the-a-element','refsPNG':'references','entity-ropf':'named-character-references','entity-iexcl':'amed-character-references','the-hidden-attribute':'editing','entity-varpi':'named-character-references','the-col-element':'the-col-element','concept-role-none':'wai-aria','suffering-from-being-missing':'constraints','ix-handler-oncuechange':'section-index','refsHTTP':'references','entity-gtrarr':'named-character-references','usage-summary':'usage-summary','security-forms':'constraints','transferable':'common-dom-interfaces','entity-Edot':'named-character-references','system-state-and-capabilities':'system-state-and-capabilities','htmltabledatacellelement':'the-td-element','the-meta-element':'the-meta-element','read-ua-inline':'history','entity-utri':'named-character-references','entity-olcross':'named-character-references','dom-applicationcache':'offline','cache-host':'offline','entity-SquareSubset':'named-character-references','the-xml:base-attribute-xml-only':'global-attributes','fire-a-synthetic-mouse-event':'webappapis','event-media-loadedmetadata':'media-elements','htmlelement':'elements','the-page':'rndering','entity-nges':'named-character-references','entity-ngeq':'named-character-references','non-replaced-elements':'rendering','entity-xsqcup':'named-character-references','html-integration-point':'tree-construction','has-no-style-sheet-that-is-blocking-scripts':'styling','concept-textarea-dirty':'the-textarea-element','using-the-input-element-to-define-a-command':'commands','dom-select-multiple':'the-select-element','entity-squ':'named-character-references','entity-Ubreve':'named-character-references','dom-frame-frameborder':'obsolete','invalidnodetypeerror':'infrastructure','entity-raquo-legacy':'named-character-references','security-and-privacy-considerations':'media-elements','semantics-0':'elements','entity-Psi':'named-character-references','selectors':'links','security-with-canvas-elements':'the-canvas-element','entity-veebar':'named-character-references','attr-hx-align':'obsolete','attr-marquee-behavior-slide':'obsolete','entity-nvdash':'named-character-references','presentational-markup':'introdction','dom-audiotrack-language':'media-elements','authority-based-url':'urls','dom-tdth-headers':'attributes-common-to-td-and-th-elements','dom-dir':'global-attributes','entity-TSHcy':'named-character-references','dom-datatransferitem-getasfile':'dnd','handler-mediacontroller-onplay':'media-elements','dom-marquee-direction':'obsolete','url-fragment':'urls','entity-triangle':'named-character-references','ix-handler-ondragleave':'section-index','rules-for-parsing-floating-point-number-values':'common-microsyntaxes','javascript-protocol':'webappapis','entity-Dopf':'named-character-references','applicationcache':'offline','rcdata-elements':'syntax','entity-supseteq':'named-character-references','pause':'webappapis','entity-shcy':'named-character-references','entity-kappav':'named-character-references','attr-li-value':'the-li-element','attr-body-bgcolor':'obsolete','refsPSL':'references','entity-Ycy':'named-character-references','entity-lopf':'named-character-references','attr-track-kind':'the-track-element','cient-side-form-validation':'forms','dom-document-activeelement':'editing','entity-Jopf':'named-character-references','entity-nrarrw':'named-character-references','entity-gEl':'named-character-references','dom-textarea-readonly':'the-textarea-element','entity-Icirc-legacy':'named-character-references','frame':'obsolete','seamless-browsing-context-flag':'the-iframe-element','dom-tabindex':'editing','attr-marquee-direction-up':'obsolete','dom-applet-archive':'obsolete','entity-Euml':'named-character-references','script-data-escaped-dash-state':'tokenization','entity-it':'named-character-references','entity-yacy':'named-character-references','img-none':'the-img-element','link-type-prefetch':'links','entity-times-legacy':'named-character-references','web-scheme-prefix':'iana','entity-fallingdotseq':'named-character-references','entity-ni':'named-character-references','entity-ne':'named-character-references','entity-ucirc-legacy':'named-character-references','entity-nu':'named-character-references','dom-node-paretnode':'infrastructure','table-charref-overrides':'tokenization','current-node':'parsing','requirements-for-implementations':'obsolete','entity-olcir':'named-character-references','dom-a-hash':'the-a-element','entity-ordm':'named-character-references','refsBCP47':'references','entity-ordf':'named-character-references','entity-gvnE':'named-character-references','valid-date-string':'common-microsyntaxes','entity-ohm':'named-character-references','pending-table-character-tokens':'tree-construction','additional-allowed-character':'tokenization','entity-ratio':'named-character-references','entity-Dscr':'named-character-references','handler-onsubmit':'webappapis','attr-img-lowsrc':'obsolete','entity-itilde':'named-character-references','entity-ycy':'named-character-references','dom-history-replacestate':'history','seekUpdate':'media-elements','entity-nwarrow':'named-character-references','form-owner':'association-of-controls-and-forms','dom-menu-type':'the-menu-element','dom-appcache-uncached':'offline','entity-tade':'named-character-references','the-menu-element':'the-menu-element','entity-frac56':'named-character-references','attr-input-src':'number-state','entity-varsubsetneq':'named-character-references','entity-frac58':'named-character-references','entity-ShortDownArrow':'named-character-references','the-textarea-element':'the-textarea-element','attr-dim-width':'dimension-attributes','entity-smtes':'named-character-references','toolbars-0':'rendering','parse-a-week-string':'common-microsyntaxes','earliest-possible-position':'media-elements','entity-auml-legacy':'named-character-references','valid-integer':'common-microsyntaxes','event-handlers':'webappapis','event-firing':'webappapis','text-track-readiness-state':'media-elements','entity-leqslant':'named-character-references','text-track-cue-middle-alignment':'media-elements','consume-a-character-reference':'tokenization','dom-texttrackcue-alignment':'media-elements','dom-command-disabled':'the-command-element','entity-DoubleUpDownArrow':'named-character-refernces','attr-progress-value':'the-progress-element','entity-NotPrecedes':'named-character-references','sequential-focus-navigation-and-the-tabindex-attribute':'editing','entity-dtrif':'named-character-references','entity-udhar':'named-character-references','entity-Conint':'named-character-references','entity-brvbar-legacy':'named-character-references','entity-khcy':'named-character-references','entity-ffllig':'named-character-references','dom-texttrack-mode':'media-elements','unit-of-related-browsing-contexts':'browsers','entity-Kappa':'named-character-references','entity-NotGreaterFullEqual':'named-character-references','entity-boxuL':'named-character-references','textFieldSelection':'textFieldSelection','audio':'the-audio-element','entity-Omacr':'named-character-references','htmlcollection':'infrastructure','dom-track-loaded':'the-track-element','dom-link-target':'obsolete','link-type-stylesheet':'links','week-number-of-the-last-day':'common-microsyntaxes','entity-notindot':'named-character-references','enity-Diamond':'named-character-references','raw-text-elements':'syntax','outlines':'headings-and-sections','navigatorstorageutils':'system-state-and-capabilities','entity-doteq':'named-character-references','entity-Congruent':'named-character-references','entity-hookleftarrow':'named-character-references','percentages-and-dimensions':'common-microsyntaxes','dom-select-remove':'the-select-element','attr-a-coords':'obsolete','entity-langle':'named-character-references','entity-ntriangleleft':'named-character-references','media-controller-default-playback-rate':'media-elements','htmlformelement':'the-form-element','htmlanchorelement':'the-a-element','the-datatransfer-interface':'dnd','entity-laquo-legacy':'named-character-references','entity-tridot':'named-character-references','custom-data-attribute':'global-attributes','session-history-entry':'history','event-media-durationchange':'media-elements','dom-style':'global-attributes','ix-handler-window-onmessage':'section-index','entity-iquest':'named-character-reerences','read-multipart-x-mixed-replace':'history','url-state':'states-of-the-type-attribute','entity-Uuml-legacy':'named-character-references','attr-command-type-keyword-command':'the-command-element','entity-Aogon':'named-character-references','command-facet-hint':'commands','dom-datatransfer-setdata':'dnd','entity-curren':'named-character-references','text-track-showing-by-default':'media-elements','dom-navigator-isprotocolhandlerregistered':'system-state-and-capabilities','entity-NegativeVeryThinSpace':'named-character-references','ix-handler-oninvalid':'section-index','vaguer-moments-in-time':'common-microsyntaxes','the-css-user-agent-style-sheet-and-presentational-hints':'rendering','ix-handler-onkeydown':'section-index','handler-window-onbeforeunload':'webappapis','entity-ngsim':'named-character-references','dom-select-add':'the-select-element','potentially-cors-enabled-fetch':'urls','entity-capcap':'named-character-references','function':'webappapis','entity-RuleDelayed':'named-character-references,'handler-ondragenter':'webappapis','attr-form-accept':'obsolete','dom-texttrack-kind-descriptions':'media-elements','fully-active':'browsers','htmlolistelement':'the-ol-element','entity-RightTeeVector':'named-character-references','entity-shortparallel':'named-character-references','entity-escr':'named-character-references','entity-rnmid':'named-character-references','dom-media-duration':'media-elements','tokenizing-character-references':'tokenization','dom-trackevent-track':'media-elements','getting-media-metadata':'media-elements','dom-table-align':'obsolete','refsRFC1034':'references','track-language':'the-track-element','entity-simplus':'named-character-references','dom-input-maxlength':'the-input-element','text-track-cue-vertical-growing-left-writing-direction':'media-elements','url-manipulation-and-creation':'urls','entity-Ifr':'named-character-references','handler-window-onscroll':'webappapis','dom-progress-value':'the-progress-element','base-dnd-feedback':'dnd','event-appcache-downloading':'offline,'has-an-element-in-scope':'parsing','entity-Lcedil':'named-character-references','entity-uuarr':'named-character-references','entity-Uacute-legacy':'named-character-references','dom-location-replace':'history','structured-clone':'common-dom-interfaces','attr-input-autocomplete-default-state':'common-input-element-attributes','dom-focus':'editing','entity-bot':'named-character-references','entity-gtrsim':'named-character-references','attr-marquee-behavior-alternate':'obsolete','submit-button-state':'number-state','entity-vdash':'named-character-references','entity-nvap':'named-character-references','dom-document-0':'browsers','entity-UpArrowBar':'named-character-references','dom-opener':'browsers','entity-brvbar':'named-character-references','update-the-image-data':'the-img-element','conformance-requirements-for-authors':'introduction','attr-input-vspace':'obsolete','the-root-element':'semantics','concept-http-equivalent':'urls','about:blank':'urls','webvtt':'infrastructure','attr-p-align':'obsolete','navigting-across-documents':'history','dom-body-bgcolor':'obsolete','htmlmenuelement':'the-menu-element','entity-NotPrecedesEqual':'named-character-references','critical-subresources':'infrastructure','sandboxed-top-level-navigation-browsing-context-flag':'the-iframe-element','math':'mathml','refsIANAPERMHEADERS':'references','ix-handler-ondrop':'section-index','handler-marquee-onfinish':'obsolete','entity-gtrdot':'named-character-references','dom-tr-deletecell':'the-tr-element','alternate-style-sheets':'styling','entity-amalg':'named-character-references','entity-notinE':'named-character-references','dom-table-thead':'the-table-element','entity-pound':'named-character-references','entity-Ocirc':'named-character-references','alt':'the-img-element','attr-area-shape-circle':'the-area-element','entity-nwArr':'named-character-references','entity-Updownarrow':'named-character-references','htmldirectoryelement':'obsolete','attr-hr-align':'obsolete','entity-nedot':'named-character-references','concept-node-clone':'infrstructure','dom-select-options':'the-select-element','dom-img-crossorigin':'the-img-element','root-element':'infrastructure','domstringlist':'infrastructure','spelling-and-grammar-checking':'editing-apis','the-wbr-element':'the-wbr-element','entity-ncong':'named-character-references','entity-lharu':'named-character-references','entity-imagpart':'named-character-references','entity-rlm':'named-character-references','entity-RightAngleBracket':'named-character-references','videotrack':'media-elements','entity-lhard':'named-character-references','text-track-api':'media-elements','push-onto-the-list-of-active-formatting-elements':'parsing','character-references':'syntax','entity-napprox':'named-character-references','entity-Acirc-legacy':'named-character-references','entity-Tcaron':'named-character-references','concept-appcache-manifest-explicit':'offline','mutation-during-parsing':'tree-construction','dom-command-label':'the-command-element','entity-copf':'named-character-references','webvtt-file-using-only-nesed-cues':'infrastructure','entity-prurel':'named-character-references','entity-Barwed':'named-character-references','dom-img-width':'the-img-element','entity-lg':'named-character-references','entity-le':'named-character-references','entity-nVDash':'named-character-references','refsDOMRANGE':'references','entity-ll':'named-character-references','entity-lt':'named-character-references','entity-subsetneq':'named-character-references','queue-a-post-load-task':'offline','entity-lE':'named-character-references','dom-iframe-src':'the-iframe-element','event-appcache-cached':'offline','entity-supset':'named-character-references','entity-bumpeq':'named-character-references','the-document-s-domain':'origin-0','scripting':'webappapis','entity-Not':'named-character-references','entity-copysr':'named-character-references','valid-browsing-context-name-or-keyword':'browsers','dom-htmloptionscollection-selectedindex':'common-dom-interfaces','entity-nwarr':'named-character-references','entity-forkv':'named-character-referencs','entity-npar':'named-character-references','comment-end-bang-state':'tokenization','garbage-collection-and-browsing-contexts':'browsers','attr-hr-noshade':'obsolete','case-sensitivity':'links','application-cache-api':'offline','entity-yen':'named-character-references','ordinary':'parsing','entity-Idot':'named-character-references','clear-the-list-of-active-formatting-elements-up-to-the-last-marker':'parsing','decoded-as-utf-8-with-error-handling':'infrastructure','entity-LeftAngleBracket':'named-character-references','typographic-conventions':'introduction','attr-tdth-abbr':'obsolete','the-h1-element':'the-h1-h2-h3-h4-h5-and-h6-elements','entity-frac35':'named-character-references','entity-frac38':'named-character-references','entity-Vbar':'named-character-references','execCommand':'editing-apis','dnd':'dnd','entity-lesssim':'named-character-references','event-handler-attributes':'webappapis','other-link-types':'links','entity-because':'named-character-references','has-an-element-in-the-specific-scope':'arsing','entity-SmallCircle':'named-character-references','attr-abbr-title':'the-abbr-element','the-progress-element-0':'rendering','media-element-attributes':'media-elements','element-level-focus-apis':'editing','entity-sect-legacy':'named-character-references','entity-intprod':'named-character-references','text-track-cue':'media-elements','dom-marquee-loop':'obsolete','entity-urcorn':'named-character-references','security-location':'history','list-of-active-intervals':'timers','concept-fe-value':'attributes-common-to-form-controls','attr-keygen-keytype':'the-keygen-element','sourcing-out-of-band-text-tracks':'media-elements','entity-gfr':'named-character-references','concept-event-dispatch':'infrastructure','entity-simlE':'named-character-references','entity-boxhd':'named-character-references','entity-Vdashl':'named-character-references','dom-input-multiple':'the-input-element','entity-boxhu':'named-character-references','attr-dropzone-copy':'dnd','dom-media-seek':'media-elements','event-media-progress':'edia-elements','dom-basefont-size':'obsolete','concept-input-min-zero':'common-input-element-attributes','entity-nleqq':'named-character-references','url-host-specific':'urls','dom-media-muted':'media-elements','entity-boxhU':'named-character-references','entity-RightFloor':'named-character-references','attr-textarea-readonly':'the-textarea-element','entity-blacklozenge':'named-character-references','entity-DDotrahd':'named-character-references','dom-htmlallcollection-nameditem':'common-dom-interfaces','entity-RightDownVectorBar':'named-character-references','entity-Im':'named-character-references','sandboxCookies':'dom','entity-alpha':'named-character-references','dom-li-type':'obsolete','cross-origin-request-status':'infrastructure','comment-0':'infrastructure','refsPPUTF8':'references','algorithm-for-extracting-an-encoding-from-a-meta-element':'urls','entity-bigtriangleup':'named-character-references','set-the-document-s-address':'history','parsing-main-incdata':'tree-construction','attr-img-border':'obslete','refsRFC3490':'references','traverse-the-history-by-a-delta':'history','entity-ZHcy':'named-character-references','attr-dir-auto':'global-attributes','entity-Upsilon':'named-character-references','duration-time-component-scale':'common-microsyntaxes','writing-xhtml-documents':'the-xhtml-syntax','navigator':'system-state-and-capabilities','entity-cwconint':'named-character-references','set-of-comma-separated-tokens':'common-microsyntaxes','dom-title':'global-attributes','dom-meta-scheme':'obsolete','entity-hercon':'named-character-references','handler-window-onpageshow':'webappapis','in-a-document':'infrastructure','audiotracklist':'media-elements','dom-frameelement':'browsers','handler-window-onstorage':'webappapis','dom-input-valueasdate':'common-input-element-apis','navigate':'history','ascii-serialization-of-an-origin':'origin-0','entity-epar':'named-character-references','link-type-nofollow':'links','handler-onfocus':'webappapis','entity-iexcl-legacy':'named-character-references','links-forms-and-avigation':'rendering','entity-uml-legacy':'named-character-references','entity-Gcedil':'named-character-references','entity-nrightarrow':'named-character-references','entity-CircleTimes':'named-character-references','dom-caption-align':'obsolete','forget-the-media-element-s-media-resource-specific-text-tracks':'media-elements','entity-vsupnE':'named-character-references','dom-embed-align':'obsolete','entity-rAtail':'named-character-references','htmlmapelement':'the-map-element','entity-RightTeeArrow':'named-character-references','entity-vsupne':'named-character-references','provide-a-stable-state':'webappapis','entity-bsol':'named-character-references','entity-ncaron':'named-character-references','entity-Ecaron':'named-character-references','refsPROGRESS':'references','parsing-main-intable':'tree-construction','entity-complement':'named-character-references','radionodelist':'common-dom-interfaces','dom-img-usemap':'the-img-element','htmlframesetelement':'obsolete','parse-a-date-or-time-string':'common-micrsyntaxes','attr-fs-enctype':'attributes-common-to-form-controls','attr-textarea-wrap-hard':'the-textarea-element','refsCSSIMAGES':'references','dom-media-initialtime':'media-elements','entity-ldrdhar':'named-character-references','entity-scnE':'named-character-references','xml-fragment-parsing-algorithm':'the-xhtml-syntax','handler-onkeydown':'webappapis','entity-ccupssm':'named-character-references','entity-CloseCurlyQuote':'named-character-references','entity-Kcedil':'named-character-references','entity-sup':'named-character-references','entity-lopar':'named-character-references','entity-egs':'named-character-references','entity-sum':'named-character-references','entity-ultri':'named-character-references','entity-sub':'named-character-references','ix-handler-ondragover':'section-index','accessing-other-browsing-contexts':'browsers','event-dragstart':'dnd','event-media-waiting':'media-elements','xml-fragment-serialization-algorithm':'the-xhtml-syntax','entity-jcy':'named-character-references','entity-Sigma:'named-character-references','entity-vDash':'named-character-references','attr-textarea-wrap-soft-state':'the-textarea-element','article-example':'the-article-element','entity-squarf':'named-character-references','entity-square':'named-character-references','entity-njcy':'named-character-references','dom-htmloptionscollection-nameditem':'common-dom-interfaces','selecting-specific-audio-and-video-tracks-declaratively':'media-elements','navigatoronline':'offline','concept-option-value':'the-option-element','entity-imof':'named-character-references','dom-keygen-keytype':'the-keygen-element','entity-cup':'named-character-references','entity-ohbar':'named-character-references','form-associated-element':'forms','writing-secure-applications-with-html':'introduction','entity-Acirc':'named-character-references','dom-appcache-update':'offline','entity-aleph':'named-character-references','submit-data-post':'form-submission','attr-tr-align':'obsolete','tag-open-state':'tokenization','dom-frame-contentwindow':'obsolete,'refsRFC3023':'references','entity-rlhar':'named-character-references','dom-mediacontroller-defaultplaybackrate':'media-elements','supported-property-names':'infrastructure','entity-orslope':'named-character-references','dom-option-value':'the-option-element','entity-longleftrightarrow':'named-character-references','value-track-kind-sign':'media-elements','about:legacy-compat':'urls','typemismatcherror':'infrastructure','dom-texttrack-kind-captions':'media-elements','dom-htmloptionscollection-add':'common-dom-interfaces','datatransferitem':'dnd','entity-topbot':'named-character-references','entity-nbsp':'named-character-references','dom-frame-marginheight':'obsolete','element-definitions':'element-definitions','formatting':'parsing','text-rendered-in-native-user-interfaces':'rendering','selector-in-range':'links','entity-VDash':'named-character-references','entity-trianglerighteq':'named-character-references','attr-hyperlink-media':'links','entity-permil':'named-character-references','link-type-prev':'link','expose-a-user-interface-to-the-user':'media-elements','attr-fae-form':'association-of-controls-and-forms','entity-lrhard':'named-character-references','dynamic-changes-to-base-urls':'urls','dom-area-media':'the-area-element','entity-AElig':'named-character-references','ix-handler-oncanplay':'section-index','absolute-url':'urls','concept-datetime-digit':'common-microsyntaxes','entity-biguplus':'named-character-references','common-parser-idioms':'common-microsyntaxes','concept-fv-valid':'constraints','interactive-media':'rendering','dom-iframe-marginheight':'obsolete','entity-rx':'named-character-references','entity-xvee':'named-character-references','documents':'dom','the-body-element':'the-body-element','heading-content':'content-models','dom-TrackList-getKind-categories':'media-elements','entity-SucceedsEqual':'named-character-references','attr-html-manifest':'the-html-element','htmliframeelement':'the-iframe-element','the-output-element':'the-output-element','ix-handler-onemptied':'section-index','radi-button-state':'number-state','entity-NotRightTriangle':'named-character-references','entity-Jscr':'named-character-references','quotes':'rendering','scriptTagXSLT':'the-script-element','entity-thinsp':'named-character-references','attr-iframe-sandbox-allow-forms':'the-iframe-element','the-title-attribute-0':'rendering','blocked-media-controller':'media-elements','week-state':'states-of-the-type-attribute','entity-angst':'named-character-references','disk-space':'offline','media-resources-with-multiple-media-tracks':'media-elements','entity-frac18':'named-character-references','concept-script':'webappapis','entity-lcedil':'named-character-references','drag-data-store-mode':'dnd','entity-frac12':'named-character-references','read-plugin':'history','entity-frac14':'named-character-references','entity-frac15':'named-character-references','entity-frac16':'named-character-references','ix-handler-onshow':'section-index','audiotracklist-and-videotracklist-objects':'media-elements','entity-Ucy':'named-character-refrences','entity-intlarhk':'named-character-references','entity-Hat':'named-character-references','entity-wscr':'named-character-references','attr-background':'obsolete','refsRFC4281':'references','security':'dom','inter-element-whitespace':'content-models','entity-NotLess':'named-character-references','entity-nparallel':'named-character-references','category-submit':'forms','simple-cross-origin-request':'infrastructure','comments':'syntax','dom-contextmenu':'the-menu-element','attr-command-type-state-checkbox':'the-command-element','nested-browsing-context':'browsers','entity-cularrp':'named-character-references','entity-esdot':'named-character-references','same-origin':'origin-0','entity-otilde-legacy':'named-character-references','dom-document-head':'dom','entity-CircleMinus':'named-character-references','ix-handler-onratechange':'section-index','entity-approx':'named-character-references','months':'common-microsyntaxes','dom-document-lastmodified':'dom','dom-source-src':'the-source-element','attr-script-ype':'the-script-element','refsMIMESNIFF':'references','entity-preceq':'named-character-references','entity-simne':'named-character-references','dom-fs-formmethod':'attributes-common-to-form-controls','rendering':'rendering','handler-onwaiting':'webappapis','dom-track-src':'the-track-element','the-drag-data-item-type-string':'dnd','dom-history-length':'history','entity-varphi':'named-character-references','entity-Or':'named-character-references','entity-ucy':'named-character-references','entity-Dagger':'named-character-references','serializing-html-fragments':'the-end','concept-video-intrinsic-height':'the-video-element','entity-nmid':'named-character-references','dom-col-ch':'obsolete','command-facet-hiddenstate':'commands','markup-declaration-open-state':'tokenization','dom-classlist':'global-attributes','dom-xmldocument-load':'dom','entity-nsube':'named-character-references','ix-handler-onseeking':'section-index','refsWEBSTORAGE':'references','attr-media-preload-metadata':'media-elements','entity-hamilt''named-character-references','assigning-keyboard-shortcuts':'editing','getcontext-return':'the-canvas-element','attr-script-event':'obsolete','dom-document-getelementsbyname':'dom','entity-ClockwiseContourIntegral':'named-character-references','entity-zcy':'named-character-references','dom-mediaerror-media_err_aborted':'media-elements','meta-generator':'the-meta-element','handler-onstalled':'webappapis','local-date-and-time-state':'states-of-the-type-attribute','time-zones':'common-microsyntaxes','entity-harr':'named-character-references','entity-nvltrie':'named-character-references','entity-eqslantless':'named-character-references','event-mediacontroller-pause':'media-elements','dom-document-forms':'dom','entity-utrif':'named-character-references','effective-playback-rate':'media-elements','attr-meta-content':'the-meta-element','entity-Fouriertrf':'named-character-references','entity-barvee':'named-character-references','appcache-history-2':'history','entity-lceil':'named-character-references','attr-body-mrgintop':'obsolete','entity-nsimeq':'named-character-references','compiled-pattern-regular-expression':'common-input-element-attributes','ix-handler-window-onresize':'section-index','entity-szlig-legacy':'named-character-references','xml-parser':'the-xhtml-syntax','entity-Efr':'named-character-references','attr-mod-cite':'attributes-common-to-ins-and-del-elements','doctype-public-identifier-double-quoted-state':'tokenization','nestedParsing':'parsing','entity-rsh':'named-character-references','entity-drbkarow':'named-character-references','dom-dataset':'global-attributes','documentfragment':'infrastructure','entity-LongLeftArrow':'named-character-references','timeranges':'media-elements','remove-a-token-from-a-string':'common-microsyntaxes','a-form-control-s-value':'attributes-common-to-form-controls','dom-media-have_current_data':'media-elements','event-readystatechange':'dom','entity-Ouml-legacy':'named-character-references','entity-bNot':'named-character-references','the-pre-element':'the-pre-element','etity-twoheadleftarrow':'named-character-references','attr-img-crossorigin':'the-img-element','dom-fs-enctype':'attributes-common-to-form-controls','entity-Popf':'named-character-references','dom-window-nameditem':'browsers','attr-textarea-rows-value':'the-textarea-element','parse-a-time-zone-offset-component':'common-microsyntaxes','the-rt-element':'the-rt-element','securityerror':'infrastructure','entity-rtriltri':'named-character-references','entity-inodot':'named-character-references','ltr-specific':'rendering','attr-command-type-keyword-radio':'the-command-element','entity-Egrave':'named-character-references','attr-track-kind-subtitles':'the-track-element','browser-interface-elements':'browsers','entity-csub':'named-character-references','dom-tbody-align':'obsolete','attr-hr-size':'obsolete','dom-li-value':'the-li-element','entity-csup':'named-character-references','entity-amp':'named-character-references','entity-racute':'named-character-references','charset512':'the-meta-element','dom-fieldset-type':'he-fieldset-element','entity-DownLeftTeeVector':'named-character-references','attr-input-type-range-keyword':'the-input-element','dom-document-querycommandvalue':'editing-apis','live':'infrastructure','entity-vprop':'named-character-references','scriptTagParserResumes':'tree-construction','entity-shchcy':'named-character-references','dom-applet-object':'obsolete','entity-Scaron':'named-character-references','entity-Ropf':'named-character-references','closing-elements-that-have-implied-end-tags':'tree-construction','entity-LessGreater':'named-character-references','entity-igrave':'named-character-references','entity-ecaron':'named-character-references','entity-Delta':'named-character-references','handler-onselect':'webappapis','htmlformcontrolscollection-0':'common-dom-interfaces','entity-ecolon':'named-character-references','entity-period':'named-character-references','img-inc':'the-img-element','htmlbuttonelement':'the-button-element','dom-frame-marginwidth':'obsolete','entity-UpperLeftArrow':'named-characer-references','entity-KJcy':'named-character-references','context-menus':'the-menu-element','parsing-main-inheadnoscript':'tree-construction','entity-RightArrow':'named-character-references','dom-texttrack-kind':'media-elements','history-traversal':'history','entity-tilde':'named-character-references','entity-LessLess':'named-character-references','refsCOOKIES':'references','entity-lltri':'named-character-references','attr-tdth-rowspan':'attributes-common-to-td-and-th-elements','entity-andslope':'named-character-references','the-form-element':'the-form-element','effective-script-origin':'origin-0','dom-basefont-face':'obsolete','dom-tdth-rowspan':'attributes-common-to-td-and-th-elements','xmldocument':'dom','the-keygen-element':'the-keygen-element','entity-kfr':'named-character-references','parse-a-local-date-and-time-string':'common-microsyntaxes','entity-ndash':'named-character-references','entity-RightVector':'named-character-references','entity-Vdash':'named-character-references','entity-Iukcy':'named-haracter-references','entity-hstrok':'named-character-references','entity-NotLessSlantEqual':'named-character-references','forms':'forms','window':'browsers','attr-object-data':'the-object-element','entity-subrarr':'named-character-references','entity-pr':'named-character-references','entity-pm':'named-character-references','form-controls':'rendering','entity-pi':'named-character-references','refsWCAG':'references','refsUTF8DET':'references','attr-media-muted':'media-elements','entity-Tab':'named-character-references','dom-font-color':'obsolete','entity-nvDash':'named-character-references','entity-Tau':'named-character-references','entity-dashv':'named-character-references','attr-track-default':'the-track-element','a-utf-16-encoding':'infrastructure','entity-nbumpe':'named-character-references','entity-empty':'named-character-references','entity-orv':'named-character-references','ready-to-be-parser-executed':'the-script-element','entity-ord':'named-character-references','attr-body-marginwidth':'obsolete','etity-Gcy':'named-character-references','attr-iframe-hspace':'obsolete','safe-passing-of-structured-data':'common-dom-interfaces','entity-demptyv':'named-character-references','dom-applet-vspace':'obsolete','attr-dl-compact':'obsolete','target-element':'history','entity-ordm-legacy':'named-character-references','dependencies':'infrastructure','event-online':'offline','heading-content-0':'content-models','entity-ubreve':'named-character-references','entity-prsim':'named-character-references','dom-textarea-dirname':'the-textarea-element','reflect':'common-dom-interfaces','dom-progress-max':'the-progress-element','entity-cirfnint':'named-character-references','dom-audiotrack-kind':'media-elements','entity-UpDownArrow':'named-character-references','the-style-attribute':'global-attributes','entity-Dcy':'named-character-references','blink':'obsolete','entity-leftharpoondown':'named-character-references','domimplementation':'infrastructure','entity-udarr':'named-character-references','input-type-change':'the-input-lement','script-data-escaped-less-than-sign-state':'tokenization','dropzone-processing-steps':'dnd','dom-tdth-height':'obsolete','dom-window-statusbar':'browsers','concept-table-advance':'attributes-common-to-td-and-th-elements','event-mediacontroller-emptied':'media-elements','event-handler-idl-attributes':'webappapis','limited-to-only-known-values':'common-dom-interfaces','entity-xlarr':'named-character-references','entity-boxdr':'named-character-references','entity-boxdl':'named-character-references','syntax-charref':'syntax','entity-smeparsl':'named-character-references','semantics':'semantics','img-all':'the-img-element','entity-lhblk':'named-character-references','document.title':'dom','entity-boxdR':'named-character-references','entity-ldsh':'named-character-references','syntax-cdata':'syntax','using-the-a-element-to-define-a-command':'commands','refsRFC2237':'references','optional-tags':'syntax','entity-xutri':'named-character-references','entity-Wfr':'named-character-references','entity-xmap':'name-character-references','entity-ExponentialE':'named-character-references','entity-Mu':'named-character-references','concept-video-intrinsic-width':'the-video-element','entity-REG-legacy':'named-character-references','converted-to-ascii-uppercase':'infrastructure','the-script-block-s-character-encoding':'the-script-element','entity-andv':'named-character-references','entity-rtimes':'named-character-references','entity-uml':'named-character-references','entity-yuml':'named-character-references','attr-fe-disabled':'attributes-common-to-form-controls','entity-ufisht':'named-character-references','the-bdo-element':'the-bdo-element','entity-succ':'named-character-references','algorithm-for-ending-a-row-group':'attributes-common-to-td-and-th-elements','bgsound':'obsolete','entity-ddarr':'named-character-references','dom-command-type':'the-command-element','handler-window-onblur':'webappapis','dom-videotrack-language':'media-elements','dom-mediaerror-media_err_src_not_supported':'media-elements','htmlheadingelement:'the-h1-h2-h3-h4-h5-and-h6-elements','entity-lsh':'named-character-references','dom-appcache-status':'offline','entity-gtrless':'named-character-references','valid-normalized-forced-utc-global-date-and-time-string':'common-microsyntaxes','attr-input-type':'the-input-element','parsing-main-intr':'tree-construction','refsRFC3986':'references','refsRFC3987':'references','htmlspanelement':'the-span-element','entity-varr':'named-character-references','entity-half':'named-character-references','parsing-main-intd':'tree-construction','dom-datatransferitemlist-add':'dnd','entity-xcirc':'named-character-references','attr-map-name':'the-map-element','concept-transferable-neutered':'common-dom-interfaces','attributes-common-to-td-and-th-elements':'attributes-common-to-td-and-th-elements','entity-imagline':'named-character-references','entity-lvnE':'named-character-references','text-track':'media-elements','dom-datalist-options':'the-datalist-element','row-header':'attributes-common-to-td-and-th-elements','rules-for-prsing-non-negative-integers':'common-microsyntaxes','entity-ShortLeftArrow':'named-character-references','form-submission':'form-submission','selector-valid':'links','entity-Iuml-legacy':'named-character-references','content-type-sniffing:-image':'urls','replacement-enabled':'history','joint-session-history':'history','entity-dcy':'named-character-references','dom-texttrack-cues':'media-elements','entity-capdot':'named-character-references','attr-menu-compact':'obsolete','entity-Udblac':'named-character-references','boolean-attribute':'common-microsyntaxes','interfaces-for-url-manipulation':'urls','entity-bsime':'named-character-references','ix-handler-onblur':'section-index','aborting-a-document-load':'history','the-script-settings-determined-from-the-node':'webappapis','the-command':'the-command-element','entity-NotRightTriangleEqual':'named-character-references','entity-downharpoonright':'named-character-references','entity-ecy':'named-character-references','external':'system-state-and-capabilities','entty-ecirc':'named-character-references','texttracklist':'media-elements','entity-rightleftarrows':'named-character-references','script-s-document':'webappapis','image-button-state':'number-state','entity-tdot':'named-character-references','entity-xodot':'named-character-references','entity-lneq':'named-character-references','ix-handler-window-onload':'section-index','entity-leftarrowtail':'named-character-references','insertion-point':'parsing','the-application-cache-selection-algorithm':'offline','concept-input-value-string-date':'the-input-element','entity-NotLessEqual':'named-character-references','media-controller-volume-multiplier':'media-elements','entity-Racute':'named-character-references','document':'dom','entity-nwnear':'named-character-references','links-created-by-a-and-area-elements':'links','dom-canvas-getcontext':'the-canvas-element','rules-for-parsing-a-hash-name-reference':'common-microsyntaxes','handler-mediacontroller-oncanplaythrough':'media-elements','data-mining':'infrastructure','entit-zeetrf':'named-character-references','run-post-click-activation-steps':'content-models','the-rp-element':'the-rp-element','handler-window-onhashchange':'webappapis','dom-mediacontroller-muted':'media-elements','attr-command-checked':'the-command-element','attr-track-kind-keyword-subtitles':'the-track-element','entity-looparrowright':'named-character-references','the-li-element':'the-li-element','dom-a-coords':'obsolete','attr-hyperlink-hreflang':'links','dom-legend-align':'obsolete','parsing-main-inselect':'tree-construction','entity-Escr':'named-character-references','past-names-map':'the-form-element','entity-gsime':'named-character-references','entity-mid':'named-character-references','entity-gsiml':'named-character-references','the-input-element-as-domain-specific-widgets':'rendering','selector-ltr':'links','event-media-loadstart':'media-elements','entity-luruhar':'named-character-references','htmltablecolelement':'the-colgroup-element','dom-form-submit':'the-form-element','entity-Ffr':'named-characterreferences','concept-date':'common-microsyntaxes','restrictions-on-content-models-and-on-attribute-values':'introduction','networking-task-source':'webappapis','dom-history-pushstate':'history','entity-Euml-legacy':'named-character-references','the-dl-element':'the-dl-element','exposed':'dom','rel-sidebar-hyperlink':'links','lists-of-integers':'common-microsyntaxes','duration-time-component':'common-microsyntaxes','entity-hkswarow':'named-character-references','text-track-cue-start-time':'media-elements','entity-gnapprox':'named-character-references','entity-subsim':'named-character-references','entity-rharu':'named-character-references','entity-malt':'named-character-references','marquee-loop-count':'obsolete','entity-GreaterTilde':'named-character-references','entity-rhard':'named-character-references','entity-male':'named-character-references','entity-supne':'named-character-references','implicit-submission':'form-submission','attr-textarea-required':'the-textarea-element','entity-DoubleRightArrow':'name-character-references','throw':'infrastructure','spin-the-event-loop':'webappapis','browsing-context-nested-through':'browsers','feed-the-parser':'the-xhtml-syntax','stack-of-open-elements':'parsing','entity-ulcrop':'named-character-references','entity-InvisibleComma':'named-character-references','entity-LeftRightArrow':'named-character-references','dom-input-stepup':'common-input-element-apis','entity-Proportion':'named-character-references','dom-table-caption':'the-table-element','using-the-button-element-to-define-a-command':'commands','attr-optgroup-disabled':'the-optgroup-element','entity-profline':'named-character-references','event-media-suspend':'media-elements','attr-command-type-state-command':'the-command-element','event-media-stalled':'media-elements','handler-ondrag':'webappapis','attr-input-autocomplete-on-state':'common-input-element-attributes','supported-property-indices':'infrastructure','entity-sdot':'named-character-references','entity-ffr':'named-character-references','dom-video-videowith':'the-video-element','attr-table-rules':'obsolete','datetime-value':'the-time-element','attr-img-align':'obsolete','the-legend-element':'the-legend-element','entity-plusmn-legacy':'named-character-references','dom-videotracklist-selectedindex':'media-elements','entity-nsupset':'named-character-references','current-input-character':'parsing','dom-appcache-swapcache':'offline','dom-object-archive':'obsolete','forming-a-table':'attributes-common-to-td-and-th-elements','entity-NotNestedLessLess':'named-character-references','text-track-cue-size':'media-elements','dom-meter-value':'the-meter-element','prompt-to-unload-a-document':'history','dom-document-alinkcolor':'obsolete','dom-blur':'editing','obsolete-but-conforming-features':'obsolete','refsXMLBASE':'references','entity-Intersection':'named-character-references','entity-aelig-legacy':'named-character-references','dom-track-default':'the-track-element','fire-waiting-when-waiting':'media-elements','dom-media-playbackrate':'media-elements','entity-varpropt':'named-character-references','suffering-from-an-underflow':'constraints','entity-nVdash':'named-character-references','dom-datatransfer-effectallowed':'dnd','selector-default':'links','keywords-and-enumerated-attributes':'common-microsyntaxes','entity-LeftTriangleEqual':'named-character-references','attr-form-autocomplete-on-state':'the-form-element','dom-tdth-axis':'obsolete','entity-Zfr':'named-character-references','non-fatal-media-error':'media-elements','entity-doteqdot':'named-character-references','the-input-stream':'parsing','table-encoding-overrides':'parsing','dom-validitystate-valuemissing':'constraints','entity-copy':'named-character-references','pre-click-activation-steps':'content-models','entity-Sc':'named-character-references','handler-window-onafterprint':'webappapis','entity-profalar':'named-character-references','sandboxed-navigation-browsing-context-flag':'the-iframe-element','ix-handler-onseeked':'section-index','dom-fieldset-disabled':'the-fieldset-element','entity-oslash':'named-chaacter-references','dom-cva-validity':'constraints','entity-rdca':'named-character-references','ascii-compatible-character-encoding':'infrastructure','entity-Yuml':'named-character-references','entity-barwed':'named-character-references','entity-bigwedge':'named-character-references','entity-EqualTilde':'named-character-references','dom-textarea-wrap':'the-textarea-element','table-script-bom':'the-script-element','attr-track-kind-captions':'the-track-element','dom-datatransfer-getdata':'dnd','attr-input-placeholder':'common-input-element-attributes','dom-based-xslt-1.0-processors':'wai-aria','concept-param-parameter':'the-param-element','entity-integers':'named-character-references','entity-agrave-legacy':'named-character-references','entity-dblac':'named-character-references','entity-xnis':'named-character-references','entity-ecir':'named-character-references','table-uda-examples':'urls','entity-cuesc':'named-character-references','entity-ncap':'named-character-references','entity-NotLessTilde':'named-charater-references','comment-state':'tokenization','entity-circledS':'named-character-references','entity-circledR':'named-character-references','entity-qprime':'named-character-references','entity-triplus':'named-character-references','entity-spar':'named-character-references','attr-tdth-valign':'obsolete','entity-Omega':'named-character-references','no-quirks-mode':'infrastructure','entity-nsubE':'named-character-references','suffering-from-a-custom-error':'constraints','dom-option-tvd':'the-option-element','event-media-timeupdate':'media-elements','entity-wopf':'named-character-references','the-h1-h2-h3-h4-h5-and-h6-elements':'the-h1-h2-h3-h4-h5-and-h6-elements','introduction-9':'rendering','introduction-8':'rendering','introduction-5':'webappapis','sections-and-headings':'rendering','introduction-7':'dnd','introduction-6':'editing','introduction-1':'forms','introduction-0':'media-elements','introduction-3':'links','introduction-2':'form-submission','entity-Dcaron':'named-character-references','meta-charset-uring-parse':'tree-construction','entity-copy-legacy':'named-character-references','void-elements':'syntax','refsABNF':'references','drag-data-store-bitmap':'dnd','figcaption-as-alt-condition':'the-img-element','file-upload-state':'number-state','entity-grave':'named-character-references','history':'history','entity-sopf':'named-character-references','only-contemporary-times':'states-of-the-type-attribute','comment-start-dash-state':'tokenization','width-of-the-select-s-labels':'rendering','hyperlink-annotation':'links','menus':'the-menu-element','entity-Int':'named-character-references','misnested-tags:-b-p-b-p':'the-end','stop-parsing':'the-end','entity-tprime':'named-character-references','sandboxed-seamless-iframes-flag':'the-iframe-element','allowed-to-navigate':'browsers','entity-ltri':'named-character-references','entity-thicksim':'named-character-references','entity-urtri':'named-character-references','the-input-element-as-a-range-control':'rendering','htmlaudioelement':'the-audio-element','entity-usilon':'named-character-references','entity-eacute-legacy':'named-character-references','entity-qopf':'named-character-references','attr-style-type':'the-style-element','entity-plusdo':'named-character-references','handler-tracklist-onchange':'media-elements','dom-media-have_future_data':'media-elements','entity-Ccedil-legacy':'named-character-references','entity-plusdu':'named-character-references','seek-the-media-controller':'media-elements','associatedSection':'headings-and-sections','entity-iuml-legacy':'named-character-references','entity-EmptySmallSquare':'named-character-references','refsWIN1254':'references','refsWIN1252':'references','refsBOCU1':'references','entity-topcir':'named-character-references','entity-Ugrave-legacy':'named-character-references','conformance-requirements':'infrastructure','entity-dotplus':'named-character-references','dom-form-acceptcharset':'the-form-element','dom-select-size':'the-select-element','concept-option-label':'the-option-element','entity-larrbfs':'named-characte-references','auxiliary-browsing-contexts':'browsers','entity-nlarr':'named-character-references','entity-And':'named-character-references','concept-fe-values':'attributes-common-to-form-controls','entity-pfr':'named-character-references','concept-select-pick':'the-select-element','entity-equest':'named-character-references','entity-rsquor':'named-character-references','attr-param-name':'the-param-element','event':'infrastructure','handler-texttrackcue-onexit':'media-elements','handler-onratechange':'webappapis','entity-natural':'named-character-references','initial-code-entry-point':'webappapis','task-queue':'webappapis','attr-img-src':'the-img-element','dom-fs-action':'attributes-common-to-form-controls','fire-a-dnd-event':'dnd','windowtimers':'timers','expiring-application-caches':'offline','concept-handler-error':'webappapis','entity-uring':'named-character-references','handler-onmouseover':'webappapis','entity-Ubrcy':'named-character-references','insert-a-foreign-element':'tree-construction','entity-np':'named-character-references','ix-handler-window-onoffline':'section-index','dom-colgroup-span':'the-colgroup-element','after-doctype-public-keyword-state':'tokenization','entity-mopf':'named-character-references','has-an-element-in-list-item-scope':'parsing','menus-intro':'the-menu-element','limiting-user-input-length':'attributes-common-to-form-controls','concept-event-listener':'infrastructure','entity-TScy':'named-character-references','entity-NotSquareSuperset':'named-character-references','entity-Lcaron':'named-character-references','pragma-directives':'the-meta-element','entity-otilde':'named-character-references','entity-DotEqual':'named-character-references','entity-dsol':'named-character-references','attributes-for-embedded-content-and-images':'rendering','maps-to-the-pixel-length-property':'rendering','media-controllers':'media-elements','unload-a-document':'history','entity-Rscr':'named-character-references','entity-ApplyFunction':'named-character-references','entity-cdot':'named-character-refeences','phrasing-content-1':'rendering','phrasing-content-0':'content-models','linkstyle':'infrastructure','htmlallcollection':'common-dom-interfaces','entity-LeftTeeVector':'named-character-references','dom-window-focus':'editing','entity-napos':'named-character-references','the-tr-element':'the-tr-element','entity-roarr':'named-character-references','entity-nless':'named-character-references','handler-tracklist-onaddtrack':'media-elements','clear-the-stack-back-to-a-table-row-context':'tree-construction','htmlpreelement':'the-pre-element','entity-oopf':'named-character-references','entity-scnsim':'named-character-references','the-draggable-attribute':'dnd','attr-body-text':'obsolete','attr-dir-auto-state':'global-attributes','entity-HilbertSpace':'named-character-references','attr-area-shape':'the-area-element','entity-nrarr':'named-character-references','concept-output-mode':'the-output-element','refsIANACHARSET':'references','entity-napE':'named-character-references','entity-AMP':'named-character-refereces','htmlvideoelement':'the-video-element','entity-nlArr':'named-character-references','entity-Oslash':'named-character-references','entity-Atilde-legacy':'named-character-references','entity-Wscr':'named-character-references','the-xhtml-syntax':'the-xhtml-syntax','concept-n-script':'webappapis','entity-mho':'named-character-references','appropriate-form-encoding-algorithm':'form-submission','entity-elinters':'named-character-references','dom-meter-low':'the-meter-element','windowbase64':'webappapis','dom-frame-noresize':'obsolete','parse-a-month-component':'common-microsyntaxes','dom-select-nameditem':'the-select-element','entity-delta':'named-character-references','dom-texttracklist-length':'media-elements','entity-iopf':'named-character-references','entity-TildeEqual':'named-character-references','attr-col-valign':'obsolete','handler-texttrackcue-onenter':'media-elements','entity-LeftTeeArrow':'named-character-references','concept-fe-checked':'attributes-common-to-form-controls','entity-vee':'named-charcter-references','attr-ol-start':'the-ol-element','entity-preccurlyeq':'named-character-references','entity-angrtvb':'named-character-references','dom-font-size':'obsolete','dom-input-placeholder':'the-input-element','run-synthetic-click-activation-steps':'content-models','dom-body-alink':'obsolete','entity-ruluhar':'named-character-references','entity-SucceedsSlantEqual':'named-character-references','appropriate-end-tag-token':'tokenization','entity-nrArr':'named-character-references','dom-embed-src':'the-embed-element','attr-menu-label':'the-menu-element','htmltablerowelement':'the-tr-element','value-sanitization-algorithm':'the-input-element','htmlsourceelement':'the-source-element','entity-ominus':'named-character-references','entity-ccups':'named-character-references','collect-a-sequence-of-characters':'common-microsyntaxes','refsDOMPARSING':'references','the-accesskey-attribute':'editing','value-track-kind-alternate':'media-elements','text-level-semantics':'text-level-semantics','entity-Egrave-legacy''named-character-references','xmlns-namespace':'namespaces','entity-Colone':'named-character-references','data-state':'tokenization','refsSELECTORS':'references','entity-LongLeftRightArrow':'named-character-references','entity-zigrarr':'named-character-references','concept-appcache-completeness':'offline','dom-script-charset':'the-script-element','attr-input-type-datetime-keyword':'the-input-element','dom-htmlallcollection-tags':'common-dom-interfaces','attr-embed-name':'obsolete','dom-alert':'user-prompts','entity-nsqsube':'named-character-references','default-playback-start-position':'media-elements','the-table-element':'the-table-element','entity-Star':'named-character-references','dimRendering':'rendering','entity-lbrace':'named-character-references','attr-media-preload-none':'media-elements','entity-lbrack':'named-character-references','concept-meter-optimum':'the-meter-element','entity-Umacr':'named-character-references','entity-olarr':'named-character-references','entity-rarrap':'named-character-refeences','entity-Longleftrightarrow':'named-character-references','entity-prod':'named-character-references','entity-prop':'named-character-references','entity-Assign':'named-character-references','entity-NotLessGreater':'named-character-references','htmlframeelement':'obsolete','entity-subdot':'named-character-references','entity-GreaterFullEqual':'named-character-references','entity-trpezium':'named-character-references','entity-gt-legacy':'named-character-references','drag-data-store-allowed-effects-state':'dnd','dom-track-readystate':'the-track-element','entity-complexes':'named-character-references','attr-track-kind-metadata':'the-track-element','entity-boxbox':'named-character-references','attr-ol-type-keyword-lower-alpha':'the-ol-element','syntax-tags':'syntax','entity-oast':'named-character-references','entity-xoplus':'named-character-references','entity-Jfr':'named-character-references','entity-succeq':'named-character-references','the-id-attribute':'global-attributes','media-controller-position':'meia-elements','introduction-4':'offline','entity-lEg':'named-character-references','entity-triminus':'named-character-references','entity-frac14-legacy':'named-character-references','entity-perp':'named-character-references','script-data-double-escaped-state':'tokenization','ix-handler-window-onerror':'section-index','dom-a-protocol':'the-a-element','terminology':'infrastructure','dom-table-tfoot':'the-table-element','refsRFC1468':'references','entity-acy':'named-character-references','entity-acd':'named-character-references','form-control-dirname-attribute':'attributes-common-to-form-controls','entity-suphsub':'named-character-references','dom-fs-formaction':'attributes-common-to-form-controls','entity-frac12-legacy':'named-character-references','dom-navigator-registercontenthandler':'system-state-and-capabilities','script-processing-src-sync':'the-script-element','ix-event-handlers':'section-index','entity-rotimes':'named-character-references','dom-input-valueasnumber':'common-input-element-apis','dom-leged-form':'the-legend-element','overlong-form':'infrastructure','entity-acE':'named-character-references','entity-Hstrok':'named-character-references','entity-icirc':'named-character-references','dom-col-align':'obsolete','handler-appcache-onnoupdate':'offline','handler-mediacontroller-onpause':'media-elements','attr-iframe-src':'the-iframe-element','entity-RightDoubleBracket':'named-character-references','entity-beth':'named-character-references','command-facet-accesskey':'commands','entity-esim':'named-character-references','security-and-privacy':'system-state-and-capabilities','entity-beta':'named-character-references','attr-fs-method-get-keyword':'attributes-common-to-form-controls','entity-plankv':'named-character-references','entity-hookrightarrow':'named-character-references','entity-jfr':'named-character-references','location-of-the-media-resource':'media-elements','dom-link-charset':'obsolete','parser-pause-flag':'parsing','container-frame-element':'rendering','alphanumeric-ascii-characters':'common-icrosyntaxes','relevant-namespace-object':'infrastructure','dom-option':'the-option-element','entity-zeta':'named-character-references','the-h6-element':'the-h1-h2-h3-h4-h5-and-h6-elements','document-metadata':'the-html-element','refsCOMPUTABLE':'references','dom-audiotracklist-gettrackbyid':'media-elements','entity-rppolint':'named-character-references','document.writeln':'dynamic-markup-insertion','entity-vBarv':'named-character-references','ix-handler-onsubmit':'section-index','entity-uwangle':'named-character-references','entity-GreaterSlantEqual':'named-character-references','dom-iframe-scrolling':'obsolete','dom-frame-name':'obsolete','attr-command-type':'the-command-element','event-appcache-noupdate':'offline','application-cache-group':'offline','attr-marquee-truespeed':'obsolete','sandboxSubmitBlocked':'form-submission','non-negative-integers':'common-microsyntaxes','text-track-mode':'media-elements','syntax-attribute-name':'syntax','dom-validitystate-patternmismatch':'constraints','svg':'svg-0','th-pattern-attribute':'common-input-element-attributes','drag-data-store-hot-spot-coordinate':'dnd','entity-fjlig':'named-character-references','set-the-event-handler-content-attribute-to-an-error':'webappapis','attr-embed-hspace':'obsolete','entity-NotGreater':'named-character-references','cors-settings-attributes':'urls','entity-napid':'named-character-references','the-meter-element':'the-meter-element','concept-week':'common-microsyntaxes','dom-fe-disabled':'attributes-common-to-form-controls','entity-lang':'named-character-references','valid-url':'urls','dom-texttrackcue-track':'media-elements','entity-NotGreaterLess':'named-character-references','entity-NegativeThickSpace':'named-character-references','entity-boxminus':'named-character-references','before-attribute-value-state':'tokenization','event-appcache-updateready':'offline','the-sub-element':'the-sub-and-sup-elements','entity-cirscir':'named-character-references','dom-textarea-required':'the-textarea-element','unloading-documents':'history','entit-Itilde':'named-character-references','attr-embed-src':'the-embed-element','script-execution-environment':'webappapis','entity-Vfr':'named-character-references','entity-aacute-legacy':'named-character-references','event-definition':'history','stall-timeout':'media-elements','attr-ol-reversed':'the-ol-element','valid-mime-type':'infrastructure','entity-wedgeq':'named-character-references','entity-sqcups':'named-character-references','script-data-escape-start-dash-state':'tokenization','dom-frame-src':'obsolete','dom-node-childnodes':'infrastructure','entity-DoubleDot':'named-character-references','domsettabletokenlist':'infrastructure','entity-Yacute':'named-character-references','dom-input-value-value':'common-input-element-apis','fatal-decode-error':'media-elements','the-constraint-validation-api':'constraints','uint8clampedarray':'infrastructure','table-http-equiv':'the-meta-element','the-hr-element':'the-hr-element','dom-self':'browsers','sandboxed-automatic-features-browsing-context-flag':'the-iframe-elment','entity-NotEqual':'named-character-references','dom-history-back':'history','entity-eplus':'named-character-references','handler-onloadedmetadata':'webappapis','entity-hoarr':'named-character-references','entity-there4':'named-character-references','htmlmeterelement':'the-meter-element','noframes':'obsolete','dom-marquee-bgcolor':'obsolete','entity-SquareSubsetEqual':'named-character-references','entity-laquo':'named-character-references','xml-compatible':'infrastructure','entity-natur':'named-character-references','refsX690':'references','extracting-encodings-from-meta-elements':'urls','entity-Cap':'named-character-references','delay-the-load-event':'the-end','dom-area-shape':'the-area-element','attr-img-vspace':'obsolete','entity-LeftArrowBar':'named-character-references','entity-nRightarrow':'named-character-references','number-of-days-in-month-month-of-year-year':'common-microsyntaxes','entity-UpArrowDownArrow':'named-character-references','default-button':'form-submission','concept-select-toggle''the-select-element','links':'links','refsDOMEVENTS':'references','refsARIA':'references','a-style-sheet-that-is-blocking-scripts':'styling','attr-meta-http-equiv':'the-meta-element','htmldatalistelement':'the-datalist-element','dom-input-stepdown':'common-input-element-apis','entity-VerticalBar':'named-character-references','dom-appcache-obsolete':'offline','refsISO8601':'references','entity-ouml':'named-character-references','concept-appcache-init':'offline','event-appcache-obsolete':'offline','focus-management':'editing','attr-img-alt':'the-img-element','cors-settings-attribute':'urls','dom-command-ro-commandlabel':'commands','entity-boxhD':'named-character-references','dom-stylesheet-disabled':'infrastructure','dom-object-declare':'obsolete','entity-ntrianglerighteq':'named-character-references','entity-Nacute':'named-character-references','entity-uHar':'named-character-references','dom-location-hostname':'history','pending-parsing-blocking-script':'the-script-element','send-a-signal':'offline','entity-ownRightVectorBar':'named-character-references','entity-OpenCurlyQuote':'named-character-references','coercing-an-html-dom-into-an-infoset':'the-end','htmlinputelement':'the-input-element','dom-output-htmlfor':'the-output-element','handler-marquee-onstart':'obsolete','entity-dstrok':'named-character-references','media-controller-mute-override':'media-elements','script-processing-inline':'the-script-element','entity-boxVR':'named-character-references','entity-deg':'named-character-references','abort-a-document':'history','attr-select-required':'the-select-element','xhtml-document':'infrastructure','dom-document-images':'dom','activation-behavior':'content-models','entity-boxVL':'named-character-references','dom-source-type':'the-source-element','entity-boxVH':'named-character-references','entity-kgreen':'named-character-references','entity-boxVr':'named-character-references','text-0':'syntax','concept-appcache-manifest':'offline','dom-tdth-choff':'obsolete','entity-boxVl':'named-character-references','entityboxVh':'named-character-references','entity-LeftFloor':'named-character-references','entity-asymp':'named-character-references','the-input-element-as-a-color-well':'rendering','htmlfontelement':'obsolete','dom-embed-name':'obsolete','conformance-classes':'infrastructure','special':'parsing','dom-media-network_no_source':'media-elements','entity-NewLine':'named-character-references','most-recently-reported-playback-state':'media-elements','concept-meter-low':'the-meter-element','entity-smile':'named-character-references','handler-onerror':'webappapis','entity-scy':'named-character-references','secondary-browsing-context':'browsers','character-reference-in-data-state':'tokenization','entity-eqcolon':'named-character-references','entity-sce':'named-character-references','attr-a-methods':'obsolete','entity-hksearow':'named-character-references','entity-lt-legacy':'named-character-references','times':'common-microsyntaxes','paused-for-user-interaction':'media-elements','entity-middot-legacy':'named-character-refrences','dom-document-links':'dom','entity-Precedes':'named-character-references','concept-input-max-default':'common-input-element-attributes','htmlbasefontelement':'obsolete','entity-scE':'named-character-references','attr-script-for':'obsolete','refsABOUT':'references','apis-for-creating-and-navigating-browsing-contexts-by-name':'browsers','entity-Zdot':'named-character-references','concept-row-group':'attributes-common-to-td-and-th-elements','parse-a-time-component':'common-microsyntaxes','concept-spellcheck-default-true':'editing-apis','dom-canvas-toblob':'the-canvas-element','sectioning-content-0':'content-models','dom-datatransferitem-getasstring':'dnd','selector-required':'links','entity-tshcy':'named-character-references','dom-ol-type':'the-ol-element','resolve-a-url':'urls','dom-datatransfer-setdragimage':'dnd','lists':'rendering','dom-input-dirname':'the-input-element','htmlallcollection-0':'common-dom-interfaces','dom-input-src':'the-input-element','entity-ulcorn':'named-character-references','dm-canvas-height':'the-canvas-element','dom-audiotrack-enabled':'media-elements','htmlmediaelement':'media-elements','entity-UpArrow':'named-character-references','webvtt-parser':'infrastructure','entity-Beta':'named-character-references','dom-texttrackcue-size':'media-elements','attr-object-hspace':'obsolete','attr-input-type-search-keyword':'the-input-element','entity-isindot':'named-character-references','attr-fe-name-charset':'attributes-common-to-form-controls','entity-uacute-legacy':'named-character-references','script-processing-empty':'the-script-element','definitions':'constraints','ix-handler-oncanplaythrough':'section-index','htmlcanvaselement':'the-canvas-element','handler-window-onunload':'webappapis','url':'urls','entity-lurdshar':'named-character-references','entity-ogt':'named-character-references','dom-tr-choff':'obsolete','attr-time-datetime':'the-time-element','the-body-element-0':'dom','entity-DownArrowBar':'named-character-references','entity-parsl':'named-character-references','editing''editing','attr-dfn-title':'the-dfn-element','entity-xi':'named-character-references','dom-document-vlinkcolor':'obsolete','entity-eqsim':'named-character-references','entity-angrtvbd':'named-character-references','comma-separated-tokens':'common-microsyntaxes','entity-Coproduct':'named-character-references','entity-maltese':'named-character-references','entity-smallsetminus':'named-character-references','entity-rarrw':'named-character-references','entity-GreaterEqualLess':'named-character-references','the-kbd-element':'the-kbd-element','entity-rarrc':'named-character-references','entity-rarrb':'named-character-references','entity-succnapprox':'named-character-references','entity-lnE':'named-character-references','resource-sharing-check':'infrastructure','entity-rightrightarrows':'named-character-references','entity-reals':'named-character-references','dom-dim-height':'dimension-attributes','refsOPENSEARCH':'references','entity-lne':'named-character-references','dom-a-host':'the-a-element','entity-Laplacetr':'named-character-references','ix-handler-window-onhashchange':'section-index','the-tfoot-element':'the-tfoot-element','entity-clubsuit':'named-character-references','basefont':'obsolete','entity-diamondsuit':'named-character-references','flow-content':'content-models','handler-window-onerror':'webappapis','dom-element-id':'infrastructure','entity-exponentiale':'named-character-references','dom-tbody-deleterow':'the-tbody-element','attr-body-marginright':'obsolete','handler-mediacontroller-onratechange':'media-elements','process-the-iframe-attributes':'the-iframe-element','entity-flat':'named-character-references','bidirectional-algorithm-formatting-character-ranges':'requirements-relating-to-bidirectional-algorithm-formatting-characters','entity-lesdoto':'named-character-references','entity-bdquo':'named-character-references','entity-easter':'named-character-references','entity-divideontimes':'named-character-references','entity-ntlg':'named-character-references','dom-track-loading':'the-track-element','etity-NotHumpDownHump':'named-character-references','dom-draggable':'dnd','entity-DiacriticalTilde':'named-character-references','selector-visited':'links','attr-col-width':'obsolete','entity-iota':'named-character-references','img-yes':'the-img-element','dom-style-type':'the-style-element','entity-NotNestedGreaterGreater':'named-character-references','the-hr-element-0':'rendering','dom-mediacontroller-playbackrate':'media-elements','entity-diam':'named-character-references','entity-mnplus':'named-character-references','nested-browsing-contexts':'browsers','dom-hashchangeevent-newurl':'history','entity-NotLeftTriangleBar':'named-character-references','entity-Omicron':'named-character-references','adjust-foreign-attributes':'tree-construction','attr-media-autoplay':'media-elements','entity-eth':'named-character-references','entity-eta':'named-character-references','named-character-references':'named-character-references','handler-window-ononline':'webappapis','other-pragma-directives':'the-meta-element','htmlormcontrolscollection':'common-dom-interfaces','entity-Tilde':'named-character-references','entity-ReverseEquilibrium':'named-character-references','entity-iprod':'named-character-references','drag-data-store':'dnd','attr-tdth-nowrap':'obsolete','the-section-element':'the-section-element','the-drag-data-store':'dnd','attribute-s-serialized-name':'the-end','attr-input-autocomplete-off-state':'common-input-element-attributes','attr-fs-enctype-text':'attributes-common-to-form-controls','entity-nsmid':'named-character-references','entity-xdtri':'named-character-references','handler-onmousedown':'webappapis','attr-link-hreflang':'the-link-element','concept-dnd-ro':'dnd','concept-dnd-rw':'dnd','dom-col-choff':'obsolete','dom-a-target':'the-a-element','entity-cfr':'named-character-references','concept-error-handled':'webappapis','entity-iiota':'named-character-references','entity-iquest-legacy':'named-character-references','empty-cell':'attributes-common-to-td-and-th-elements','entity-weierp':'named-character-refeences','attr-input-pattern':'common-input-element-attributes','entity-plustwo':'named-character-references','concept-input-list':'common-input-element-attributes','dom-p-align':'obsolete','attr-link-rel':'the-link-element','synchronising-multiple-media-elements':'media-elements','dom-tdth-nowrap':'obsolete','attr-link-rev':'obsolete','attr-iframe-marginheight':'obsolete','drag-and-drop-processing-model':'dnd','attr-datafld':'obsolete','entity-simdot':'named-character-references','the-input-element-as-a-checkbox-and-radio-button-widgets':'rendering','dom-meta-httpequiv':'the-meta-element','entity-ugrave-legacy':'named-character-references','current-drag-operation':'dnd','the-small-element':'the-small-element','command-facet-icon':'commands','refsEUCJP':'references','entity-rbarr':'named-character-references','ix-handler-onselect':'section-index','attr-tdth-axis':'obsolete','navigatorid':'system-state-and-capabilities','authors-using-html':'iana','entity-yopf':'named-character-references','script-s-global-objct':'webappapis','entity-percnt':'named-character-references','dom-iscontenteditable':'editing','dom-datatransfer-types':'dnd','pagetransitionevent':'history','home-subtree':'infrastructure','entity-cent':'named-character-references','entity-loplus':'named-character-references','dom-windowmodal-dialogarguments':'user-prompts','barprop':'browsers','entity-dzigrarr':'named-character-references','already-started':'the-script-element','entity-PartialD':'named-character-references','jump-to-a-code-entry-point':'webappapis','entity-ascr':'named-character-references','entity-curlywedge':'named-character-references','handler-oncanplaythrough':'webappapis','attr-legend-align':'obsolete','source-browsing-context':'history','entity-Qopf':'named-character-references','dom-input-value-filename':'common-input-element-apis','the-stack-of-open-elements':'parsing','entity-ccaps':'named-character-references','entity-lessdot':'named-character-references','event-mediacontroller-canplaythrough':'media-elements','entity-upuparros':'named-character-references','cdata-rcdata-restrictions':'syntax','entity-FilledVerySmallSquare':'named-character-references','attribute-name-state':'tokenization','dom-tdth-cellindex':'attributes-common-to-td-and-th-elements','entity-Wopf':'named-character-references','security-nav':'browsers','entity-YIcy':'named-character-references','entity-Ofr':'named-character-references','navigate-fragid-step':'history','dom-keygen-type':'the-keygen-element','htmllabelelement':'the-label-element','start-tags':'syntax','comment-end-dash-state':'tokenization','content-categories':'content-models','parsing-main-incolgroup':'tree-construction','the-optgroup-element':'the-optgroup-element','concept-select-option-list':'the-select-element','refsRFC1557':'references','explicitly-supported-xml-type':'history','dom-cva-willvalidate':'constraints','handler-mediacontroller-ondurationchange':'media-elements','the-history-interface':'history','entity-COPY-legacy':'named-character-references','htmlfieldsetelement':'the-fieldsetelement','entity-angsph':'named-character-references','entity-circledcirc':'named-character-references','entity-Sopf':'named-character-references','scriptTag':'tree-construction','entity-spadesuit':'named-character-references','hierarchical-url':'urls','dom-area-rel':'the-area-element','attr-fs-enctype-urlencoded':'attributes-common-to-form-controls','paused-media-controller':'media-elements','entity-DownLeftVectorBar':'named-character-references','strip-leading-and-trailing-whitespace':'common-microsyntaxes','rcdata-end-tag-name-state':'tokenization','activation':'editing','header-and-data-cell-semantics':'attributes-common-to-td-and-th-elements','case-sensitivity-and-string-comparison':'infrastructure','namespaces':'namespaces','dom-form-item':'the-form-element','entity-hslash':'named-character-references','entity-wedge':'named-character-references','dom-tr-sectionrowindex':'the-tr-element','entity-backepsilon':'named-character-references','a-graphical-representation-of-some-of-the-surrounding-text':'the-mg-element','entity-Pcy':'named-character-references','entity-Hscr':'named-character-references','entity-iecy':'named-character-references','attr-meta-http-equiv-content-language':'the-meta-element','entity-models':'named-character-references','entity-COPY':'named-character-references','dom-a-text':'the-a-element','attr-input-type-button-keyword':'the-input-element','dom-select-type':'the-select-element','valid-mime-type-with-no-parameters':'infrastructure','entity-nleqslant':'named-character-references','parse-error':'parsing','dom-marquee-stop':'obsolete','entity-andand':'named-character-references','entity-ngeqslant':'named-character-references','quirks-mode':'infrastructure','character-encodings-0':'parsing','attr-link-href':'the-link-element','entity-laemptyv':'named-character-references','concept-encoding-confidence':'parsing','entity-tritime':'named-character-references','entity-lmoustache':'named-character-references','script-data-state':'tokenization','entity-ufr':'named-character-references','corssame-origin':'urls','split-a-string-on-commas':'common-microsyntaxes','entity-isinE':'named-character-references','entity-Cdot':'named-character-references','dom-applet-code':'obsolete','attr-object-align':'obsolete','html-mime-type':'infrastructure','entity-isins':'named-character-references','dom-form-reset':'the-form-element','entity-smid':'named-character-references','browsing-the-web':'history','text-track-showing':'media-elements','entity-larr':'named-character-references','resourceSuspend':'media-elements','entity-bigoplus':'named-character-references','entity-neArr':'named-character-references','entity-Yacute-legacy':'named-character-references','ix-handler-onloadedmetadata':'section-index','dom-barprop-visible':'browsers','dom-media-paused':'media-elements','handler-mediacontroller-onwaiting':'media-elements','entity-Gammad':'named-character-references','the-img-element':'the-img-element','entity-csupe':'named-character-references','concept-appcache-matches-fallback':'offline','entity-Ecirc':'namedcharacter-references','attr-meta-http-equiv-refresh':'the-meta-element','text-plain-encoding-algorithm':'form-submission','dom-input-min':'the-input-element','entity-mfr':'named-character-references','entity-LeftArrowRightArrow':'named-character-references','attr-form-autocomplete-off-state':'the-form-element','found-a-media-resource-specific-timed-track':'media-elements','syntax-attributes':'syntax','command-facet-checkedstate':'commands','entity-subseteq':'named-character-references','text-track-kind':'media-elements','concept-dnd-p':'dnd','dom-linkstyle-sheet':'infrastructure','dom-document-writeln':'dynamic-markup-insertion','base-url-change-steps':'infrastructure','entity-epsilon':'named-character-references','the-details-element':'the-details-element','plaintext-state':'tokenization','entity-varsupsetneq':'named-character-references','element-content-categories':'section-index','parsing-cache-manifests':'offline','poster-frame':'the-video-element','refsWHATWGWIKI':'references','entity-xcap':'named-chaacter-references','hasfeature':'common-dom-interfaces','attributes-0':'syntax','attributes-1':'section-index','handler-onmouseout':'webappapis','concept-input-min':'common-input-element-attributes','entity-vcy':'named-character-references','most-recently-reported-readiness-state':'media-elements','entity-LeftArrow':'named-character-references','attr-marquee-behavior-scroll':'obsolete','weeks':'common-microsyntaxes','handler-mediacontroller-onemptied':'media-elements','dom-document-nameditem':'dom','entity-simg':'named-character-references','entity-sime':'named-character-references','entity-scnap':'named-character-references','entity-siml':'named-character-references','resulting-autocompletion-state':'common-input-element-attributes','attr-fieldset-disabled':'the-fieldset-element','dom-form-length':'the-form-element','the-u-element':'the-u-element','handler-window-onmessage':'webappapis','entity-planckh':'named-character-references','attr-object-type':'the-object-element','the-input-element-as-a-text-entry-wdget':'rendering','entity-nsucceq':'named-character-references','attr-ol-type':'the-ol-element','htmlhrelement':'the-hr-element','generic-task-sources':'webappapis','dom-input-readonly':'the-input-element','entity-dotminus':'named-character-references','default-media':'the-link-element','dom-area-search':'the-area-element','attr-link-urn':'obsolete','html-elements':'infrastructure','refsRFC2388':'references','dom-frame-longdesc':'obsolete','entity-dash':'named-character-references','entity-lotimes':'named-character-references','attr-media-preload-none-state':'media-elements','submitting-element-directionality':'attributes-common-to-form-controls','concept-meter-maximum':'the-meter-element','script-processing-defer':'the-script-element','concept-textarea-api-value':'the-textarea-element','the-input-element':'the-input-element','valid-global-date-and-time-string':'common-microsyntaxes','the-initial-insertion-mode':'tree-construction','limited-to-only-non-negative-numbers-greater-than-zero':'common-dom-interfaes','dom-track-srclang':'the-track-element','entity-ordf-legacy':'named-character-references','attr-media-controls':'media-elements','htmlmetaelement':'the-meta-element','dom-location-hash':'history','entity-omid':'named-character-references','entity-div':'named-character-references','attr-fe-autofocus':'attributes-common-to-form-controls','entity-prec':'named-character-references','entity-dArr':'named-character-references','dom-marquee-scrollamount':'obsolete','entity-die':'named-character-references','entity-LowerLeftArrow':'named-character-references','parse-a-manifest':'offline','guidelines-for-exposing-cues-in-various-formats-as-text-track-cues':'media-elements','entity-plusacir':'named-character-references','dom-textarea-maxlength':'the-textarea-element','parse-a-yearless-date-string':'common-microsyntaxes','entity-nscr':'named-character-references','concept-dropzone-operation':'dnd','entity-Yopf':'named-character-references','attr-button-value':'the-button-element','dom-texttrack-disabled':'media-eleents','entity-nsce':'named-character-references','script-processing-noscript':'the-script-element','attr-object-declare':'obsolete','video-object-fit':'rendering','attr-object-name':'the-object-element','event-definitions':'media-elements','entity-THORN':'named-character-references','fetching-resources':'urls','entity-iscr':'named-character-references','entity-mapstodown':'named-character-references','dom-document-fgcolor':'obsolete','dom-domstringmap-setitem':'common-dom-interfaces','dom':'dom','consumed':'parsing','entity-acirc-legacy':'named-character-references','entity-epsi':'named-character-references','dom-optgroup-label':'the-optgroup-element','entity-sqsupe':'named-character-references','frame-border-color':'rendering','handler-onabort':'webappapis','entity-nesim':'named-character-references','entity-varsupsetneqq':'named-character-references','syntax':'syntax','allowed-to-show-a-pop-up':'browsers','handler-onreset':'webappapis','palpable-content-0':'content-models','dom-fieldset-elements':'the-fiedset-element','entity-Iacute':'named-character-references','entity-llhard':'named-character-references','script-s-base-url':'webappapis','entity-Exists':'named-character-references','mathml-namespace':'namespaces','entity-LessEqualGreater':'named-character-references','print-when-loaded':'user-prompts','entity-GJcy':'named-character-references','event-media-canplay':'media-elements','entity-CapitalDifferentialD':'named-character-references','entity-divide-legacy':'named-character-references','entity-bkarow':'named-character-references','event-mediacontroller-loadedmetadata':'media-elements','selector-enabled':'links','dom-windowtimers-cleartimeout':'timers','entity-Esim':'named-character-references','form-submission-0':'attributes-common-to-form-controls','entity-bcong':'named-character-references','texttrackcue':'media-elements','dom-pre-width':'obsolete','refsRFC5724':'references','dom-texttrackcue-direction':'media-elements','entity-boxur':'named-character-references','entity-quatint':'named-character-reerences','quotaexceedederror':'infrastructure','dom-basefont-color':'obsolete','handler-onloadeddata':'webappapis','entity-boxul':'named-character-references','dom-location-assign':'history','entity-boxuR':'named-character-references','overview-of-the-parsing-model':'parsing','dom-dragevent-datatransfer':'dnd','dom-option-defaultselected':'the-option-element','urls':'urls','the-select-element-0':'rendering','entity-mapstoleft':'named-character-references','entity-ocy':'named-character-references','dom-texttrackcue-getcueashtml':'media-elements','attr-input-maxlength':'common-input-element-attributes','entity-ropar':'named-character-references','attr-input-min':'common-input-element-attributes','eventinit':'infrastructure','attr-input-type-url-keyword':'the-input-element','entity-longleftarrow':'named-character-references','htmlembedelement':'the-embed-element','entity-Poincareplane':'named-character-references','dom-map-areas':'the-map-element','attr-crossorigin-use-credentials':'urls','character-encoding-dclaration':'the-meta-element','entity-gnap':'named-character-references','concept-uda-setter':'urls','entity-Square':'named-character-references','entity-nvlArr':'named-character-references','date-state':'states-of-the-type-attribute','attr-div-align':'obsolete','best-practices-for-authors-using-media-elements':'media-elements','dom-dir-compact':'obsolete','dom-hr-noshade':'obsolete','entity-odsold':'named-character-references','attr-input-type-text-keyword':'the-input-element','the-source-element':'the-source-element','browsing-context-name':'browsers','receives-a-set-cookie-string':'infrastructure','attr-form-accept-charset':'the-form-element','entity-rAarr':'named-character-references','parse-a-url':'urls','entity-NotSucceeds':'named-character-references','attr-link-charset':'obsolete','entity-Uopf':'named-character-references','dom-element-tagname':'infrastructure','entity-RightTriangleBar':'named-character-references','entity-downarrow':'named-character-references','table-descriptions-techniques':'the-able-element','entity-submult':'named-character-references','value-track-kind-none':'media-elements','entity-chi':'named-character-references','entity-late':'named-character-references','entity-Zeta':'named-character-references','ix-handler-onplay':'section-index','the-status-bar-barprop-object':'browsers','entity-xrarr':'named-character-references','attr-track-kind-keyword-descriptions':'the-track-element','entity-rightharpoonup':'named-character-references','credential-flag':'infrastructure','attr-input-type-image-keyword':'the-input-element','using-the-accesskey-attribute-to-define-a-command-on-other-elements':'commands','attr-ol-type-state-decimal':'the-ol-element','dom-texttrackcue-lineposition':'media-elements','htmltimeelement':'the-time-element','dom-appcache-idle':'offline','attribute-text':'element-definitions','dom-radionodelist-value':'common-dom-interfaces','attr-fe-name-isindex':'attributes-common-to-form-controls','character':'infrastructure','dom-history':'history','entity-iogon':'named-charcter-references','entity-curarr':'named-character-references','canceled-activation-steps':'content-models','event-dragover':'dnd','latest-entry':'history','background':'introduction','htmlobjectelement':'the-object-element','security-document':'dom','dom-media-currenttime':'media-elements','dom-navigator-iscontenthandlerregistered':'system-state-and-capabilities','entity-gnsim':'named-character-references','entity-larrfs':'named-character-references','dom-table-createcaption':'the-table-element','entity-Map':'named-character-references','domstringmap-0':'common-dom-interfaces','invalidmodificationerror':'infrastructure','entity-cups':'named-character-references','application-x-www-form-urlencoded':'iana','paragraphs':'content-models','the-textarea-element-0':'rendering','entity-twoheadrightarrow':'named-character-references','phrasing-content':'content-models','entity-scap':'named-character-references','attr-meter-min':'the-meter-element','attr-command-disabled':'the-command-element','entity-quot':'named-chracter-references','entity-Lang':'named-character-references','handler-ondblclick':'webappapis','entity-Dot':'named-character-references','dom-option-disabled':'the-option-element','entity-vzigzag':'named-character-references','encoding-sniffing-algorithm':'parsing','dom-tr-cells':'the-tr-element','reflecting-content-attributes-in-idl-attributes':'common-dom-interfaces','parsing':'parsing','entity-Darr':'named-character-references','attr-param-type':'obsolete','dom-input-checked':'common-input-element-apis','entity-Rcedil':'named-character-references','negative-tabindex':'editing','handler-mediacontroller-onended':'media-elements','dom-document-createelementns':'infrastructure','strip-line-breaks':'common-microsyntaxes','entity-andd':'named-character-references','dom-cva-checkvalidatity':'constraints','entity-roplus':'named-character-references','entity-nsubseteq':'named-character-references','entity-ETH-legacy':'named-character-references','entity-gjcy':'named-character-references','alternative-style-sheetsets':'infrastructure','concept-input-value-number-string':'the-input-element','entity-ETH':'named-character-references','entity-Sfr':'named-character-references','editing-host':'editing-apis','script-data-double-escaped-dash-state':'tokenization','entity-dot':'named-character-references','attr-spellcheck':'editing-apis','entity-oslash-legacy':'named-character-references','attr-a-charset':'obsolete','dom-br-clear':'obsolete','concept-datetime':'common-microsyntaxes','a-group-of-images-that-form-a-single-larger-picture-with-links':'the-img-element','text-track-hidden':'media-elements','hardwareLimitations':'infrastructure','entity-nisd':'named-character-references','attr-textarea-placeholder':'the-textarea-element','event-input-change':'common-input-element-apis','entity-ac':'named-character-references','entity-af':'named-character-references','dom-textarea-defaultvalue':'the-textarea-element','local-dates-and-times':'common-microsyntaxes','editors':'infrastructure','media-timeline':'media-elements','entity-p':'named-character-references','entity-yacute':'named-character-references','htmlselectelement':'the-select-element','entity-ovbar':'named-character-references','entity-Ouml':'named-character-references','concept-http-equivalent-get':'urls','xml-namespace':'namespaces','placeholder-label-option':'the-select-element','dir':'obsolete','entity-DownLeftVector':'named-character-references','attr-dataformatas':'obsolete','the-keygen-element-0':'rendering','dom-document-hasfocus':'editing','entity-Vee':'named-character-references','dom-input-width':'the-input-element','entity-ngeqq':'named-character-references','rules-for-updating-the-display-of-webvtt-text-tracks':'infrastructure','entity-bump':'named-character-references','entity-rang':'named-character-references','application-x-www-form-urlencoded-decoding-algorithm':'form-submission','attr-param-value':'the-param-element','attr-input-hspace':'obsolete','character-reference-in-rcdata-state':'tokenization','entity-Kcy':'named-character-references','entity-Alpha:'named-character-references','text-track-cue-text-position':'media-elements','handler-oninvalid':'webappapis','entity-planck':'named-character-references','align-descendants':'rendering','html-parser':'parsing','changing-the-encoding-while-parsing':'parsing','set-of-space-separated-tokens':'common-microsyntaxes','iana':'iana','entity-circlearrowright':'named-character-references','refsRFC2483':'references','dom-uda-hostname':'urls','entity-ssmile':'named-character-references','attr-meta-http-equiv-set-cookie':'the-meta-element','entity-measuredangle':'named-character-references','attr-object-standby':'obsolete','mouseevent':'infrastructure','attr-mod-datetime':'attributes-common-to-ins-and-del-elements','entity-pluscir':'named-character-references','stylesheet':'infrastructure','parse-a-time-string':'common-microsyntaxes','after-doctype-system-keyword-state':'tokenization','dom-texttrackcue-textposition':'media-elements','content-type-sniffing:-text-or-binary':'urls','report-the-error':'webappapis','parsin-main-incaption':'tree-construction','concept-input-step-default-base':'common-input-element-attributes','entity-cscr':'named-character-references','dom-area-target':'the-area-element','attr-link-media':'the-link-element','handler-ontimeupdate':'webappapis','entity-Lcy':'named-character-references','dom-window-locationbar':'browsers','attr-fs-novalidate':'attributes-common-to-form-controls','table-uda':'urls','media-playback':'media-elements','entity-sup1':'named-character-references','entity-subset':'named-character-references','entity-sup3':'named-character-references','entity-sup2':'named-character-references','entity-prnsim':'named-character-references','entity-hardcy':'named-character-references','charset':'the-meta-element','auxiliary-browsing-context':'browsers','dom-media-startoffsettime':'media-elements','entity-NotHumpEqual':'named-character-references','the-before-html-insertion-mode':'tree-construction','entity-supe':'named-character-references','attr-input-type-number-keyword':'the-input-elemen','attr-hyperlink-type':'links','entity-bowtie':'named-character-references','form-submission-algorithm':'form-submission','sandboxPluginObject':'the-object-element','outline':'headings-and-sections','entity-supE':'named-character-references','entity-Ucirc-legacy':'named-character-references','attr-iframe-sandbox':'the-iframe-element','wrongdocumenterror':'infrastructure','script-processing-parser-inserted':'the-script-element','entity-circledast':'named-character-references','entity-Supset':'named-character-references','entity-rangle':'named-character-references','entity-capbrcup':'named-character-references','htmlquoteelement':'the-blockquote-element','user-prompts':'user-prompts','dom-video-poster':'the-video-element','entity-eDot':'named-character-references','entity-Barv':'named-character-references','listing':'obsolete','dom-object-codetype':'obsolete','refsCP50220':'references','sandboxed-scripts-browsing-context-flag':'the-iframe-element','entity-rtri':'named-character-references','entity-Imacr':'naed-character-references','category-listed':'forms','entity-blank':'named-character-references','entity-qfr':'named-character-references','entity-Bfr':'named-character-references','embedded-content-2':'rendering','embedded-content-1':'embedded-content-1','embedded-content-0':'content-models','entity-REG':'named-character-references','entity-NotVerticalBar':'named-character-references','the-required-attribute':'common-input-element-attributes','manifests':'offline','entity-propto':'named-character-references','syntax-tag-omission':'syntax','entity-cap':'named-character-references','dom-navigator-appversion':'system-state-and-capabilities','htmlhtmlelement':'the-html-element','sectioning-root':'headings-and-sections','htmllinkelement':'the-link-element','suffering-from-a-pattern-mismatch':'constraints','ix-handler-window-onbeforeunload':'section-index','has-a-style-sheet-that-is-blocking-scripts':'styling','language':'global-attributes','dom-track-kind':'the-track-element','entity-quaternions':'named-characterreferences','valid-list-of-integers':'common-microsyntaxes','entity-lbbrk':'named-character-references','entity-Mcy':'named-character-references','entity-larrhk':'named-character-references','entity-DoubleLongRightArrow':'named-character-references','unknown-images':'the-img-element','refsFILESYSTEMAPI':'references','dom-fae-form':'association-of-controls-and-forms','entity-Iota':'named-character-references','building-menus-and-toolbars':'the-menu-element','entity-rArr':'named-character-references','scroll-to-fragid':'history','elements-0':'syntax','elements-1':'section-index','limited-to-only-non-negative-numbers':'common-dom-interfaces','dom-img-longdesc':'obsolete','refsRFC4395':'references','entity-LessTilde':'named-character-references','dom-select-length':'the-select-element','script-processing-for':'the-script-element','the-q-element':'the-q-element','refsRFC1345':'references','entity-bfr':'named-character-references','entity-sccue':'named-character-references','entity-nvHarr':'named-character-refereces','entity-yucy':'named-character-references','dom-tdth-bgcolor':'obsolete','entity-Cconint':'named-character-references','the-scrollbar-barprop-object':'browsers','dom-input-pattern':'the-input-element','dom-input-value-default-on':'common-input-element-apis','htmltablecaptionelement':'the-caption-element','entity-rcedil':'named-character-references','script-data-end-tag-name-state':'tokenization','dom-hx-align':'obsolete','use-div-for-wrappers':'the-section-element','entity-NotRightTriangleBar':'named-character-references','dom-a-charset':'obsolete','event-pagehide':'history','dom-area-coords':'the-area-element','entity-tbrk':'named-character-references','general-guidelines':'the-img-element','dom-fs-formtarget':'attributes-common-to-form-controls','entry-script':'browsers','entity-block':'named-character-references','attr-input-dirname':'common-input-element-attributes','attr-input-checked':'the-input-element','dom-fs-target':'attributes-common-to-form-controls','entity-ffilig':'named-character-referenes','entity-backsim':'named-character-references','entity-Mellintrf':'named-character-references','htmldocument':'browsers','entity-intercal':'named-character-references','the-dirname-attribute':'common-input-element-attributes','attr-area-shape-default':'the-area-element','entity-prap':'named-character-references','media-controller-playback-rate':'media-elements','attributes-common-to-form-controls':'attributes-common-to-form-controls','image-map':'image-maps','attr-optgroup-label':'the-optgroup-element','entity-HorizontalLine':'named-character-references','entity-rcy':'named-character-references','entity-pound-legacy':'named-character-references','attr-iframe-sandbox-allow-scripts':'the-iframe-element','execute-the-script-block':'the-script-element','entity-rarrsim':'named-character-references','entity-downdownarrows':'named-character-references','dom-validitystate-rangeunderflow':'constraints','defineTimeline':'media-elements','entity-gE':'named-character-references','svg-namespace':'namespaces','entity-uml-legacy':'named-character-references','misnested-tags:-b-i-b-i':'the-end','entity-PrecedesSlantEqual':'named-character-references','entity-djcy':'named-character-references','attr-link-methods':'obsolete','handler-mediacontroller-ontimeupdate':'media-elements','entity-lozenge':'named-character-references','entity-gg':'named-character-references','entity-ge':'named-character-references','entity-LeftDownVectorBar':'named-character-references','entity-gl':'named-character-references','attr-script-language':'obsolete','entity-gt':'named-character-references','entity-Emacr':'named-character-references','dom-iframe-longdesc':'obsolete','ix-handler-window-ononline':'section-index','attr-option-selected':'the-option-element','infrastructure':'infrastructure','parsing-main-afterbody':'tree-construction','svg-0':'svg-0','scripting-1':'scripting-1','entity-kappa':'named-character-references','wai-aria':'wai-aria','entity-Nfr':'named-character-references','dates':'common-microsyntaxes','entity-kscr':'named-characterreferences','entity-Superset':'named-character-references','insert-an-element-into-a-document':'infrastructure','entity-capcup':'named-character-references','attr-marquee-direction-down':'obsolete','dom-appcache-abort':'offline','dom-texttrackcue-text':'media-elements','rcdata-less-than-sign-state':'tokenization','entity-varnothing':'named-character-references','htmlbaseelement':'the-base-element','entity-jukcy':'named-character-references','entity-gbreve':'named-character-references','entity-hearts':'named-character-references','entity-ngE':'named-character-references','text-track-list-of-cues':'media-elements','entity-gesdotol':'named-character-references','dom-navigator-canplaytype':'media-elements','link-type-bookmark':'links','concept-input-required':'common-input-element-attributes','refsTIS620':'references','entity-nge':'named-character-references','time-ranges':'media-elements','attr-area-shape-keyword-default':'the-area-element','entity-ngt':'named-character-references','the-link-element':'the-linkelement','serializing-xhtml-fragments':'the-xhtml-syntax','text-track-cue-display-state':'media-elements','dom-canvas-width':'the-canvas-element','entity-npreceq':'named-character-references','entity-NotSquareSupersetEqual':'named-character-references','entity-xharr':'named-character-references','htmlbodyelement':'the-body-element','entity-CupCap':'named-character-references','entity-Lambda':'named-character-references','assigning-a-media-controller-declaratively':'media-elements','dom-iframe-marginwidth':'obsolete','entity-yacute-legacy':'named-character-references','entity-pertenk':'named-character-references','the-map-element':'the-map-element','dom-document-body':'dom','the-progress-element':'the-progress-element','entity-szlig':'named-character-references','entity-Pscr':'named-character-references','entity-succapprox':'named-character-references','entity-ogon':'named-character-references','entity-iocy':'named-character-references','dom-table-deletethead':'the-table-element','dom-link-disabled':'the-lin-element','entity-Ascr':'named-character-references','entity-AElig-legacy':'named-character-references','design-notes':'introduction','entity-lrcorner':'named-character-references','entity-odiv':'named-character-references','entity-utdot':'named-character-references','entity-gneq':'named-character-references','dom-click':'editing','dom-videotrack-label':'media-elements','the-thead-element':'the-thead-element','event-hashchange':'history','entity-notni':'named-character-references','concept-plugin-secure':'infrastructure','concept-appcache-manifest-fallback':'offline','entity-thorn-legacy':'named-character-references','concept-embed-active':'the-embed-element','dom-top':'browsers','entity-nsupseteq':'named-character-references','audience':'introduction','parse-a-duration-string':'common-microsyntaxes','entity-supplus':'named-character-references','dom-applet-alt':'obsolete','entity-nshortmid':'named-character-references','entity-precnapprox':'named-character-references','entity-supsetneq':'named-character-reerences','entity-precapprox':'named-character-references','run-canceled-activation-steps':'content-models','attr-base-target':'the-base-element','images':'rendering','requirements-relating-to-bidirectional-algorithm-formatting-characters':'requirements-relating-to-bidirectional-algorithm-formatting-characters','attributes-common-to-ins-and-del-elements':'attributes-common-to-ins-and-del-elements','entity-lfr':'named-character-references','dom-textarea-cols':'the-textarea-element','nomodificationallowederror':'infrastructure','the-video-element':'the-video-element','dom-media-network_empty':'media-elements','dom-document-all':'obsolete','the-meter-element-0':'rendering','dom-iframe-contentwindow':'the-iframe-element','dom-uda-search':'urls','dom-applet-name':'obsolete','refsRFC4648':'references','yearless-dates':'common-microsyntaxes','edits-and-tables':'edits-and-lists','title-on-style':'the-style-element','serializing-a-css-value':'infrastructure','the-script-block-s-fallback-character-encoding':'the-scrip-element','entity-rhov':'named-character-references','parent-browsing-context':'browsers','references':'references','entity-triangleq':'named-character-references','entity-YUcy':'named-character-references','entity-starf':'named-character-references','htmltablesectionelement':'the-tbody-element','entity-upsi':'named-character-references','entity-DoubleRightTee':'named-character-references','attr-source-type':'the-source-element','styling':'styling','relevant-application-cache':'offline','entity-langd':'named-character-references','handler-oninput':'webappapis','the-code-element':'the-code-element','entity-bumpE':'named-character-references','attr-fs-formnovalidate':'attributes-common-to-form-controls','syntax-text':'syntax','using-the-rules-for':'parsing','list-of-scripts-that-will-execute-when-the-document-has-finished-parsing':'the-script-element','attr-command-title':'the-command-element','domstringmap':'common-dom-interfaces','entity-dharr':'named-character-references','entity-SHCHcy':'named-character-rferences','entity-dharl':'named-character-references','dom-event-target':'infrastructure','dom-col-width':'obsolete','file':'infrastructure','entity-MediumSpace':'named-character-references','handler-onloadstart':'webappapis','utf-8':'infrastructure','dialog-arguments':'user-prompts','text-track-cue-end-alignment':'media-elements','an-image-not-intended-for-the-user':'the-img-element','durations':'common-microsyntaxes','entity-nldr':'named-character-references','command-facet-action':'commands','entity-aelig':'named-character-references','entity-Larr':'named-character-references','script-data-double-escape-start-state':'tokenization','disowned-its-opener':'browsers','fallback-content':'content-models','dom-fs-encoding':'attributes-common-to-form-controls','the-em-element':'the-em-element','css-element-reference-identifier':'infrastructure','entity-equals':'named-character-references','dom-media-texttracks':'media-elements','definitions-0':'webappapis','definitions-1':'webappapis','browsers':'browsers','dom-anvas-todataurl':'the-canvas-element','entity-Xfr':'named-character-references','dom-tbody-ch':'obsolete','dom-mod-cite':'attributes-common-to-ins-and-del-elements','tree-order':'infrastructure','concept-input-type-file-selected':'number-state','dom-document-embeds':'dom','the-session-history-of-browsing-contexts':'history','entity-midcir':'named-character-references','dom-table-rules':'obsolete','entity-fscr':'named-character-references','entity-amp-legacy':'named-character-references','refsRFC3676':'references','dom-timeranges-length':'media-elements','entity-lsim':'named-character-references','entity-nvrArr':'named-character-references','entity-ycirc':'named-character-references','headings-and-sections':'headings-and-sections','entity-Sqrt':'named-character-references','plugins':'infrastructure','dom-audio':'the-audio-element','entity-gtlPar':'named-character-references','ix-handler-onmousewheel':'section-index','concept-appcache-foreign':'offline','insertion-mode':'parsing','mathml-text-integration-poin':'tree-construction','entity-nequiv':'named-character-references','entity-sqsupseteq':'named-character-references','flow-content-1':'rendering','flow-content-0':'content-models','script-data-double-escaped-dash-dash-state':'tokenization','entity-frasl':'named-character-references','entity-TildeTilde':'named-character-references','entity-reg':'named-character-references','entity-opar':'named-character-references','dom-window-scrollbars':'browsers','entity-midast':'named-character-references','attr-iframe-frameborder':'obsolete','attr-col-charoff':'obsolete','convert-a-list-of-dimensions-to-a-list-of-pixel-values':'rendering','concept-event-type':'infrastructure','dom-texttrack-hidden':'media-elements','attr-a-urn':'obsolete','entity-sim':'named-character-references','entity-infintie':'named-character-references','entity-NotGreaterGreater':'named-character-references','entity-el':'named-character-references','attr-ul-type':'obsolete','entity-ee':'named-character-references','entity-eg':'named-character-refernces','entity-ijlig':'named-character-references','dom-domimplementation-createhtmldocument':'infrastructure','pending-application-cache-download-process-tasks':'offline','attr-col-span':'the-col-element','entity-amacr':'named-character-references','paragraph':'content-models','dom-innerhtml':'infrastructure','dom-html-version':'obsolete','entity-loang':'named-character-references','entity-SquareUnion':'named-character-references','numbers':'common-microsyntaxes','rules-for-parsing-a-legacy-color-value':'common-microsyntaxes','entity-cylcty':'named-character-references','entity-Igrave-legacy':'named-character-references','dom-area-protocol':'the-area-element','enabling-and-disabling-form-controls':'attributes-common-to-form-controls','entity-xuplus':'named-character-references','entity-PrecedesTilde':'named-character-references','entity-NotGreaterEqual':'named-character-references','adoptionAgency':'tree-construction','entity-nsim':'named-character-references','dom-history-go':'history','column-group-header:'attributes-common-to-td-and-th-elements','dom-accesskeylabel':'editing','dom-option-selected':'the-option-element','notfounderror':'infrastructure','refsXPATH10':'references','entity-nap':'named-character-references','entity-succcurlyeq':'named-character-references','entity-Hacek':'named-character-references','hierarchyrequesterror':'infrastructure','the-lang-and-xml:lang-attributes':'global-attributes','refsARIAIMPL':'references','dom-manipulation-task-source':'webappapis','dom-datatransferitemlist-length':'dnd','after-doctype-public-identifier-state':'tokenization','the-dragevent-interface':'dnd','entity-Nscr':'named-character-references','dom-hr-size':'obsolete','entity-FilledSmallSquare':'named-character-references','entity-zhcy':'named-character-references','entity-dollar':'named-character-references','interactive-content-0':'content-models','dom-time-datetime':'the-time-element','entity-Breve':'named-character-references','seeking':'media-elements','concept-appcache-status':'offline','event-media-pase':'media-elements','entity-oplus':'named-character-references','entity-OverBar':'named-character-references','entity-micro':'named-character-references','dom-datatransferitem-kind':'dnd','entity-Iscr':'named-character-references','entity-auml':'named-character-references','dom-validitystate-customerror':'constraints','entity-nwarhk':'named-character-references','ix-handler-onerror':'section-index','attr-table-datapagesize':'obsolete','entity-curvearrowleft':'named-character-references','generate-implied-end-tags':'tree-construction','refsRFC2119':'references','entity-ulcorner':'named-character-references','attr-tbody-char':'obsolete','the-personal-bar-barprop-object':'browsers','event-loops':'webappapis','entity-ograve':'named-character-references','entity-ssetmn':'named-character-references','dom-area-rellist':'the-area-element','entity-rHar':'named-character-references','entity-upsih':'named-character-references','attr-embed-align':'obsolete','attr-img-ismap':'the-img-element','entity-boxplus':'named-chracter-references','charset1024':'the-meta-element','dom-script-event':'obsolete','dom-iframe-frameborder':'obsolete','entity-timesd':'named-character-references','dom-windowtimers-setinterval':'timers','entity-timesb':'named-character-references','entity-Element':'named-character-references','completely-loaded':'the-end','entity-mapsto':'named-character-references','dom-tr-ch':'obsolete','entity-rightharpoondown':'named-character-references','attr-media-preload-metadata-state':'media-elements','entity-phi':'named-character-references','dom-hidden':'editing','timed-text-tracks':'media-elements','entity-OverBracket':'named-character-references','entity-Jcirc':'named-character-references','parse-state':'parsing','entity-ntriangleright':'named-character-references','the-audio-element':'the-audio-element','multipart-form-data-encoding-algorithm':'form-submission','attr-object-border':'obsolete','handler-window-onbeforeprint':'webappapis','read-media':'history','refsBECSS':'references','sandboxWindowOpen':'browsrs','dom-img-height':'the-img-element','simple-dialogs':'user-prompts','text-content':'content-models','attr-input-step':'common-input-element-attributes','dom-area-pathname':'the-area-element','handler-window-onfocus':'webappapis','ix-handler-onload':'section-index','the-a-element':'the-a-element','refsUNIVCHARDET':'references','interactive':'infrastructure','attr-tr-char':'obsolete','entity-Wedge':'named-character-references','entity-rarrpl':'named-character-references','the-colgroup-element':'the-colgroup-element','entity-coloneq':'named-character-references','cache-failure-steps':'offline','attr-body-alink':'obsolete','dom-select-item':'the-select-element','audiotrack':'media-elements','embedding-custom-non-visible-data-with-the-data-attributes':'global-attributes','dom-media-controls':'media-elements','attr-table-border':'the-table-element','attr-track-kind-keyword-captions':'the-track-element','handler-appcache-onchecking':'offline','attr-input-type-week-keyword':'the-input-element','maximum-allowed-vlue-length':'attributes-common-to-form-controls','entity-larrlp':'named-character-references','refsCHARMOD':'references','attr-dir-rtl-state':'global-attributes','entity-DoubleContourIntegral':'named-character-references','before-doctype-public-identifier-state':'tokenization','datatransfer':'dnd','dom-navigator-useragent':'system-state-and-capabilities','attr-style-title':'the-style-element','entity-doublebarwedge':'named-character-references','entity-dtdot':'named-character-references','entity-euml':'named-character-references','concept-input-max':'common-input-element-attributes','entity-gimel':'named-character-references','entity-urcrop':'named-character-references','entity-Icy':'named-character-references','entity-atilde':'named-character-references','list-of-dragged-nodes':'dnd','the-abbr-element':'the-abbr-element','attr-style-scoped':'the-style-element','the-autocomplete-attribute':'common-input-element-attributes','refsXMLNS':'references','restrictions-for-contents-of-script-elements':'the-script-eement','entity-cuwed':'named-character-references','structure-of-this-specification':'introduction','valid-duration-string':'common-microsyntaxes','dom-window-stop':'browsers','dom-input-max':'the-input-element','dom-applet-codebase':'obsolete','attr-param-valuetype':'obsolete','storage-mutex':'webappapis','entity-subseteqq':'named-character-references','parse-a-date-component':'common-microsyntaxes','other-applicable-specifications':'infrastructure','user-interface':'media-elements','entity-Rfr':'named-character-references','entity-zwj':'named-character-references','media-resource':'media-elements','entity-nsqsupe':'named-character-references','entity-NotExists':'named-character-references','establish-script-block-source':'the-script-element','refsRFC6350':'references','embedded-content':'content-models','interfaces':'section-index','collections-0':'common-dom-interfaces','dom-input-value-default':'common-input-element-apis','element-restrictions':'syntax','entity-nearhk':'named-character-references','dom-ody-link':'obsolete','entity-radic':'named-character-references','entity-gacute':'named-character-references','document.write':'dynamic-markup-insertion','found-another-audio-track':'media-elements','entity-Fscr':'named-character-references','handler-ondragover':'webappapis','compliance-with-other-specifications':'introduction','dom-texttrack-language':'media-elements','entity-nlsim':'named-character-references','entity-NotSucceedsTilde':'named-character-references','entity-parsim':'named-character-references','entity-lrarr':'named-character-references','entity-OverParenthesis':'named-character-references','dom-media-controller':'media-elements','media-element':'media-elements','downloading-or-updating-an-application-cache':'offline','entity-osol':'named-character-references','entity-Otilde-legacy':'named-character-references','ix-handler-ondurationchange':'section-index','entity-vBar':'named-character-references','entity-squf':'named-character-references','textarea-effective-width':'rendering','dom-input-lst':'common-input-element-apis','entity-DotDot':'named-character-references','event-popstate':'history','entity-lAtail':'named-character-references','dom-a-hostname':'the-a-element','multicol':'obsolete','entity-ofcir':'named-character-references','entity-nhArr':'named-character-references','dom-windowmodal-returnvalue':'user-prompts','entity-sol':'named-character-references','entity-mapstoup':'named-character-references','entity-Equilibrium':'named-character-references','concept-dropzone-match':'dnd','ix-handler-onmouseover':'section-index','parsing-main-inbody':'tree-construction','concept-http-equivalent-headers':'urls','entity-fopf':'named-character-references','entity-Qscr':'named-character-references','a-short-phrase-or-label-with-an-alternative-graphical-representation:-icons-logos':'the-img-element','dom-link-href':'the-link-element','pragma-set-default-language':'the-meta-element','entity-ThinSpace':'named-character-references','entity-RightArrowBar':'named-character-references','newlines':'syntax''event-mediacontroller-canplay':'media-elements','dom-spellcheck':'editing-apis','entity-NotTildeEqual':'named-character-references','dom-track-none':'the-track-element','entity-Hfr':'named-character-references','concept-rel-extensions':'links','drag-data-store-default-feedback':'dnd','limited-quirks-mode':'infrastructure','attr-form-name':'the-form-element','event-offline':'offline','big':'obsolete','entity-incare':'named-character-references','bidirectional-text':'rendering','entity-LJcy':'named-character-references','entity-triangleleft':'named-character-references','parser-inserted':'the-script-element','entity-ncy':'named-character-references','entity-NotSquareSubsetEqual':'named-character-references','dom-media-network_idle':'media-elements','root-element-of-a-document-object':'infrastructure','entity-rightleftharpoons':'named-character-references','entity-gtreqqless':'named-character-references','converted-to-ascii-lowercase':'infrastructure','valid-floating-point-number':'common-microsyntaxes','dom-ption-text':'the-option-element','refsECMA357':'references','examples':'examples','refsWIN874':'references','the-button-element-0':'rendering','refsCSSATTR':'references','attr-input-type-keywords':'the-input-element','dom-marquee-vspace':'obsolete','opening-the-input-stream':'dynamic-markup-insertion','entity-approxeq':'named-character-references','entity-caps':'named-character-references','dom-media-currentsrc':'media-elements','refsCSSCOLOR':'references','entity-IJlig':'named-character-references','dom-document-write':'dynamic-markup-insertion','dom-details-open':'the-details-element','escapingString':'the-end','entity-sqsubseteq':'named-character-references','dom-media-have_metadata':'media-elements','content-type-sniffing-0':'urls','entity-ntilde-legacy':'named-character-references','entity-rsquo':'named-character-references','valid-browsing-context-name':'browsers','self-closing-start-tag-state':'tokenization','entity-thickapprox':'named-character-references','entity-Ocirc-legacy':'named-character-refeences','entity-comp':'named-character-references','refsRFC1842':'references','entity-hfr':'named-character-references','dom-select-selectedoptions':'the-select-element','text-track-cue-line-position':'media-elements','entity-subsetneqq':'named-character-references','entity-nvinfin':'named-character-references','acknowledgements':'acknowledgements','dom-col-span':'the-col-element','entity-DD':'named-character-references','common-event-behaviors':'common-input-element-apis','entity-Prime':'named-character-references','transferable-objects':'common-dom-interfaces','entity-xopf':'named-character-references','the-iframe-element':'the-iframe-element','bring-the-media-element-up-to-speed-with-its-new-media-controller':'media-elements','entity-Rang':'named-character-references','external-resource-link':'links','dom-marquee-width':'obsolete','entity-DifferentialD':'named-character-references','attr-ol-type-state-lower-roman':'the-ol-element','attr-hyperlink-target':'links','script-data-escaped-end-tag-name-state':'tkenization','entity-topf':'named-character-references','dom-track-error':'the-track-element','signed-integers':'common-microsyntaxes','refsCSSOM':'references','entity-realpart':'named-character-references','entity-vltri':'named-character-references','linkui':'the-link-element','entity-cudarrr':'named-character-references','valid-e-mail-address':'states-of-the-type-attribute','entity-cudarrl':'named-character-references','being-rendered':'rendering','refsGBK':'references','entity-UnderBar':'named-character-references','dom-a-port':'the-a-element','entity-zopf':'named-character-references','documents-in-the-dom':'dom','ix-handler-onfocus':'section-index','attr-input-max':'common-input-element-attributes','refsMEDIAFRAG':'references','entity-DiacriticalDot':'named-character-references','script-s-browsing-context':'webappapis','entity-ltdot':'named-character-references','entity-NotLeftTriangleEqual':'named-character-references','entity-RoundImplies':'named-character-references','handler-onmousewheel':'webappapi','event-dragend':'dnd','dom-media-readystate':'media-elements','current-media-controller':'media-elements','syntax-references':'common-microsyntaxes','ix-handler-ondragstart':'section-index','valid-week-string':'common-microsyntaxes','entity-Del':'named-character-references','concept-fetch-loaded':'urls','entity-nvrtrie':'named-character-references','primary-context':'the-canvas-element','entity-Eogon':'named-character-references','concept-column':'attributes-common-to-td-and-th-elements','rawtext-end-tag-open-state':'tokenization','entity-lrhar':'named-character-references','texttrack':'media-elements','handler-onmouseup':'webappapis','attr-body-marginbottom':'obsolete','entity-Hopf':'named-character-references','entity-dcaron':'named-character-references','attr-meter-max':'the-meter-element','valid-time-string':'common-microsyntaxes','attr-textarea-cols-value':'the-textarea-element','attr-meta-http-equiv-content-type':'the-meta-element','entity-LeftTriangle':'named-character-references','attr-fs-target':attributes-common-to-form-controls','entity-RightDownVector':'named-character-references','entity-blacktriangleleft':'named-character-references','floating-point-numbers':'common-microsyntaxes','entity-Atilde':'named-character-references','htmldivelement':'the-div-element','entity-DownBreve':'named-character-references','entity-DownRightVector':'named-character-references','stopped-due-to-errors':'media-elements','dom-input-align':'obsolete','entity-yen-legacy':'named-character-references','dom-tr-insertcell':'the-tr-element','validity-states':'constraints','event-mediacontroller-ended':'media-elements','entity-Rho':'named-character-references','selector-rtl':'links','handler-onmousemove':'webappapis','dom-textarea-type':'the-textarea-element','entity-nvsim':'named-character-references','navigating-auxiliary-browsing-contexts-in-the-dom':'browsers','unit-of-related-similar-origin-browsing-contexts':'browsers','entity-subedot':'named-character-references','entity-lmidot':'named-character-references','entity-strok':'named-character-references','refsCSS':'references','entity-VerticalTilde':'named-character-references','creating-and-inserting-elements':'tree-construction','entity-risingdotseq':'named-character-references','htmloptionscollection-0':'common-dom-interfaces','entity-mldr':'named-character-references','entity-egsdot':'named-character-references','entity-cwint':'named-character-references','the-canvas-element':'the-canvas-element','parsing-xhtml-documents':'the-xhtml-syntax','fetch':'urls','invalidaccesserror':'infrastructure','entity-erDot':'named-character-references','entity-boxHD':'named-character-references','event-appcache-checking':'offline','entity-Dashv':'named-character-references','entity-boxHU':'named-character-references','after-doctype-name-state':'tokenization','parsing-html-fragments':'the-end','dom-texttrackcue-starttime':'media-elements','refsUTR36':'references','specially-focusable':'editing','entity-boxHd':'named-character-references','entity-abreve':'named-character-references','alorithm-for-growing-downward-growing-cells':'attributes-common-to-td-and-th-elements','concept-marquee-off':'obsolete','entity-boxHu':'named-character-references','entity-numero':'named-character-references','entity-rtrie':'named-character-references','dom-media-pause':'media-elements','entity-euro':'named-character-references','entity-rtrif':'named-character-references','after-attribute-name-state':'tokenization','entity-kjcy':'named-character-references','dom-marquee-truespeed':'obsolete','selector-indeterminate':'links','concept-js-deref':'webappapis','entity-sup2-legacy':'named-character-references','entity-ii':'named-character-references','entity-solbar':'named-character-references','frames-and-framesets':'rendering','entity-in':'named-character-references','entity-swnwar':'named-character-references','entity-ic':'named-character-references','attr-tbody-charoff':'obsolete','attr-input-type-hidden-keyword':'the-input-element','documentEncoding':'parsing','dom-track-track':'the-track-element','entity-smt''named-character-references','htmloptionelement':'the-option-element','the-command-element':'the-command-element','entity-leftrightsquigarrow':'named-character-references','entity-isin':'named-character-references','the-execution-of-scripts-that-are-moving-across-multiple-documents':'the-end','dom-uda-pathname':'urls','concept-textarea-raw-value':'the-textarea-element','entity-GreaterEqual':'named-character-references','skip-white_space-characters':'common-microsyntaxes','entity-Gfr':'named-character-references','doctype-name-state':'tokenization','attr-input-type-checkbox-keyword':'the-input-element','entity-Iogon':'named-character-references','dom-history-forward':'history','entity-psi':'named-character-references','entity-fork':'named-character-references','offsets-into-the-media-resource':'media-elements','a-type-that-the-user-agent-knows-it-cannot-render':'media-elements','constraints':'constraints','history-notes':'history','attr-input-multiple':'common-input-element-attributes','entity-Fopf':'named-caracter-references','entity-Kscr':'named-character-references','dom-htmloptionscollection-setter':'common-dom-interfaces','dom-audio-s':'the-audio-element','sandboxed-forms-browsing-context-flag':'the-iframe-element','text-track-cue-vertical-growing-right-writing-direction':'media-elements','entity-bumpe':'named-character-references','script-processing-start':'the-script-element','concept-marquee-on':'obsolete','dom-texttrack-removecue':'media-elements','attr-input-accept':'number-state','entity-lharul':'named-character-references','dom-input-defaultvalue':'the-input-element','the-placeholder-attribute':'common-input-element-attributes','dom-table-bgcolor':'obsolete','dom-iframe-sandbox':'the-iframe-element','text-track-cue-snap-to-lines-flag':'media-elements','command-facet-disabledstate':'commands','entity-nsup':'named-character-references','entity-therefore':'named-character-references','attr-details-open':'the-details-element','the-title-attribute':'global-attributes','entity-nsub':'named-character-refeences','dom-object-typemustmatch':'the-object-element','entity-numsp':'named-character-references','dom-document-commands':'commands','a-group-of-images-that-form-a-single-larger-picture-with-no-links':'the-img-element','concept-input-type-image-coordinate':'number-state','entity-Because':'named-character-references','entity-frac45':'named-character-references','attr-area-alt':'the-area-element','represented-by-the-collection':'infrastructure','obsolete-permitted-doctype':'syntax','entity-awint':'named-character-references','entity-eogon':'named-character-references','entity-Rcaron':'named-character-references','attr-input-size':'common-input-element-attributes','attr-dim-height':'dimension-attributes','locked-for-reset':'the-form-element','entity-ast':'named-character-references','entity-sext':'named-character-references','entity-erarr':'named-character-references','entity-imath':'named-character-references','the-details-element-0':'rendering','entity-ncup':'named-character-references','entity-supsetneqq':named-character-references','entity-quot-legacy':'named-character-references','attr-menu-type':'the-menu-element','entity-frown':'named-character-references','dom-a-media':'the-a-element','attr-input-value':'the-input-element','e-mail-state':'states-of-the-type-attribute','dom-command-ro-commandhidden':'commands','list-of-the-descendant-browsing-contexts':'browsers','plaintext':'obsolete','entity-odot':'named-character-references','dom-command-ro-commandtype':'commands','table-aria-strong':'wai-aria','handler-oncontextmenu':'webappapis','entity-Proportional':'named-character-references','attr-object-vspace':'obsolete','unexpected-markup-in-tables':'the-end','ix-handler-onsuspend':'section-index','attr-datasrc':'obsolete','attr-meta-charset':'the-meta-element','transparently-follow-the-redirect':'urls','dom-image-w':'the-img-element','ix-handler-onmouseup':'section-index','dom-texttrackcue-id':'media-elements','scriptForeignEndTag':'tree-construction','entity-nrtri':'named-character-references','attr-tdth-with':'obsolete','reset-the-form-owner':'association-of-controls-and-forms','entity-QUOT':'named-character-references','entity-fpartint':'named-character-references','entity-phiv':'named-character-references','refsJSURL':'references','filelist':'infrastructure','concept-fetch-total':'urls','entity-gesdoto':'named-character-references','entity-Bopf':'named-character-references','text':'infrastructure','attr-col-align':'obsolete','multipart-x-mixed-replace':'iana','entity-fllig':'named-character-references','entity-uogon':'named-character-references','dom-frame-contentdocument':'obsolete','entity-lbrke':'named-character-references','dom-media-seeking':'media-elements','notsupportederror':'infrastructure','the-html-element-0':'dom','entity-DownTee':'named-character-references','media-controller-duration':'media-elements','entity-sqsup':'named-character-references','entity-DownRightTeeVector':'named-character-references','entity-sqsub':'named-character-references','the-figcaption-element':'the-figcaption-element''dom-datatransfer-addelement':'dnd','recommended-reading':'introduction','entity-uarr':'named-character-references','selector-link':'links','event-click':'infrastructure','password-state':'states-of-the-type-attribute','value-track-kind-commentary':'media-elements','attr-marquee-direction':'obsolete','the-head-element-0':'dom','entity-rarrtl':'named-character-references','attr-video-poster':'the-video-element','normal-elements':'syntax','dom-img-hspace':'obsolete','custom-request-headers':'infrastructure','entity-LeftUpDownVector':'named-character-references','entity-nspar':'named-character-references','dom-script-type':'the-script-element','entity-larrpl':'named-character-references','entity-SupersetEqual':'named-character-references','initial-playback-position':'media-elements','plugin':'infrastructure','common-dom-interfaces':'common-dom-interfaces','attr-meta-scheme':'obsolete','attributes':'element-definitions','entity-Epsilon':'named-character-references','ix-handler-onmousedown':'section-index','commnt':'tokenization','entity-jcirc':'named-character-references','dom-div-align':'obsolete','entity-geqslant':'named-character-references','concept-appcache-onlinewhitelist-wildcard':'offline','refsUNDO':'references','browsing-context':'browsers','dom-textarea-textlength':'the-textarea-element','entity-hyphen':'named-character-references','dom-media-audiotracks':'media-elements','media-element-load-algorithm':'media-elements','dom-audiotrack-label':'media-elements','entity-bne':'named-character-references','dom-textarea-placeholder':'the-textarea-element','event-media-seeked':'media-elements','entity-cupdot':'named-character-references','entity-ltcir':'named-character-references','dom-param-type':'obsolete','dom-videotracklist-length':'media-elements','concept-input-value-dirty-flag':'the-input-element','entity-rcub':'named-character-references','dom-style-media':'the-style-element','entity-bigstar':'named-character-references','attr-tr-valign':'obsolete','playing-the-media-resource':'media-elements','definin-term':'the-dfn-element','the-link-is-an-alternative-stylesheet':'links','dom-datatransfer-cleardata':'dnd','tokenization':'tokenization','entity-NotEqualTilde':'named-character-references','dom-param-valuetype':'obsolete','attr-object-codetype':'obsolete','noopener':'browsers','dom-optgroup-disabled':'the-optgroup-element','entity-ifr':'named-character-references','the-h2-element':'the-h1-h2-h3-h4-h5-and-h6-elements','entity-iff':'named-character-references','htmldlistelement':'the-dl-element','entity-fltns':'named-character-references','concept-events-trusted':'infrastructure','entity-bigtriangledown':'named-character-references','center':'obsolete','entity-bprime':'named-character-references','entity-xcup':'named-character-references','dom-window-toolbar':'browsers','ix-handler-ondragenter':'section-index','concept-frag-parse-context':'the-end','entity-lscr':'named-character-references','global-attributes':'global-attributes','concept-select-size':'the-select-element','nextid':'obsolete','elements-in-thedom':'elements','dom-media-loop':'media-elements','attr-area-shape-poly':'the-area-element','dom-option-tv':'the-option-element','doctype-system-identifier-single-quoted-state':'tokenization','dom-document-querycommandsupported':'editing-apis','the-fieldset-element':'the-fieldset-element','entity-Abreve':'named-character-references','entity-minusdu':'named-character-references','attr-xml-lang':'global-attributes','attr-link-target':'obsolete','entity-cupcup':'named-character-references','concept-input-value-date-string':'the-input-element','dom-document-createelement':'infrastructure','dom-form-checkvalidity':'the-form-element','table-layout-techniques':'the-table-element','entity-bigcirc':'named-character-references','sandboxed-origin-browsing-context-flag':'the-iframe-element','attr-button-type-button-state':'the-button-element','dom-htmlselectelement-setter':'the-select-element','entity-ReverseElement':'named-character-references','dom-iframe-contentdocument':'the-iframe-element','attr-command-label':'th-command-element','playing-media-controller':'media-elements','ix-handler-onkeyup':'section-index','attr-body-link':'obsolete','sample-handler-impl':'system-state-and-capabilities','handler-onreadystatechange':'webappapis','handler-onkeypress':'webappapis','rules-for-serializing-simple-color-values':'common-microsyntaxes','entity-or':'named-character-references','attr-textarea-wrap':'the-textarea-element','the-doctype':'syntax','refsHTMLDIFF':'references','create-an-impotent-script':'webappapis','entity-oS':'named-character-references','suffering-from-a-type-mismatch':'constraints','event-appcache-error':'offline','application-cache':'offline','entity-LeftUpVectorBar':'named-character-references','refsWIN949':'references','dom-lang':'global-attributes','entity-DownArrowUpArrow':'named-character-references','attr-ul-compact':'obsolete','mime-type':'infrastructure','create-a-drag-data-store':'dnd','sandboxed-plugins-browsing-context-flag':'the-iframe-element','attr-data':'global-attributes','loading-the-mediaresource':'media-elements','entity-supnE':'named-character-references','application-xhtml-xml':'iana','entity-LeftVector':'named-character-references','entity-NotSuperset':'named-character-references','entity-GT-legacy':'named-character-references','interactively-validate-the-constraints':'constraints','entity-LongRightArrow':'named-character-references','entity-Ufr':'named-character-references','entity-DScy':'named-character-references','attr-fe-name':'attributes-common-to-form-controls','event-drop':'dnd','attr-area-shape-keyword-circ':'the-area-element','entity-solb':'named-character-references','serializability-of-script-execution':'introduction','entity-asympeq':'named-character-references','dom-navigator-unregistercontenthandler':'system-state-and-capabilities','entity-ccirc':'named-character-references','entity-kcy':'named-character-references','entity-not':'named-character-references','internal-structured-cloning-algorithm':'common-dom-interfaces','entity-Longrightarrow':'named-character-references''entity-nsccue':'named-character-references','dom-object-contentdocument':'the-object-element','entity-nltrie':'named-character-references','entity-frac23':'named-character-references','entity-frac25':'named-character-references','entity-ggg':'named-character-references','mime-types':'media-elements','entity-rcaron':'named-character-references','entity-Theta':'named-character-references','space-character':'common-microsyntaxes','dom-ol-start':'the-ol-element','text-cache-manifest':'iana','htmltablecellelement':'attributes-common-to-td-and-th-elements','the-samp-element':'the-samp-element','refsCSSFONTS':'references','entity-CHcy':'named-character-references','comment-end-state':'tokenization','ix-handler-onclick':'section-index','refsUNICODE':'references','entity-CounterClockwiseContourIntegral':'named-character-references','attr-object-typemustmatch':'the-object-element','entity-leftleftarrows':'named-character-references','entity-nexists':'named-character-references','entity-blacktriangledown':'named-charcter-references','browsing-context-names':'browsers','entity-phone':'named-character-references','concept-appcache-pending-masters':'offline','attr-meter-high':'the-meter-element','refsRFC1554':'references','attr-label-for':'the-label-element','refsXHR':'references','entity-becaus':'named-character-references','row-group-header':'attributes-common-to-td-and-th-elements','concept-appcache-cache':'offline','obtain-a-physical-form':'rendering','entity-cross':'named-character-references','entity-MinusPlus':'named-character-references','entity-oacute':'named-character-references','ix-handler-onchange':'section-index','the-end':'the-end','attr-meter-value':'the-meter-element','dom-style-disabled':'the-style-element','attr-media-src':'media-elements','entity-ImaginaryI':'named-character-references','changesToNetworkingModel':'offline','the-s-element':'the-s-element','fire-loadedmetadata':'media-elements','entity-tcaron':'named-character-references','attr-iframe-longdesc':'obsolete','fakepath-srsly':'number-state',attr-input-usemap':'obsolete','concept-uda-input':'urls','webvtt-cue-settings':'infrastructure','resetting-a-form':'form-submission','attr-iframe-vspace':'obsolete','entity-cent-legacy':'named-character-references','the-cite-element':'the-cite-element','dom-area-port':'the-area-element','entity-UnderBrace':'named-character-references','non-conforming-features':'obsolete','entity-varrho':'named-character-references','handler-state-string':'system-state-and-capabilities','creator-browsing-context':'browsers','entity-nLt':'named-character-references','entity-thksim':'named-character-references','dom-windowbase64-btoa':'webappapis','cross-origin-request':'infrastructure','dom-feature-strings':'common-dom-interfaces','entity-otimesas':'named-character-references','entity-nLl':'named-character-references','appcache':'offline','encrypted-http-and-related-security-concerns':'urls','entity-DownLeftRightVector':'named-character-references','original-insertion-mode':'parsing','entity-Uarr':'named-character-references''drag-data-store-elements-list':'dnd','dom-textarea-rows':'the-textarea-element','transfer-a-transferable-object':'common-dom-interfaces','attr-fs-action':'attributes-common-to-form-controls','fire-a-simple-event':'webappapis','dom-progress-position':'the-progress-element','entity-vartriangleright':'named-character-references','dom-media-volume':'media-elements','dom-timeranges-end':'media-elements','entity-roang':'named-character-references','entity-VeryThinSpace':'named-character-references','mq':'common-microsyntaxes','type-blacklist':'system-state-and-capabilities','entity-isinsv':'named-character-references','entity-mumap':'named-character-references','entity-searrow':'named-character-references','entity-uhblk':'named-character-references','entity-rdquor':'named-character-references','element-type':'infrastructure','edits-and-paragraphs':'edits-and-paragraphs','dom-form-elements':'the-form-element','split-a-string-on-spaces':'common-microsyntaxes','update-the-session-history-with-the-new-page':'history,'entity-divide':'named-character-references','dom-htmloptionscollection-remove':'common-dom-interfaces','entity-rect':'named-character-references','entity-lesseqgtr':'named-character-references','meta-description':'the-meta-element','valid-simple-color':'common-microsyntaxes','dom-frameset-rows':'obsolete','handler-onload':'webappapis','prepare-an-event':'media-elements','entity-bemptyv':'named-character-references','entity-uuml':'named-character-references','reload-override-flag':'dom','style-sheet-ready':'styling','scripting-0':'infrastructure','writing':'syntax','edits':'edits','relaxing-the-same-origin-restriction':'origin-0','dom-input-required':'the-input-element','entity-DoubleLeftArrow':'named-character-references','entity-Aopf':'named-character-references','the-bdi-element':'the-bdi-element','dom-validitystate-valid':'constraints','handler-mediacontroller-onvolumechange':'media-elements','entity-Ntilde':'named-character-references','parse-the-webvtt-settings':'infrastructure','attr-base-href':'thebase-element','sbu-not-copy':'webappapis','track-url':'the-track-element','text-tracks-describing-chapters':'media-elements','the-blockquote-element':'the-blockquote-element','dom-media-have_enough_data':'media-elements','attr-input-type-email-keyword':'the-input-element','entity-boxDR':'named-character-references','entity-boxDL':'named-character-references','entity-Utilde':'named-character-references','client-identification':'system-state-and-capabilities','attr-input-type-color-keyword':'the-input-element','dom-media-load':'media-elements','entity-rsaquo':'named-character-references','entity-boxDr':'named-character-references','toolbars':'the-menu-element','entity-boxDl':'named-character-references','entity-lsquo':'named-character-references','entity-lvertneqq':'named-character-references','explicit-eof-character':'parsing','concept-input-step':'common-input-element-attributes','entity-kcedil':'named-character-references','entity-supedot':'named-character-references','mediacontroller':'media-elements','enity-sect':'named-character-references','dom-window-status':'browsers','xpath-1.0-processors':'wai-aria','entity-CircleDot':'named-character-references','text-track-loaded':'media-elements','suffering-from-being-too-long':'constraints','dom-name':'browsers','entity-NotPrecedesSlantEqual':'named-character-references','entity-Nopf':'named-character-references','rank':'the-h1-h2-h3-h4-h5-and-h6-elements','network-states':'media-elements','entity-mu':'named-character-references','the-footer-element':'the-footer-element','entity-mp':'named-character-references','dom-document-bgcolor':'obsolete','link-type-help':'links','list-of-scripts-that-will-execute-in-order-as-soon-as-possible':'the-script-element','refsMFREL':'references','have-range-limitations':'common-input-element-attributes','security-3':'history','entity-ltquest':'named-character-references','documenttype':'infrastructure','entity-uscr':'named-character-references','urlmismatcherror':'infrastructure','attr-script-charset':'the-script-element','range-sate':'number-state','dom-media-have_nothing':'media-elements','fragment-escaped':'urls','entity-subplus':'named-character-references','dom-document-plugins':'dom','entity-jscr':'named-character-references','entity-tscy':'named-character-references','entity-tscr':'named-character-references','scriptTagXML':'the-xhtml-syntax','classes':'global-attributes','the-multiple-attribute':'common-input-element-attributes','dom-mediaerror-code':'media-elements','form-element-pointer':'parsing','concept-form-association':'association-of-controls-and-forms','syntax-ambiguous-ampersand':'syntax','entity-para':'named-character-references','entity-NotCongruent':'named-character-references','datatransferitemlist':'dnd','entity-part':'named-character-references','attr-ol-type-keyword-upper-alpha':'the-ol-element','dom-tdth-width':'obsolete','entity-PrecedesEqual':'named-character-references','event-drag':'dnd','refsWIN31J':'references','guidance-for-conformance-checkers':'the-img-element','the-title-element':'the-title-elemen','entity-swarhk':'named-character-references','entity-mcomma':'named-character-references','entity-tcy':'named-character-references','entity-niv':'named-character-references','entity-nis':'named-character-references','script-processing-style-delayed':'the-script-element','the-mark-element':'the-mark-element','entity-ldquor':'named-character-references','terminology-0':'urls','entity-geq':'named-character-references','entity-ges':'named-character-references','concept-datetime-local':'common-microsyntaxes','pseudo-classes':'links','colors':'common-microsyntaxes','entity-gel':'named-character-references','handler-window-onload':'webappapis','htmloptionscollection':'common-dom-interfaces','entity-nprcue':'named-character-references','dom-media-crossorigin':'media-elements','htmlstyleelement':'the-style-element','dom-title-text':'the-title-element','the-sub-and-sup-elements':'the-sub-and-sup-elements','parsing-main-inselectintable':'tree-construction','attr-dropzone-link':'dnd','ix-handler-onkeypress':'section-ndex','dom-option-form':'the-option-element','entity-gescc':'named-character-references','refsFILEAPI':'references','attr-iframe-srcdoc':'the-iframe-element','entity-YAcy':'named-character-references','entity-angrt':'named-character-references','the-h4-element':'the-h1-h2-h3-h4-h5-and-h6-elements','entity-sqsube':'named-character-references','dom-media-mediagroup':'media-elements','dom-hr-width':'obsolete','entity-Amacr':'named-character-references','attr-tdth-headers':'attributes-common-to-td-and-th-elements','entity-leftthreetimes':'named-character-references','active-document':'browsers','entity-centerdot':'named-character-references','entity-circeq':'named-character-references','entity-spades':'named-character-references','refsORIGIN':'references','attr-button-type-button':'the-button-element','attr-head-profile':'obsolete','entity-Dstrok':'named-character-references','entity-ldrushar':'named-character-references','attr-tdth-charoff':'obsolete','refsCP51932':'references','entity-bottom':'named-characterreferences','entity-diamond':'named-character-references','base64-table':'webappapis','mediaerror':'media-elements','concept-section':'headings-and-sections','cdata-section-state':'tokenization','concept-appcache-explicit':'offline','current-table':'parsing','attr-area-shape-rect':'the-area-element','entity-trianglelefteq':'named-character-references','entity-sqsupset':'named-character-references','syntax-errors':'introduction','parse-a-yearless-date-component':'common-microsyntaxes','entity-SquareSuperset':'named-character-references','attr-keygen-challenge':'the-keygen-element','category-reset':'forms','attr-th-scope-col':'the-th-element','n':'the-table-element','entity-Nu':'named-character-references','attr-fs-method-get':'attributes-common-to-form-controls','bogus-comment-state':'tokenization','list-of-active-timeouts':'timers','entity-Zopf':'named-character-references','document-base-url':'urls','entity-Sup':'named-character-references','dom-area-host':'the-area-element','rules-for-parsing-integers':'cmmon-microsyntaxes','attr-fs-formmethod':'attributes-common-to-form-controls','entity-Sum':'named-character-references','entity-Sub':'named-character-references','xml-mime-type':'infrastructure','attr-img-hspace':'obsolete','ix-handler-window-onpopstate':'section-index','handler-onended':'webappapis','entity-hArr':'named-character-references','using-the-option-element-to-define-a-command':'commands','parse-a-time-zone-offset-string':'common-microsyntaxes','a-link-or-button-containing-nothing-but-the-image':'the-img-element','object-type-detection':'the-object-element','dialog-arguments-origin':'user-prompts','refsPDF':'references','entity-angmsd':'named-character-references','has-a-border':'rendering','htmlkeygenelement':'the-keygen-element','text-track-cue-start-alignment':'media-elements','entity-larrtl':'named-character-references','dom-textarea-input-selectiondirection':'textFieldSelection','concept-yearless-date':'common-microsyntaxes','entity-Xopf':'named-character-references','statically-validate-theconstraints':'constraints','entity-succneqq':'named-character-references','dom-script-async':'the-script-element','refsEDITING':'references','entity-mscr':'named-character-references','attr-input-type-time-keyword':'the-input-element','entity-reg-legacy':'named-character-references','entity-Ncedil':'named-character-references','entity-nvle':'named-character-references','entity-efr':'named-character-references','entity-Topf':'named-character-references','entity-nvlt':'named-character-references','category-label':'forms','scriptingLanguages':'the-script-element','concept-timezone':'common-microsyntaxes','entity-exist':'named-character-references','script-data-escaped-end-tag-open-state':'tokenization','foster-parent':'tree-construction','entity-VerticalSeparator':'named-character-references','entity-rangd':'named-character-references','entity-range':'named-character-references','magic-border-selector':'rendering','entity-ThickSpace':'named-character-references','entity-real':'named-character-references','entiy-eparsl':'named-character-references','entity-InvisibleTimes':'named-character-references','the-ins-element':'the-ins-element','attr-embed-type':'the-embed-element','insert-an-html-element':'tree-construction','best-representation-of-the-number-as-a-floating-point-number':'common-microsyntaxes','entity-iacute-legacy':'named-character-references','dom-windowtimers-clearinterval':'timers','event-dragenter':'dnd','configuring-a-form-to-communicate-with-a-server':'forms','support-the-scripting-language':'the-script-element','entity-leftrightarrows':'named-character-references','entity-Cup':'named-character-references','dom-iframe-align':'obsolete','attr-tdth-char':'obsolete','acknowledge-self-closing-flag':'tokenization','refsATOM':'references','entity-Sscr':'named-character-references','dom-mediacontroller-seekable':'media-elements','attr-button-type-submit':'the-button-element','concept-document-salvageable':'history','isindex-0':'obsolete','cdata-sections':'syntax','event-media-play':'media-elements','entit-uplus':'named-character-references','attr':'infrastructure','end-tag-open-state':'tokenization','entity-deg-legacy':'named-character-references','rawtext-end-tag-name-state':'tokenization','entity-sqcaps':'named-character-references','refsSVG':'references','entity-infin':'named-character-references','entity-DoubleVerticalBar':'named-character-references','concept-spellcheck-default-false':'editing-apis','method-context':'timers','entity-sc':'named-character-references','application-x-www-form-urlencoded-encoding-algorithm':'form-submission','entity-scaron':'named-character-references','entity-longmapsto':'named-character-references','entity-Uuml':'named-character-references','current-document-readiness':'dom','entity-Uacute':'named-character-references','node':'infrastructure','entity-AMP-legacy':'named-character-references','entity-rscr':'named-character-references','foreign-elements':'syntax','webappapis':'webappapis','entity-swarr':'named-character-references','handler-appcache-onupdateready':'offline',meta-keywords':'the-meta-element','scriptEndTag':'tree-construction','entity-Lopf':'named-character-references','track-label':'the-track-element','entity-Yfr':'named-character-references','navigating-nested-browsing-contexts-in-the-dom':'browsers','timeline-offset':'media-elements','slaved-media-elements':'media-elements','entity-digamma':'named-character-references','entity-searhk':'named-character-references','dom-applet-height':'obsolete','entity-Eacute-legacy':'named-character-references','handler-texttrack-oncuechange':'media-elements','syntaxerror':'infrastructure','preferred-style-sheet-set':'infrastructure','entity-iuml':'named-character-references','entity-tau':'named-character-references','dom-table-createtbody':'the-table-element','entity-ddagger':'named-character-references','normalized-timeranges-object':'media-elements','entity-triangleright':'named-character-references','entity-Jsercy':'named-character-references','attr-hyperlink-href':'links','canvas-blob-serialization-task-source':'the-canvs-element','list-of-code-entry-points':'webappapis','obsolete':'obsolete','number-state':'number-state','entity-blacktriangle':'named-character-references','clear-the-stack-back-to-a-table-context':'tree-construction','concept-column-group':'attributes-common-to-td-and-th-elements','attr-iframe-sandbox-allow-same-origin':'the-iframe-element','entity-SHcy':'named-character-references','entity-RightUpTeeVector':'named-character-references','global-dates-and-times':'common-microsyntaxes','entity-agrave':'named-character-references','entity-rfloor':'named-character-references','entity-boxUr':'named-character-references','entity-setmn':'named-character-references','entity-angmsdah':'named-character-references','entity-forall':'named-character-references','entity-angmsdab':'named-character-references','entity-angmsdac':'named-character-references','resource-metadata-management':'dom','entity-angmsdaa':'named-character-references','entity-angmsdaf':'named-character-references','entity-angmsdag':'named-character-reerences','entity-angmsdad':'named-character-references','entity-angmsdae':'named-character-references','link-type-license':'links','autoplaying-flag':'media-elements','the-rules-for-choosing-a-browsing-context-given-a-browsing-context-name':'browsers','handler-oncuechange':'webappapis','syntax-tag-name':'syntax','style-default-media':'the-style-element','an-entry-with-persisted-user-state':'history','entity-vellip':'named-character-references','entity-subE':'named-character-references','entity-gamma':'named-character-references','attr-area-shape-keyword-polygon':'the-area-element','image-maps-0':'rendering','dom-prompt':'user-prompts','report-the-controller-state':'media-elements','entity-sube':'named-character-references','dom-print':'user-prompts','obtain-the-storage-mutex':'webappapis','entity-nvgt':'named-character-references','entity-Cedilla':'named-character-references','entity-lesseqqgtr':'named-character-references','attr-input-readonly':'common-input-element-attributes','character-reference-in-attrbute-value-state':'tokenization','webvtt-cue-text-rendering-rules':'infrastructure','dom-a-rev':'obsolete','entity-TripleDot':'named-character-references','dom-a-rel':'the-a-element','entity-gcy':'named-character-references','the-datatransferitemlist-interface':'dnd','syntax-attribute-value':'syntax','entity-Rsh':'named-character-references','text-track-not-loaded':'media-elements','entity-omega':'named-character-references','table-model':'attributes-common-to-td-and-th-elements','entity-lpar':'named-character-references','attr-marquee-direction-left':'obsolete','the-option-element':'the-option-element','internal-algorithm-for-scanning-and-assigning-header-cells':'attributes-common-to-td-and-th-elements','entity-Leftrightarrow':'named-character-references','attr-a-rev':'obsolete','htmlareaelement':'the-area-element','entity-Zcy':'named-character-references','entity-profsurf':'named-character-references','dialogs-implemented-using-separate-documents':'user-prompts','entity-LT':'named-character-references','prser-appcache':'tree-construction','url-query':'urls','appcacheevents':'offline','scripts-that-modify-the-page-as-it-is-being-parsed':'the-end','htmltableelement':'the-table-element','attr-select-multiple':'the-select-element','htmlmarqueeelement':'obsolete','entity-Ll':'named-character-references','the-span-element':'the-span-element','entity-Lt':'named-character-references','entity-GreaterLess':'named-character-references','entity-scirc':'named-character-references','entity-lsime':'named-character-references','entity-lsimg':'named-character-references','text-track-cue-pause-on-exit-flag':'media-elements','a-quick-introduction-to-html':'introduction','entity-ntilde':'named-character-references','rcdata-state':'tokenization','ix-handler-onabort':'section-index','attr-input-autocomplete':'common-input-element-attributes','closing-the-input-stream':'dynamic-markup-insertion','text-track-cue-order':'media-elements','concept-appcache-master':'offline','conversations':'links','the-h5-element':'the-h1-h2-h3-h4-h5and-h6-elements','entity-HumpEqual':'named-character-references','concept-http-equivalent-codes':'urls','uievent':'infrastructure','entity-lrm':'named-character-references','entity-wfr':'named-character-references','entity-Integral':'named-character-references','other-metadata-names':'the-meta-element','concept-progress-maximum':'the-progress-element','entity-robrk':'named-character-references','entity-UpEquilibrium':'named-character-references','entity-vartriangleleft':'named-character-references','best-practices-for-implementors-of-media-elements':'media-elements','attr-command-radiogroup':'the-command-element','a-browsing-context-is-discarded':'browsers','entity-oint':'named-character-references','htmlunknownelement':'elements','entity-NotSubsetEqual':'named-character-references','concept-appcache-fallback-ns':'offline','the-size-attribute':'common-input-element-attributes','entity-Downarrow':'named-character-references','entity-bnot':'named-character-references','concept-error-nothandled':'webappapis','ntity-sfrown':'named-character-references','attr-hr-width':'obsolete','image-maps':'image-maps','origin':'origin-0','handler-marquee-onbounce':'obsolete','dom-input-files':'common-input-element-apis','entity-Uarrocir':'named-character-references','entity-Uring':'named-character-references','entity-race':'named-character-references','determine-the-value-of-a-named-property':'infrastructure','concept-option-index':'the-option-element','entity-dtri':'named-character-references','attr-media-mediagroup':'media-elements','entity-ncongdot':'named-character-references','doctype-legacy-string':'syntax','the-list-of-active-formatting-elements':'parsing','error-codes':'media-elements','dom-option-tvds':'the-option-element','dom-document-applets':'obsolete','entity-zscr':'named-character-references','entity-thetav':'named-character-references','ix-handler-onvolumechange':'section-index','dom-document-close':'dynamic-markup-insertion','the-figure-element':'the-figure-element','entity-lstrok':'named-character-references''attr-track-kind-chapters':'the-track-element','entity-Uparrow':'named-character-references','valid-non-empty-url-potentially-surrounded-by-spaces':'urls','entity-curvearrowright':'named-character-references','dom-object-hspace':'obsolete','handler-onemptied':'webappapis','common-input-element-attributes':'common-input-element-attributes','dom-option-index':'the-option-element','entity-realine':'named-character-references','dates-and-times':'common-microsyntaxes','refsRFC5280':'references','using-the-accesskey-attribute-on-a-label-element-to-define-a-command':'commands','entity-LeftDoubleBracket':'named-character-references','attr-link-sizes':'links','refsGRAPHICS':'references','dom-table-deleterow':'the-table-element','dom-object-code':'obsolete','entity-wreath':'named-character-references','dom-form-name':'the-form-element','entity-strns':'named-character-references','attr-th-scope-row':'the-th-element','handler-ondrop':'webappapis','entity-gscr':'named-character-references','list-of-active-formatting-eleents':'parsing','common-pitfalls-to-avoid-when-using-the-scripting-apis':'introduction','event-pageshow':'history','dom-mediacontroller-pause':'media-elements','entity-ltrif':'named-character-references','entity-ltrie':'named-character-references','read-html':'history','processinginstruction':'infrastructure','entity-NoBreak':'named-character-references','set-of-scripts-that-will-execute-as-soon-as-possible':'the-script-element','entity-Oacute-legacy':'named-character-references','concept-option-selectedness':'the-option-element','misinterpreted-for-compatibility':'parsing','spacer':'obsolete','entity-congdot':'named-character-references','dom-area-hreflang':'the-area-element','entity-Kfr':'named-character-references','custom-validity-error-message':'constraints','dom-length':'browsers','entity-Tfr':'named-character-references','the-min-and-max-attributes':'common-input-element-attributes','next-input-character':'parsing','dom-mediacontroller':'media-elements','navigatorcontentutils':'system-state-and-capablities','entity-gtcc':'named-character-references','nobr':'obsolete','concept-spellcheck-default':'editing-apis','doctype-system-identifier-double-quoted-state':'tokenization','sce-not-copy':'webappapis','webvtt-cue-text-parsing-rules':'infrastructure','entity-eqslantgtr':'named-character-references','dom-meta-content':'the-meta-element','dom-node-localname':'infrastructure','concept-input-min-default':'common-input-element-attributes','dom-object-data':'the-object-element','entity-cupor':'named-character-references','concept-time':'common-microsyntaxes','entity-Lscr':'named-character-references','the-var-element':'the-var-element','entity-plusb':'named-character-references','entity-pluse':'named-character-references','rules-for-parsing-a-list-of-dimensions':'common-microsyntaxes','the-summary-element':'the-summary-element','refsGREGORIAN':'references','the-header-element':'the-header-element','the-dropzone-attribute':'dnd','entity-vnsub':'named-character-references','entity-RightDownTeeVector':'named-charater-references','dom-media-videotracks':'media-elements','entity-larrb':'named-character-references','dom-domstringmap-removeitem':'common-dom-interfaces','entity-vnsup':'named-character-references','dom-appcache-updateready':'offline','entity-num':'named-character-references','dom-area-href':'the-area-element','entity-gopf':'named-character-references','concept-appcache-selection':'offline','entity-macr':'named-character-references','entity-bigcap':'named-character-references','valid-time-zone-offset-string':'common-microsyntaxes','entity-ensp':'named-character-references','authoring':'image-maps','dom-output-type':'the-output-element','entity-nltri':'named-character-references','rendered-legend':'rendering','entity-nLtv':'named-character-references','attr-iframe-name':'the-iframe-element','entity-harrw':'named-character-references','dom-datatransferitemlist-clear':'dnd','sandboxLinks':'history','entity-lacute':'named-character-references','dom-fe-autofocus':'attributes-common-to-form-controls','dom-documet-getelementbyid':'infrastructure','dom-input-accept':'the-input-element','attr-media-loop':'media-elements','dom-fe-name':'attributes-common-to-form-controls','entity-verbar':'named-character-references','anonymous-command':'commands','doctype-state':'tokenization','synchronous-section':'webappapis','seamlessLinks':'history','entity-straightphi':'named-character-references','prefix-match':'infrastructure','entity-LessSlantEqual':'named-character-references','entity-aopf':'named-character-references','entity-bsemi':'named-character-references','text-track-cue-end-time':'media-elements','entity-Backslash':'named-character-references','concept-input-value-string-number':'the-input-element','some-sample-manifests':'offline','entity-KHcy':'named-character-references','tree-construction':'tree-construction','unclosed-formatting-elements':'the-end','provides-a-paint-source':'infrastructure','the-dt-element':'the-dt-element','events':'webappapis','entity-thorn':'named-character-references','the-window-object':'brosers','entity-rmoustache':'named-character-references','attr-textarea-dirname':'the-textarea-element','concept-input-step-scale':'common-input-element-attributes','dom-link-hreflang':'the-link-element','palpable-content':'content-models','entity-precneqq':'named-character-references','drag-data-store-item-list':'dnd','entity-circlearrowleft':'named-character-references','html-namespace-0':'namespaces','entity-gap':'named-character-references','dom-form-autocomplete':'the-form-element','entity-backcong':'named-character-references','dom-document-readystate':'dom','refsRFC2046':'references','nodelist':'infrastructure','entity-cuepr':'named-character-references','ready-states':'media-elements','current-target-element':'dnd','entity-LeftUpVector':'named-character-references','dom-a-shape':'obsolete','entity-leftarrow':'named-character-references','dom-event-istrusted':'infrastructure','entity-nsubseteqq':'named-character-references','dom-textarea-input-selectionend':'textFieldSelection','create-a-document-objec':'history','entity-shy-legacy':'named-character-references','dom-window-blur':'editing','the-del-element':'the-del-element','refsWEBWORKERS':'references','entity-subsup':'named-character-references','concept-output-defaultvalue':'the-output-element','isindex':'tree-construction','entity-vArr':'named-character-references','entity-Rrightarrow':'named-character-references','concept-task':'webappapis','entity-subsub':'named-character-references','entity-Re':'named-character-references','entity-Equal':'named-character-references','return-value':'user-prompts','dom-input-indeterminate':'the-input-element','attr-table-summary':'obsolete','entity-gtreqless':'named-character-references','focusable':'editing','override-url':'history','concept-appcache-manifest-network':'offline','text-track-cue-identifier':'media-elements','entity-SquareIntersection':'named-character-references','entity-DoubleLongLeftRightArrow':'named-character-references','ordered-set-of-unique-space-separated-tokens':'common-microsyntaxes','attr-bject-code':'obsolete','concept-appcache-obsolete':'offline','concept-row':'attributes-common-to-td-and-th-elements','doctype-public-identifier-single-quoted-state':'tokenization','non-interactive':'infrastructure','entity-zfr':'named-character-references','entity-nLeftrightarrow':'named-character-references','dom-trees':'infrastructure','entity-blacksquare':'named-character-references','entity-Lstrok':'named-character-references','cssstyledeclaration':'infrastructure','temporary-buffer':'tokenization','attr-link-type':'the-link-element','between-doctype-public-and-system-identifiers-state':'tokenization','enabling-and-disabling-scripting':'webappapis','clear-the-stack-back-to-a-table-body-context':'tree-construction','dom-texttrackcuelist-getcuebyid':'media-elements','refsJPEG':'references','concept-bc-script':'webappapis','inline-documentation-for-external-scripts':'the-script-element','toolbar-state':'the-menu-element','increment-the-marquee-current-loop-index':'obsolete','attr-crossorigin-anonymous':'urs','htmlimageelement':'the-img-element','attr-option-value':'the-option-element','entity-star':'named-character-references','dom-base-href':'the-base-element','dom-showmodaldialog':'user-prompts','trackeventinit':'media-elements','entity-Ecy':'named-character-references','handler-mediacontroller-onplaying':'media-elements','the-windowproxy-object':'browsers','popstateevent':'history','entity-between':'named-character-references','attr-iframe-scrolling':'obsolete','link-type-noreferrer':'links','entity-eacute':'named-character-references','entity-operp':'named-character-references','entity-nang':'named-character-references','entity-int':'named-character-references','rules-for-parsing-simple-color-values':'common-microsyntaxes','entity-times':'named-character-references','entity-lbrkslu':'named-character-references','script-data-double-escape-end-state':'tokenization','concept-id':'infrastructure','dom-object-usemap':'the-object-element','entity-lbrksld':'named-character-references','entity-Bscr':'named-charater-references','dom-node-ownerdocument':'infrastructure','attr-track-label':'the-track-element','entity-NegativeMediumSpace':'named-character-references','entity-Jcy':'named-character-references','dom-outerhtml':'infrastructure','the-element-pointers':'parsing','attr-body-marginheight':'obsolete','browsing-context-container':'browsers','refsRFC1922':'references','dom-cva-validationmessage':'constraints','killing-scripts':'webappapis','entity-bullet':'named-character-references','entity-horbar':'named-character-references','guidance-for-markup-generators':'the-img-element','dom-document-location':'history','entity-oscr':'named-character-references','the-ruby-element':'the-ruby-element','concept-navigate-mature':'history','entity-SuchThat':'named-character-references','entity-toea':'named-character-references','focus':'editing','entity-image':'named-character-references','dom-pagetransitionevent-persisted':'history','entity-ang':'named-character-references','entity-and':'named-character-references','handler-indow-onoffline':'webappapis','concept-fs-method':'attributes-common-to-form-controls','entity-zdot':'named-character-references','official-playback-position':'media-elements','entity-wr':'named-character-references','entity-Vopf':'named-character-references','entity-wp':'named-character-references','handler-ondurationchange':'webappapis','entity-UnderParenthesis':'named-character-references','dom-iframe-srcdoc':'the-iframe-element','entity-duhar':'named-character-references','entity-gcirc':'named-character-references','concept-fs-target':'attributes-common-to-form-controls','media-resource-specific-text-track':'media-elements','entity-emptyset':'named-character-references','dom-a-name':'obsolete','entity-scedil':'named-character-references','webvtt-file-using-cue-text':'infrastructure','entity-supmult':'named-character-references','entity-dbkarow':'named-character-references','entity-lescc':'named-character-references','sandboxPluginEmbed':'the-embed-element','attr-script-defer':'the-script-element','entit-leqq':'named-character-references','dom-mediacontroller-played':'media-elements','url-encoded-form-data':'form-submission','attr-ol-compact':'obsolete','entity-lfisht':'named-character-references','attr-tbody-align':'obsolete','entity-Otimes':'named-character-references','entity-Tscr':'named-character-references','entity-varkappa':'named-character-references','concept-option-disabled':'the-option-element','entity-ltimes':'named-character-references','entity-curren-legacy':'named-character-references','entity-lessgtr':'named-character-references','the-track-element':'the-track-element','entity-NJcy':'named-character-references','entity-lsaquo':'named-character-references','entity-jsercy':'named-character-references','entity-supdot':'named-character-references','suffering-from-a-step-mismatch':'constraints','dom-button-type':'the-button-element','the-i-element':'the-i-element','the-embed-element':'the-embed-element','telephone-state':'states-of-the-type-attribute','entity-nearrow':'named-character-references,'entity-elsdot':'named-character-references','refsCSSUI':'references','entity-RightTriangleEqual':'named-character-references','dom-keygen-challenge':'the-keygen-element','handler-appcache-onprogress':'offline','dom-videotracklist-gettrackbyid':'media-elements','entity-nshortparallel':'named-character-references','entity-simeq':'named-character-references','entity-Lleftarrow':'named-character-references','writing-cache-manifests':'offline','sandboxPluginNavigate':'history','abort-a-parser':'the-end','has-an-element-in-button-scope':'parsing','frameset-ok-flag':'parsing','dom-location-pathname':'history','dom-media-network_loading':'media-elements','unicode-code-point':'infrastructure','valid-media-query':'common-microsyntaxes','entity-Lacute':'named-character-references','earliest-possible-position-when-the-script-started':'media-elements','concept-form-reset':'form-submission','dom-document-anchors':'obsolete','entity-cemptyv':'named-character-references','entity-caron':'named-character-references','entit-nbsp-legacy':'named-character-references','color-spaces-and-color-correction':'the-canvas-element','dom-popstateevent-state':'history','entity-Verbar':'named-character-references','selector-checked':'links','entity-Zacute':'named-character-references','dom-marquee-hspace':'obsolete','entity-NestedLessLess':'named-character-references','dom-media-networkstate':'media-elements','htmlmodelement':'attributes-common-to-ins-and-del-elements','entity-rationals':'named-character-references','pagetransitioneventinit':'history','entity-xwedge':'named-character-references','edits-and-lists':'edits-and-lists','attr-input-type-date-keyword':'the-input-element','windowproxy':'browsers','handler-onclick':'webappapis','the-nav-element':'the-nav-element','entity-ugrave':'named-character-references','entity-Dfr':'named-character-references','selector-optional':'links','dom-media-autoplay':'media-elements','entity-ntgl':'named-character-references','dom-link-rel':'the-link-element','event-mediacontroller-timeupdate':'media-eements','script-s-url-character-encoding':'webappapis','dom-link-rev':'obsolete','entity-softcy':'named-character-references','handler-onkeyup':'webappapis','attr-body-vlink':'obsolete','editing-hosts':'rendering','dom-form-nameditem':'the-form-element','the-select-element':'the-select-element','dom-input-value':'common-input-element-apis','entity-Product':'named-character-references','attr-option-name':'obsolete','attr-blockquote-cite':'the-blockquote-element','security-window':'browsers','handler-onsuspend':'webappapis','dom-media-buffered':'media-elements','entity-blk12':'named-character-references','attr-lang':'global-attributes','entity-blk14':'named-character-references','entity-Rightarrow':'named-character-references','entity-simrarr':'named-character-references','other-parsing-state-flags':'parsing','entity-Pr':'named-character-references','security-risks-in-the-drag-and-drop-model':'dnd','entity-apos':'named-character-references','month-state':'states-of-the-type-attribute','entity-Pi':'named-charater-references','entity-notinva':'named-character-references','entity-notinvb':'named-character-references','entity-notinvc':'named-character-references','entity-hscr':'named-character-references','using-the-accesskey-attribute-on-a-legend-element-to-define-a-command':'commands','entity-heartsuit':'named-character-references','implementing-the-server-side-processing-for-a-form':'forms','entity-sharp':'named-character-references','attr-a-name':'obsolete','entity-dfr':'named-character-references','events-and-the-window-object':'webappapis','script':'the-script-element','entity-prnE':'named-character-references','entity-oelig':'named-character-references','invalidcharactererror':'infrastructure','button-state':'number-state','entity-Subset':'named-character-references','dragevent':'dnd','entity-uuml-legacy':'named-character-references','eventtarget':'infrastructure','a-purely-decorative-image-that-doesn-t-add-any-information':'the-img-element','transparent-content-models':'content-models','entity-precnsim':'naed-character-references','attribute-value-unquoted-state':'tokenization','dndevents':'dnd','url-host':'urls','before-attribute-name-state':'tokenization','entity-Ccirc':'named-character-references','command-api':'commands','entity-orderof':'named-character-references','entity-ell':'named-character-references','ordinal-value':'the-li-element','warnings-for-obsolete-but-conforming-features':'obsolete','entity-els':'named-character-references','dom-mediacontroller-currenttime':'media-elements','attr-area-shape-keyword-rect':'the-area-element','valid-url-potentially-surrounded-by-spaces':'urls','handler-texttracklist-onaddtrack':'media-elements','dom-datatransfer-dropeffect':'dnd','entity-rfisht':'named-character-references','multipart-form-data-boundary-string':'form-submission','the-before-head-insertion-mode':'tree-construction','windows':'browsers','command-facet-label':'commands','attributes-for-form-submission':'attributes-common-to-form-controls','entity-nsucc':'named-character-references','entity-prnap''named-character-references','change-the-encoding':'parsing','font':'obsolete','attr-option-disabled':'the-option-element','entity-parallel':'named-character-references','dom-frames':'browsers','entry-update':'history','entity-RightTriangle':'named-character-references','webvtt-cue-text-dom-construction-rules':'infrastructure','entity-puncsp':'named-character-references','entity-sdotb':'named-character-references','entity-sdote':'named-character-references','entity-conint':'named-character-references','interactive-elements':'interactive-elements','entity-Gamma':'named-character-references','ix-handler-onloadeddata':'section-index','attr-input-type-tel-keyword':'the-input-element','parsing-main-intabletext':'tree-construction','association-of-controls-and-forms':'association-of-controls-and-forms','generic-rcdata-element-parsing-algorithm':'tree-construction','refsSHIFTJIS':'references','the-label-element':'the-label-element','active-parser':'dom','autofocusing-a-form-control':'attributes-common-to-form-contols','entity-oline':'named-character-references','concept-input-checked-dirty-flag':'the-input-element','entity-NotDoubleVerticalBar':'named-character-references','attr-hyperlink-rel':'links','entity-Pfr':'named-character-references','entity-Mscr':'named-character-references','state-object':'history','effectAllowed-initialization':'dnd','attr-input-type-submit-keyword':'the-input-element','entity-harrcir':'named-character-references','script-data-less-than-sign-state':'tokenization','event-media-ended':'media-elements','close-the-cell':'tree-construction','entity-Otilde':'named-character-references','datacloneerror':'infrastructure','dom-navigator':'system-state-and-capabilities','handler-ondragleave':'webappapis','table-aria-weak':'wai-aria','entity-vangrt':'named-character-references','ix-handler-window-onbeforeprint':'section-index','entity-Uscr':'named-character-references','entity-zcaron':'named-character-references','tag-name-state':'tokenization','entity-yfr':'named-character-references','entity-TildFullEqual':'named-character-references','current-playback-position':'media-elements','dom-media-play':'media-elements','entity-upharpoonright':'named-character-references','attr-object-codebase':'obsolete','dom-uda-port':'urls','entity-rightthreetimes':'named-character-references','syntax-doctype':'syntax','making-entire-documents-editable:-the-designmode-idl-attribute':'editing','entity-lesg':'named-character-references','entity-Hcirc':'named-character-references','handler-window-onpagehide':'webappapis','entity-npart':'named-character-references','entity-alefsym':'named-character-references','webvtt-file':'infrastructure','following-hyperlinks-0':'links','attr-table-width':'obsolete','entity-raquo':'named-character-references','concept-meter-actual':'the-meter-element','active-range':'editing-apis','dom-option-label':'the-option-element','ancestor-browsing-context':'browsers','concept-meter-minimum':'the-meter-element','dom-ul-type':'obsolete','attr-fs-formtarget':'attributes-common-to-form-controls','entty-rightarrowtail':'named-character-references','entity-topfork':'named-character-references','attr-iframe-sandbox-allow-top-navigation':'the-iframe-element','entity-RightVectorBar':'named-character-references','entity-Bernoullis':'named-character-references','dom-command-ro-commanddisabled':'commands','attr-dropzone-move':'dnd','dom-location-protocol':'history','text-track-label':'media-elements','compatibility-caseless':'infrastructure','entity-dotsquare':'named-character-references','tables':'rendering','entity-simgE':'named-character-references','entity-kopf':'named-character-references','cors-enabled-fetch':'urls','attr-meter-optimum':'the-meter-element','the-ul-element':'the-ul-element','entity-ngtr':'named-character-references','event-media-abort':'media-elements','dom-input-type':'the-input-element','the-sup-element':'the-sub-and-sup-elements','entity-minus':'named-character-references','entity-checkmark':'named-character-references','entity-cire':'named-character-references','entity-circ':'named-chracter-references','attr-command-icon':'the-command-element','dom-param-name':'the-param-element','concept-appcache-upgrade':'offline','entity-smte':'named-character-references','entity-cirE':'named-character-references','ignore':'infrastructure','entity-iiiint':'named-character-references','attr-source-media':'the-source-element','has-an-element-in-table-scope':'parsing','entity-lsquor':'named-character-references','strictly-split-a-string':'common-microsyntaxes','entity-comma':'named-character-references','entity-RightTee':'named-character-references','entity-acirc':'named-character-references','selector-disabled':'links','maps-to-the-dimension-property':'rendering','entity-ucirc':'named-character-references','entity-nexist':'named-character-references','the-directionality':'global-attributes','the-list-attribute':'common-input-element-attributes','entity-rceil':'named-character-references','dom-location-search':'history','event-dragleave':'dnd','refsPOLYGLOT':'references','queue-a-task':'webappapis','entty-Iuml':'named-character-references','entity-eopf':'named-character-references','entity-intcal':'named-character-references','parsing-main-inhead':'tree-construction','dom-window-personalbar':'browsers','entity-uacute':'named-character-references','ix-handler-oncontextmenu':'section-index','entity-ShortUpArrow':'named-character-references','dom-marquee-start':'obsolete','concept-link-type-sniffing':'the-link-element','entity-rightarrow':'named-character-references','sections':'sections','dom-navigator-registerprotocolhandler':'system-state-and-capabilities','entity-blk34':'named-character-references','dom-textarea-input-select':'textFieldSelection','naming-form-controls':'attributes-common-to-form-controls','entity-zacute':'named-character-references','refsMAILTO':'references','constraint-validation':'constraints','reload-override-buffer':'dom','dom-table-cellpadding':'obsolete','entity-vfr':'named-character-references','current-entry-of-the-joint-session-history':'history','entity-DoubleUpArrow':'named-chracter-references','force-async':'the-script-element','entity-UpTee':'named-character-references','entity-micro-legacy':'named-character-references','attribute-value-single-quoted-state':'tokenization','dom-timeranges-start':'media-elements','refsISO885911':'references','dom-fs-formenctype':'attributes-common-to-form-controls','attr-col-char':'obsolete','attr-th-scope-auto':'the-th-element','cors-cross-origin':'urls','entity-UnionPlus':'named-character-references','attr-colgroup-span':'the-colgroup-element','mediaevents':'media-elements','dom-frameset-cols':'obsolete','plain-text-form-data':'form-submission','entity-lnsim':'named-character-references','source-default-media':'the-source-element','an-introduction-to-error-handling-and-strange-cases-in-the-parser':'the-end','entity-LessFullEqual':'named-character-references','event-media-volumechange':'media-elements','entity-yicy':'named-character-references','submit-body':'form-submission','dom-table-cellspacing':'obsolete','entity-eng':'named-character-refeences','handler-ondragstart':'webappapis','dom-map-images':'the-map-element','dom-texttrack-kind-chapters':'media-elements','entity-LeftTee':'named-character-references','dom-mediacontroller-play':'media-elements','dom-object-vspace':'obsolete','syntax-newlines':'syntax','attr-iframe-seamless':'the-iframe-element','entity-supseteqq':'named-character-references','multipart-form-data':'form-submission','htmltableheadercellelement':'the-th-element','entity-LT-legacy':'named-character-references','fakepath-orly':'common-input-element-apis','other-elements-attributes-and-apis':'obsolete','entity-ecirc-legacy':'named-character-references','handler-onscroll':'webappapis','ix-handler-onloadstart':'section-index','entity-odash':'named-character-references','entity-bsolhsub':'named-character-references','entity-duarr':'named-character-references','entity-sacute':'named-character-references','dom-font-face':'obsolete','entity-igrave-legacy':'named-character-references','dom-script-text':'the-script-element','insert-a-haracter':'tree-construction','the-hgroup-element':'the-hgroup-element','events-0':'section-index','entity-Acy':'named-character-references','entity-OElig':'named-character-references','entity-gtrapprox':'named-character-references','dom-input-step':'the-input-element','entity-npre':'named-character-references','dom-uda-host':'urls','iframe-content-model':'the-iframe-element','img-good':'the-img-element','entity-ContourIntegral':'named-character-references','entity-ccaron':'named-character-references','a-key-part-of-the-content':'the-img-element','refsSCSU':'references','entity-ograve-legacy':'named-character-references','entity-Oslash-legacy':'named-character-references','link-type-next':'links','the-script-block-s-type':'the-script-element','entity-NotLeftTriangle':'named-character-references','entity-Bumpeq':'named-character-references','bindings':'rendering','namespaceerror':'infrastructure','entity-Fcy':'named-character-references','entity-NotSupersetEqual':'named-character-references','dom-texttrackcu-pauseonexit':'media-elements','entity-gsim':'named-character-references','concept-meta-extensions':'the-meta-element','concept-embed-type':'the-embed-element','hyperlink-suffix':'the-a-element','entity-imacr':'named-character-references','read-text':'history','dom-audiotracklist-length':'media-elements','decohints':'rendering','text-that-has-been-rendered-to-a-graphic-for-typographical-effect':'the-img-element','dom-mod-datetime':'attributes-common-to-ins-and-del-elements','htmllielement':'the-li-element','the-toolbar-barprop-object':'browsers','editable':'editing-apis','entity-gneqq':'named-character-references','dom-cva-setcustomvalidity':'constraints','found-another-video-track':'media-elements','entity-upharpoonleft':'named-character-references','dom-windowtimers-settimeout':'timers','context-menu-state':'the-menu-element','attr-style-media':'the-style-element','attr-input-type-reset-keyword':'the-input-element','submit-get-action':'form-submission','parsing-main-inframeset':'tree-construction','attr-txtarea-rows':'the-textarea-element','entity-TRADE':'named-character-references','common-idioms':'links','dom-img-src':'the-img-element','event-mediacontroller-play':'media-elements','entity-Zcaron':'named-character-references','entity-SquareSupersetEqual':'named-character-references','entity-ubrcy':'named-character-references','attr-button-type-reset-state':'the-button-element','dom-media-seekable':'media-elements','entity-Zscr':'named-character-references','entity-gvertneqq':'named-character-references','concept-fs-novalidate':'attributes-common-to-form-controls','entity-emsp13':'named-character-references','entity-emsp14':'named-character-references','attr-input-type-file-keyword':'the-input-element','the-base-element':'the-base-element','entity-nsc':'named-character-references','concept-ltr':'global-attributes','entity-nopf':'named-character-references','dom-img-complete':'the-img-element','dom-document-querycommandstate':'editing-apis','entity-ShortRightArrow':'named-character-references','entity-Gscr':named-character-references','linkTypes':'links','cookie-string':'infrastructure','entity-udblac':'named-character-references','entity-rrarr':'named-character-references','processing-model-0':'attributes-common-to-td-and-th-elements','processing-model-1':'webappapis','processing-model-2':'webappapis','processing-model-3':'editing','refsMATHML':'references','text-track-cue-active-flag':'media-elements','attr-table-cellpadding':'obsolete','entity-excl':'named-character-references','submit-mailto-body':'form-submission','attr-track-kind-keyword-chapters':'the-track-element','unicode-character':'infrastructure','dom-texttrackcue-snaptolines':'media-elements','entity-nsubset':'named-character-references','entity-utilde':'named-character-references','dom-document-defaultview':'browsers','dom-domimplementation-createdocument':'infrastructure','concept-meter-high':'the-meter-element','dom-input-size':'the-input-element','footnotes':'links','dom-window-menubar':'browsers','entity-fcy':'named-character-references','enity-setminus':'named-character-references','entity-filig':'named-character-references','suffering-from-an-overflow':'constraints','concept-form-reset-control':'form-submission','entity-clubs':'named-character-references','dom-window':'browsers','sandboxOrigin':'origin-0','entity-yuml-legacy':'named-character-references','attr-fs-enctype-formdata':'attributes-common-to-form-controls','dom-node-insertbefore':'infrastructure','calling-scripts':'webappapis','entity-lnap':'named-character-references','url-port':'urls','attr-img-longdesc':'obsolete','enumerated-attribute':'common-microsyntaxes','dom-input-defaultchecked':'the-input-element','the-event-handler-processing-algorithm':'webappapis','dom-contenteditable':'editing','marquee-scroll-distance':'obsolete','space-separated-tokens':'common-microsyntaxes','entity-Leftarrow':'named-character-references','direction-of-playback':'media-elements','dom-col-valign':'obsolete','entity-gtquest':'named-character-references','await-a-stable-state':'webappapis','xml-docuents':'infrastructure','the-indicated-part-of-the-document':'history','entity-Gopf':'named-character-references','entity-ForAll':'named-character-references','concept-link-obtain':'the-link-element','metadata-content':'content-models','dom-iframe-seamless':'the-iframe-element','parse-a-date-string':'common-microsyntaxes','dom-body-background':'obsolete','entity-emacr':'named-character-references','entity-eth-legacy':'named-character-references','entity-bigvee':'named-character-references','entity-order':'named-character-references','entity-nrtrie':'named-character-references','script-data-end-tag-open-state':'tokenization','dom-document-querycommandenabled':'editing-apis','code-unit':'infrastructure','entity-HumpDownHump':'named-character-references','attr-command-type-state-radio':'the-command-element','entity-Copf':'named-character-references','dom-navigator-appname':'system-state-and-capabilities','obsolete-permitted-doctype-string':'syntax','entity-gdot':'named-character-references','event-mediacontrollr-volumechange':'media-elements','refsCLDR':'references','entity-boxUR':'named-character-references','entity-rpargt':'named-character-references','entity-check':'named-character-references','html-documents':'infrastructure','entity-vrtri':'named-character-references','entity-boxUL':'named-character-references','entity-wcirc':'named-character-references','categories':'forms','entity-questeq':'named-character-references','sectioning-content':'content-models','dom-location-port':'history','entity-Ograve':'named-character-references','application-cache-download-process':'offline','entity-boxUl':'named-character-references','entity-nprec':'named-character-references','entity-NotSubset':'named-character-references','entity-Union':'named-character-references','entity-suphsol':'named-character-references','labeled-control':'the-label-element','attr-ol-type-state-upper-alpha':'the-ol-element','attr-media-preload-auto-state':'media-elements','dom-document-clear':'obsolete','event-mediacontroller-durationchange':'medi-elements','refsEUCKR':'references','entity-NonBreakingSpace':'named-character-references','document-s-character-encoding':'infrastructure','entity-lates':'named-character-references','dom-object-codebase':'obsolete','entity-fnof':'named-character-references','the-main-part-of-the-content':'links','entity-tfr':'named-character-references','entity-varsubsetneqq':'named-character-references','entity-umacr':'named-character-references','dom-open':'browsers','x-this':'introduction','entity-aring':'named-character-references','entity-emptyv':'named-character-references','concept-month':'common-microsyntaxes','entity-supsup':'named-character-references','entity-rdldhar':'named-character-references','entity-supsub':'named-character-references','entity-Succeeds':'named-character-references','dom-object-name':'the-object-element','entity-cupbrcap':'named-character-references','attr-table-bgcolor':'obsolete','the-datatransferitem-interface':'dnd','dom-meter-high':'the-meter-element','entity-rarrfs':'named-character-rferences','commands':'commands','entity-Scy':'named-character-references','valid-normalized-local-date-and-time-string':'common-microsyntaxes','webvtt-file-using-chapter-title-text':'infrastructure','dom-object-align':'obsolete','a-serialization-of-the-image-as-a-file':'the-canvas-element','entity-GreaterGreater':'named-character-references','attr-canvas-width':'the-canvas-element','entity-rmoust':'named-character-references','entity-NotSucceedsSlantEqual':'named-character-references','entity-lneqq':'named-character-references','entity-sstarf':'named-character-references','entity-Sacute':'named-character-references','concept-document-media-type':'infrastructure','resolving-urls':'urls','parsing-main-inhtml':'tree-construction','refsWEBSOCKET':'references','entity-telrec':'named-character-references','entity-nesear':'named-character-references','entity-ReverseUpEquilibrium':'named-character-references','rules-for-parsing-a-list-of-integers':'common-microsyntaxes','entity-Jukcy':'named-character-references','he-applet-element':'obsolete','conforming-html5-documents':'infrastructure','entity-Ccaron':'named-character-references','outline-depth':'headings-and-sections','entity-cularr':'named-character-references','entity-iinfin':'named-character-references','immediate-user-selection':'dnd','indexsizeerror':'infrastructure','attr-tdth-bgcolor':'obsolete','entity-pitchfork':'named-character-references','entity-ofr':'named-character-references','the-tbody-element':'the-tbody-element','link-type-search':'links','named-access-on-the-window-object':'browsers','dom-output-defaultvalue':'the-output-element','text-track-model':'media-elements','entity-rdquo':'named-character-references','entity-LeftDownVector':'named-character-references','attr-tdth-height':'obsolete','dom-meter-min':'the-meter-element','dom-area-nohref':'obsolete','entity-npolint':'named-character-references','event-media-canplaythrough':'media-elements','entity-NestedGreaterGreater':'named-character-references','dom-object-standby':'obsolete','entity-ver':'named-character-references','designMode':'editing','syntax-end-tag':'syntax','entity-Scirc':'named-character-references','entity-leftrightarrow':'named-character-references','the-text-tracks-are-ready':'media-elements','entity-curlyvee':'named-character-references','dom-function-call':'webappapis','entity-pcy':'named-character-references','entity-Ucirc':'named-character-references','how-to-read-this-specification':'introduction','dom-location-reload':'history','entity-LeftVectorBar':'named-character-references','refsUAAG':'references','dom-hr-color':'obsolete','entity-Vvdash':'named-character-references','handler-onblur':'webappapis','the-dir-attribute':'global-attributes','common-microsyntaxes':'common-microsyntaxes','entity-Mopf':'named-character-references','dom-option-t':'the-option-element','entity-top':'named-character-references','entity-homtht':'named-character-references','meta-author':'the-meta-element','entity-Oscr':'named-character-references','entity-NotReverseElement':'named-character-refernces','acronym':'obsolete','common-input-element-apis':'common-input-element-apis','entity-sqcap':'named-character-references','browsing-context-scope-origin':'browsers','hidden-elements':'rendering','dom-document-domain':'origin-0','entity-DownArrow':'named-character-references','valid-hash-name-reference':'common-microsyntaxes','entity-Icirc':'named-character-references','entity-nbump':'named-character-references','event-input-input':'common-input-element-apis','event-mediacontroller-waiting':'media-elements','selector-read-write':'links','dom-lfe-labels':'the-label-element','column-header':'attributes-common-to-td-and-th-elements','time-state':'states-of-the-type-attribute','dom-hashchangeevent-oldurl':'history','document-level-focus-apis':'editing','the-b-element':'the-b-element','content-models':'content-models','media-data':'media-elements','dom-document-querycommandindeterm':'editing-apis','algorithm-for-processing-row-groups':'attributes-common-to-td-and-th-elements','entity-caret':'named-character-eferences','refsXSLT10':'references','handler-onseeked':'webappapis','entity-Tcy':'named-character-references','entity-loarr':'named-character-references','entity-hcirc':'named-character-references','entity-egrave':'named-character-references','rateUpdate':'media-elements','attr-textarea-maxlength':'the-textarea-element','concept-rtl':'global-attributes','entity-Oopf':'named-character-references','dom-location-host':'history','comment-start-state':'tokenization','entity-loz':'named-character-references','entity-rthree':'named-character-references','dom-marquee-height':'obsolete','valid-lowercase-simple-color':'common-microsyntaxes','paused-for-in-band-content':'media-elements','rel-icon':'links','dom-menu-label':'the-menu-element','blocked-media-element':'media-elements','initiate-the-drag-and-drop-operation':'dnd','concept-input-checked-dirty':'the-input-element','entity-circleddash':'named-character-references','grouping-content':'grouping-content','dom-fs-method':'attributes-common-to-form-controls','att-canvas-height':'the-canvas-element','current-entry':'history','text-track-language':'media-elements','entity-Eta':'named-character-references' }; var fragid = window.location.hash.substr(1); if (!fragid) { /* handle section-foo.html links from the old multipage version, and broken foo.html from the new version */ Index: forms.html =================================================================== RCS file: /sources/public/html5/spec/forms.html,v retrieving revision 1.1054 retrieving revision 1.1055 diff -u -d -r1.1054 -r1.1055 --- forms.html 10 Dec 2011 06:02:07 -0000 1.1054 +++ forms.html 10 Dec 2011 06:15:42 -0000 1.1055 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>4.10 Forms — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>4.10 Forms — HTML5</title><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; } @@ -319,20 +318,23 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="tabular-data.html" title="4.9 Tabular data" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> - <link href="the-input-element.html" title="4.10.7 The input element" rel="next"> - </head><body><div class="head" id="head"> + <link href="examples.html" title="4.9.13 Examples" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> + <link href="the-form-element.html" title="4.10.3 The form element" rel="next"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="tabular-data.html" class="prev">4.9 Tabular data</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="the-input-element.html" class="next">4.10.7 The input element</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="examples.html">← 4.9.13 Examples</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="the-form-element.html">4.10.3 The form 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#introduction-1"><span class="secno">4.10.1 </span>Introduction</a> - <ol><li><a href="forms.html#writing-a-form-s-user-interface"><span class="secno">4.10.1.1 </span>Writing a form's user interface</a></li><li><a href="forms.html#implementing-the-server-side-processing-for-a-form"><span class="secno">4.10.1.2 </span>Implementing the server-side processing for a form</a></li><li><a href="forms.html#configuring-a-form-to-communicate-with-a-server"><span class="secno">4.10.1.3 </span>Configuring a form to communicate with a server</a></li><li><a href="forms.html#client-side-form-validation"><span class="secno">4.10.1.4 </span>Client-side form validation</a></li></ol></li><li><a href="forms.html#categories"><span class="secno">4.10.2 </span>Categories</a></li><li><a href="forms.html#the-form-element"><span class="secno">4.10.3 </span>The <code>form</code> element</a></li><li><a href="forms.html#the-fieldset-element"><span class="secno">4.10.4 </span>The <code>fieldset</code> element</a></li><li><a href="forms.html#the-legend-element"><span class="secno">4.10.5 </span>The code>legend</code> element</a></li><li><a href="forms.html#the-label-element"><span class="secno">4.10.6 </span>The <code>label</code> element</a></li></ol></li></ol></li></ol></div> + <ol><li><a href="forms.html#writing-a-form-s-user-interface"><span class="secno">4.10.1.1 </span>Writing a form's user interface</a></li><li><a href="forms.html#implementing-the-server-side-processing-for-a-form"><span class="secno">4.10.1.2 </span>Implementing the server-side processing for a form</a></li><li><a href="forms.html#configuring-a-form-to-communicate-with-a-server"><span class="secno">4.10.1.3 </span>Configuring a form to communicate with a server</a></li><li><a href="forms.html#client-side-form-validation"><span class="secno">4.10.1.4 </span>Client-side form validation</a></li></ol></li><li><a href="forms.html#categories"><span class="secno">4.10.2 </span>Categories</a></li></ol></li></ol></li></ol></nav> <h3 id="forms"><span class="secno">4.10 </span>Forms</h3><h4 id="introduction-1"><span class="secno">4.10.1 </span>Introduction</h4><p><i>This section is non-normative.</i></p><p>A form is a component of a Web page that has form controls, such as text fields, buttons, checkboxes, range controls, or color @@ -345,14 +347,14 @@ in any order: writing the user interface, implementing the server-side processing, and configuring the user interface to communicate with the server.</p><h5 id="writing-a-form-s-user-interface"><span class="secno">4.10.1.1 </span>Writing a form's user interface</h5><p><i>This section is non-normative.</i></p><p>For the purposes of this brief introduction, we will create a - pizza ordering form.</p><p>Any form starts with a <code><a href="#the-form-element">form</a></code> element, inside which + pizza ordering form.</p><p>Any form starts with a <code><a href="the-form-element.html#the-form-element">form</a></code> element, inside which are placed the controls. Most controls are represented by the <code><a href="the-input-element.html#the-input-element">input</a></code> element, which by default provides a one-line - text field. To label a control, the <code><a href="#the-label-element">label</a></code> element is + text field. To label a control, the <code><a href="the-label-element.html#the-label-element">label</a></code> element is used; the label text and the control itself go inside the - <code><a href="#the-label-element">label</a></code> element. Each part of a form is considered a + <code><a href="the-label-element.html#the-label-element">label</a></code> element. Each part of a form is considered a <a href="content-models.html#paragraph">paragraph</a>, and is typically separated from other parts - using <code><a href="grouping-content.html#the-p-element">p</a></code> elements. Putting this together, here is how + using <code><a href="the-p-element.html#the-p-element">p</a></code> elements. Putting this together, here is how one might ask for the customer's name:</p><pre><strong><form> <p><label>Customer name: <input></label></p> </form></strong></pre><p>To let the user select the size of the pizza, we can use a set of @@ -360,11 +362,11 @@ element, this time with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute with the value <code title="attr-input-type-radio"><a href="number-state.html#radio-button-state">radio</a></code>. To make the radio buttons work as a group, they are given a common name using the - <code title="attr-fe-name"><a href="association-of-controls-and-forms.html#attr-fe-name">name</a></code> attribute. To group a batch + <code title="attr-fe-name"><a href="attributes-common-to-form-controls.html#attr-fe-name">name</a></code> attribute. To group a batch of controls together, such as, in this case, the radio buttons, one - can use the <code><a href="#the-fieldset-element">fieldset</a></code> element. The title of such a group + can use the <code><a href="the-fieldset-element.html#the-fieldset-element">fieldset</a></code> element. The title of such a group of controls is given by the first element in the - <code><a href="#the-fieldset-element">fieldset</a></code>, which has to be a <code><a href="#the-legend-element">legend</a></code> + <code><a href="the-fieldset-element.html#the-fieldset-element">fieldset</a></code>, which has to be a <code><a href="the-legend-element.html#the-legend-element">legend</a></code> element.</p><pre><form> <p><label>Customer name: <input></label></p> <strong> <fieldset> @@ -436,7 +438,7 @@ <p><label> <input type=checkbox> Mushroom </label></p> </fieldset> <strong> <p><label>Preferred delivery time: <input type=time min="11:00" max="21:00" step="900"></label></p></strong> -</form></pre><p>The <code><a href="the-button-element.html#the-textarea-element">textarea</a></code> element can be used to provide a +</form></pre><p>The <code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code> element can be used to provide a free-form text field. In this instance, we are going to use it to provide a space for the customer to give delivery instructions:</p><pre><form> <p><label>Customer name: <input></label></p> @@ -481,7 +483,7 @@ </form></pre><h5 id="implementing-the-server-side-processing-for-a-form"><span class="secno">4.10.1.2 </span>Implementing the server-side processing for a form</h5><p><i>This section is non-normative.</i></p><p>The exact details for writing a server-side processor are out of scope for this specification. For the purposes of this introduction, we will assume that the script at <code title="">https://pizza.example.com/order.cgi</code> is configured to - accept submissions using the <code title="attr-fs-enctype-urlencoded"><a href="association-of-controls-and-forms.html#attr-fs-enctype-urlencoded">application/x-www-form-urlencoded</a></code> + accept submissions using the <code title="attr-fs-enctype-urlencoded"><a href="attributes-common-to-form-controls.html#attr-fs-enctype-urlencoded">application/x-www-form-urlencoded</a></code> format, expecting the following parameters sent in an HTTP POST body:</p><dl><dt><code title="">custname</code></dt> <dd>Customer's name</dd> @@ -506,15 +508,15 @@ </dl><h5 id="configuring-a-form-to-communicate-with-a-server"><span class="secno">4.10.1.3 </span>Configuring a form to communicate with a server</h5><p><i>This section is non-normative.</i></p><p>Form submissions are exposed to servers in a variety of ways, most commonly as HTTP GET or POST requests. To specify the exact - method used, the <code title="attr-fs-method"><a href="association-of-controls-and-forms.html#attr-fs-method">method</a></code> - attribute is specified on the <code><a href="#the-form-element">form</a></code> element. This + method used, the <code title="attr-fs-method"><a href="attributes-common-to-form-controls.html#attr-fs-method">method</a></code> + attribute is specified on the <code><a href="the-form-element.html#the-form-element">form</a></code> element. This doesn't specify how the form data is encoded, though; to specify - that, you use the <code title="attr-fs-enctype"><a href="association-of-controls-and-forms.html#attr-fs-enctype">enctype</a></code> + that, you use the <code title="attr-fs-enctype"><a href="attributes-common-to-form-controls.html#attr-fs-enctype">enctype</a></code> attribute. You also have to specify the <a href="urls.html#url">URL</a> of the - service that will handle the submitted data, using the <code title="attr-fs-action"><a href="association-of-controls-and-forms.html#attr-fs-action">action</a></code> attribute.</p><p>For each form control you want submitted, you then have to give a + service that will handle the submitted data, using the <code title="attr-fs-action"><a href="attributes-common-to-form-controls.html#attr-fs-action">action</a></code> attribute.</p><p>For each form control you want submitted, you then have to give a name that will be used to refer to the data in the submission. We already specified the name for the group of radio buttons; the same - attribute (<code title="attr-fe-name"><a href="association-of-controls-and-forms.html#attr-fe-name">name</a></code>) also specifies + attribute (<code title="attr-fe-name"><a href="attributes-common-to-form-controls.html#attr-fe-name">name</a></code>) also specifies the submission name. Radio buttons can be distinguished from each other in the submission by giving them different values, using the <code title="attr-input-value"><a href="the-input-element.html#attr-input-value">value</a></code> attribute.</p><p>Multiple controls can have the same name; for example, here we @@ -582,8 +584,8 @@ <p><label>Delivery instructions: <textarea name="comments"></textarea></label></p> <p><button>Submit order</button></p> </form></pre><p>It is also possible to limit the length of the input, using the - <code title="attr-fe-maxlength"><a href="association-of-controls-and-forms.html#attr-fe-maxlength">maxlength</a></code> attribute. By - adding this to the <code><a href="the-button-element.html#the-textarea-element">textarea</a></code> element, we can limit users + <code title="attr-fe-maxlength"><a href="attributes-common-to-form-controls.html#attr-fe-maxlength">maxlength</a></code> attribute. By + adding this to the <code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code> element, we can limit users to 1000 characters, preventing them from writing huge essays to the busy delivery drivers instead of staying focused and to the point:</p><pre><form method="post" @@ -615,47 +617,47 @@ 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="association-of-controls-and-forms.html#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-fieldset-element.html#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> + <li><code><a href="the-keygen-element.html#the-keygen-element">keygen</a></code></li> + <li><code><a href="the-label-element.html#the-label-element">label</a></code></li> + <li><code><a href="the-object-element.html#the-object-element">object</a></code></li> + <li><code><a href="the-output-element.html#the-output-element">output</a></code></li> + <li><code><a href="the-select-element.html#the-select-element">select</a></code></li> + <li><code><a href="the-textarea-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 elements</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> + <p>Denotes elements that are listed in the <code title="dom-form-elements"><a href="the-form-element.html#dom-form-elements"><var title="">form</var>.elements</a></code> + and <code title="dom-fieldset-elements"><a href="the-fieldset-element.html#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-fieldset-element.html#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> + <li><code><a href="the-keygen-element.html#the-keygen-element">keygen</a></code></li> + <li><code><a href="the-object-element.html#the-object-element">object</a></code></li> + <li><code><a href="the-output-element.html#the-output-element">output</a></code></li> + <li><code><a href="the-select-element.html#the-select-element">select</a></code></li> + <li><code><a href="the-textarea-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="association-of-controls-and-forms.html#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="association-of-controls-and-forms.html#concept-form-submit" title="concept-form-submit">submitted</a>.</p> + <p>Denotes elements that can be used for <a href="form-submission.html#constructing-form-data-set">constructing the form data + set</a> when a <code><a href="the-form-element.html#the-form-element">form</a></code> element is <a href="form-submission.html#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> + <li><code><a href="the-keygen-element.html#the-keygen-element">keygen</a></code></li> + <li><code><a href="the-object-element.html#the-object-element">object</a></code></li> + <li><code><a href="the-select-element.html#the-select-element">select</a></code></li> + <li><code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code></li> </ul><p>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> @@ -666,597 +668,28 @@ <dd> - <p>Denotes elements that can be affected when a <code><a href="#the-form-element">form</a></code> - element is <a href="association-of-controls-and-forms.html#concept-form-reset" title="concept-form-reset">reset</a>.</p> + <p>Denotes elements that can be affected when a <code><a href="the-form-element.html#the-form-element">form</a></code> + element is <a href="form-submission.html#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> + <li><code><a href="the-keygen-element.html#the-keygen-element">keygen</a></code></li> + <li><code><a href="the-output-element.html#the-output-element">output</a></code></li> + <li><code><a href="the-select-element.html#the-select-element">select</a></code></li> + <li><code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code></li> </ul></dd> </dl><p>Some elements, not all of them <a href="#form-associated-element" title="form-associated element">form-associated</a>, are categorized as <dfn id="category-label" title="category-label">labelable elements</dfn>. These are elements - that can be associated with a <code><a href="#the-label-element">label</a></code> element. + that can be associated with a <code><a href="the-label-element.html#the-label-element">label</a></code> element. </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> (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="the-button-element.html#the-meter-element">meter</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-progress-element">progress</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><h4 id="the-form-element"><span class="secno">4.10.3 </span>The <dfn><code>form</code></dfn> element</h4><dl class="element"><dt>Categories</dt> - <dd><a href="content-models.html#flow-content">Flow content</a>.</dd> - <dd><a href="content-models.html#palpable-content">Palpable content</a>.</dd> - <dt>Contexts in which this element can 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="association-of-controls-and-forms.html#dom-fs-action" title="dom-fs-action">action</a>; - attribute DOMString <a href="#dom-form-autocomplete" title="dom-form-autocomplete">autocomplete</a>; - attribute DOMString <a href="association-of-controls-and-forms.html#dom-fs-enctype" title="dom-fs-enctype">enctype</a>; - attribute DOMString <a href="association-of-controls-and-forms.html#dom-fs-encoding" title="dom-fs-encoding">encoding</a>; - attribute DOMString <a href="association-of-controls-and-forms.html#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="association-of-controls-and-forms.html#dom-fs-novalidate" title="dom-fs-noValidate">noValidate</a>; - attribute DOMString <a href="association-of-controls-and-forms.html#dom-fs-target" title="dom-fs-target">target</a>; - - readonly attribute <a href="common-dom-interfaces.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>; - <a href="#dom-form-item" title="dom-form-item">getter</a> <a href="infrastructure.html#element">Element</a> (unsigned long index); - <a href="#dom-form-nameditem" title="dom-form-namedItem">getter</a> object (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>(); -};</pre> - </dd> - </dl><p>The <code><a href="#the-form-element">form</a></code> element <a href="rendering.html#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> that are <a href="infrastructure.html#ascii-case-insensitive">ASCII - case-insensitive</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.html#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.html#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="common-input-element-attributes.html#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="common-input-element-attributes.html#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="infrastructure.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="">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="">form</var>[<var title="">name</var>]</dt> - <dt><var title="">form</var>(<var title="">name</var>)</dt> - - <dd> - - <p>Returns the form control (or, if there are several, a - <code><a href="infrastructure.html#nodelist">NodeList</a></code> of the form controls) in the form with the - given <a href="infrastructure.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> (excluding image buttons for - historical reasons); or, if there are none, returns the - <code><a href="embedded-content-1.html#the-img-element">img</a></code> element with the given ID.</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 <a href="infrastructure.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> changes, for as long as the - element remains in the <code><a href="dom.html#document">Document</a></code>.</p> - - <p>If there are multiple matching items, then a - <code><a href="infrastructure.html#nodelist">NodeList</a></code> object containing all those elements is - returned.</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> - - </dl><div class="impl"> - - <p>The <dfn id="dom-form-autocomplete" title="dom-form-autocomplete"><code>autocomplete</code></dfn> IDL - attribute must <a href="common-dom-interfaces.html#reflect">reflect</a> the content attribute of the - same name, <a href="common-dom-interfaces.html#limited-to-only-known-values">limited to only known values</a>.</p> - - <p>The <dfn id="dom-form-name" title="dom-form-name"><code>name</code></dfn> IDL - attribute must <a href="common-dom-interfaces.html#reflect">reflect</a> the content attribute of the - same name.</p> - - <p>The <dfn id="dom-form-acceptcharset" title="dom-form-acceptCharset"><code>acceptCharset</code></dfn> IDL - attribute must <a href="common-dom-interfaces.html#reflect">reflect</a> the <code title="attr-form-accept-charset"><a href="#attr-form-accept-charset">accept-charset</a></code> content - attribute.</p> - - <hr><p>The <dfn id="dom-form-elements" title="dom-form-elements"><code>elements</code></dfn> - IDL attribute must return an <code><a href="common-dom-interfaces.html#htmlformcontrolscollection">HTMLFormControlsCollection</a></code> - rooted at the <code><a href="dom.html#document">Document</a></code> node, whose filter matches <a href="#category-listed" title="category-listed">listed elements</a> whose <a href="association-of-controls-and-forms.html#form-owner">form - owner</a> is the <code><a href="#the-form-element">form</a></code> element, with the exception of - <code><a href="the-input-element.html#the-input-element">input</a></code> elements 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#image-button-state" title="attr-input-type-image">Image Button</a> state, which must, - for historical reasons, be excluded from this particular - collection.</p> - - <p>The <dfn id="dom-form-length" title="dom-form-length"><code>length</code></dfn> IDL - attribute must return the number of nodes <a href="infrastructure.html#represented-by-the-collection" title="represented - by the collection">represented</a> by the <code title="dom-form-elements"><a href="#dom-form-elements">elements</a></code> collection.</p> - - <p>The <a href="infrastructure.html#supported-property-indices">supported property indices</a> at any instant are - the indices supported by the object returned by the <code title="dom-form-elements"><a href="#dom-form-elements">elements</a></code> attribute at that - instant.</p> - - <p>When a <code><a href="#the-form-element">form</a></code> element is <dfn id="dom-form-item" title="dom-form-item">indexed for indexed property retrieval</dfn>, - the user agent must return the value returned by the <code title="dom-HTMLFormControlsCollection-item">item</code> method on - the <code title="dom-form-elements"><a href="#dom-form-elements">elements</a></code> collection, when - invoked with the given index as its argument.</p> - - <hr><p>Each <code><a href="#the-form-element">form</a></code> element has a mapping of names to elements - called the <dfn id="past-names-map">past names map</dfn>. It is used to persist names of - controls even when they change names.</p> - - <p>The <a href="infrastructure.html#supported-property-names">supported property names</a> consist of the values - of all the <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> and <code title="attr-fe-name"><a href="association-of-controls-and-forms.html#attr-fe-name">name</a></code> attributes of all the <a href="#category-listed" title="category-listed">listed elements</a> and <code><a href="embedded-content-1.html#the-img-element">img</a></code> - elements that are descendants of the <code><a href="#the-form-element">form</a></code> element, and - all the names currently in the <a href="#past-names-map">past names map</a>.</p> - - <p>When a <code><a href="#the-form-element">form</a></code> element is <dfn id="dom-form-nameditem" title="dom-form-namedItem">indexed for named property - retrieval</dfn>, the user agent must run the following steps:</p> - - <ol><li><p>Let <var title="">candidates</var> be a <a href="infrastructure.html#live">live</a> - <code><a href="infrastructure.html#nodelist">NodeList</a></code> object containing all the <a href="#category-listed" title="category-listed">listed elements</a> that are descendants - of the <code><a href="#the-form-element">form</a></code> element and that have either an <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> attribute or a <code title="attr-fe-name"><a href="association-of-controls-and-forms.html#attr-fe-name">name</a></code> attribute equal to <var title="">name</var>, in <a href="infrastructure.html#tree-order">tree order</a>.</p></li> - - <li><p>If <var title="">candidates</var> is empty, let <var title="">candidates</var> be a <a href="infrastructure.html#live">live</a> - <code><a href="infrastructure.html#nodelist">NodeList</a></code> object containing all the <code><a href="embedded-content-1.html#the-img-element">img</a></code> - elements that are descendants of the <code><a href="#the-form-element">form</a></code> element and - that have either an <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> attribute or a - <code title="attr-img-name"><a href="obsolete.html#attr-img-name">name</a></code> attribute equal to <var title="">name</var>, in <a href="infrastructure.html#tree-order">tree order</a>.</p></li> - - <li><p>If <var title="">candidates</var> is empty, <var title="">name</var> is the name of one of the entries in the - <code><a href="#the-form-element">form</a></code> element's <a href="#past-names-map">past names map</a>: return the - object associated with <var title="">name</var> in that - map.</p></li> - - <li><p>If <var title="">candidates</var> contains more than one - node, return <var title="">candidates</var> and abort these - steps.</p></li> - - <li><p>Otherwise, <var title="">candidates</var> contains exactly - one node. Add a mapping from <var title="">name</var> to the node - in <var title="">candidates</var> in the <code><a href="#the-form-element">form</a></code> element's - <a href="#past-names-map">past names map</a>, replacing the previous entry with the - same name, if any.</p></li> - - <li><p>Return the node in <var title="">candidates</var>.</p></li> - - </ol><p>If an element listed in the <code><a href="#the-form-element">form</a></code> element's <a href="#past-names-map">past - names map</a> is removed from the <code><a href="dom.html#document">Document</a></code>, then its - entries must be removed from the map.</p> - - - - - <hr><p>The <dfn id="dom-form-submit" title="dom-form-submit"><code>submit()</code></dfn> - method, when invoked, must <a href="association-of-controls-and-forms.html#concept-form-submit" title="concept-form-submit">submit</a> the <code><a href="#the-form-element">form</a></code> - element from the <code><a href="#the-form-element">form</a></code> element itself, with the <var title="">submitted from <code title="dom-form-submit"><a href="#dom-form-submit">submit()</a></code> method</var> flag set.</p> - - <p>The <dfn id="dom-form-reset" title="dom-form-reset"><code>reset()</code></dfn> - method, when invoked, must run the following steps:</p> - - <ol><li><p>If the <code><a href="#the-form-element">form</a></code> element is marked as <i><a href="#locked-for-reset">locked for - reset</a></i>, then abort these steps.</p></li> - - <li><p>Mark the <code><a href="#the-form-element">form</a></code> element as <dfn id="locked-for-reset">locked for - reset</dfn>.</p></li> - - <li><p><a href="association-of-controls-and-forms.html#concept-form-reset" title="concept-form-reset">Reset</a> the - <code><a href="#the-form-element">form</a></code> element.</p></li> - - <li><p>Unmark the <code><a href="#the-form-element">form</a></code> element as <i><a href="#locked-for-reset">locked for - reset</a></i>.</p></li> - - </ol><p>If the <dfn id="dom-form-checkvalidity" title="dom-form-checkValidity"><code>checkValidity()</code></dfn> - method is invoked, the user agent must <a href="association-of-controls-and-forms.html#statically-validate-the-constraints">statically validate the - constraints</a> of the <code><a href="#the-form-element">form</a></code> element, and return true - if the constraint validation return a <i>positive</i> result, and - false if it returned a <i>negative</i> result.</p> - - </div><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.4 </span>The <dfn><code>fieldset</code></dfn> element</h4><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> - <dd><a href="content-models.html#palpable-content">Palpable content</a>.</dd> - <dt>Contexts in which this element can 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="association-of-controls-and-forms.html#dom-fae-form" title="dom-fae-form">form</a>; - attribute DOMString <a href="association-of-controls-and-forms.html#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="common-dom-interfaces.html#htmlformcontrolscollection">HTMLFormControlsCollection</a> <a href="#dom-fieldset-elements" title="dom-fieldset-elements">elements</a>; - - readonly attribute boolean <a href="association-of-controls-and-forms.html#dom-cva-willvalidate" title="dom-cva-willValidate">willValidate</a>; - readonly attribute <a href="association-of-controls-and-forms.html#validitystate">ValidityState</a> <a href="association-of-controls-and-forms.html#dom-cva-validity" title="dom-cva-validity">validity</a>; - readonly attribute DOMString <a href="association-of-controls-and-forms.html#dom-cva-validationmessage" title="dom-cva-validationMessage">validationMessage</a>; - boolean <a href="association-of-controls-and-forms.html#dom-cva-checkvalidatity" title="dom-cva-checkValidatity">checkValidity</a>(); - void <a href="association-of-controls-and-forms.html#dom-cva-setcustomvalidity" title="dom-cva-setCustomValidity">setCustomValidity</a>(DOMString error); -};</pre> - </dd> - </dl><p>The <code><a href="#the-fieldset-element">fieldset</a></code> element <a href="rendering.html#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="common-dom-interfaces.html#htmlformcontrolscollection">HTMLFormControlsCollection</a></code> of the form - controls in the element.</p> - - </dd> - - </dl><div class="impl"> - - <p>The <dfn id="dom-fieldset-disabled" title="dom-fieldset-disabled"><code>disabled</code></dfn> IDL - attribute must <a href="common-dom-interfaces.html#reflect">reflect</a> the content attribute of the - same name.</p> - - <p>The <dfn id="dom-fieldset-type" title="dom-fieldset-type"><code>type</code></dfn> IDL - attribute must return the string "<code title="">fieldset</code>".</p> - - <p>The <dfn id="dom-fieldset-elements" title="dom-fieldset-elements"><code>elements</code></dfn> IDL - attribute must return an <code><a href="common-dom-interfaces.html#htmlformcontrolscollection">HTMLFormControlsCollection</a></code> - rooted at the <code><a href="#the-fieldset-element">fieldset</a></code> element, whose filter matches - <a href="#category-listed" title="category-listed">listed elements</a>.</p> - - <p>The <code title="dom-cva-willValidate"><a href="association-of-controls-and-forms.html#dom-cva-willvalidate">willValidate</a></code>, <code title="dom-cva-validity"><a href="association-of-controls-and-forms.html#dom-cva-validity">validity</a></code>, and <code title="dom-cva-validationMessage"><a href="association-of-controls-and-forms.html#dom-cva-validationmessage">validationMessage</a></code> - attributes, and the <code title="dom-cva-checkValidatity"><a href="association-of-controls-and-forms.html#dom-cva-checkvalidatity">checkValidity()</a></code> and <code title="dom-cva-setCustomValidity"><a href="association-of-controls-and-forms.html#dom-cva-setcustomvalidity">setCustomValidity()</a></code> - methods, are part of the <a href="association-of-controls-and-forms.html#the-constraint-validation-api">constraint validation API</a>. The - <code title="dom-fae-form"><a href="association-of-controls-and-forms.html#dom-fae-form">form</a></code> and <code title="dom-fe-name"><a href="association-of-controls-and-forms.html#dom-fe-name">name</a></code> IDL attributes are part of the - element's forms API.</p> - - <p><strong>Constraint validation</strong>: <code><a href="#the-fieldset-element">fieldset</a></code> - elements are always <a href="association-of-controls-and-forms.html#barred-from-constraint-validation">barred from constraint - validation</a>.</p> - - </div><div class="example"> - - <p>This example shows a <code><a href="#the-fieldset-element">fieldset</a></code> element being used to - group a set of related controls:</p> - - <pre><fieldset> - <legend>Display</legend> - <p><label><input type=radio name=c value=0 checked> Black on White</label> - <p><label><input type=radio name=c value=1> White on Black</label> - <p><label><input type=checkbox name=g> Use grayscale</label> - <p><label>Enhance contrast <input type=range name=e list=contrast min=0 max=100 value=0 step=1></label> - <datalist id=contrast> - <option label=Normal value=0> - <option label=Maximum value=100> - </datalist> -</fieldset></pre> - - </div><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><div class="example"> - - <p>You can also nest <code><a href="#the-fieldset-element">fieldset</a></code> elements. Here is an - example expanding on the previous one that does so:</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> - <fieldset name="numfields"> - <legend> <label> - <input type=radio checked name=clubtype onchange="form.numfields.disabled = !checked"> - My card has numbers on it - </label> </legend> - <p><label>Card number: <input name=clubnum required pattern="[-0-9]+"></label></p> - </fieldset> - <fieldset name="letfields" disabled> - <legend> <label> - <input type=radio name=clubtype onchange="form.letfields.disabled = !checked"> - My card has letters on it - </label> </legend> - <p><label>Card code: <input name=clublet required pattern="[A-Za-z]+"></label></p> - </fieldset> -</fieldset></pre> - - <p>In this example, if the outer "Use Club Card" checkbox is not - checked, everything inside the outer <code><a href="#the-fieldset-element">fieldset</a></code>, - including the two radio buttons in the legends of the two nested - <code><a href="#the-fieldset-element">fieldset</a></code>s, will be disabled. However, if the checkbox - is checked, then the radio buttons will both be enabled and will - let you select which of the two inner <code><a href="#the-fieldset-element">fieldset</a></code>s is to - be enabled.</p> - - </div><h4 id="the-legend-element"><span class="secno">4.10.5 </span>The <dfn><code>legend</code></dfn> element</h4><dl class="element"><dt>Categories</dt> - <dd>None.</dd> - <dt>Contexts in which this element can be used:</dt> - <dd>As the first 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="rendering.html#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<span class="impl">, if - any</span>.</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><div class="impl"> - - <p>The <dfn id="dom-legend-form" title="dom-legend-form"><code>form</code></dfn> IDL - attribute's behavior depends on whether the <code><a href="#the-legend-element">legend</a></code> - element is in a <code><a href="#the-fieldset-element">fieldset</a></code> element or not. If the - <code><a href="#the-legend-element">legend</a></code> has a <code><a href="#the-fieldset-element">fieldset</a></code> element as its - parent, then the <code title="dom-legend-form"><a href="#dom-legend-form">form</a></code> IDL - attribute must return the same value as the <code title="dom-fae-form"><a href="association-of-controls-and-forms.html#dom-fae-form">form</a></code> IDL attribute on that - <code><a href="#the-fieldset-element">fieldset</a></code> element. Otherwise, it must return null.</p> - - </div><h4 id="the-label-element"><span class="secno">4.10.6 </span>The <dfn><code>label</code></dfn> element</h4><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> - <dd><a href="content-models.html#palpable-content">Palpable content</a>.</dd> - <dt>Contexts in which this element can 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 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="association-of-controls-and-forms.html#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="rendering.html#represents">represents</a> a caption in a - user interface. The caption can be associated with a specific form - control<span class="impl">, known as the <code><a href="#the-label-element">label</a></code> - element's <dfn id="labeled-control">labeled control</dfn></span>, 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><div class="impl"> - - <p>Except where otherwise specified by the following rules, a - <code><a href="#the-label-element">label</a></code> element has no <a href="#labeled-control">labeled control</a>.</p> - - </div><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 <a href="infrastructure.html#concept-id" title="concept-id">ID</a> of a <a href="#category-label" title="category-label">labelable element</a> in the same - <code><a href="dom.html#document">Document</a></code> as the <code><a href="#the-label-element">label</a></code> element. <span class="impl">If the attribute is specified and there is an element - in the <code><a href="dom.html#document">Document</a></code> whose <a href="infrastructure.html#concept-id" title="concept-id">ID</a> is equal to the value of the <code title="attr-label-for"><a href="#attr-label-for">for</a></code> attribute, and the first such - element is a <a href="#category-label" title="category-label">labelable element</a>, - then that element is the <code><a href="#the-label-element">label</a></code> element's <a href="#labeled-control">labeled - control</a>.</span></p><div class="impl"> - - <p>If the <code title="attr-label-for"><a href="#attr-label-for">for</a></code> attribute is not - specified, but the <code><a href="#the-label-element">label</a></code> element has a <a href="#category-label" title="category-label">labelable element</a> descendant, then the - first such descendant in <a href="infrastructure.html#tree-order">tree order</a> is the - <code><a href="#the-label-element">label</a></code> element's <a href="#labeled-control">labeled control</a>.</p> - - <p>The <code><a href="#the-label-element">label</a></code> element's exact default presentation and - behavior, in particular what its <a href="content-models.html#activation-behavior">activation behavior</a> - might be, if anything, should match the platform's label behavior. - The <a href="content-models.html#activation-behavior">activation behavior</a> of a <code><a href="#the-label-element">label</a></code> element - for events targetted at <a href="content-models.html#interactive-content">interactive content</a> descendants - of a <code><a href="#the-label-element">label</a></code> element, and any descendants of those - <a href="content-models.html#interactive-content">interactive content</a> descendants, must be to do - nothing.</p> - - - <div class="example"> - - <p>For example, on platforms where clicking a checkbox label checks - the checkbox, clicking the <code><a href="#the-label-element">label</a></code> in the following - snippet could trigger the user agent to <a href="content-models.html#run-synthetic-click-activation-steps">run synthetic click - activation steps</a> on the <code><a href="the-input-element.html#the-input-element">input</a></code> element, as if - the element itself had been triggered by the user:</p> - - <pre><label><input type=checkbox name=lost> Lost</label></pre> - - <p>On other platforms, the behavior might be just to focus the - control, or do nothing.</p> - - </div> - - </div><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><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><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><div class="impl"> - - <p>The <dfn id="dom-label-htmlfor" title="dom-label-htmlFor"><code>htmlFor</code></dfn> IDL - attribute must <a href="common-dom-interfaces.html#reflect">reflect</a> the <code title="attr-label-for"><a href="#attr-label-for">for</a></code> content attribute.</p> - - <p>The <dfn id="dom-label-control" title="dom-label-control"><code>control</code></dfn> IDL - attribute must return the <code><a href="#the-label-element">label</a></code> element's <a href="#labeled-control">labeled - control</a>, if any, or null if there isn't one.</p> - - <p>The <code title="dom-fae-form"><a href="association-of-controls-and-forms.html#dom-fae-form">form</a></code> IDL attribute is part - of the element's forms API.</p> - - </div><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><a href="infrastructure.html#nodelist">NodeList</a></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="impl"> - - <p><a href="#category-label" title="category-label">Labelable elements</a> have a - <code><a href="infrastructure.html#nodelist">NodeList</a></code> object associated with them that represents - the list of <code><a href="#the-label-element">label</a></code> elements, in <a href="infrastructure.html#tree-order">tree order</a>, - whose <a href="#labeled-control">labeled control</a> is the element in question. The - <dfn id="dom-lfe-labels" title="dom-lfe-labels"><code>labels</code></dfn> IDL attribute - of <a href="#category-label" title="category-label">labelable elements</a>, on - getting, must return that <code><a href="infrastructure.html#nodelist">NodeList</a></code> object.</p> - - </div></body></html> \ No newline at end of file + <li><code><a href="the-keygen-element.html#the-keygen-element">keygen</a></code></li> + <li><code><a href="the-meter-element.html#the-meter-element">meter</a></code></li> + <li><code><a href="the-output-element.html#the-output-element">output</a></code></li> + <li><code><a href="the-progress-element.html#the-progress-element">progress</a></code></li> + <li><code><a href="the-select-element.html#the-select-element">select</a></code></li> + <li><code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code></li> + </ul></body></html> \ No newline at end of file Index: interactive-elements.html =================================================================== RCS file: /sources/public/html5/spec/interactive-elements.html,v retrieving revision 1.1053 retrieving revision 1.1054 diff -u -d -r1.1053 -r1.1054 --- interactive-elements.html 5 Oct 2011 23:46:30 -0000 1.1053 +++ interactive-elements.html 10 Dec 2011 06:15:45 -0000 1.1054 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>4.11 Interactive elements — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>4.11 Interactive elements — HTML5</title><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; } @@ -319,565 +318,20 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="association-of-controls-and-forms.html" title="4.10.18 Association of controls and forms" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> - <link href="commands.html" title="4.11.5 Commands" rel="next"> - </head><body><div class="head" id="head"> + <link href="form-submission.html" title="4.10.22 Form submission" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> + <link href="the-details-element.html" title="4.11.1 The details element" rel="next"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="association-of-controls-and-forms.html" class="prev">4.10.18 Association of controls and forms</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="commands.html" class="next">4.11.5 Commands</a> - <ol class="toc"><li><ol><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-summary-element"><span class="secno">4.11.2 </span>The <code>summary</code> element</a></li><li><a href="interactive-elements.html#the-command-element"><span class="secno">4.11.3 </span>The <code>command</code> element</a></li><li><a href="interactive-elements.html#the-menu-element"><span class="secno">4.11.4 </span>The <code>menu</code> element</a> - <ol><li><a href="interactive-elements.html#menus-intro"><span class="secno">4.11.4.1 </span>Introduction</a></li><li><a href="interactive-elements.html#building-menus-and-toolbars"><span class="secno">4.11.4.2 </span>Building menus and toolbars</a></li><li><a href="interactive-elements.html#context-menus"><span class="secno">4.11.4.3 </span>Context menus</a></li><li><a href="interactive-elements.html#toolbars"><span class="secno">4.11.4.4 </span>Toolbars</a></li></ol></li></ol></li></ol></li></ol></div> - - <h3 id="interactive-elements"><span class="secno">4.11 </span>Interactive elements</h3><h4 id="the-details-element"><span class="secno">4.11.1 </span>The <dfn><code>details</code></dfn> element</h4><dl class="element"><dt>Categories</dt> - <dd><a href="content-models.html#flow-content">Flow content</a>.</dd> - <dd><a href="sections.html#sectioning-root">Sectioning root</a>.</dd> - <dd><a href="content-models.html#interactive-content">Interactive content</a>.</dd> - <dd><a href="content-models.html#palpable-content">Palpable content</a>.</dd> - <dt>Contexts in which this element can be used:</dt> - <dd>Where <a href="content-models.html#flow-content">flow content</a> is expected.</dd> - <dt>Content model:</dt> - <dd>One <code><a href="#the-summary-element">summary</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-details-open"><a href="#attr-details-open">open</a></code></dd> - <dt>DOM interface:</dt> - <dd> -<pre class="idl">interface <dfn id="htmldetailselement">HTMLDetailsElement</dfn> : <a href="elements.html#htmlelement">HTMLElement</a> { - attribute boolean <a href="#dom-details-open" title="dom-details-open">open</a>; -};</pre> - </dd> - </dl><p>The <code><a href="#the-details-element">details</a></code> element <a href="rendering.html#represents">represents</a> a - disclosure widget from which the user can obtain additional - information or controls.</p><p class="note">The <code><a href="#the-details-element">details</a></code> element is not appropriate - for footnotes. Please see <a href="links.html#footnotes">the section on - footnotes</a> for details on how to mark up footnotes.</p><p>The <span class="impl">first</span> <code><a href="#the-summary-element">summary</a></code> element - child of the element, if any, <a href="rendering.html#represents">represents</a> the summary or - legend of the details. <span class="impl">If there is no child - <code><a href="#the-summary-element">summary</a></code> element, the user agent should provide its own - legend (e.g. "Details").</span></p><p>The rest of the element's contents <a href="rendering.html#represents">represents</a> the - additional information or controls.</p><p>The <dfn id="attr-details-open" title="attr-details-open"><code>open</code></dfn> - content attribute is a <a href="common-microsyntaxes.html#boolean-attribute">boolean attribute</a>. If present, - it indicates that both the summary and the additional information is - to be shown to the user. If the attribute is absent, only the - summary is to be shown.</p><div class="impl"> - - <p>When the element is created, if the attribute is absent, the - additional information should be hidden; if the attribute is - present, that information should be shown. Subsequently, if the - attribute is removed, then the information should be hidden; if the - attribute is added, the information should be shown.</p> - - <p>The user agent should allow the user to request that the - additional information be shown or hidden. To honor a request for - the details to be shown, the user agent must set the <code title="attr-details-open"><a href="#attr-details-open">open</a></code> attribute on the element to - the value <code title="">open</code>. To honor a request for the - information to be hidden, the user agent must remove the <code title="attr-details-open"><a href="#attr-details-open">open</a></code> attribute from the - element.</p> - - <p>The <dfn id="dom-details-open" title="dom-details-open"><code>open</code></dfn> IDL - attribute must <a href="common-dom-interfaces.html#reflect">reflect</a> the <code title="attr-details-open"><a href="#attr-details-open">open</a></code> content attribute.</p> - - </div><div class="example"> - - <p>The following example shows the <code><a href="#the-details-element">details</a></code> element - being used to hide technical details in a progress report.</p> - - <pre><section class="progress window"> - <h1>Copying "Really Achieving Your Childhood Dreams"</h1> - <details> - <summary>Copying... <progress max="375505392" value="97543282"></progress> 25%</summary> - <dl> - <dt>Transfer rate:</dt> <dd>452KB/s</dd> - <dt>Local filename:</dt> <dd>/home/rpausch/raycd.m4v</dd> - <dt>Remote filename:</dt> <dd>/var/www/lectures/raycd.m4v</dd> - <dt>Duration:</dt> <dd>01:16:27</dd> - <dt>Color profile:</dt> <dd>SD (6-1-6)</dd> - <dt>Dimensions:</dt> <dd>320×240</dd> - </dl> - </details> -</section></pre> - - </div><div class="example"> - - <p>The following shows how a <code><a href="#the-details-element">details</a></code> element can be - used to hide some controls by default:</p> - - <pre><details> - <summary><label for=fn>Name & Extension:</label></summary> - <p><input type=text id=fn name=fn value="Pillar Magazine.pdf"> - <p><label><input type=checkbox name=ext checked> Hide extension</label> -</details></pre> - - <p>One could use this in conjunction with other <code><a href="#the-details-element">details</a></code> - in a list to allow the user to collapse a set of fields down to a - small set of headings, with the ability to open each one.</p> - - <p class="details-example"><img alt="" height="611" src="http://dev.w3.org/html5/spec/images/sample-details-1.png" width="345"><img alt="" height="666" src="http://dev.w3.org/html5/spec/images/sample-details-2.png" width="345"></p> - - <p>In these examples, the summary really just summarises what the - controls can change, and not the actual values, which is less than - ideal.</p> - - </div><div class="example"> - - <p>Because the <code title="attr-details-open"><a href="#attr-details-open">open</a></code> - attribute is added and removed automatically as the user interacts - with the control, it can be used in CSS to style the element - differently based on its state. Here, a stylesheet is used to - animate the color of the summary when the element is opened or - closed:</p> - - <pre><style> - details > summary { transition: color 1s; color: black; } - details[open] > summary { color: red; } -</style> -<details> - <summary>Automated Status: Operational</summary> - <p>Velocity: 12m/s</p> - <p>Direction: North</p> -</details></pre> - - </div><h4 id="the-summary-element"><span class="secno">4.11.2 </span>The <dfn><code>summary</code></dfn> element</h4><dl class="element"><dt>Categories</dt> - <dd>None.</dd> - <dt>Contexts in which this element can be used:</dt> - <dd>As the first child of a <code><a href="#the-details-element">details</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>Uses <code><a href="elements.html#htmlelement">HTMLElement</a></code>.</dd> - </dl><p>The <code><a href="#the-summary-element">summary</a></code> element <a href="rendering.html#represents">represents</a> a - summary, caption, or legend for the rest of the contents of the - <code><a href="#the-summary-element">summary</a></code> element's parent <code><a href="#the-details-element">details</a></code> - element<span class="impl">, if any</span>.</p><h4 id="the-command-element"><span class="secno">4.11.3 </span>The <dfn id="the-command"><code>command</code></dfn> element</h4><dl class="element"><dt>Categories</dt> - <dd><a href="content-models.html#metadata-content">Metadata content</a>.</dd> - <dd><a href="content-models.html#flow-content">Flow content</a>.</dd> - <dd><a href="content-models.html#phrasing-content">Phrasing content</a>.</dd> - <dt>Contexts in which this element can be used:</dt> - <dd>Where <a href="content-models.html#metadata-content">metadata content</a> is expected.</dd> - <dd>Where <a href="content-models.html#phrasing-content">phrasing 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-command-type"><a href="#attr-command-type">type</a></code></dd> - <dd><code title="attr-command-label"><a href="#attr-command-label">label</a></code></dd> - <dd><code title="attr-command-icon"><a href="#attr-command-icon">icon</a></code></dd> - <dd><code title="attr-command-disabled"><a href="#attr-command-disabled">disabled</a></code></dd> - <dd><code title="attr-command-checked"><a href="#attr-command-checked">checked</a></code></dd> - <dd><code title="attr-command-radiogroup"><a href="#attr-command-radiogroup">radiogroup</a></code></dd> - - <dd>Also, the <code title="attr-command-title"><a href="#attr-command-title">title</a></code> attribute has special semantics on this element.</dd> - <dt>DOM interface:</dt> - <dd> -<pre class="idl">interface <dfn id="htmlcommandelement">HTMLCommandElement</dfn> : <a href="elements.html#htmlelement">HTMLElement</a> { - attribute DOMString <a href="#dom-command-type" title="dom-command-type">type</a>; - attribute DOMString <a href="#dom-command-label" title="dom-command-label">label</a>; - attribute DOMString <a href="#dom-command-icon" title="dom-command-icon">icon</a>; - attribute boolean <a href="#dom-command-disabled" title="dom-command-disabled">disabled</a>; - attribute boolean <a href="#dom-command-checked" title="dom-command-checked">checked</a>; - attribute DOMString <a href="#dom-command-radiogroup" title="dom-command-radiogroup">radiogroup</a>;};</pre> - </dd> - </dl><p>The <code><a href="#the-command-element">command</a></code> element represents a command that the user - can invoke.</p><p>A command can be part of a context menu or toolbar, using the - <code><a href="#the-menu-element">menu</a></code> element, or can be put anywhere else in the page, - to define a keyboard shortcut.</p><p>The <dfn id="attr-command-type" title="attr-command-type"><code>type</code></dfn> - attribute indicates the kind of command: either a normal command - with an associated action, or a state or option that can be toggled, - or a selection of one item from a list of items.</p><p>The attribute is an <a href="common-microsyntaxes.html#enumerated-attribute">enumerated attribute</a> with three - keywords and states. The "<dfn id="attr-command-type-keyword-command" title="attr-command-type-keyword-command"><code>command</code></dfn>" - keyword maps to the <a href="#attr-command-type-state-command" title="attr-command-type-state-command">Command</a> state, the - "<dfn id="attr-command-type-keyword-checkbox" title="attr-command-type-keyword-checkbox"><code>checkbox</code></dfn>" - keyword maps to the <a href="#attr-command-type-state-checkbox" title="attr-command-type-state-checkbox">Checkbox</a> state, and - the "<dfn id="attr-command-type-keyword-radio" title="attr-command-type-keyword-radio"><code>radio</code></dfn>" - keyword maps to the <a href="#attr-command-type-state-radio" title="attr-command-type-state-radio">Radio</a> state. The - <i>missing value default</i> is the <a href="#attr-command-type-state-command" title="attr-command-type-state-command">Command</a> state.</p><dl><dt>The <dfn id="attr-command-type-state-command" title="attr-command-type-state-command">Command</dfn> state</dt> - - <dd><p>The element <a href="rendering.html#represents">represents</a> a normal command with an associated action.</p></dd> - - <dt>The <dfn id="attr-command-type-state-checkbox" title="attr-command-type-state-checkbox">Checkbox</dfn> state</dt> - - <dd><p>The element <a href="rendering.html#represents">represents</a> a state or option that can be toggled.</p></dd> - - <dt>The <dfn id="attr-command-type-state-radio" title="attr-command-type-state-radio">Radio</dfn> state</dt> - - <dd><p>The element <a href="rendering.html#represents">represents</a> a selection of one item from a list of items.</p></dd> - - </dl><p>The <dfn id="attr-command-label" title="attr-command-label"><code>label</code></dfn> - attribute gives the name of the command, as shown to the user. The - <code title="attr-command-label"><a href="#attr-command-label">label</a></code> attribute must be - specified and must have a value that is not the empty string.</p><p>The <dfn id="attr-command-title" title="attr-command-title"><code>title</code></dfn> - attribute gives a hint describing the command, which might be shown - to the user to help him.</p><p>The <dfn id="attr-command-icon" title="attr-command-icon"><code>icon</code></dfn> - attribute gives a picture that represents the command. If the - attribute is specified, the attribute's value must contain a - <a href="urls.html#valid-non-empty-url-potentially-surrounded-by-spaces">valid non-empty URL potentially surrounded by - spaces</a>. <span class="impl">To obtain the <a href="urls.html#absolute-url">absolute - URL</a> of the icon when the attribute's value is not the empty - string, the attribute's value must be <a href="urls.html#resolve-a-url" title="resolve a - url">resolved</a> relative to the element. When the attribute is - absent, or its value is the empty string, or <a href="urls.html#resolve-a-url" title="resolve a - url">resolving</a> its value fails, there is no icon.</span></p><p>The <dfn id="attr-command-disabled" title="attr-command-disabled"><code>disabled</code></dfn> attribute - is a <a href="common-microsyntaxes.html#boolean-attribute">boolean attribute</a> that, if present, indicates that - the command is not available in the current state.</p><p class="note">The distinction between <code title="attr-command-disabled"><a href="#attr-command-disabled">disabled</a></code> and <code title="attr-hidden"><a href="editing.html#the-hidden-attribute">hidden</a></code> is subtle. A command would be - disabled if, in the same context, it could be enabled if only - certain aspects of the situation were changed. A command would be - marked as hidden if, in that situation, the command will never be - enabled. For example, in the context menu for a water faucet, the - command "open" might be disabled if the faucet is already open, but - the command "eat" would be marked hidden since the faucet could - never be eaten.</p><p>The <dfn id="attr-command-checked" title="attr-command-checked"><code>checked</code></dfn> - attribute is a <a href="common-microsyntaxes.html#boolean-attribute">boolean attribute</a> that, if present, - indicates that the command is selected. The attribute must be - omitted unless the <code title="attr-command-type"><a href="#attr-command-type">type</a></code> - attribute is in either the <a href="#attr-command-type-state-checkbox" title="attr-command-type-state-checkbox">Checkbox</a> state or - the <a href="#attr-command-type-state-radio" title="attr-command-type-state-radio">Radio</a> - state.</p><p>The <dfn id="attr-command-radiogroup" title="attr-command-radiogroup"><code>radiogroup</code></dfn> - attribute gives the name of the group of commands that will be - toggled when the command itself is toggled, for commands whose <code title="attr-command-type"><a href="#attr-command-type">type</a></code> attribute has the value "<code title="">radio</code>". The scope of the name is the child list of - the parent element. The attribute must be omitted unless the <code title="attr-command-type"><a href="#attr-command-type">type</a></code> attribute is in the <a href="#attr-command-type-state-radio" title="attr-command-type-state-radio">Radio</a> state.</p><div class="impl"> - - <p>The <dfn id="dom-command-type" title="dom-command-type"><code>type</code></dfn> IDL - attribute must <a href="common-dom-interfaces.html#reflect">reflect</a> the content attribute of the - same name, <a href="common-dom-interfaces.html#limited-to-only-known-values">limited to only known values</a>.</p> - - <p>The <dfn id="dom-command-label" title="dom-command-label"><code>label</code></dfn>, <dfn id="dom-command-icon" title="dom-command-icon"><code>icon</code></dfn>, <dfn id="dom-command-disabled" title="dom-command-disabled"><code>disabled</code></dfn>, <dfn id="dom-command-checked" title="dom-command-checked"><code>checked</code></dfn>, and <dfn id="dom-command-radiogroup" title="dom-command-radiogroup"><code>radiogroup</code></dfn> IDL attributes must <a href="common-dom-interfaces.html#reflect">reflect</a> the respective content - attributes of the same name.</p> - - <p>The element's <a href="content-models.html#activation-behavior">activation behavior</a> depends on the - value of the <code title="attr-command-type"><a href="#attr-command-type">type</a></code> attribute - of the element, as follows:</p> - - <dl class="switch"><dt>If the <code title="attr-command-type"><a href="#attr-command-type">type</a></code> attribute is - in the <a href="#attr-command-type-state-checkbox" title="attr-command-type-state-checkbox">Checkbox</a> state</dt> - - <dd><p>If the element has a <code title="attr-command-checked"><a href="#attr-command-checked">checked</a></code> attribute, the UA must - remove that attribute. Otherwise, the UA must add a <code title="attr-command-checked"><a href="#attr-command-checked">checked</a></code> attribute, with the - literal value <code title="">checked</code>.</p></dd> - - - <dt>If the <code title="attr-command-type"><a href="#attr-command-type">type</a></code> attribute is - in the <a href="#attr-command-type-state-radio" title="attr-command-type-state-radio">Radio</a> state</dt> - - <dd><p>If the element has a parent, then the UA must walk the list - of child nodes of that parent element, and for each node that is a - <code><a href="#the-command-element">command</a></code> element, if that element has a <code title="attr-command-radiogroup"><a href="#attr-command-radiogroup">radiogroup</a></code> attribute whose - value exactly matches the current element's (treating missing <code title="attr-command-radiogroup"><a href="#attr-command-radiogroup">radiogroup</a></code> attributes as if - they were the empty string), and has a <code title="attr-command-checked"><a href="#attr-command-checked">checked</a></code> attribute, must remove - that attribute.</p> - - <p>Then, the element's <code title="attr-command-checked"><a href="#attr-command-checked">checked</a></code> attribute attribute - must be set to the literal value <code title="">checked</code>.</p></dd> - - - <dt>Otherwise</dt> - - <dd><p>The element has no <a href="content-models.html#activation-behavior">activation behavior</a>.</p></dd> - - </dl><p class="note">Firing a synthetic <code title="event-click"><a href="infrastructure.html#event-click">click</a></code> event at the element does not cause - any of the actions described above to happen.</p> - - - </div><p class="note"><code><a href="#the-command-element">command</a></code> elements are not rendered - unless they <a href="#the-menu-element" title="menu">form part of a menu</a>.</p><div class="example"> - - <p>Here is an example of a toolbar with three buttons that let the - user toggle between left, center, and right alignment. One could - imagine such a toolbar as part of a text editor. The toolbar also - has a separator followed by another button labeled "Publish", - though that button is disabled.</p> - - <pre><menu type="toolbar"> - <command type="radio" radiogroup="alignment" checked="checked" - label="Left" icon="icons/alL.png" onclick="setAlign('left')"> - <command type="radio" radiogroup="alignment" - label="Center" icon="icons/alC.png" onclick="setAlign('center')"> - <command type="radio" radiogroup="alignment" - label="Right" icon="icons/alR.png" onclick="setAlign('right')"> - <hr> - <command type="command" disabled - label="Publish" icon="icons/pub.png" onclick="publish()"> -</menu></pre> - - </div><h4 id="the-menu-element"><span class="secno">4.11.4 </span>The <dfn id="menus"><code>menu</code></dfn> element</h4><dl class="element"><dt>Categories</dt> - <dd><a href="content-models.html#flow-content">Flow content</a>.</dd> - <dd>If the element's <code title="attr-menu-type"><a href="#attr-menu-type">type</a></code> attribute is in the <a href="#toolbar-state" title="toolbar state">toolbar</a> state: <a href="content-models.html#interactive-content">Interactive content</a>.</dd> - <dd>If the element's <code title="attr-menu-type"><a href="#attr-menu-type">type</a></code> attribute is in the <a href="#toolbar-state" title="toolbar state">toolbar</a> state or the <a href="#list-state" title="list state">list</a> state: <a href="content-models.html#palpable-content">Palpable content</a>.</dd> - <dt>Contexts in which this element can be used:</dt> - <dd>Where <a href="content-models.html#flow-content">flow content</a> is expected.</dd> - <dt>Content model:</dt> - <dd>Either: Zero or more <code><a href="grouping-content.html#the-li-element">li</a></code> elements.</dd> - <dd>Or: <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-menu-type"><a href="#attr-menu-type">type</a></code></dd> - <dd><code title="attr-menu-label"><a href="#attr-menu-label">label</a></code></dd> - <dt>DOM interface:</dt> - <dd> -<pre class="idl">interface <dfn id="htmlmenuelement">HTMLMenuElement</dfn> : <a href="elements.html#htmlelement">HTMLElement</a> { - attribute DOMString <a href="#dom-menu-type" title="dom-menu-type">type</a>; - attribute DOMString <a href="#dom-menu-label" title="dom-menu-label">label</a>; -};</pre> - </dd></dl><p>The <code><a href="#the-menu-element">menu</a></code> element represents a list of commands.</p><p>The <dfn id="attr-menu-type" title="attr-menu-type"><code>type</code></dfn> attribute - is an <a href="common-microsyntaxes.html#enumerated-attribute">enumerated attribute</a> indicating the kind of menu - being declared. The attribute has three states. The <code title="attr-menu-type-context">context</code> keyword maps to the - <dfn id="context-menu-state" title="context menu state">context menu</dfn> state, in which - the element is declaring a context menu. The <code title="attr-menu-type-toolbar">toolbar</code> keyword maps to the - <dfn id="toolbar-state" title="toolbar state">toolbar</dfn> state, in which the - element is declaring a toolbar. The attribute may also be - omitted. The <i>missing value default</i> is the <dfn id="list-state" title="list - state">list</dfn> state, which indicates that the element is merely - a list of commands that is neither declaring a context menu nor - defining a toolbar.</p><p>If a <code><a href="#the-menu-element">menu</a></code> element's <code title="attr-menu-type"><a href="#attr-menu-type">type</a></code> attribute is in the <a href="#context-menu-state" title="context menu state">context menu</a> state, then the - element <a href="rendering.html#represents">represents</a> the commands of a context menu, and - the user can only interact with the commands if that context menu is - activated.</p><p>If a <code><a href="#the-menu-element">menu</a></code> element's <code title="attr-menu-type"><a href="#attr-menu-type">type</a></code> attribute is in the <a href="#toolbar-state" title="toolbar state">toolbar</a> state, then the element - <a href="rendering.html#represents">represents</a> a list of active commands that the user can - immediately interact with.</p><p>If a <code><a href="#the-menu-element">menu</a></code> element's <code title="attr-menu-type"><a href="#attr-menu-type">type</a></code> attribute is in the <a href="#list-state" title="list state">list</a> state, then the element either - <a href="rendering.html#represents">represents</a> an unordered list of items (each represented - by an <code><a href="grouping-content.html#the-li-element">li</a></code> element), each of which represents a command - that the user can perform or activate, or, if the element has no - <code><a href="grouping-content.html#the-li-element">li</a></code> element children, <a href="content-models.html#flow-content">flow content</a> - describing available commands.</p><p>The <dfn id="attr-menu-label" title="attr-menu-label"><code>label</code></dfn> - attribute gives the label of the menu. It is used by user agents to - display nested menus in the UI. For example, a context menu - containing another menu would use the nested menu's <code title="attr-menu-label"><a href="#attr-menu-label">label</a></code> attribute for the submenu's - menu label.</p><div class="impl"> - - <p>The <dfn id="dom-menu-type" title="dom-menu-type"><code>type</code></dfn> and <dfn id="dom-menu-label" title="dom-menu-label"><code>label</code></dfn> IDL attributes must - <a href="common-dom-interfaces.html#reflect">reflect</a> the respective content attributes of the same - name.</p> - - </div><h5 id="menus-intro"><span class="secno">4.11.4.1 </span>Introduction</h5><p><i>This section is non-normative.</i></p><p>The <code><a href="#the-menu-element">menu</a></code> element is used to define context menus and - toolbars.</p><p>For example, the following represents a toolbar with three menu - buttons on it, each of which has a dropdown menu with a series of - options:</p><pre><menu type="toolbar"> - <li> - <menu label="File"> - <button type="button" onclick="fnew()">New...</button> - <button type="button" onclick="fopen()">Open...</button> - <button type="button" onclick="fsave()">Save</button> - <button type="button" onclick="fsaveas()">Save as...</button> - </menu> - </li> - <li> - <menu label="Edit"> - <button type="button" onclick="ecopy()">Copy</button> - <button type="button" onclick="ecut()">Cut</button> - <button type="button" onclick="epaste()">Paste</button> - </menu> - </li> - <li> - <menu label="Help"> - <li><a href="help.html">Help</a></li> - <li><a href="about.html">About</a></li> - </menu> - </li> -</menu></pre><p>In a supporting user agent, this might look like this:</p><p><img alt="A toolbar with three buttons, labeled 'File', 'Edit', and 'Help'; where if you select the 'Edit' button you get a drop-down menu with three more options, 'Copy', 'Cut', and 'Paste'." height="101" src="http://dev.w3.org/html5/spec/images/sample-toolbar-1.png" width="303"></p><p>In a legacy user agent, the above would look like a bulleted list - with three items, the first of which has four buttons, the second of - which has three, and the third of which has two nested bullet points - with two items consisting of links.</p><hr><p>The following implements a similar toolbar, with a single button - whose values, when selected, redirect the user to Web sites.</p><pre><form action="redirect.cgi"> - <menu type="toolbar"> - <label for="goto">Go to...</label> - <menu label="Go"> - <select id="goto"> - <option value="" selected="selected"> Select site: </option> - <option value="http://www.apple.com/"> Apple </option> - <option value="http://www.mozilla.org/"> Mozilla </option> - <option value="http://www.opera.com/"> Opera </option> - </select> - <span><input type="submit" value="Go"></span> - </menu> - </menu> -</form></pre><p>The behavior in supporting user agents is similar to the example - above, but here the legacy behavior consists of a single - <code><a href="the-button-element.html#the-select-element">select</a></code> element with a submit button. The submit button - doesn't appear in the toolbar, because it is not a child of the - <code><a href="#the-menu-element">menu</a></code> element or of its <code><a href="grouping-content.html#the-li-element">li</a></code> children.</p><div class="impl"> - - <h5 id="building-menus-and-toolbars"><span class="secno">4.11.4.2 </span><dfn>Building menus and toolbars</dfn></h5> - - <p>A menu (or toolbar) consists of a list of zero or more of the - following components:</p> - - <ul class="brief"><li><a href="commands.html#concept-command" title="concept-command">Commands</a>, which can be marked as default commands</li> - <li>Separators</li> - <li>Other menus (which allows the list to be nested)</li> - </ul><p>The list corresponding to a particular <code><a href="#the-menu-element">menu</a></code> element - is built by iterating over its child nodes. For each child node in - <a href="infrastructure.html#tree-order">tree order</a>, the required behavior depends on what the - node is, as follows:</p> - - <dl class="switch"><dt>An element that <a href="commands.html#concept-command" title="concept-command">defines a command</a></dt> - - <dd>Append the command to the menu, respecting its <a href="commands.html#concept-facet" title="concept-facet">facets</a>. </dd> - - - <dt>An <code><a href="grouping-content.html#the-hr-element">hr</a></code> element</dt> - <dt>An <code><a href="the-button-element.html#the-option-element">option</a></code> element that has a <code title="attr-option-value"><a href="the-button-element.html#attr-option-value">value</a></code> attribute set to the empty - string, and has a <code title="attr-option-disabled"><a href="the-button-element.html#attr-option-disabled">disabled</a></code> attribute, and whose - <code><a href="infrastructure.html#textcontent">textContent</a></code> consists of a string of one or more - hyphens (U+002D HYPHEN-MINUS)</dt> - - <dd>Append a separator to the menu.</dd> - - - <dt>An <code><a href="grouping-content.html#the-li-element">li</a></code> element</dt> - <dt>A <code><a href="forms.html#the-label-element">label</a></code> element</dt> - - <dd>Iterate over the children of the element.</dd> - - - <dt>A <code><a href="#the-menu-element">menu</a></code> element with no <code title="attr-menu-label"><a href="#attr-menu-label">label</a></code> attribute</dt> - <dt>A <code><a href="the-button-element.html#the-select-element">select</a></code> element</dt> - - <dd>Append a separator to the menu, then iterate over the children - of the <code><a href="#the-menu-element">menu</a></code> or <code><a href="the-button-element.html#the-select-element">select</a></code> element, then - append another separator.</dd> - - - - - <dt>A <code><a href="#the-menu-element">menu</a></code> element with a <code title="attr-menu-label"><a href="#attr-menu-label">label</a></code> attribute</dt> - <dt>An <code><a href="the-button-element.html#the-optgroup-element">optgroup</a></code> element with a <code title="attr-menu-label"><a href="#attr-menu-label">label</a></code> attribute</dt> - - <dd>Append a submenu to the menu, using the value of the element's - <code title="">label</code> attribute as the label of the menu. The - submenu must be constructed by taking the element and creating a - new menu for it using the complete process described in this - section.</dd> - - - <dt>Any other node</dt> - - <dd><a href="infrastructure.html#ignore">Ignore</a> the node.</dd> - - </dl><p>Once all the nodes have been processed as described above, the - user agent must the post-process the menu as follows:</p> - - <ol><li>Except for separators, any menu item with no label, or whose - label is the empty string, must be removed.</li> - - <li>Any sequence of two or more separators in a row must be - collapsed to a single separator.</li> - - <li>Any separator at the start or end of the menu must be - removed.</li> - - </ol></div><h5 id="context-menus"><span class="secno">4.11.4.3 </span><dfn>Context menus</dfn></h5><p>The <dfn id="attr-contextmenu" title="attr-contextmenu"><code>contextmenu</code></dfn> - attribute gives the element's <a href="#context-menus" title="context menus">context - menu</a>. The value must be the <a href="infrastructure.html#concept-id" title="concept-id">ID</a> of a <code><a href="#the-menu-element">menu</a></code> element in the - DOM. <span class="impl">If the node that would be obtained by - invoking the <code title="dom-Document-getElementById"><a href="infrastructure.html#dom-document-getelementbyid">getElementById()</a></code> method - using the attribute's value as the only argument is null or not a - <code><a href="#the-menu-element">menu</a></code> element, then the element has no assigned context - menu. Otherwise, the element's assigned context menu is the element - so identified.</span></p><div class="impl"> - - <p>When an element's context menu is requested (e.g. by the user - right-clicking the element, or pressing a context menu key), the - user agent must apply the appropriate rules from the following - list:</p> - - <dl class="switch"><dt>If the user requested a context menu using a pointing device</dt> - - <dd><p>The user agent must fire an event with the name <code title="event-contextmenu">contextmenu</code>, that bubbles and is - cancelable, and that uses the <code><a href="infrastructure.html#mouseevent">MouseEvent</a></code> interface, at - the element for which the menu was requested. The context - information of the event must be initialized to the same values as - the last <code><a href="infrastructure.html#mouseevent">MouseEvent</a></code> user interaction event that was - fired as part of the gesture that that was interpreted as a request - for the context menu.</p></dd> - - <dt>Otherwise</dt> - - <dd><p>The user agent must <a href="webappapis.html#fire-a-synthetic-mouse-event" title="fire a synthetic mouse - event">fire a synthetic mouse event named <code title="event-contextmenu">contextmenu</code></a> that bubbles - and is cancelable at the element for which the menu was - requested.</p></dd> - - </dl><p class="note">Typically, therefore, the firing of the <code title="event-contextmenu">contextmenu</code> event will be the - default action of a <code title="mouseup">mouseup</code> or <code title="event-keyup">keyup</code> event. The exact sequence of events - is UA-dependent, as it will vary based on platform conventions.</p> - - <p>The default action of the <code title="event-contextmenu">contextmenu</code> event depends on - whether the element or one of its ancestors has a context menu - assigned (using the <code title="attr-contextmenu"><a href="#attr-contextmenu">contextmenu</a></code> attribute) or not. If - there is no context menu assigned, the default action must be for - the user agent to show its default context menu, if it has one.</p> - - <p>If the element or one of its ancestors <em>does</em> have a - context menu assigned, then the user agent must <a href="webappapis.html#fire-a-simple-event">fire a simple - event</a> named <code title="event-show">show</code> at the - <code><a href="#the-menu-element">menu</a></code> element of the context menu of the nearest - ancestor (including the element itself) with one assigned.</p> - - - <p>The default action of <em>this</em> event is that the user agent - must show a context menu <a href="#building-menus-and-toolbars" title="building menus and - toolbars">built</a> from the <code><a href="#the-menu-element">menu</a></code> element.</p> - - <p>The user agent may also provide access to its default context - menu, if any, with the context menu shown. For example, it could - merge the menu items from the two menus together, or provide the - page's context menu as a submenu of the default menu.</p> - - <p>If the user dismisses the menu without making a selection, - nothing in particular happens.</p> - - <p>If the user selects a menu item that represents a <a href="commands.html#concept-command" title="concept-command">command</a>, then the UA must invoke - that command's <a href="commands.html#command-facet-action" title="command-facet-Action">Action</a>.</p> - - <p>Context menus must not, while being shown, reflect changes in the - DOM; they are constructed as the default action of the <code title="event-show">show</code> event and must remain as constructed - until dismissed.</p> - - <p>User agents may provide means for bypassing the context menu - processing model, ensuring that the user can always access the UA's - default context menus. For example, the user agent could handle - right-clicks that have the Shift key depressed in such a way that it - does not fire the <code title="event-contextmenu">contextmenu</code> - event and instead always shows the default context menu.</p> - - <p>The <dfn id="dom-contextmenu" title="dom-contextMenu"><code>contextMenu</code></dfn> - IDL attribute must <a href="common-dom-interfaces.html#reflect">reflect</a> the <code title="attr-contextmenu"><a href="#attr-contextmenu">contextmenu</a></code> content attribute.</p> - - </div><div class="example"> - - <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 two 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><div class="impl"> - - <h5 id="toolbars"><span class="secno">4.11.4.4 </span><dfn>Toolbars</dfn></h5> - - <p>When a <code><a href="#the-menu-element">menu</a></code> element has a <code title="attr-menu-type"><a href="#attr-menu-type">type</a></code> attribute in the <a href="#toolbar-state" title="toolbar state">toolbar</a> state, then the user agent - must <a href="#building-menus-and-toolbars" title="building menus and toolbars">build</a> the - menu for that <code><a href="#the-menu-element">menu</a></code> element, and use the result in the - rendering.</p> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> - <p>The user agent must reflect changes made to the - <code><a href="#the-menu-element">menu</a></code>'s DOM, by immediately <a href="#building-menus-and-toolbars" title="building menus - and toolbars">rebuilding</a> the menu.</p> + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="form-submission.html">← 4.10.22 Form submission</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="the-details-element.html">4.11.1 The details element →</a> + </nav> - </div></body></html> \ No newline at end of file + <h3 id="interactive-elements"><span class="secno">4.11 </span>Interactive elements</h3></body></html> \ No newline at end of file Index: editing.html =================================================================== RCS file: /sources/public/html5/spec/editing.html,v retrieving revision 1.1065 retrieving revision 1.1066 diff -u -d -r1.1065 -r1.1066 --- editing.html 10 Dec 2011 06:02:06 -0000 1.1065 +++ editing.html 10 Dec 2011 06:15:42 -0000 1.1066 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>7 User interaction — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>7 User interaction — HTML5</title><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; } @@ -319,23 +318,26 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="timers.html" title="6.3 Timers" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> - <link href="dnd.html" title="7.6 Drag and drop" rel="next"> - </head><body><div class="head" id="head"> + <link href="system-state-and-capabilities.html" title="6.5 System state and capabilities" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> + <link href="editing-apis.html" title="7.5.4 Editing APIs" rel="next"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="timers.html" class="prev">6.3 Timers</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="dnd.html" class="next">7.6 Drag and drop</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="system-state-and-capabilities.html">← 6.5 System state and capabilities</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="editing-apis.html">7.5.4 Editing APIs →</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#focus"><span class="secno">7.3 </span>Focus</a> <ol><li><a href="editing.html#sequential-focus-navigation-and-the-tabindex-attribute"><span class="secno">7.3.1 </span>Sequential focus navigation and the <code title="attr-tabindex">tabindex</code> attribute</a></li><li><a href="editing.html#focus-management"><span class="secno">7.3.2 </span>Focus management</a></li><li><a href="editing.html#document-level-focus-apis"><span class="secno">7.3.3 </span>Document-level focus APIs</a></li><li><a href="editing.html#element-level-focus-apis"><span class="secno">7.3.4 </span>Element-level focus APIs</a></li></ol></li><li><a href="editing.html#assigning-keyboard-shortcuts"><span class="secno">7.4 </span>Assigning keyboard shortcuts</a> <ol><li><a href="editing.html#introduction-6"><span class="secno">7.4.1 </span>Introduction</a></li><li><a href="editing.html#the-accesskey-attribute"><span class="secno">7.4.2 </span>The <code>accesskey</code> attribute</a></li><li><a href="editing.html#processing-model-3"><span class="secno">7.4.3 </span>Processing model</a></li></ol></li><li><a href="editing.html#editing-0"><span class="secno">7.5 </span>Editing</a> <ol><li><a href="editing.html#contenteditable"><span class="secno">7.5.1 </span>Making document regions editable: The <code title="attr-contenteditable">contenteditable</code> content - attribute</a></li><li><a href="editing.html#making-entire-documents-editable:-the-designmode-idl-attribute"><span class="secno">7.5.2 </span>Making entire documents editable: The <code title="dom-document-designMode">designMode</code> IDL attribute</a></li><li><a href="editing.html#best-practices-for-in-page-editors"><span class="secno">7.5.3 </span>Best practices for in-page editors</a></li><li><a href="editing.html#editing-apis"><span class="secno">7.5.4 </span>Editing APIs</a></li><li><a href="editing.html#spelling-and-grammar-checking"><span class="secno">7.5.5 </span>Spelling and grammar checking</a></li></ol></li></ol></li></ol></div> + attribute</a></li><li><a href="editing.html#making-entire-documents-editable:-the-designmode-idl-attribute"><span class="secno">7.5.2 </span>Making entire documents editable: The <code title="dom-document-designMode">designMode</code> IDL attribute</a></li><li><a href="editing.html#best-practices-for-in-page-editors"><span class="secno">7.5.3 </span>Best practices for in-page editors</a></li></ol></li></ol></li></ol></nav> <h2 id="editing"><span class="secno">7 </span><dfn>User interaction</dfn></h2><h3 id="the-hidden-attribute"><span class="secno">7.1 </span>The <dfn title="attr-hidden"><code>hidden</code></dfn> attribute</h3><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 @@ -550,39 +552,39 @@ <a href="#focusable">focusable</a>, unless platform conventions dictate otherwise:</p> - <ul><li><code><a href="text-level-semantics.html#the-a-element">a</a></code> elements that have an <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> attribute</li> + <ul><li><code><a href="the-a-element.html#the-a-element">a</a></code> elements that have an <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> attribute</li> - <li><code><a href="semantics.html#the-link-element">link</a></code> elements that have an <code title="attr-link-href"><a href="semantics.html#attr-link-href">href</a></code> attribute</li> + <li><code><a href="the-link-element.html#the-link-element">link</a></code> elements that have an <code title="attr-link-href"><a href="the-link-element.html#attr-link-href">href</a></code> attribute</li> - <li><code><a href="the-button-element.html#the-button-element">button</a></code> elements that are not <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> + <li><code><a href="the-button-element.html#the-button-element">button</a></code> elements that are not <a href="attributes-common-to-form-controls.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> <li><code><a href="the-input-element.html#the-input-element">input</a></code> elements whose <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute are not in the <a href="states-of-the-type-attribute.html#hidden-state" title="attr-input-type-hidden">Hidden</a> state and that - are not <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> + are not <a href="attributes-common-to-form-controls.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> - <li><code><a href="the-button-element.html#the-select-element">select</a></code> elements that are not <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> + <li><code><a href="the-select-element.html#the-select-element">select</a></code> elements that are not <a href="attributes-common-to-form-controls.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> - <li><code><a href="the-button-element.html#the-textarea-element">textarea</a></code> elements that are not <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> + <li><code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code> elements that are not <a href="attributes-common-to-form-controls.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> - <li><code><a href="interactive-elements.html#the-command-element">command</a></code> elements that do not have a <code title="attr-command-disabled"><a href="interactive-elements.html#attr-command-disabled">disabled</a></code> attribute</li> + <li><code><a href="the-command-element.html#the-command-element">command</a></code> elements that do not have a <code title="attr-command-disabled"><a href="the-command-element.html#attr-command-disabled">disabled</a></code> attribute</li> <li>Elements with a <code title="attr-draggable"><a href="dnd.html#the-draggable-attribute">draggable</a></code> attribute set, if that would enable the user agent to allow the user to begin a drag operations for those elements without the use of a pointing device</li> - <li><a href="#editing-host" title="editing host">Editing hosts</a></li> + <li><a href="editing-apis.html#editing-host" title="editing host">Editing hosts</a></li> </ul><p>In addition, each shape that is generated for an - <code><a href="the-map-element.html#the-area-element">area</a></code> element should be <a href="#focusable">focusable</a>, unless - platform conventions dictate otherwise. (A single <code><a href="the-map-element.html#the-area-element">area</a></code> + <code><a href="the-area-element.html#the-area-element">area</a></code> element should be <a href="#focusable">focusable</a>, unless + platform conventions dictate otherwise. (A single <code><a href="the-area-element.html#the-area-element">area</a></code> element can correspond to multiple shapes, since image maps can be reused with multiple images on a page.)</p> - <p>The user agent may also make part of a <code><a href="interactive-elements.html#the-details-element">details</a></code> + <p>The user agent may also make part of a <code><a href="the-details-element.html#the-details-element">details</a></code> element's rendering focusable, to enable the element to be opened or closed using keyboard input. However, this is distinct from the - <code><a href="interactive-elements.html#the-details-element">details</a></code> or <code><a href="interactive-elements.html#the-summary-element">summary</a></code> element being + <code><a href="the-details-element.html#the-details-element">details</a></code> or <code><a href="the-summary-element.html#the-summary-element">summary</a></code> element being focusable.</p> <hr><p>The <dfn id="focusing-steps">focusing steps</dfn> are as follows:</p> @@ -603,7 +605,7 @@ <p>Make the element the currently focused element in its <a href="browsers.html#top-level-browsing-context">top-level browsing context</a>.</p> - <p>Some elements, most notably <code><a href="the-map-element.html#the-area-element">area</a></code>, can correspond + <p>Some elements, most notably <code><a href="the-area-element.html#the-area-element">area</a></code>, can correspond to more than one distinct focusable area. If a particular area was indicated when the element was focused, then that is the area that must get focus; otherwise, e.g. when using the <code title="dom-focus"><a href="#dom-focus">focus()</a></code> method, the first such region in @@ -631,9 +633,9 @@ <p>The <dfn id="unfocusing-steps">unfocusing steps</dfn> are as follows:</p> <ol><li><p>If the element is an <code><a href="the-input-element.html#the-input-element">input</a></code> element, and the - <code title="event-input-change"><a href="common-input-element-attributes.html#event-input-change">change</a></code> event applies to the + <code title="event-input-change"><a href="common-input-element-apis.html#event-input-change">change</a></code> event applies to the element, and the element does not have a defined <a href="content-models.html#activation-behavior">activation - behavior</a>, and the user has changed the element's <a href="association-of-controls-and-forms.html#concept-fe-value" title="concept-fe-value">value</a> or its list of <a href="number-state.html#concept-input-type-file-selected" title="concept-input-type-file-selected">selected files</a> + behavior</a>, and the user has changed the element's <a href="attributes-common-to-form-controls.html#concept-fe-value" title="concept-fe-value">value</a> or its list of <a href="number-state.html#concept-input-type-file-selected" title="concept-input-type-file-selected">selected files</a> while the control was focused without committing that change, then <a href="webappapis.html#fire-a-simple-event">fire a simple event</a> that bubbles named <code title="event-change">change</code> at the element.</p> @@ -652,7 +654,7 @@ <p class="example">For example, this might happen because the element is removed from its <code><a href="dom.html#document">Document</a></code>, or has a <code title="attr-hidden"><a href="#the-hidden-attribute">hidden</a></code> attribute added. It would also - happen to an <code><a href="the-input-element.html#the-input-element">input</a></code> element when the element gets <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a>.</p> + happen to an <code><a href="the-input-element.html#the-input-element">input</a></code> element when the element gets <a href="attributes-common-to-form-controls.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a>.</p> </div><h4 id="document-level-focus-apis"><span class="secno">7.3.3 </span>Document-level focus APIs</h4><dl class="domintro"><dt><var title="">document</var> . <code title="dom-document-activeElement"><a href="#dom-document-activeelement">activeElement</a></code></dt> @@ -1023,7 +1025,7 @@ <p>The <dfn id="dom-iscontenteditable" title="dom-isContentEditable"><code>isContentEditable</code></dfn> IDL attribute, on getting, must return true if the element is either - an <a href="#editing-host">editing host</a> or <a href="#editable">editable</a>, and false + an <a href="editing-apis.html#editing-host">editing host</a> or <a href="editing-apis.html#editable">editable</a>, and false otherwise.</p> </div><h4 id="making-entire-documents-editable:-the-designmode-idl-attribute"><span class="secno">7.5.2 </span>Making entire documents editable: The <code title="dom-document-designMode"><a href="#designMode">designMode</a></code> IDL attribute</h4><div class="impl"> @@ -1060,7 +1062,7 @@ <p>The last state set must persist until the document is destroyed or the state is changed. Initially, documents must have their <code title="dom-document-designMode"><a href="#designMode">designMode</a></code> disabled.</p> - </div><h4 id="best-practices-for-in-page-editors"><span class="secno">7.5.3 </span>Best practices for in-page editors</h4><p>Authors are encouraged to set the 'white-space' property on <a href="#editing-host" title="editing host">editing hosts</a> and on markup that was + </div><h4 id="best-practices-for-in-page-editors"><span class="secno">7.5.3 </span>Best practices for in-page editors</h4><p>Authors are encouraged to set the 'white-space' property on <a href="editing-apis.html#editing-host" title="editing host">editing hosts</a> and on markup that was originally created through these editing mechanisms to the value 'pre-wrap'. Default HTML whitespace handling is not well suited to WYSIWYG editing, and line wrapping will not work correctly in some @@ -1091,198 +1093,4 @@ and should the two words be split at the end of a line, the spaces would be neatly removed from the rendering.</p> - </div><h4 id="editing-apis"><span class="secno">7.5.4 </span>Editing APIs</h4><p>The definition of the terms <dfn id="active-range">active range</dfn>, <dfn id="editing-host">editing - host</dfn>, and <dfn id="editable">editable</dfn>, the user interface requirements - of elements that are <a href="#editing-host" title="editing host">editing hosts</a> - or <a href="#editable">editable</a>, and the - - <dfn id="execCommand" title="dom-document-execCommand"><code>execCommand()</code></dfn>, - <dfn id="dom-document-querycommandenabled" title="dom-document-queryCommandEnabled"><code>queryCommandEnabled()</code></dfn>, - <dfn id="dom-document-querycommandindeterm" title="dom-document-queryCommandIndeterm"><code>queryCommandIndeterm()</code></dfn>, - <dfn id="dom-document-querycommandstate" title="dom-document-queryCommandState"><code>queryCommandState()</code></dfn>, - <dfn id="dom-document-querycommandsupported" title="dom-document-queryCommandSupported"><code>queryCommandSupported()</code></dfn>, and - <dfn id="dom-document-querycommandvalue" title="dom-document-queryCommandValue"><code>queryCommandValue()</code></dfn> - - methods are defined in the HTML Editing APIs specification. Text - selections are defined in the DOM Range specification. The - interaction of editing and the undo/redo features in user agents is - defined by the UndoManager and DOM Transaction specification. <a href="references.html#refsEDITING">[EDITING]</a> <a href="references.html#refsDOMRANGE">[DOMRANGE]</a> <a href="references.html#refsUNDO">[UNDO]</a></p><h4 id="spelling-and-grammar-checking"><span class="secno">7.5.5 </span>Spelling and grammar checking</h4><div class="impl"> - - <p>User agents can support the checking of spelling and grammar of - editable text, either in form controls (such as the value of - <code><a href="the-button-element.html#the-textarea-element">textarea</a></code> elements), or in elements in an <a href="#editing-host">editing - host</a> (e.g. using <code title="attr-contenteditable"><a href="#attr-contenteditable">contenteditable</a></code>).</p> - - <p>For each element, user agents must establish a <dfn id="concept-spellcheck-default" title="concept-spellcheck-default">default behavior</dfn>, either - through defaults or through preferences expressed by the user. There - are three possible default behaviors for each element:</p> - - <dl><dt><dfn id="concept-spellcheck-default-true" title="concept-spellcheck-default-true">true-by-default</dfn> - - </dt><dd>The element will be checked for spelling and grammar if its - contents are editable. - - </dd><dt><dfn id="concept-spellcheck-default-false" title="concept-spellcheck-default-false">false-by-default</dfn> - - </dt><dd>The element will never be checked for spelling and grammar. - - </dd><dt><dfn id="concept-spellcheck-default-inherit" title="concept-spellcheck-default-inherit">inherit-by-default</dfn> - - </dt><dd>The element's default behavior is the same as its parent - element's. Elements that have no parent element cannot have this as - their default behavior. - - </dd></dl><hr></div><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 class="note">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, as defined below. - The <i>false</i> state indicates that the element is not to be - checked.</p><div class="impl"> - - <hr></div><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 true if the element is to have its spelling and grammar - checked; otherwise, returns false.</p> - - <p>Can be set, to override the default and set the <code title="attr-spellcheck"><a href="#attr-spellcheck">spellcheck</a></code> content attribute.</p> - - </dd> - - </dl><div class="impl"> - - <p>The <dfn id="dom-spellcheck" title="dom-spellcheck"><code>spellcheck</code></dfn> IDL - attribute, on getting, must return true if the element's <code title="attr-spellcheck"><a href="#attr-spellcheck">spellcheck</a></code> content attribute is in - the <i>true</i> state, or if the element's <code title="attr-spellcheck"><a href="#attr-spellcheck">spellcheck</a></code> content attribute is in - the <i>default</i> state and the element's <a href="#concept-spellcheck-default" title="concept-spellcheck-default">default behavior</a> is <a href="#concept-spellcheck-default-true" title="concept-spellcheck-default-true">true-by-default</a>, or - if the element's <code title="attr-spellcheck"><a href="#attr-spellcheck">spellcheck</a></code> - content attribute is in the <i>default</i> state and the element's - <a href="#concept-spellcheck-default" title="concept-spellcheck-default">default behavior</a> is - <a href="#concept-spellcheck-default-inherit" title="concept-spellcheck-default-inherit">inherit-by-default</a> - and the element's parent element's <code title="dom-spellcheck"><a href="#dom-spellcheck">spellcheck</a></code> IDL attribute would return - true; otherwise, if none of those conditions applies, then the - attribute must instead return false.</p> - - <p class="note">The <code title="dom-spellcheck"><a href="#dom-spellcheck">spellcheck</a></code> - IDL attribute is not affected by user preferences that override the - <code title="attr-spellcheck"><a href="#attr-spellcheck">spellcheck</a></code> content attribute, - and therefore might not reflect the actual spellchecking state.</p> - - <p>On setting, if the new value is true, then the element's <code title="attr-spellcheck"><a href="#attr-spellcheck">spellcheck</a></code> content attribute must be - set to the literal string "<code title="">true</code>", otherwise it - must be set to the literal string "<code title="">false</code>". - - </p><hr><p>User agents must only consider the following pieces of text as - checkable for the purposes of this feature:</p> - - <ul><li>The value of <code><a href="the-input-element.html#the-input-element">input</a></code> elements to which the <code title="attr-input-readonly"><a href="common-input-element-attributes.html#attr-input-readonly">readonly</a></code> attribute applies, - whose <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attributes are not - in the <a href="states-of-the-type-attribute.html#password-state" title="attr-input-type-password">Password</a> - state, and that are not <i title="concept-input-immutable"><a href="the-input-element.html#concept-input-immutable">immutable</a></i> (i.e. that do not - have the <code title="attr-input-readonly"><a href="common-input-element-attributes.html#attr-input-readonly">readonly</a></code> - attribute specified and that are not <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a>).</li> - - <li>The value of <code><a href="the-button-element.html#the-textarea-element">textarea</a></code> elements that do not have a - <code title="attr-textarea-readonly"><a href="the-button-element.html#attr-textarea-readonly">readonly</a></code> attribute and - that are not <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a>.</li> - - <li>Text in <a href="infrastructure.html#text-node" title="text node">text nodes</a> that are - children of <a href="#editing-host" title="editing host">editing hosts</a> or - <a href="#editable">editable</a> elements.</li> - - <li>Text in attributes of <a href="#editable">editable</a> elements.</li> - - </ul><p>For text that is part of a <a href="infrastructure.html#text-node">text node</a>, the element - with which the text is associated is the element that is the - immediate parent of the first character of the word, sentence, or - other piece of text. For text in attributes, it is the attribute's - element. For the values 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> elements, it is the element itself.</p> - - <p>To determine if a word, sentence, or other piece of text in an - applicable element (as defined above) is to have spelling- and/or - grammar-checking enabled, the UA must use the following - algorithm:</p> - - <ol><li>If the user has disabled the checking for this text, then the - checking is disabled.</li> - - <li>Otherwise, if the user has forced the checking for this text to - always be enabled, then the checking is enabled.</li> - - - - <li>Otherwise, if the element with which the text is associated has - a <code title="attr-spellcheck"><a href="#attr-spellcheck">spellcheck</a></code> content - attribute, then: if that attribute is in the <i>true</i> state, - then checking is enabled; otherwise, if that attribute is in the - <i>false</i> state, then checking is disabled.</li> - - - - <li>Otherwise, if there is an ancestor element with a <code title="attr-spellcheck"><a href="#attr-spellcheck">spellcheck</a></code> content attribute that is - not in the <i>default</i> state, then: if the nearest such - ancestor's <code title="attr-spellcheck"><a href="#attr-spellcheck">spellcheck</a></code> content - attribute is in the <i>true</i> state, then checking is enabled; - otherwise, checking is disabled.</li> - - - - <li>Otherwise, if the element's <a href="#concept-spellcheck-default" title="concept-spellcheck-default">default behavior</a> is <a href="#concept-spellcheck-default-true" title="concept-spellcheck-default-true">true-by-default</a>, - then checking is enabled.</li> - - <li>Otherwise, if the element's <a href="#concept-spellcheck-default" title="concept-spellcheck-default">default behavior</a> is <a href="#concept-spellcheck-default-false" title="concept-spellcheck-default-false">false-by-default</a>, - then checking is disabled.</li> - - - - <li>Otherwise, if the element's parent element has <em>its</em> - checking enabled, then checking is enabled.</li> - - <li>Otherwise, checking is disabled.</li> - - </ol><p>If the checking is enabled for a word/sentence/text, the user - agent should indicate spelling and/or grammar errors in that - text. User agents should take into account the other semantics given - in the document when suggesting spelling and grammar - corrections. User agents may use the language of the element to - determine what spelling and grammar rules to use, or may use the - user's preferred language settings. UAs should use - <code><a href="the-input-element.html#the-input-element">input</a></code> element attributes such as <code title="attr-input-pattern"><a href="common-input-element-attributes.html#attr-input-pattern">pattern</a></code> to ensure that the - resulting value is valid, where possible.</p> - - <p>If checking is disabled, the user agent should not indicate - spelling or grammar errors for that text.</p> - - <div class="example"> - - <p>The element with ID "a" in the following example would be the - one used to determine if the word "Hello" is checked for spelling - errors. In this example, it would not be.</p> - - <pre><div contenteditable="true"> - <span spellcheck="false" id="a">Hell</span><em>o!</em> -</div></pre> - - <p>The element with ID "b" in the following example would have - checking enabled (the leading space character in the attribute's - value on the <code><a href="the-input-element.html#the-input-element">input</a></code> element causes the attribute to be - ignored, so the ancestor's value is used instead, regardless of the - default).</p> - - <pre><p spellcheck="true"> - <label>Name: <input spellcheck=" false" id="b"></label> -</p></pre> - - </div> - - </div><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 + </div></body></html> \ No newline at end of file Index: browsers.html =================================================================== RCS file: /sources/public/html5/spec/browsers.html,v retrieving revision 1.1087 retrieving revision 1.1088 diff -u -d -r1.1087 -r1.1088 --- browsers.html 10 Dec 2011 06:02:05 -0000 1.1087 +++ browsers.html 10 Dec 2011 06:15:41 -0000 1.1088 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>5 Loading Web pages — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>5 Loading Web pages — HTML5</title><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; } @@ -319,23 +318,26 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="links.html" title="4.12 Links" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> + <link href="links.html" title="4.12 Links" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> <link href="origin-0.html" title="5.3 Origin" rel="next"> - </head><body><div class="head" id="head"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="links.html" class="prev">4.12 Links</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="origin-0.html" class="next">5.3 Origin</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="links.html">← 4.12 Links</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="origin-0.html">5.3 Origin →</a> <ol class="toc"><li><a href="browsers.html#browsers"><span class="secno">5 </span>Loading Web pages</a> <ol><li><a href="browsers.html#windows"><span class="secno">5.1 </span>Browsing contexts</a> <ol><li><a href="browsers.html#nested-browsing-contexts"><span class="secno">5.1.1 </span>Nested browsing contexts</a> <ol><li><a href="browsers.html#navigating-nested-browsing-contexts-in-the-dom"><span class="secno">5.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">5.1.2 </span>Auxiliary browsing contexts</a> <ol><li><a href="browsers.html#navigating-auxiliary-browsing-contexts-in-the-dom"><span class="secno">5.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">5.1.3 </span>Secondary browsing contexts</a></li><li><a href="browsers.html#security-nav"><span class="secno">5.1.4 </span>Security</a></li><li><a href="browsers.html#groupings-of-browsing-contexts"><span class="secno">5.1.5 </span>Groupings of browsing contexts</a></li><li><a href="browsers.html#browsing-context-names"><span class="secno">5.1.6 </span>Browsing context names</a></li></ol></li><li><a href="browsers.html#the-window-object"><span class="secno">5.2 </span>The <code>Window</code> object</a> - <ol><li><a href="browsers.html#security-window"><span class="secno">5.2.1 </span>Security</a></li><li><a href="browsers.html#apis-for-creating-and-navigating-browsing-contexts-by-name"><span class="secno">5.2.2 </span>APIs for creating and navigating browsing contexts by name</a></li><li><a href="browsers.html#accessing-other-browsing-contexts"><span class="secno">5.2.3 </span>Accessing other browsing contexts</a></li><li><a href="browsers.html#named-access-on-the-window-object"><span class="secno">5.2.4 </span>Named access on the <code>Window</code> object</a></li><li><a href="browsers.html#garbage-collection-and-browsing-contexts"><span class="secno">5.2.5 </span>Garbage collection and browsing contexts</a></li><li><a href="browsers.html#browser-interface-elements"><span class="secno">5.2.6 </span>Browser interface elements</a></li><li><a href="browsers.html#the-windowproxy-object"><span class="secno">5.2.7 </span>The <code>WindowProxy</code> object</a></li></ol></li></ol></li></ol></div> + <ol><li><a href="browsers.html#security-window"><span class="secno">5.2.1 </span>Security</a></li><li><a href="browsers.html#apis-for-creating-and-navigating-browsing-contexts-by-name"><span class="secno">5.2.2 </span>APIs for creating and navigating browsing contexts by name</a></li><li><a href="browsers.html#accessing-other-browsing-contexts"><span class="secno">5.2.3 </span>Accessing other browsing contexts</a></li><li><a href="browsers.html#named-access-on-the-window-object"><span class="secno">5.2.4 </span>Named access on the <code>Window</code> object</a></li><li><a href="browsers.html#garbage-collection-and-browsing-contexts"><span class="secno">5.2.5 </span>Garbage collection and browsing contexts</a></li><li><a href="browsers.html#browser-interface-elements"><span class="secno">5.2.6 </span>Browser interface elements</a></li><li><a href="browsers.html#the-windowproxy-object"><span class="secno">5.2.7 </span>The <code>WindowProxy</code> object</a></li></ol></li></ol></li></ol></nav> <h2 id="browsers"><span class="secno">5 </span>Loading Web pages</h2><div class="impl"> @@ -363,10 +365,10 @@ for the presentation of a second <code><a href="dom.html#document">Document</a></code> in the same <a href="#browsing-context">browsing context</a>, such that the mapping is then 2-to-1. This occurs when a <a href="#browsing-context">browsing context</a> is <a href="history.html#navigate" title="navigate">navigated</a> from the initial - <code><a href="fetching-resources.html#about:blank">about:blank</a></code> <code><a href="dom.html#document">Document</a></code> to another, with + <code><a href="urls.html#about:blank">about:blank</a></code> <code><a href="dom.html#document">Document</a></code> to another, with <a href="history.html#replacement-enabled">replacement enabled</a>. Second, a <code><a href="dom.html#document">Document</a></code> can end up being reused for several <code><a href="#window">Window</a></code> objects when - the <code title="dom-document-open"><a href="content-models.html#dom-document-open">document.open()</a></code> method is + the <code title="dom-document-open"><a href="dynamic-markup-insertion.html#dom-document-open">document.open()</a></code> method is used, such that the mapping is then 1-to-many.</p><p class="note">A <code><a href="dom.html#document">Document</a></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 @@ -387,23 +389,23 @@ <p>When a <a href="#browsing-context">browsing context</a> is first created, it must be created with a single <code><a href="dom.html#document">Document</a></code> in its session history, whose <a href="dom.html#the-document-s-address" title="the document's address">address</a> is - <code><a href="fetching-resources.html#about:blank">about:blank</a></code>, which is marked as being an <a href="infrastructure.html#html-documents" title="HTML documents">HTML document</a>, and whose <a href="infrastructure.html#document-s-character-encoding" title="document's character encoding">character encoding</a> is + <code><a href="urls.html#about:blank">about:blank</a></code>, which is marked as being an <a href="infrastructure.html#html-documents" title="HTML documents">HTML document</a>, and whose <a href="infrastructure.html#document-s-character-encoding" title="document's character encoding">character encoding</a> is UTF-8. The <code><a href="dom.html#document">Document</a></code> must have a single child - <code><a href="semantics.html#the-html-element">html</a></code> node, which itself has a single child - <code><a href="sections.html#the-body-element">body</a></code> node.</p> + <code><a href="the-html-element.html#the-html-element">html</a></code> node, which itself has a single child + <code><a href="the-body-element.html#the-body-element">body</a></code> node.</p> <p class="note">If the <a href="#browsing-context">browsing context</a> is created specifically to be immediately navigated, then that initial navigation will have <a href="history.html#replacement-enabled">replacement enabled</a>.</p> <p id="about-blank-origin">The <a href="origin-0.html#origin">origin</a> of the - <code><a href="fetching-resources.html#about:blank">about:blank</a></code> <code><a href="dom.html#document">Document</a></code> is set when the + <code><a href="urls.html#about:blank">about:blank</a></code> <code><a href="dom.html#document">Document</a></code> is set when the <code><a href="dom.html#document">Document</a></code> is created. If the new <a href="#browsing-context">browsing context</a> has a <a href="#creator-browsing-context">creator browsing context</a>, then the - <a href="origin-0.html#origin">origin</a> of the <code><a href="fetching-resources.html#about:blank">about:blank</a></code> + <a href="origin-0.html#origin">origin</a> of the <code><a href="urls.html#about:blank">about:blank</a></code> <code><a href="dom.html#document">Document</a></code> is the <a href="origin-0.html#origin">origin</a> of the <a href="#creator-document">creator <code>Document</code></a>. Otherwise, the - <a href="origin-0.html#origin">origin</a> of the <code><a href="fetching-resources.html#about:blank">about:blank</a></code> + <a href="origin-0.html#origin">origin</a> of the <code><a href="urls.html#about:blank">about:blank</a></code> <code><a href="dom.html#document">Document</a></code> is a globally unique identifier assigned when the new <a href="#browsing-context">browsing context</a> is created.</p> @@ -972,16 +974,16 @@ <a href="#dom-window-nameditem" title="dom-window-namedItem">getter</a> object (DOMString name); // the user agent - readonly attribute <a href="timers.html#navigator">Navigator</a> <a href="timers.html#dom-navigator" title="dom-navigator">navigator</a>; - readonly attribute <a href="timers.html#external">External</a> <a href="timers.html#dom-external" title="dom-external">external</a>; + readonly attribute <a href="system-state-and-capabilities.html#navigator">Navigator</a> <a href="system-state-and-capabilities.html#dom-navigator" title="dom-navigator">navigator</a>; + readonly attribute <a href="system-state-and-capabilities.html#external">External</a> <a href="system-state-and-capabilities.html#dom-external" title="dom-external">external</a>; readonly attribute <a href="offline.html#applicationcache">ApplicationCache</a> <a href="offline.html#dom-applicationcache" title="dom-applicationCache">applicationCache</a>; // user prompts - void <a href="timers.html#dom-alert" title="dom-alert">alert</a>(DOMString message); - boolean <a href="timers.html#dom-confirm" title="dom-confirm">confirm</a>(DOMString message); - DOMString? <a href="timers.html#dom-prompt" title="dom-prompt">prompt</a>(DOMString message, optional DOMString default); - void <a href="timers.html#dom-print" title="dom-print">print</a>(); - any <a href="timers.html#dom-showmodaldialog" title="dom-showModalDialog">showModalDialog</a>(DOMString url, optional any argument); + void <a href="user-prompts.html#dom-alert" title="dom-alert">alert</a>(DOMString message); + boolean <a href="user-prompts.html#dom-confirm" title="dom-confirm">confirm</a>(DOMString message); + DOMString? <a href="user-prompts.html#dom-prompt" title="dom-prompt">prompt</a>(DOMString message, optional DOMString default); + void <a href="user-prompts.html#dom-print" title="dom-print">print</a>(); + any <a href="user-prompts.html#dom-showmodaldialog" title="dom-showModalDialog">showModalDialog</a>(DOMString url, optional any argument); // <a href="webappapis.html#event-handler-idl-attributes">event handler IDL attributes</a> [TreatNonCallableAsNull] attribute <a href="webappapis.html#function">Function</a>? <a href="webappapis.html#handler-onabort" title="handler-onabort">onabort</a>; @@ -1154,7 +1156,7 @@ <dd> <p>Opens a window to show <var title="">url</var> (defaults to - <code><a href="fetching-resources.html#about:blank">about:blank</a></code>), and returns it. The <var title="">target</var> argument gives the name of the new + <code><a href="urls.html#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 @@ -1203,7 +1205,7 @@ <a href="urls.html#valid-non-empty-url">valid non-empty URL</a> for a page to load in the browsing context. If no arguments are provided, or if the first argument is the empty string, then the <var title="">url</var> argument defaults - to "<code><a href="fetching-resources.html#about:blank">about:blank</a></code>". The argument must be <a href="urls.html#resolve-a-url" title="resolve a url">resolved</a> to an <a href="urls.html#absolute-url">absolute + to "<code><a href="urls.html#about:blank">about:blank</a></code>". The argument must be <a href="urls.html#resolve-a-url" title="resolve a url">resolved</a> to an <a href="urls.html#absolute-url">absolute URL</a> (or an error), relative to the <a href="#entry-script">entry script</a>'s <a href="webappapis.html#script-s-base-url" title="script's base URL">base URL</a>, when the method is invoked.</p> @@ -1254,7 +1256,7 @@ these steps.</p> <p>Otherwise, if <var title="">url</var> is not - "<code><a href="fetching-resources.html#about:blank">about:blank</a></code>", the user agent must + "<code><a href="urls.html#about:blank">about:blank</a></code>", the user agent must <a href="history.html#navigate">navigate</a> the selected <a href="#browsing-context">browsing context</a> to the <a href="urls.html#absolute-url">absolute URL</a> (or error) obtained from <a href="urls.html#resolve-a-url" title="resolve a url">resolving</a> @@ -1268,7 +1270,7 @@ browsing context</a>.</p> <p>If <var title="">url</var> <em>is</em> - "<code><a href="fetching-resources.html#about:blank">about:blank</a></code>", the user agent must instead <a href="webappapis.html#queue-a-task">queue + "<code><a href="urls.html#about:blank">about:blank</a></code>", the user agent must instead <a href="webappapis.html#queue-a-task">queue a task</a> to <a href="webappapis.html#fire-a-simple-event">fire a simple event</a> named <code title="event-load">load</code> at the selected <a href="#browsing-context">browsing context</a>'s <code><a href="#window">Window</a></code> object, but with its <code title="dom-event-target"><a href="infrastructure.html#dom-event-target">target</a></code> set to the selected <a href="#browsing-context">browsing context</a>'s <code><a href="#window">Window</a></code> object's @@ -1303,7 +1305,7 @@ attempt to <a href="history.html#navigate">navigate</a> the <a href="#browsing-context">browsing context</a> and that attempt is not currently running the <a href="history.html#unload-a-document">unload a document</a> algorithm, cancel that <a href="history.html#navigate" title="navigate">navigation</a> and any associated instances of - the <a href="fetching-resources.html#fetch" title="fetch">fetch algorithm</a>. Otherwise, it must + the <a href="urls.html#fetch" title="fetch">fetch algorithm</a>. Otherwise, it must do nothing.</p> </div><h4 id="accessing-other-browsing-contexts"><span class="secno">5.2.3 </span>Accessing other browsing contexts</h4><dl class="domintro"><dt><var title="">window</var> . <code title="dom-length"><a href="#dom-length">length</a></code></dt> @@ -1372,15 +1374,15 @@ property names</a> at any moment consist of:</p> <ul><li>the value of the <code title="">name</code> content attribute - for all <code><a href="text-level-semantics.html#the-a-element">a</a></code>, <code><a href="obsolete.html#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="obsolete.html#frame">frame</a></code>, - <code><a href="obsolete.html#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 in the <a href="#active-document">active document</a> + for all <code><a href="the-a-element.html#the-a-element">a</a></code>, <code><a href="obsolete.html#the-applet-element">applet</a></code>, <code><a href="the-area-element.html#the-area-element">area</a></code>, + <code><a href="the-embed-element.html#the-embed-element">embed</a></code>, <code><a href="the-form-element.html#the-form-element">form</a></code>, <code><a href="obsolete.html#frame">frame</a></code>, + <code><a href="obsolete.html#frameset">frameset</a></code>, <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code>, <code><a href="the-img-element.html#the-img-element">img</a></code>, and + <code><a href="the-object-element.html#the-object-element">object</a></code> elements in the <a href="#active-document">active document</a> that have a <code title="">name</code> content attribute, and</li> - <li>the value of the <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> content + <li>the value of the <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> content attribute of any <a href="infrastructure.html#html-elements" title="HTML elements">HTML element</a> in - the <a href="#active-document">active document</a> with an <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> content attribute.</li> + the <a href="#active-document">active document</a> with an <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> content attribute.</li> </ul><p class="critical">It is possible that this will change. Browser vendors are considering limiting this behaviour to <a href="infrastructure.html#quirks-mode">quirks @@ -1430,12 +1432,12 @@ with the name <var title="">name</var>, for the purposes of the above algorithm, are those that are either:</p> - <ul><li><code><a href="text-level-semantics.html#the-a-element">a</a></code>, <code><a href="obsolete.html#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="obsolete.html#frame">frame</a></code>, - <code><a href="obsolete.html#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>, or - <code><a href="the-iframe-element.html#the-object-element">object</a></code> elements that have a <code title="attr-name">name</code> content attribute whose value is <var title="">name</var>, or</li> + <ul><li><code><a href="the-a-element.html#the-a-element">a</a></code>, <code><a href="obsolete.html#the-applet-element">applet</a></code>, <code><a href="the-area-element.html#the-area-element">area</a></code>, + <code><a href="the-embed-element.html#the-embed-element">embed</a></code>, <code><a href="the-form-element.html#the-form-element">form</a></code>, <code><a href="obsolete.html#frame">frame</a></code>, + <code><a href="obsolete.html#frameset">frameset</a></code>, <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code>, <code><a href="the-img-element.html#the-img-element">img</a></code>, or + <code><a href="the-object-element.html#the-object-element">object</a></code> elements that have a <code title="attr-name">name</code> content attribute whose value is <var title="">name</var>, or</li> - <li><a href="infrastructure.html#html-elements">HTML elements</a> that have an <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> content attribute whose value is <var title="">name</var>.</li> + <li><a href="infrastructure.html#html-elements">HTML elements</a> that have an <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> content attribute whose value is <var title="">name</var>.</li> </ul></div><div class="impl"> Index: edits.html =================================================================== RCS file: /sources/public/html5/spec/edits.html,v retrieving revision 1.45 retrieving revision 1.46 diff -u -d -r1.45 -r1.46 --- edits.html 10 Dec 2011 06:02:07 -0000 1.45 +++ edits.html 10 Dec 2011 06:15:42 -0000 1.46 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>4.7 Edits — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>4.7 Edits — HTML5</title><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; } @@ -319,276 +318,21 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="text-level-semantics.html" title="4.6 Text-level semantics" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> - <link href="embedded-content-1.html" title="4.8 Embedded content" rel="next"> - </head><body><div class="head" id="head"> + <link href="usage-summary.html" title="4.6.28 Usage summary" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> + <link href="the-ins-element.html" title="4.7.1 The ins element" rel="next"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="text-level-semantics.html" class="prev">4.6 Text-level semantics</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="embedded-content-1.html" class="next">4.8 Embedded content</a> - <ol class="toc"><li><ol><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><li><a href="edits.html#edits-and-tables"><span class="secno">4.7.6 </span>Edits and tables</a></li></ol></li></ol></li></ol></div> - - <h3 id="edits"><span class="secno">4.7 </span>Edits</h3><p>The <code><a href="#the-ins-element">ins</a></code> and <code><a href="#the-del-element">del</a></code> elements represent - edits to the document.</p><h4 id="the-ins-element"><span class="secno">4.7.1 </span>The <dfn><code>ins</code></dfn> element</h4><dl class="element"><dt>Categories</dt> - <dd><a href="content-models.html#flow-content">Flow content</a>.</dd> - <dd>When the element only contains <a href="content-models.html#phrasing-content">phrasing content</a>: <a href="content-models.html#phrasing-content">phrasing content</a>.</dd> - <dd><a href="content-models.html#palpable-content">Palpable content</a>.</dd> - <dt>Contexts in which this element can be used:</dt> - <dd>When the element only contains <a href="content-models.html#phrasing-content">phrasing content</a>: where <a href="content-models.html#phrasing-content">phrasing content</a> is expected.</dd> - <dd>Otherwise: where <a href="content-models.html#flow-content">flow content</a> is expected.</dd> - <dt>Content model:</dt> - <dd><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-mod-cite"><a href="#attr-mod-cite">cite</a></code></dd> - <dd><code title="attr-mod-datetime"><a href="#attr-mod-datetime">datetime</a></code></dd> - <dt>DOM interface:</dt> - <dd>Uses the <code><a href="#htmlmodelement">HTMLModElement</a></code> interface.</dd> - </dl><p>The <code><a href="#the-ins-element">ins</a></code> element <a href="rendering.html#represents">represents</a> an addition - to the document.</p><div class="example"> - - <p>The following represents the addition of a single paragraph:</p> - - <pre><aside> - <ins> - <p> I like fruit. </p> - </ins> -</aside></pre> - - <p>As does this, because everything in the <code><a href="sections.html#the-aside-element">aside</a></code> - element here counts as <a href="content-models.html#phrasing-content">phrasing content</a> and therefore - there is just one <a href="content-models.html#paragraph">paragraph</a>:</p> - - <pre><aside> - <ins> - Apples are <em>tasty</em>. - </ins> - <ins> - So are pears. - </ins> -</aside></pre> - - </div><p><code><a href="#the-ins-element">ins</a></code> elements should not cross <a href="content-models.html#paragraph" title="paragraph">implied paragraph</a> boundaries.</p><div class="example"> - - <p>The following example represents the addition of two paragraphs, - the second of which was inserted in two parts. The first - <code><a href="#the-ins-element">ins</a></code> element in this example thus crosses a paragraph - boundary, which is considered poor form.</p> - - <pre class="bad"><aside> - <!-- don't do this --> - <ins datetime="2005-03-16 00:00Z"> - <p> I like fruit. </p> - Apples are <em>tasty</em>. - </ins> - <ins datetime="2007-12-19 00:00Z"> - So are pears. - </ins> -</aside></pre> - - <p>Here is a better way of marking this up. It uses more elements, - but none of the elements cross implied paragraph boundaries.</p> - - <pre><aside> - <ins datetime="2005-03-16 00:00Z"> - <p> I like fruit. </p> - </ins> - <ins datetime="2005-03-16 00:00Z"> - Apples are <em>tasty</em>. - </ins> - <ins datetime="2007-12-19 00:00Z"> - So are pears. - </ins> -</aside></pre> - - - </div><h4 id="the-del-element"><span class="secno">4.7.2 </span>The <dfn><code>del</code></dfn> element</h4><dl class="element"><dt>Categories</dt> - <dd><a href="content-models.html#flow-content">Flow content</a>.</dd> - <dd>When the element only contains <a href="content-models.html#phrasing-content">phrasing content</a>: <a href="content-models.html#phrasing-content">phrasing content</a>.</dd> - <dt>Contexts in which this element can be used:</dt> - <dd>When the element only contains <a href="content-models.html#phrasing-content">phrasing content</a>: where <a href="content-models.html#phrasing-content">phrasing content</a> is expected.</dd> - <dd>Otherwise: where <a href="content-models.html#flow-content">flow content</a> is expected.</dd> - <dt>Content model:</dt> - <dd><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-mod-cite"><a href="#attr-mod-cite">cite</a></code></dd> - <dd><code title="attr-mod-datetime"><a href="#attr-mod-datetime">datetime</a></code></dd> - <dt>DOM interface:</dt> - <dd>Uses the <code><a href="#htmlmodelement">HTMLModElement</a></code> interface.</dd> - </dl><p>The <code><a href="#the-del-element">del</a></code> element <a href="rendering.html#represents">represents</a> a removal - from the document.</p><p><code><a href="#the-del-element">del</a></code> elements should not cross <a href="content-models.html#paragraph" title="paragraph">implied paragraph</a> boundaries.</p><div class="example"> - - <p>The following shows a "to do" list where items that have been - done are crossed-off with the date and time of their - completion.</p> - - <pre><h1>To Do</h1> -<ul> - <li>Empty the dishwasher</li> - <li><del datetime="2009-10-11T01:25-07:00">Watch Walter Lewin's lectures</del></li> - <li><del datetime="2009-10-10T23:38-07:00">Download more tracks</del></li> - <li>Buy a printer</li> -</ul></pre> - - </div><h4 id="attributes-common-to-ins-and-del-elements"><span class="secno">4.7.3 </span>Attributes common to <code><a href="#the-ins-element">ins</a></code> and <code><a href="#the-del-element">del</a></code> elements</h4><p>The <dfn id="attr-mod-cite" title="attr-mod-cite"><code>cite</code></dfn> attribute - may be used to specify the address of a document that explains the - change. When that document is long, for instance the minutes of a - meeting, authors are encouraged to include a fragment identifier - pointing to the specific part of that document that discusses the - change.</p><p>If the <code title="attr-mod-cite"><a href="#attr-mod-cite">cite</a></code> attribute is - present, it must be a <a href="urls.html#valid-url-potentially-surrounded-by-spaces">valid URL potentially surrounded by - spaces</a> that explains the change. <span class="impl">To obtain - the corresponding citation link, the value of the attribute must be - <a href="urls.html#resolve-a-url" title="resolve a url">resolved</a> relative to the - element. User agents should allow users to follow such citation - links.</span></p><p>The <dfn id="attr-mod-datetime" title="attr-mod-datetime"><code>datetime</code></dfn> - attribute may be used to specify the time and date of the change.</p><p>If present, the <code title="attr-mod-datetime"><a href="#attr-mod-datetime">datetime</a></code> - attribute's value must be a <a href="common-microsyntaxes.html#valid-date-string-with-optional-time">valid date string with optional - time</a>.</p><div class="impl"> - - <p>User agents must parse the <code title="attr-mod-datetime"><a href="#attr-mod-datetime">datetime</a></code> attribute according to the - <a href="common-microsyntaxes.html#parse-a-date-or-time-string">parse a date or time string</a> algorithm. If that doesn't - return a <a href="common-microsyntaxes.html#concept-date" title="concept-date">date</a> or a <a href="common-microsyntaxes.html#concept-datetime" title="concept-datetime">global date and time</a>, then the - modification has no associated timestamp (the value is - non-conforming; it is not a <a href="common-microsyntaxes.html#valid-date-string-with-optional-time">valid date string with optional - time</a>). Otherwise, the modification is marked as having been - made at the given <a href="common-microsyntaxes.html#concept-date" title="concept-date">date</a> or <a href="common-microsyntaxes.html#concept-datetime" title="concept-datetime">global date and time</a>. If the given - value is a <a href="common-microsyntaxes.html#concept-datetime" title="concept-datetime">global date and - time</a> then user agents should use the associated time-zone - offset information to determine which time zone to present the given - datetime in.</p> - - </div><p>The <code><a href="#the-ins-element">ins</a></code> and <code><a href="#the-del-element">del</a></code> elements <span class="impl">must</span> implement the <code><a href="#htmlmodelement">HTMLModElement</a></code> - interface:</p><pre class="idl">interface <dfn id="htmlmodelement">HTMLModElement</dfn> : <a href="elements.html#htmlelement">HTMLElement</a> { - attribute DOMString <a href="#dom-mod-cite" title="dom-mod-cite">cite</a>; - attribute DOMString <a href="#dom-mod-datetime" title="dom-mod-datetime">dateTime</a>; -};</pre><div class="impl"> - - <p>The <dfn id="dom-mod-cite" title="dom-mod-cite"><code>cite</code></dfn> IDL - attribute must <a href="common-dom-interfaces.html#reflect">reflect</a> the element's <code title="attr-mod-cite"><a href="#attr-mod-cite">cite</a></code> content attribute. The <dfn id="dom-mod-datetime" title="dom-mod-datetime"><code>dateTime</code></dfn> IDL attribute - must <a href="common-dom-interfaces.html#reflect">reflect</a> the element's <code title="attr-mod-datetime"><a href="#attr-mod-datetime">datetime</a></code> content attribute.</p> - - </div><h4 id="edits-and-paragraphs"><span class="secno">4.7.4 </span>Edits and paragraphs</h4><p><i>This section is non-normative.</i></p><p>Since the <code><a href="#the-ins-element">ins</a></code> and <code><a href="#the-del-element">del</a></code> elements do not - affect <a href="content-models.html#paragraph" title="paragraph">paragraphing</a>, it is possible, - in some cases where paragraphs are <a href="content-models.html#paragraph" title="paragraph">implied</a> (without explicit <code><a href="grouping-content.html#the-p-element">p</a></code> - elements), for an <code><a href="#the-ins-element">ins</a></code> or <code><a href="#the-del-element">del</a></code> element to - span both an entire paragraph or other non-<a href="content-models.html#phrasing-content">phrasing - content</a> elements and part of another paragraph. For - example:</p><pre><section> - <ins> - <p> - This is a paragraph that was inserted. - </p> - This is another paragraph whose first sentence was inserted - at the same time as the paragraph above. - </ins> - This is a second sentence, which was there all along. -</section></pre><p>By only wrapping some paragraphs in <code><a href="grouping-content.html#the-p-element">p</a></code> elements, one - can even get the end of one paragraph, a whole second paragraph, - and the start of a third paragraph to be covered by the same - <code><a href="#the-ins-element">ins</a></code> or <code><a href="#the-del-element">del</a></code> element (though this is very - confusing, and not considered good practice):</p><pre class="bad"><section> - This is the first paragraph. <ins>This sentence was - inserted. - <p>This second paragraph was inserted.</p> - This sentence was inserted too.</ins> This is the - third paragraph in this example. - <!-- (don't do this) --> -</section></pre><p>However, due to the way <a href="content-models.html#paragraph" title="paragraph">implied - paragraphs</a> are defined, it is not possible to mark up the - end of one paragraph and the start of the very next one using the - same <code><a href="#the-ins-element">ins</a></code> or <code><a href="#the-del-element">del</a></code> element. You instead have - to use one (or two) <code><a href="grouping-content.html#the-p-element">p</a></code> element(s) and two - <code><a href="#the-ins-element">ins</a></code> or <code><a href="#the-del-element">del</a></code> elements, as for example:</p><pre><section> - <p>This is the first paragraph. <del>This sentence was - deleted.</del></p> - <p><del>This sentence was deleted too.</del> That - sentence needed a separate &lt;del&gt; element.</p> -</section></pre><p>Partly because of the confusion described above, authors are - strongly encouraged to always mark up all paragraphs with the - <code><a href="grouping-content.html#the-p-element">p</a></code> element, instead of having <code><a href="#the-ins-element">ins</a></code> or - <code><a href="#the-del-element">del</a></code> elements that cross <a href="content-models.html#paragraph" title="paragraph">implied - paragraphs</a> boundaries.</p><h4 id="edits-and-lists"><span class="secno">4.7.5 </span>Edits and lists</h4><p><i>This section is non-normative.</i></p><p>The content models of the <code><a href="grouping-content.html#the-ol-element">ol</a></code> and <code><a href="grouping-content.html#the-ul-element">ul</a></code> - elements do not allow <code><a href="#the-ins-element">ins</a></code> and <code><a href="#the-del-element">del</a></code> elements - as children. Lists always represent all their items, including items - that would otherwise have been marked as deleted.</p><p>To indicate that an item is inserted or deleted, an - <code><a href="#the-ins-element">ins</a></code> or <code><a href="#the-del-element">del</a></code> element can be wrapped around - the contents of the <code><a href="grouping-content.html#the-li-element">li</a></code> element. To indicate that an - item has been replaced by another, a single <code><a href="grouping-content.html#the-li-element">li</a></code> element - can have one or more <code><a href="#the-del-element">del</a></code> elements followed by one or - more <code><a href="#the-ins-element">ins</a></code> elements.</p><div class="example"> - - <p>In the following example, a list that started empty had items - added and removed from it over time. The bits in the example that - have been emphasized show the parts that are the "current" state of - the list. The list item numbers don't take into account the edits, - though.</p> - - <pre><h1>Stop-ship bugs</h1> -<ol> - <li><ins datetime="2008-02-12T15:20Z"><em>Bug 225: - Rain detector doesn't work in snow</em></ins></li> - <li><del datetime="2008-03-01T20:22Z"><ins datetime="2008-02-14T12:02Z">Bug 228: - Water buffer overflows in April</ins></del></li> - <li><ins datetime="2008-02-16T13:50Z"><em>Bug 230: - Water heater doesn't use renewable fuels</em></ins></li> - <li><del datetime="2008-02-20T21:15Z"><ins datetime="2008-02-16T14:25Z">Bug 232: - Carbon dioxide emissions detected after startup</ins></del></li> -</ol></pre> - - </div><div class="example"> - - <p>In the following example, a list that started with just fruit - was replaced by a list with just colors.</p> - - <pre><h1>List of <del>fruits</del><ins>colors</ins></h1> -<ul> - <li><del>Lime</del><ins>Green</ins></li> - <li><del>Apple</del></li> - <li>Orange</li> - <li><del>Pear</del></li> - <li><ins>Teal</ins></li> - <li><del>Lemon</del><ins>Yellow</ins></li> - <li>Olive</li> - <li><ins>Purple</ins></li> -</ul></pre> - - </div><h4 id="edits-and-tables"><span class="secno">4.7.6 </span>Edits and tables</h4><p><i>This section is non-normative.</i></p><p>The elements that form part of the table model have complicated - content model requirements that do not allow for the - <code><a href="#the-ins-element">ins</a></code> and <code><a href="#the-del-element">del</a></code> elements, so indicating edits - to a table can be difficult.</p><p>To indicate that an entire row or an entire column has been added - or removed, the entire contents of each cell in that row or column - can be wrapped in <code><a href="#the-ins-element">ins</a></code> or <code><a href="#the-del-element">del</a></code> elements - (respectively).</p><div class="example"> - - <p>Here, a table's row has been added:</p> - - <pre><table> - <thead> - <tr> <th> Game name <th> Game publisher <th> Verdict - <tbody> - <tr> <td> Diablo 2 <td> Blizzard <td> 8/10 - <tr> <td> Portal <td> Valve <td> 10/10 -<strong> <tr> <td> <ins>Portal 2</ins> <td> <ins>Valve</ins> <td> <ins>10/10</ins></strong> -</table></pre> - - <p>Here, a column has been removed (the time at which it was removed is given also, as is a link to the page explaining why):</p> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> - <pre><table> - <thead> - <tr> <th> Game name <th> Game publisher <th> <strong><del cite="/edits/r192" datetime="2011-05-02 14:23Z">Verdict</del></strong> - <tbody> - <tr> <td> Diablo 2 <td> Blizzard <td> <strong><del cite="/edits/r192" datetime="2011-05-02 14:23Z">8/10</del></strong> - <tr> <td> Portal <td> Valve <td> <strong><del cite="/edits/r192" datetime="2011-05-02 14:23Z">10/10</del></strong> - <tr> <td> Portal 2 <td> Valve <td> <strong><del cite="/edits/r192" datetime="2011-05-02 14:23Z">10/10</del></strong> -</table></pre> + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="usage-summary.html">← 4.6.28 Usage summary</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="the-ins-element.html">4.7.1 The ins element →</a> + </nav> - </div><p>Generally speaking, there is no good way to indicate more - complicated edits (e.g. that a cell was removed, moving all - subsequent cells up or to the left).</p></body></html> \ No newline at end of file + <h3 id="edits"><span class="secno">4.7 </span>Edits</h3><p>The <code><a href="the-ins-element.html#the-ins-element">ins</a></code> and <code><a href="the-del-element.html#the-del-element">del</a></code> elements represent + edits to the document.</p></body></html> \ No newline at end of file Index: the-xhtml-syntax.html =================================================================== RCS file: /sources/public/html5/spec/the-xhtml-syntax.html,v retrieving revision 1.1046 retrieving revision 1.1047 diff -u -d -r1.1046 -r1.1047 --- the-xhtml-syntax.html 10 Dec 2011 06:02:15 -0000 1.1046 +++ the-xhtml-syntax.html 10 Dec 2011 06:15:48 -0000 1.1047 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>9 The XHTML syntax — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>9 The XHTML syntax — HTML5</title><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; } @@ -319,19 +318,22 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="named-character-references.html" title="8.5 Named character references" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> + <link href="named-character-references.html" title="8.5 Named character references" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> <link href="rendering.html" title="10 Rendering" rel="next"> - </head><body><div class="head" id="head"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="named-character-references.html" class="prev">8.5 Named character references</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="rendering.html" class="next">10 Rendering</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="named-character-references.html">← 8.5 Named character references</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="rendering.html">10 Rendering →</a> <ol class="toc"><li><a href="the-xhtml-syntax.html#the-xhtml-syntax"><span class="secno">9 </span>The XHTML syntax</a> - <ol><li><a href="the-xhtml-syntax.html#writing-xhtml-documents"><span class="secno">9.1 </span>Writing XHTML documents</a></li><li><a href="the-xhtml-syntax.html#parsing-xhtml-documents"><span class="secno">9.2 </span>Parsing XHTML documents</a></li><li><a href="the-xhtml-syntax.html#serializing-xhtml-fragments"><span class="secno">9.3 </span>Serializing XHTML fragments</a></li><li><a href="the-xhtml-syntax.html#parsing-xhtml-fragments"><span class="secno">9.4 </span>Parsing XHTML fragments</a></li></ol></li></ol></div> + <ol><li><a href="the-xhtml-syntax.html#writing-xhtml-documents"><span class="secno">9.1 </span>Writing XHTML documents</a></li><li><a href="the-xhtml-syntax.html#parsing-xhtml-documents"><span class="secno">9.2 </span>Parsing XHTML documents</a></li><li><a href="the-xhtml-syntax.html#serializing-xhtml-fragments"><span class="secno">9.3 </span>Serializing XHTML fragments</a></li><li><a href="the-xhtml-syntax.html#parsing-xhtml-fragments"><span class="secno">9.4 </span>Parsing XHTML fragments</a></li></ol></li></ol></nav> <h2 id="the-xhtml-syntax"><span class="secno">9 </span><dfn id="xhtml">The XHTML syntax</dfn></h2><p class="note">This section only describes the rules for XML resources. Rules for <code><a href="iana.html#text-html">text/html</a></code> resources are discussed @@ -382,8 +384,8 @@ well-formedness error, the user agent must act as if the element was in a <a href="parsing.html#stack-of-open-elements">stack of open elements</a>.</p> - <p class="note">This is used by the <code><a href="the-iframe-element.html#the-object-element">object</a></code> element to - avoid instantiating plugins before the <code><a href="the-iframe-element.html#the-param-element">param</a></code> element + <p class="note">This is used by the <code><a href="the-object-element.html#the-object-element">object</a></code> element to + avoid instantiating plugins before the <code><a href="the-param-element.html#the-param-element">param</a></code> element children have been parsed.</p> <p>This specification provides the following additional information @@ -415,37 +417,37 @@ handling external subsets. <a href="references.html#refsXML">[XML]</a></p> <p id="scriptTagXML">When an <a href="#xml-parser">XML parser</a> creates a - <code><a href="scripting-1.html#the-script-element">script</a></code> element, it must be marked as being - <a href="scripting-1.html#parser-inserted">"parser-inserted"</a> and its <a href="scripting-1.html#force-async">"force-async"</a> + <code><a href="the-script-element.html#the-script-element">script</a></code> element, it must be marked as being + <a href="the-script-element.html#parser-inserted">"parser-inserted"</a> and its <a href="the-script-element.html#force-async">"force-async"</a> flag must be unset. If the parser was originally created for the <a href="#xml-fragment-parsing-algorithm">XML fragment parsing algorithm</a>, then the element must - be marked as <a href="scripting-1.html#already-started">"already started"</a> also. When the element's + be marked as <a href="the-script-element.html#already-started">"already started"</a> also. When the element's end tag is parsed, the user agent must <a href="webappapis.html#provide-a-stable-state">provide a stable - state</a>, and then <a href="scripting-1.html#prepare-a-script" title="prepare a script">prepare</a> - the <code><a href="scripting-1.html#the-script-element">script</a></code> element. If this causes there to be a - <a href="scripting-1.html#pending-parsing-blocking-script">pending parsing-blocking script</a>, then the user agent + state</a>, and then <a href="the-script-element.html#prepare-a-script" title="prepare a script">prepare</a> + the <code><a href="the-script-element.html#the-script-element">script</a></code> element. If this causes there to be a + <a href="the-script-element.html#pending-parsing-blocking-script">pending parsing-blocking script</a>, then the user agent must run the following steps:</p> <ol><li><p>Block this instance of the <a href="#xml-parser">XML parser</a>, such that the <a href="webappapis.html#event-loop">event loop</a> will not run <a href="webappapis.html#concept-task" title="concept-task">tasks</a> that invoke it.</p></li> <li><p><a href="webappapis.html#spin-the-event-loop">Spin the event loop</a> until the parser's - <code><a href="dom.html#document">Document</a></code> <a href="semantics.html#has-no-style-sheet-that-is-blocking-scripts">has no style sheet that is blocking - scripts</a> and the <a href="scripting-1.html#pending-parsing-blocking-script">pending parsing-blocking - script</a>'s <a href="scripting-1.html#ready-to-be-parser-executed">"ready to be parser-executed"</a> flag is + <code><a href="dom.html#document">Document</a></code> <a href="styling.html#has-no-style-sheet-that-is-blocking-scripts">has no style sheet that is blocking + scripts</a> and the <a href="the-script-element.html#pending-parsing-blocking-script">pending parsing-blocking + script</a>'s <a href="the-script-element.html#ready-to-be-parser-executed">"ready to be parser-executed"</a> flag is set.</p></li> <li><p>Unblock this instance of the <a href="#xml-parser">XML parser</a>, such that <a href="webappapis.html#concept-task" title="concept-task">tasks</a> that invoke it can again be run.</p></li> - <li><p><a href="scripting-1.html#execute-the-script-block" title="execute the script block">Execute</a> the - <a href="scripting-1.html#pending-parsing-blocking-script">pending parsing-blocking script</a>.</p></li> + <li><p><a href="the-script-element.html#execute-the-script-block" title="execute the script block">Execute</a> the + <a href="the-script-element.html#pending-parsing-blocking-script">pending parsing-blocking script</a>.</p></li> - <li><p>There is no longer a <a href="scripting-1.html#pending-parsing-blocking-script">pending parsing-blocking + <li><p>There is no longer a <a href="the-script-element.html#pending-parsing-blocking-script">pending parsing-blocking script</a>.</p></li> - </ol><p class="note">Since the <code title="dom-document-write"><a href="content-models.html#dom-document-write">document.write()</a></code> API is not + </ol><p class="note">Since the <code title="dom-document-write"><a href="dynamic-markup-insertion.html#dom-document-write">document.write()</a></code> API is not available for <a href="infrastructure.html#xml-documents">XML documents</a>, much of the complexity in the <a href="parsing.html#html-parser">HTML parser</a> is not needed in the <a href="#xml-parser">XML parser</a>.</p> Index: iana.html =================================================================== RCS file: /sources/public/html5/spec/iana.html,v retrieving revision 1.370 retrieving revision 1.371 diff -u -d -r1.370 -r1.371 --- iana.html 25 Oct 2011 04:47:22 -0000 1.370 +++ iana.html 10 Dec 2011 06:15:44 -0000 1.371 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>12 IANA considerations — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>12 IANA considerations — HTML5</title><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; } @@ -319,19 +318,22 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="obsolete.html" title="11 Obsolete features" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> - <link href="index.html" title="Index" rel="next"> - </head><body><div class="head" id="head"> + <link href="obsolete.html" title="11 Obsolete features" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> + <link href="section-index.html" title="Index" rel="next"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="obsolete.html" class="prev">11 Obsolete features</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="index.html" class="next">Index</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="obsolete.html">← 11 Obsolete features</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="section-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#multipart-x-mixed-replace"><span class="secno">12.2 </span><code>multipart/x-mixed-replace</code></a></li><li><a href="iana.html#application-xhtml-xml"><span class="secno">12.3 </span><code>application/xhtml+xml</code></a></li><li><a href="iana.html#application-x-www-form-urlencoded"><span class="secno">12.4 </span><code>application/x-www-form-urlencoded</code></a></li><li><a href="iana.html#text-cache-manifest"><span class="secno">12.5 </span><code>text/cache-manifest</code></a></li><li><a href="iana.html#web-scheme-prefix"><span class="secno">12.6 </span><code>web+</code> scheme prefix</a></li></ol></li></ol></div> + <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#multipart-x-mixed-replace"><span class="secno">12.2 </span><code>multipart/x-mixed-replace</code></a></li><li><a href="iana.html#application-xhtml-xml"><span class="secno">12.3 </span><code>application/xhtml+xml</code></a></li><li><a href="iana.html#application-x-www-form-urlencoded"><span class="secno">12.4 </span><code>application/x-www-form-urlencoded</code></a></li><li><a href="iana.html#text-cache-manifest"><span class="secno">12.5 </span><code>text/cache-manifest</code></a></li><li><a href="iana.html#web-scheme-prefix"><span class="secno">12.6 </span><code>web+</code> scheme prefix</a></li></ol></li></ol></nav> <h2 id="iana"><span class="secno">12 </span>IANA considerations</h2><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><dl><dt>Type name:</dt> @@ -346,7 +348,7 @@ <dd> <p>The <code title="">charset</code> parameter may be provided to definitively specify the <a href="infrastructure.html#document-s-character-encoding">document's character - encoding</a>, overriding any <a href="semantics.html#character-encoding-declaration" title="character encoding + encoding</a>, overriding any <a href="the-meta-element.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 @@ -357,7 +359,7 @@ </dl></dd> <dt>Encoding considerations:</dt> <dd> - 8bit (see the section on <a href="semantics.html#character-encoding-declaration" title="character encoding + 8bit (see the section on <a href="the-meta-element.html#character-encoding-declaration" title="character encoding declaration">character encoding declarations</a>) </dd> <dt>Security considerations:</dt> @@ -380,7 +382,7 @@ <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> + unfortunate security problems. In particular, the <code><a href="the-img-element.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 @@ -572,8 +574,8 @@ <dt>Published specification:</dt> <dd> This document is the relevant specification. - Algorithms for <a href="association-of-controls-and-forms.html#application-x-www-form-urlencoded-encoding-algorithm" title="application/x-www-form-urlencoded encoding algorithm">encoding</a> - and <a href="association-of-controls-and-forms.html#application-x-www-form-urlencoded-decoding-algorithm" title="application/x-www-form-urlencoded decoding algorithm">decoding</a> are defined. + Algorithms for <a href="form-submission.html#application-x-www-form-urlencoded-encoding-algorithm" title="application/x-www-form-urlencoded encoding algorithm">encoding</a> + and <a href="form-submission.html#application-x-www-form-urlencoded-decoding-algorithm" title="application/x-www-form-urlencoded decoding algorithm">decoding</a> are defined. </dd> <dt>Applications that use this media type:</dt> <dd> Index: offline.html =================================================================== RCS file: /sources/public/html5/spec/offline.html,v retrieving revision 1.1057 retrieving revision 1.1058 diff -u -d -r1.1057 -r1.1058 --- offline.html 10 Dec 2011 06:02:13 -0000 1.1057 +++ offline.html 10 Dec 2011 06:15:46 -0000 1.1058 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>5.6 Offline Web applications — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>5.6 Offline Web applications — HTML5</title><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; } @@ -319,21 +318,24 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="history.html" title="5.4 Session history and navigation" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> + <link href="history.html" title="5.4 Session history and navigation" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> <link href="webappapis.html" title="6 Web application APIs" rel="next"> - </head><body><div class="head" id="head"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="history.html" class="prev">5.4 Session history and navigation</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="webappapis.html" class="next">6 Web application APIs</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="history.html">← 5.4 Session history and navigation</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="webappapis.html">6 Web application APIs →</a> <ol class="toc"><li><ol><li><a href="offline.html#offline"><span class="secno">5.6 </span>Offline Web applications</a> <ol><li><a href="offline.html#introduction-4"><span class="secno">5.6.1 </span>Introduction</a> <ol><li><a href="offline.html#appcacheevents"><span class="secno">5.6.1.1 </span>Event summary</a></li></ol></li><li><a href="offline.html#appcache"><span class="secno">5.6.2 </span>Application caches</a></li><li><a href="offline.html#manifests"><span class="secno">5.6.3 </span>The cache manifest syntax</a> - <ol><li><a href="offline.html#some-sample-manifests"><span class="secno">5.6.3.1 </span>Some sample manifests</a></li><li><a href="offline.html#writing-cache-manifests"><span class="secno">5.6.3.2 </span>Writing cache manifests</a></li><li><a href="offline.html#parsing-cache-manifests"><span class="secno">5.6.3.3 </span>Parsing cache manifests</a></li></ol></li><li><a href="offline.html#downloading-or-updating-an-application-cache"><span class="secno">5.6.4 </span>Downloading or updating an application cache</a></li><li><a href="offline.html#the-application-cache-selection-algorithm"><span class="secno">5.6.5 </span>The application cache selection algorithm</a></li><li><a href="offline.html#changesToNetworkingModel"><span class="secno">5.6.6 </span>Changes to the networking model</a></li><li><a href="offline.html#expiring-application-caches"><span class="secno">5.6.7 </span>Expiring application caches</a></li><li><a href="offline.html#disk-space"><span class="secno">5.6.8 </span>Disk space</a></li><l><a href="offline.html#application-cache-api"><span class="secno">5.6.9 </span>Application cache API</a></li><li><a href="offline.html#browser-state"><span class="secno">5.6.10 </span>Browser state</a></li></ol></li></ol></li></ol></div> + <ol><li><a href="offline.html#some-sample-manifests"><span class="secno">5.6.3.1 </span>Some sample manifests</a></li><li><a href="offline.html#writing-cache-manifests"><span class="secno">5.6.3.2 </span>Writing cache manifests</a></li><li><a href="offline.html#parsing-cache-manifests"><span class="secno">5.6.3.3 </span>Parsing cache manifests</a></li></ol></li><li><a href="offline.html#downloading-or-updating-an-application-cache"><span class="secno">5.6.4 </span>Downloading or updating an application cache</a></li><li><a href="offline.html#the-application-cache-selection-algorithm"><span class="secno">5.6.5 </span>The application cache selection algorithm</a></li><li><a href="offline.html#changesToNetworkingModel"><span class="secno">5.6.6 </span>Changes to the networking model</a></li><li><a href="offline.html#expiring-application-caches"><span class="secno">5.6.7 </span>Expiring application caches</a></li><li><a href="offline.html#disk-space"><span class="secno">5.6.8 </span>Disk space</a></li><l><a href="offline.html#application-cache-api"><span class="secno">5.6.9 </span>Application cache API</a></li><li><a href="offline.html#browser-state"><span class="secno">5.6.10 </span>Browser state</a></li></ol></li></ol></li></ol></nav> <h3 id="offline"><span class="secno">5.6 </span>Offline Web applications</h3><h4 id="introduction-4"><span class="secno">5.6.1 </span>Introduction</h4><p><i>This section is non-normative.</i></p><p>In order to enable users to continue interacting with Web applications and documents even when their network connection is @@ -450,14 +452,14 @@ </dt><dd><p class="note">These are documents that were added to the cache because a <a href="browsers.html#browsing-context">browsing context</a> was <a href="history.html#navigate" title="navigate">navigated</a> to that document and the - document indicated that this was its cache, using the <code title="attr-html-manifest"><a href="semantics.html#attr-html-manifest">manifest</a></code> attribute.</p> + document indicated that this was its cache, using the <code title="attr-html-manifest"><a href="the-html-element.html#attr-html-manifest">manifest</a></code> attribute.</p> </dd><dt><dfn id="concept-appcache-manifest" title="concept-appcache-manifest">The manifest</dfn> </dt><dd><p class="note">This is the resource corresponding to the URL - that was given in a master entry's <code><a href="semantics.html#the-html-element">html</a></code> element's - <code title="attr-html-manifest"><a href="semantics.html#attr-html-manifest">manifest</a></code> attribute. The + that was given in a master entry's <code><a href="the-html-element.html#the-html-element">html</a></code> element's + <code title="attr-html-manifest"><a href="the-html-element.html#attr-html-manifest">manifest</a></code> attribute. The manifest is fetched and processed during the <a href="#application-cache-download-process">application cache download process</a>. All the <a href="#concept-appcache-master" title="concept-appcache-master">master entries</a> have the <a href="origin-0.html#same-origin" title="same origin">same origin</a> as the manifest.</p> @@ -480,7 +482,7 @@ </dd></dl><p><a href="#concept-appcache-explicit" title="concept-appcache-explicit">Explicit entries</a> and <a href="#concept-appcache-fallback" title="concept-appcache-fallback">Fallback entries</a> can be marked as <dfn id="concept-appcache-foreign" title="concept-appcache-foreign">foreign</dfn>, which means that - they have a <code title="attr-html-manifest"><a href="semantics.html#attr-html-manifest">manifest</a></code> + they have a <code title="attr-html-manifest"><a href="the-html-element.html#attr-html-manifest">manifest</a></code> attribute but that it doesn't point at this cache's <a href="#concept-appcache-manifest" title="concept-appcache-manifest">manifest</a>.</p> <p class="note">A URL in the list can be flagged with multiple @@ -1064,7 +1066,7 @@ </ol><div class="note"> - <p>The resource that declares the manifest (with the <code title="attr-html-manifest"><a href="semantics.html#attr-html-manifest">manifest</a></code> attribute) will always + <p>The resource that declares the manifest (with the <code title="attr-html-manifest"><a href="the-html-element.html#attr-html-manifest">manifest</a></code> attribute) will always get taken from the cache, whether it is listed in the cache or not, even if it is listed in an <a href="#concept-appcache-onlinewhitelist" title="concept-appcache-onlinewhitelist">online whitelist namespace</a>.</p> @@ -1244,7 +1246,7 @@ <li> - <p><i>Fetching the manifest</i>: <a href="fetching-resources.html#fetch">Fetch</a> the resource + <p><i>Fetching the manifest</i>: <a href="urls.html#fetch">Fetch</a> the resource from <var title="">manifest URL</var> with the <i>synchronous flag</i> set, and let <var title="">manifest</var> be that resource. HTTP caching semantics should be honored for this @@ -1269,7 +1271,7 @@ <li> <p>If <i>fetching the manifest</i> fails due to a 404 or 410 - response <a href="fetching-resources.html#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or + response <a href="urls.html#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or equivalent</a>, then run these substeps:</p> <ol><li><p>Mark <var title="">cache group</var> as <a href="#concept-appcache-obsolete" title="concept-appcache-obsolete">obsolete</a>. This <var title="">cache group</var> no longer exists for any purpose other @@ -1323,7 +1325,7 @@ <li> <p>Otherwise, if <i>fetching the manifest</i> fails in some other - way (e.g. the server returns another 4xx or 5xx response <a href="fetching-resources.html#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or equivalent</a>, or + way (e.g. the server returns another 4xx or 5xx response <a href="urls.html#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or equivalent</a>, or there is a DNS error, or the connection times out, or the user cancels the download, or the parser for manifests fails when checking the magic signature), or if the server returned a @@ -1340,7 +1342,7 @@ attempt</a> and the newly downloaded <var title="">manifest</var> is byte-for-byte identical to the manifest found in the <a href="#concept-appcache-newer" title="concept-appcache-newer">newest</a> <a href="#application-cache">application cache</a> in <var title="">cache group</var>, - or the server reported it as "304 Not Modified" <a href="fetching-resources.html#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or equivalent</a>, then + or the server reported it as "304 Not Modified" <a href="urls.html#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or equivalent</a>, then run these substeps:</p> <ol><li><p>Let <var title="">cache</var> be the <a href="#concept-appcache-newer" title="concept-appcache-newer">newest</a> <a href="#application-cache">application @@ -1356,7 +1358,7 @@ either completely downloaded or failed.</p> <p>If the download failed (e.g. the server returns a 4xx or 5xx - response <a href="fetching-resources.html#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or + response <a href="urls.html#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or equivalent</a>, or there is a DNS error, the connection times out, or the user cancels the download), or if the resource is labeled with the "no-store" cache directive, then create a <a href="webappapis.html#concept-task" title="concept-task">task</a> to <a href="webappapis.html#fire-a-simple-event">fire a simple @@ -1492,7 +1494,7 @@ <li> - <p><a href="fetching-resources.html#fetch">Fetch</a> the resource, from the <a href="origin-0.html#origin">origin</a> + <p><a href="urls.html#fetch">Fetch</a> the resource, from the <a href="origin-0.html#origin">origin</a> of the <a href="urls.html#url">URL</a> <var title="">manifest URL</var>, with the <i>synchronous flag</i> set and the <i>manual redirect flag</i> set. If this is an <a href="#concept-appcache-upgrade" title="concept-appcache-upgrade">upgrade attempt</a>, then @@ -1506,14 +1508,14 @@ <p class="note">If the resource in question is already being downloaded for other reasons then the existing download process can sometimes be used for the purposes of this step, as defined - by the <a href="fetching-resources.html#fetch" title="fetch">fetching</a> algorithm.</p> + by the <a href="urls.html#fetch" title="fetch">fetching</a> algorithm.</p> <p class="example">An example of a resource that might already be being downloaded is a large image on a Web page that is being seen for the first time. The image would get downloaded to - satisfy the <code><a href="embedded-content-1.html#the-img-element">img</a></code> element on the page, as well as + satisfy the <code><a href="the-img-element.html#the-img-element">img</a></code> element on the page, as well as being listed in the cache manifest. According to the rules for - <a href="fetching-resources.html#fetch" title="fetch">fetching</a> that image only need be + <a href="urls.html#fetch" title="fetch">fetching</a> that image only need be downloaded once, and it can be used both for the cache and for the rendered Web page.</p> @@ -1522,7 +1524,7 @@ <li> <p>If the previous step fails (e.g. the server returns a 4xx or - 5xx response <a href="fetching-resources.html#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or + 5xx response <a href="urls.html#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or equivalent</a>, or there is a DNS error, or the connection times out, or the user cancels the download), or if the server returned a redirect, or if the resource is labeled with the @@ -1549,7 +1551,7 @@ </dd> - <dt>If the error was a 404 or 410 HTTP response <a href="fetching-resources.html#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or equivalent</a></dt> + <dt>If the error was a 404 or 410 HTTP response <a href="urls.html#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or equivalent</a></dt> <dt>If the resource was labeled with the "no-store" cache directive</dt> @@ -1617,7 +1619,7 @@ entry</a>.</p></li> <li><p>As an optimization, if the resource is an HTML or XML file - whose root element is an <code><a href="semantics.html#the-html-element">html</a></code> element with a <code title="attr-html-manifest"><a href="semantics.html#attr-html-manifest">manifest</a></code> attribute whose value + whose root element is an <code><a href="the-html-element.html#the-html-element">html</a></code> element with a <code title="attr-html-manifest"><a href="the-html-element.html#attr-html-manifest">manifest</a></code> attribute whose value doesn't match the manifest URL of the application cache being processed, then the user agent should mark the entry as being <a href="#concept-appcache-foreign" title="concept-appcache-foreign">foreign</a>.</p> @@ -1656,7 +1658,7 @@ either completely downloaded or failed.</p> <p>If the download failed (e.g. the server returns a 4xx or 5xx - response <a href="fetching-resources.html#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or + response <a href="urls.html#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or equivalent</a>, or there is a DNS error, the connection times out, or the user cancels the download), or if the resource is labeled with the "no-store" cache directive, then run these @@ -1703,7 +1705,7 @@ <li> - <p><a href="fetching-resources.html#fetch">Fetch</a> the resource from <var title="">manifest + <p><a href="urls.html#fetch">Fetch</a> the resource from <var title="">manifest URL</var> again, with the <i>synchronous flag</i> set, and let <var title="">second manifest</var> be that resource. HTTP caching semantics should again be honored for this request.</p> @@ -1839,7 +1841,7 @@ <li><p>Abort the <a href="#application-cache-download-process">application cache download process</a>.</p></li> - </ol><p>Attempts to <a href="fetching-resources.html#fetch">fetch</a> resources as part of the + </ol><p>Attempts to <a href="urls.html#fetch">fetch</a> resources as part of the <a href="#application-cache-download-process">application cache download process</a> may be done with cache-defeating semantics, to avoid problems with stale or inconsistent intermediary caches.</p> @@ -1930,7 +1932,7 @@ <dt>If <var title="">document</var> was loaded using - HTTP GET <a href="fetching-resources.html#concept-http-equivalent-get" title="concept-http-equivalent-get">or + HTTP GET <a href="urls.html#concept-http-equivalent-get" title="concept-http-equivalent-get">or equivalent</a>, and, there is a <var title="">manifest URL</var>, and <var title="">manifest URL</var> has the <a href="origin-0.html#same-origin">same origin</a> as <var title="">document</var></dt> @@ -1969,10 +1971,10 @@ appropriate to that resource's scheme:</p> <ol><li><p>If the resource is not to be fetched using the HTTP GET - mechanism <a href="fetching-resources.html#concept-http-equivalent-get" title="concept-http-equivalent-get">or + mechanism <a href="urls.html#concept-http-equivalent-get" title="concept-http-equivalent-get">or equivalent</a>, or if its <a href="urls.html#url">URL</a> has a different <a href="urls.html#url-scheme" title="url-scheme"><scheme></a> component than the <a href="#application-cache">application cache</a>'s <a href="#concept-appcache-manifest" title="concept-appcache-manifest">manifest</a>, then - <a href="fetching-resources.html#fetch">fetch</a> the resource normally and abort these + <a href="urls.html#fetch">fetch</a> the resource normally and abort these steps.</p></li> <li><p>If the resource's URL is <a href="#concept-appcache-master" title="concept-appcache-master">a master entry</a>, <a href="#concept-appcache-manifest" title="concept-appcache-manifest">the manifest</a>, <a href="#concept-appcache-explicit" title="concept-appcache-explicit">an explicit entry</a>, or @@ -1984,7 +1986,7 @@ <a href="#concept-appcache-onlinewhitelist" title="concept-appcache-onlinewhitelist">online whitelist</a> that has the <a href="origin-0.html#same-origin">same origin</a> as the resource's URL and that is a <a href="infrastructure.html#prefix-match">prefix match</a> for the - resource's URL, then <a href="fetching-resources.html#fetch">fetch</a> the resource normally and + resource's URL, then <a href="urls.html#fetch">fetch</a> the resource normally and abort these steps.</p></li> <li> @@ -1994,10 +1996,10 @@ <var title="">f</var> in the <a href="#application-cache">application cache</a> that is a <a href="infrastructure.html#prefix-match">prefix match</a> for the resource's URL, then:</p> - <p><a href="fetching-resources.html#fetch">Fetch</a> the resource normally. If this results in a + <p><a href="urls.html#fetch">Fetch</a> the resource normally. If this results in a redirect to a resource with another <a href="origin-0.html#origin">origin</a> (indicative of a captive portal), or a 4xx or 5xx status code - <a href="fetching-resources.html#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or equivalent</a>, + <a href="urls.html#concept-http-equivalent-codes" title="concept-http-equivalent-codes">or equivalent</a>, or if there were network errors (but not if the user canceled the download), then instead get, from the cache, the resource of the <a href="#concept-appcache-fallback" title="concept-appcache-fallback">fallback entry</a> @@ -2008,7 +2010,7 @@ <li><p>If the <a href="#application-cache">application cache</a>'s <a href="#concept-appcache-onlinewhitelist-wildcard" title="concept-appcache-onlinewhitelist-wildcard">online whitelist wildcard flag</a> is <i title="">open</i>, then - <a href="fetching-resources.html#fetch">fetch</a> the resource normally and abort these + <a href="urls.html#fetch">fetch</a> the resource normally and abort these steps.</p></li> <li><p>Fail the resource load as if there had been a generic @@ -2322,7 +2324,7 @@ </td></tr></tbody></table></div><h4 id="browser-state"><span class="secno">5.6.10 </span>Browser state</h4><pre class="idl">[NoInterfaceObject] interface <dfn id="navigatoronline">NavigatorOnLine</dfn> { readonly attribute boolean <a href="#dom-navigator-online" title="dom-navigator-onLine">onLine</a>; -};</pre><dl class="domintro"><dt><var title="">window</var> . <code title="dom-navigator"><a href="timers.html#dom-navigator">navigator</a></code> . <code title="dom-navigator-onLine"><a href="#dom-navigator-online">onLine</a></code></dt> +};</pre><dl class="domintro"><dt><var title="">window</var> . <code title="dom-navigator"><a href="system-state-and-capabilities.html#dom-navigator">navigator</a></code> . <code title="dom-navigator-onLine"><a href="#dom-navigator-online">onLine</a></code></dt> <dd> Index: content-models.html =================================================================== RCS file: /sources/public/html5/spec/content-models.html,v retrieving revision 1.109 retrieving revision 1.110 diff -u -d -r1.109 -r1.110 --- content-models.html 10 Dec 2011 06:02:06 -0000 1.109 +++ content-models.html 10 Dec 2011 06:15:41 -0000 1.110 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>3.2.5 Content models — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>3.2.5 Content models — HTML5</title><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; } @@ -319,22 +318,23 @@ } </script> <script src="link-fixup.js"></script> [...1662 lines suppressed...] - - <p>Adds the given string(s) to the <code><a href="dom.html#document">Document</a></code>'s input - stream, followed by a newline character. If necessary, calls the - <code title="dom-document-open"><a href="#dom-document-open">open()</a></code> method implicitly - first.</p> - - <p>This method throws an <code><a href="infrastructure.html#invalidstateerror">InvalidStateError</a></code> exception - when invoked on <a href="infrastructure.html#xml-documents">XML documents</a>.</p> - - </dd> - - </dl><div class="impl"> - - <p>The <dfn id="dom-document-writeln" title="dom-document-writeln"><code>document.writeln(...)</code></dfn> - method, when invoked, must act as if the <code title="dom-document-write"><a href="#dom-document-write">document.write()</a></code> method had been - invoked with the same argument(s), plus an extra argument consisting - of a string containing a single line feed character (U+000A).</p> - </div></body></html> \ No newline at end of file Index: states-of-the-type-attribute.html =================================================================== RCS file: /sources/public/html5/spec/states-of-the-type-attribute.html,v retrieving revision 1.61 retrieving revision 1.62 diff -u -d -r1.61 -r1.62 --- states-of-the-type-attribute.html 10 Dec 2011 06:02:14 -0000 1.61 +++ states-of-the-type-attribute.html 10 Dec 2011 06:15:47 -0000 1.62 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>4.10.7.1 States of the type attribute — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>4.10.7.1 States of the type attribute — HTML5</title><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; } @@ -319,19 +318,22 @@ } </script> <script src="link-fixup.js"></script> [...1440 lines suppressed...] element: - <code class="no-backref" title="dom-input-checked"><a href="common-input-element-attributes.html#dom-input-checked">checked</a></code>, - <code class="no-backref" title="dom-input-files"><a href="common-input-element-attributes.html#dom-input-files">files</a></code>, - <code class="no-backref" title="dom-textarea/input-selectionStart"><a href="association-of-controls-and-forms.html#dom-textarea-input-selectionstart">selectionStart</a></code>, - <code class="no-backref" title="dom-textarea/input-selectionEnd"><a href="association-of-controls-and-forms.html#dom-textarea-input-selectionend">selectionEnd</a></code>, - <code class="no-backref" title="dom-textarea/input-selectionDirection"><a href="association-of-controls-and-forms.html#dom-textarea-input-selectiondirection">selectionDirection</a></code>, and - <code class="no-backref" title="dom-input-valueAsDate"><a href="common-input-element-attributes.html#dom-input-valueasdate">valueAsDate</a></code> IDL attributes; - <code class="no-backref" title="dom-textarea/input-select"><a href="association-of-controls-and-forms.html#dom-textarea-input-select">select()</a></code> and - <code class="no-backref" title="dom-textarea/input-setSelectionRange"><a href="association-of-controls-and-forms.html#dom-textarea-input-setselectionrange">setSelectionRange()</a></code> methods.</p> + <code class="no-backref" title="dom-input-checked"><a href="common-input-element-apis.html#dom-input-checked">checked</a></code>, + <code class="no-backref" title="dom-input-files"><a href="common-input-element-apis.html#dom-input-files">files</a></code>, + <code class="no-backref" title="dom-textarea/input-selectionStart"><a href="textFieldSelection.html#dom-textarea-input-selectionstart">selectionStart</a></code>, + <code class="no-backref" title="dom-textarea/input-selectionEnd"><a href="textFieldSelection.html#dom-textarea-input-selectionend">selectionEnd</a></code>, + <code class="no-backref" title="dom-textarea/input-selectionDirection"><a href="textFieldSelection.html#dom-textarea-input-selectiondirection">selectionDirection</a></code>, and + <code class="no-backref" title="dom-input-valueAsDate"><a href="common-input-element-apis.html#dom-input-valueasdate">valueAsDate</a></code> IDL attributes; + <code class="no-backref" title="dom-textarea/input-select"><a href="textFieldSelection.html#dom-textarea-input-select">select()</a></code> and + <code class="no-backref" title="dom-textarea/input-setSelectionRange"><a href="textFieldSelection.html#dom-textarea-input-setselectionrange">setSelectionRange()</a></code> methods.</p> </div><div class="example"> Index: obsolete.html =================================================================== RCS file: /sources/public/html5/spec/obsolete.html,v retrieving revision 1.1061 retrieving revision 1.1062 diff -u -d -r1.1061 -r1.1062 --- obsolete.html 10 Dec 2011 06:02:12 -0000 1.1061 +++ obsolete.html 10 Dec 2011 06:15:46 -0000 1.1062 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>11 Obsolete features — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>11 Obsolete features — HTML5</title><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; } @@ -319,45 +318,48 @@ } </script> <script src="link-fixup.js"></script> [...1123 lines suppressed...] element though.)</p> @@ -1744,7 +1746,7 @@ first column of the following table must <a href="common-dom-interfaces.html#reflect">reflect</a> the content attribute on <a href="dom.html#the-body-element-0">the body element</a> with the name given in the corresponding cell in the second column on the same - row, if <a href="dom.html#the-body-element-0">the body element</a> is a <code><a href="sections.html#the-body-element">body</a></code> element + row, if <a href="dom.html#the-body-element-0">the body element</a> is a <code><a href="the-body-element.html#the-body-element">body</a></code> element (as opposed to a <code><a href="#frameset">frameset</a></code> element). When there is no <a href="dom.html#the-body-element-0" title="the body element">body element</a> or if it is a <code><a href="#frameset">frameset</a></code> element, the attributes must instead return @@ -1764,7 +1766,7 @@ </td><td><code title="attr-body-bgcolor"><a href="#attr-body-bgcolor">bgcolor</a></code> </td></tr></tbody></table><hr><p>The <dfn id="dom-document-anchors" title="dom-document-anchors"><code>anchors</code></dfn> attribute must return an <code><a href="infrastructure.html#htmlcollection">HTMLCollection</a></code> rooted at the - <code><a href="dom.html#document">Document</a></code> node, whose filter matches only <code><a href="text-level-semantics.html#the-a-element">a</a></code> + <code><a href="dom.html#document">Document</a></code> node, whose filter matches only <code><a href="the-a-element.html#the-a-element">a</a></code> elements with <code title="attr-a-name"><a href="#attr-a-name">name</a></code> attributes.</p> Index: named-character-references.html =================================================================== RCS file: /sources/public/html5/spec/named-character-references.html,v retrieving revision 1.1019 retrieving revision 1.1020 diff -u -d -r1.1019 -r1.1020 --- named-character-references.html 5 Oct 2011 21:46:31 -0000 1.1019 +++ named-character-references.html 10 Dec 2011 06:15:45 -0000 1.1020 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>8.5 Named character references — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>8.5 Named character references — HTML5</title><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; } @@ -319,18 +318,21 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="the-end.html" title="8.2.6 The end" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> + <link href="the-end.html" title="8.2.6 The end" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> <link href="the-xhtml-syntax.html" title="9 The XHTML syntax" rel="next"> - </head><body><div class="head" id="head"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="the-end.html" class="prev">8.2.6 The end</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="the-xhtml-syntax.html" class="next">9 The XHTML syntax</a> - </div> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="the-end.html">← 8.2.6 The end</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="the-xhtml-syntax.html">9 The XHTML syntax →</a> + </nav> <h3 id="named-character-references"><span class="secno">8.5 </span><dfn>Named character references</dfn></h3><p>This table lists the character reference names that are supported by HTML, and the code points to which they refer. It is referenced Index: references.html =================================================================== RCS file: /sources/public/html5/spec/references.html,v retrieving revision 1.1075 retrieving revision 1.1076 diff -u -d -r1.1075 -r1.1076 --- references.html 10 Dec 2011 06:02:13 -0000 1.1075 +++ references.html 10 Dec 2011 06:15:46 -0000 1.1076 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>References — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>References — HTML5</title><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; } @@ -319,18 +318,21 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="index.html" title="Index" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> + <link href="section-index.html" title="Index" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> <link href="acknowledgements.html" title="Acknowledgements" rel="next"> - </head><body><div class="head" id="head"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="index.html" class="prev">Index</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="acknowledgements.html" class="next">Acknowledgements</a> - </div> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="section-index.html">← Index</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="acknowledgements.html">Acknowledgements →</a> + </nav> <h2 class="no-num" id="references">References</h2><p>All references are normative unless marked "Non-normative".</p><dl><dt id="refsABNF">[ABNF]</dt> <dd><cite><a href="http://www.ietf.org/rfc/std/std68.txt">Augmented Index: semantics.html =================================================================== RCS file: /sources/public/html5/spec/semantics.html,v retrieving revision 1.1081 retrieving revision 1.1082 diff -u -d -r1.1081 -r1.1082 --- semantics.html 10 Dec 2011 06:02:14 -0000 1.1081 +++ semantics.html 10 Dec 2011 06:15:47 -0000 1.1082 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>4 The elements of HTML — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>4 The elements of HTML — HTML5</title><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; } @@ -319,1645 +318,22 @@ } </script> <script src="link-fixup.js"></script> [...1637 lines suppressed...] - - <p>A <code><a href="dom.html#document">Document</a></code> <dfn id="has-a-style-sheet-that-is-blocking-scripts">has a style sheet that is blocking - scripts</dfn> if there is either <a href="#a-style-sheet-that-is-blocking-scripts">a style sheet that is - blocking scripts</a> in the context of that - <code><a href="dom.html#document">Document</a></code>, or if that <code><a href="dom.html#document">Document</a></code> is in a - <a href="browsers.html#browsing-context">browsing context</a> that has a <a href="browsers.html#parent-browsing-context">parent browsing - context</a>, and the <a href="browsers.html#active-document">active document</a> of that - <a href="browsers.html#parent-browsing-context">parent browsing context</a> itself <a href="#has-a-style-sheet-that-is-blocking-scripts">has a style sheet - that is blocking scripts</a>.</p> - - <p>A <code><a href="dom.html#document">Document</a></code> <dfn id="has-no-style-sheet-that-is-blocking-scripts">has no style sheet that is blocking - scripts</dfn> if it does not <a href="#has-a-style-sheet-that-is-blocking-scripts" title="has a style sheet that is - blocking scripts">have a style sheet that is blocking scripts</a> - as defined in the previous paragraph.</p> + </li></ol></li></ol></nav> - </div></body></html> \ No newline at end of file + <h2 id="semantics"><span class="secno">4 </span>The elements of HTML</h2><h3 id="the-root-element"><span class="secno">4.1 </span>The root element</h3></body></html> \ No newline at end of file Index: index.html =================================================================== RCS file: /sources/public/html5/spec/index.html,v retrieving revision 1.1082 retrieving revision 1.1083 diff -u -d -r1.1082 -r1.1083 --- index.html 10 Dec 2011 06:02:12 -0000 1.1082 +++ index.html 10 Dec 2011 06:15:45 -0000 1.1083 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>Index — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>HTML5</title><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; } @@ -319,2997 +318,934 @@ } </script> <script src="link-fixup.js"></script> [...3895 lines suppressed...] + <ol><li><a href="obsolete.html#the-applet-element"><span class="secno">11.3.1 </span>The <code>applet</code> element</a></li> + <li><a href="obsolete.html#the-marquee-element"><span class="secno">11.3.2 </span>The <code>marquee</code> element</a></li> + <li><a href="obsolete.html#frames"><span class="secno">11.3.3 </span>Frames</a></li> + <li><a href="obsolete.html#other-elements-attributes-and-apis"><span class="secno">11.3.4 </span>Other elements, attributes and APIs</a></li></ol></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#multipart-x-mixed-replace"><span class="secno">12.2 </span><code>multipart/x-mixed-replace</code></a></li> + <li><a href="iana.html#application-xhtml-xml"><span class="secno">12.3 </span><code>application/xhtml+xml</code></a></li> + <li><a href="iana.html#application-x-www-form-urlencoded"><span class="secno">12.4 </span><code>application/x-www-form-urlencoded</code></a></li> + <li><a href="iana.html#text-cache-manifest"><span class="secno">12.5 </span><code>text/cache-manifest</code></a></li> + <li><a href="iana.html#web-scheme-prefix"><span class="secno">12.6 </span><code>web+</code> scheme prefix</a></li></ol></li> + <li><a class="no-num" href="section-index.html#index">Index</a> + <ol><li><a class="no-num" href="section-index.html#elements-1">Elements</a></li> + <li><a class="no-num" href="section-index.html#element-content-categories">Element content categories</a></li> + <li><a class="no-num" href="section-index.html#attributes-1">Attributes</a></li> + <li><a class="no-num" href="section-index.html#interfaces">Interfaces</a></li> + <li><a class="no-num" href="section-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></body></html> \ No newline at end of file Index: the-button-element.html =================================================================== RCS file: /sources/public/html5/spec/the-button-element.html,v retrieving revision 1.103 retrieving revision 1.104 diff -u -d -r1.103 -r1.104 --- the-button-element.html 10 Dec 2011 06:02:15 -0000 1.103 +++ the-button-element.html 10 Dec 2011 06:15:47 -0000 1.104 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>4.10.8 The button element — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>4.10.8 The button element — HTML5</title><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; } @@ -319,18 +318,21 @@ } </script> <script src="link-fixup.js"></script> [...2143 lines suppressed...] - - <p>The <dfn id="dom-meter-optimum" title="dom-meter-optimum"><code>optimum</code></dfn> IDL - attribute, on getting, must return the <a href="#concept-meter-optimum" title="concept-meter-optimum">optimum value</a>. On setting, the - given value must be converted to the <a href="common-microsyntaxes.html#best-representation-of-the-number-as-a-floating-point-number">best representation of - the number as a floating point number</a> and then the <code title="dom-meter-optimum"><a href="#dom-meter-optimum">optimum</a></code> content attribute must be - set to that string.</p> - - <p>The <code title="dom-lfe-labels"><a href="forms.html#dom-lfe-labels">labels</a></code> attribute provides - a list of the element's <code><a href="forms.html#the-label-element">label</a></code>s.</p> - - </div><div class="example"> - - <p>The following example shows how a gauge could fall back to - localized or pretty-printed text.</p> - - <pre><p>Disk usage: <meter min=0 value=170261928 max=233257824>170 261 928 bytes used -out of 233 257 824 bytes available</meter></p></pre> - </div></body></html> \ No newline at end of file Index: dnd.html =================================================================== RCS file: /sources/public/html5/spec/dnd.html,v retrieving revision 1.88 retrieving revision 1.89 diff -u -d -r1.88 -r1.89 --- dnd.html 10 Dec 2011 06:02:06 -0000 1.88 +++ dnd.html 10 Dec 2011 06:15:42 -0000 1.89 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>7.6 Drag and drop — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>7.6 Drag and drop — HTML5</title><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; } @@ -319,20 +318,23 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="editing.html" title="7 User interaction" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> + <link href="editing-apis.html" title="7.5.4 Editing APIs" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> <link href="syntax.html" title="8 The HTML syntax" rel="next"> - </head><body><div class="head" id="head"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="editing.html" class="prev">7 User interaction</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="syntax.html" class="next">8 The HTML syntax</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="editing-apis.html">← 7.5.4 Editing APIs</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="syntax.html">8 The HTML syntax →</a> <ol class="toc"><li><ol><li><a href="dnd.html#dnd"><span class="secno">7.6 </span>Drag and drop</a> <ol><li><a href="dnd.html#introduction-7"><span class="secno">7.6.1 </span>Introduction</a></li><li><a href="dnd.html#the-drag-data-store"><span class="secno">7.6.2 </span>The drag data store</a></li><li><a href="dnd.html#the-datatransfer-interface"><span class="secno">7.6.3 </span>The <code>DataTransfer</code> interface</a> - <ol><li><a href="dnd.html#the-datatransferitemlist-interface"><span class="secno">7.6.3.1 </span>The <code>DataTransferItemList</code> interface</a></li><li><a href="dnd.html#the-datatransferitem-interface"><span class="secno">7.6.3.2 </span>The <code>DataTransferItem</code> interface</a></li></ol></li><li><a href="dnd.html#the-dragevent-interface"><span class="secno">7.6.4 </span>The <code>DragEvent</code> interface</a></li><li><a href="dnd.html#drag-and-drop-processing-model"><span class="secno">7.6.5 </span>Drag-and-drop processing model</a></li><li><a href="dnd.html#dndevents"><span class="secno">7.6.6 </span>Events summary</a></li><li><a href="dnd.html#the-draggable-attribute"><span class="secno">7.6.7 </span>The <code>draggable</code> attribute</a></li><li><a href="dnd.html#the-dropzone-attribute"><span class="secno">7.6.8 </span>The <code>dropzone</code> attribute</a></li><li><a href="dnd.html#security-risks-in-the-drag-and-drop-model"><span class="secno">7.6.9 </span>Security risks in the dra-and-drop model</a></li></ol></li></ol></li></ol></div> + <ol><li><a href="dnd.html#the-datatransferitemlist-interface"><span class="secno">7.6.3.1 </span>The <code>DataTransferItemList</code> interface</a></li><li><a href="dnd.html#the-datatransferitem-interface"><span class="secno">7.6.3.2 </span>The <code>DataTransferItem</code> interface</a></li></ol></li><li><a href="dnd.html#the-dragevent-interface"><span class="secno">7.6.4 </span>The <code>DragEvent</code> interface</a></li><li><a href="dnd.html#drag-and-drop-processing-model"><span class="secno">7.6.5 </span>Drag-and-drop processing model</a></li><li><a href="dnd.html#dndevents"><span class="secno">7.6.6 </span>Events summary</a></li><li><a href="dnd.html#the-draggable-attribute"><span class="secno">7.6.7 </span>The <code>draggable</code> attribute</a></li><li><a href="dnd.html#the-dropzone-attribute"><span class="secno">7.6.8 </span>The <code>dropzone</code> attribute</a></li><li><a href="dnd.html#security-risks-in-the-drag-and-drop-model"><span class="secno">7.6.9 </span>Security risks in the dra-and-drop model</a></li></ol></li></ol></li></ol></nav> <h3 id="dnd"><span class="secno">7.6 </span><dfn>Drag and drop</dfn></h3><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 @@ -713,7 +715,7 @@ Nothing happens.</p></li> <li><p>If the <var title="">element</var> argument is an - <code><a href="embedded-content-1.html#the-img-element">img</a></code> element, then set the <a href="#drag-data-store-bitmap">drag data store + <code><a href="the-img-element.html#the-img-element">img</a></code> element, then set the <a href="#drag-data-store-bitmap">drag data store bitmap</a> to the element's image (at its intrinsic size); otherwise, set the <a href="#drag-data-store-bitmap">drag data store bitmap</a> to an image generated from the given element (the exact mechanism for doing so @@ -1261,7 +1263,7 @@ <td>"<code title="">move</code>"</td> </tr><tr><td>"<code title="">uninitialized</code>" when what is being dragged is a selection</td> <td>"<code title="">copy</code>"</td> - </tr><tr><td>"<code title="">uninitialized</code>" when what is being dragged is an <code><a href="text-level-semantics.html#the-a-element">a</a></code> element with an <code>href</code> attribute</td> + </tr><tr><td>"<code title="">uninitialized</code>" when what is being dragged is an <code><a href="the-a-element.html#the-a-element">a</a></code> element with an <code>href</code> attribute</td> <td>"<code title="">link</code>"</td> </tr><tr><td>Any other case</td> <td>"<code title="">copy</code>"</td> @@ -1330,7 +1332,7 @@ agent's purview. What is being dragged is defined by the document or application where the drag was started.</p> - <p class="note"><code><a href="embedded-content-1.html#the-img-element">img</a></code> elements and <code><a href="text-level-semantics.html#the-a-element">a</a></code> + <p class="note"><code><a href="the-img-element.html#the-img-element">img</a></code> elements and <code><a href="the-a-element.html#the-a-element">a</a></code> elements with an <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> attribute have their <code title="dom-draggable"><a href="#dom-draggable">draggable</a></code> attribute set to true by default.</p> @@ -1445,14 +1447,14 @@ <p>For each <var title="">node</var> in the <a href="#list-of-dragged-nodes">list of dragged nodes</a>:</p> - <dl><dt>If the node is an <code><a href="text-level-semantics.html#the-a-element">a</a></code> element with an <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> attribute</dt> + <dl><dt>If the node is an <code><a href="the-a-element.html#the-a-element">a</a></code> element with an <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> attribute</dt> <dd>Add to <var title="">urls</var> the result of <a href="urls.html#resolve-a-url" title="resolve a url">resolving</a> the element's <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> content attribute relative to the element.</dd> - <dt>If the node is an <code><a href="embedded-content-1.html#the-img-element">img</a></code> element with an <code title="attr-img-src"><a href="embedded-content-1.html#attr-img-src">src</a></code> attribute</dt> + <dt>If the node is an <code><a href="the-img-element.html#the-img-element">img</a></code> element with an <code title="attr-img-src"><a href="the-img-element.html#attr-img-src">src</a></code> attribute</dt> - <dd>Add to <var title="">urls</var> the result of <a href="urls.html#resolve-a-url" title="resolve a url">resolving</a> the element's <code title="attr-img-src"><a href="embedded-content-1.html#attr-img-src">src</a></code> content attribute relative to + <dd>Add to <var title="">urls</var> the result of <a href="urls.html#resolve-a-url" title="resolve a url">resolving</a> the element's <code title="attr-img-src"><a href="the-img-element.html#attr-img-src">src</a></code> content attribute relative to the element.</dd> @@ -1633,10 +1635,10 @@ list:</p> <dl class="switch"><dt>If the <a href="#current-target-element">current target element</a> is a text - field (e.g. <code><a href="the-button-element.html#the-textarea-element">textarea</a></code>, or an <code><a href="the-input-element.html#the-input-element">input</a></code> + field (e.g. <code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code>, or 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="states-of-the-type-attribute.html#text-state-and-search-state" title="attr-input-type-text">Text</a> state) or an - <a href="editing.html#editing-host">editing host</a> or <a href="editing.html#editable">editable</a> element, + <a href="editing-apis.html#editing-host">editing host</a> or <a href="editing-apis.html#editable">editable</a> element, and the <a href="#drag-data-store-item-list">drag data store item list</a> has an item with <a href="#the-drag-data-item-type-string">the drag data item type string</a> "<code>text/plain</code>" and <a href="#the-drag-data-item-kind">the drag data item @@ -1698,10 +1700,10 @@ list:</p> <dl class="switch"><dt>If the <a href="#current-target-element">current target element</a> is a text field - (e.g. <code><a href="the-button-element.html#the-textarea-element">textarea</a></code>, or an <code><a href="the-input-element.html#the-input-element">input</a></code> element + (e.g. <code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code>, or 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="states-of-the-type-attribute.html#text-state-and-search-state" title="attr-input-type-text">Text</a> state) or an - <a href="editing.html#editing-host">editing host</a> or <a href="editing.html#editable">editable</a> element, and + <a href="editing-apis.html#editing-host">editing host</a> or <a href="editing-apis.html#editable">editable</a> element, and the <a href="#drag-data-store-item-list">drag data store item list</a> has an item with <a href="#the-drag-data-item-type-string">the drag data item type string</a> "<code>text/plain</code>" and <a href="#the-drag-data-item-kind">the drag data item @@ -1834,10 +1836,10 @@ follows:</p> <dl class="switch"><dt>If the <a href="#current-target-element">current target element</a> is a text - field (e.g. <code><a href="the-button-element.html#the-textarea-element">textarea</a></code>, or an <code><a href="the-input-element.html#the-input-element">input</a></code> + field (e.g. <code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code>, or 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="states-of-the-type-attribute.html#text-state-and-search-state" title="attr-input-type-text">Text</a> state) or an - <a href="editing.html#editing-host">editing host</a> or <a href="editing.html#editable">editable</a> element, + <a href="editing-apis.html#editing-host">editing host</a> or <a href="editing-apis.html#editable">editable</a> element, and the <a href="#drag-data-store-item-list">drag data store item list</a> has an item with <a href="#the-drag-data-item-type-string">the drag data item type string</a> "<code>text/plain</code>" and <a href="#the-drag-data-item-kind">the drag data item @@ -1847,7 +1849,7 @@ <a href="#drag-data-store-item-list">drag data store item list</a> to have <a href="#the-drag-data-item-type-string" title="the drag data item type string">a drag data item type string</a> of "<code>text/plain</code>" and <a href="#the-drag-data-item-kind" title="the drag data item kind">a drag data item kind</a> that is <i>Plain Unicode string</i> into the text field or - <a href="editing.html#editing-host">editing host</a> or <a href="editing.html#editable">editable</a> element in + <a href="editing-apis.html#editing-host">editing host</a> or <a href="editing-apis.html#editable">editable</a> element in a manner consistent with platform-specific conventions (e.g. inserting it at the current mouse cursor position, or inserting it at the end of the field).</p></dd> @@ -1876,7 +1878,7 @@ <dl class="switch"><dt>If <var title="">dropped</var> is true, and the <a href="#current-target-element">current target element</a> is a text field (e.g. - <code><a href="the-button-element.html#the-textarea-element">textarea</a></code>, or an <code><a href="the-input-element.html#the-input-element">input</a></code> element whose + <code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code>, or 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="states-of-the-type-attribute.html#text-state-and-search-state" title="attr-input-type-text">Text</a> state), and the <a href="#current-drag-operation">current drag operation</a> is "<code title="">move</code>", and the source of the drag-and-drop @@ -1887,7 +1889,7 @@ <dt>If <var title="">dropped</var> is true, and the <a href="#current-target-element">current target element</a> is a text field (e.g. - <code><a href="the-button-element.html#the-textarea-element">textarea</a></code>, or an <code><a href="the-input-element.html#the-input-element">input</a></code> element whose + <code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code>, or 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="states-of-the-type-attribute.html#text-state-and-search-state" title="attr-input-type-text">Text</a> state), and the <a href="#current-drag-operation">current drag operation</a> is "<code title="">move</code>", and the source of the drag-and-drop @@ -2030,8 +2032,8 @@ false.</p> <p>Otherwise, the element's <code title="attr-draggable"><a href="#the-draggable-attribute">draggable</a></code> content attribute has the - state <i>auto</i>. If the element is an <code><a href="embedded-content-1.html#the-img-element">img</a></code> element, - or, if the element is an <code><a href="text-level-semantics.html#the-a-element">a</a></code> element with an <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> content attribute, the <code title="dom-draggable"><a href="#dom-draggable">draggable</a></code> IDL attribute must return + state <i>auto</i>. If the element is an <code><a href="the-img-element.html#the-img-element">img</a></code> element, + or, if the element is an <code><a href="the-a-element.html#the-a-element">a</a></code> element with an <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> content attribute, the <code title="dom-draggable"><a href="#dom-draggable">draggable</a></code> IDL attribute must return true.</p> <p>Otherwise, the <code title="dom-draggable"><a href="#dom-draggable">draggable</a></code> DOM @@ -2213,7 +2215,7 @@ </div><div class="example"> - <p>In this example, a <code><a href="grouping-content.html#the-div-element">div</a></code> element is made into a drop + <p>In this example, a <code><a href="the-div-element.html#the-div-element">div</a></code> element is made into a drop target for image files using the <code title="attr-dropzone"><a href="#the-dropzone-attribute">dropzone</a></code> attribute. Images dropped into the target are then displayed.</p> Index: links.html =================================================================== RCS file: /sources/public/html5/spec/links.html,v retrieving revision 1.104 retrieving revision 1.105 diff -u -d -r1.104 -r1.105 --- links.html 10 Dec 2011 06:02:12 -0000 1.104 +++ links.html 10 Dec 2011 06:15:45 -0000 1.105 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>4.12 Links — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>4.12 Links — HTML5</title><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; } @@ -319,26 +318,29 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="commands.html" title="4.11.5 Commands" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> + <link href="commands.html" title="4.11.5 Commands" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> <link href="browsers.html" title="5 Loading Web pages" rel="next"> - </head><body><div class="head" id="head"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="commands.html" class="prev">4.11.5 Commands</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="browsers.html" class="next">5 Loading Web pages</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="commands.html">← 4.11.5 Commands</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="browsers.html">5 Loading Web pages →</a> <ol class="toc"><li><ol><li><a href="links.html#links"><span class="secno">4.12 </span>Links</a> <ol><li><a href="links.html#introduction-3"><span class="secno">4.12.1 </span>Introduction</a></li><li><a href="links.html#links-created-by-a-and-area-elements"><span class="secno">4.12.2 </span>Links created by <code>a</code> and <code>area</code> elements</a></li><li><a href="links.html#following-hyperlinks-0"><span class="secno">4.12.3 </span>Following hyperlinks</a></li><li><a href="links.html#linkTypes"><span class="secno">4.12.4 </span>Link types</a> <ol><li><a href="links.html#rel-alternate"><span class="secno">4.12.4.1 </span>Link type "<code>alternate</code>"</a></li><li><a href="links.html#link-type-author"><span class="secno">4.12.4.2 </span>Link type "<code>author</code>"</a></li><li><a href="links.html#link-type-bookmark"><span class="secno">4.12.4.3 </span>Link type "<code>bookmark</code>"</a></li><li><a href="links.html#link-type-help"><span class="secno">4.12.4.4 </span>Link type "<code>help</code>"</a></li><li><a href="links.html#rel-icon"><span class="secno">4.12.4.5 </span>Link type "<code>icon</code>"</a></li><li><a href="links.html#link-type-license"><span class="secno">4.12.4.6 </span>Link type "<code>license</code>"</a></li><li><a href="links.html#link-type-nofollow"><span class="secno">4.12.4.7 </span>Link type "<code>nofollow</code>"</a></li><li><a href="links.html#link-type-noreferrer"><span class="secno">4.12.4.8 </span>Link type "<code>noreferrer</code>"</a></li><li><a href="links.html#link-type-prefetch"><span class="secno"4.12.4.9 </span>Link type "<code>prefetch</code>"</a></li><li><a href="links.html#link-type-search"><span class="secno">4.12.4.10 </span>Link type "<code>search</code>"</a></li><li><a href="links.html#link-type-stylesheet"><span class="secno">4.12.4.11 </span>Link type "<code>stylesheet</code>"</a></li><li><a href="links.html#link-type-tag"><span class="secno">4.12.4.12 </span>Link type "<code>tag</code>"</a></li><li><a href="links.html#sequential-link-types"><span class="secno">4.12.4.13 </span>Sequential link types</a> <ol><li><a href="links.html#link-type-next"><span class="secno">4.12.4.13.1 </span>Link type "<code>next</code>"</a></li><li><a href="links.html#link-type-prev"><span class="secno">4.12.4.13.2 </span>Link type "<code>prev</code>"</a></li></ol></li><li><a href="links.html#other-link-types"><span class="secno">4.12.4.14 </span>Other link types</a></li></ol></li></ol></li><li><a href="links.html#common-idioms"><span class="secno">4.13 </span>Common idioms without dedicated elements</a> <ol><li><a href="links.html#the-main-part-of-the-content"><span class="secno">4.13.1 </span>The main part of the content</a></li><li><a href="links.html#rel-up"><span class="secno">4.13.2 </span>Bread crumb navigation</a></li><li><a href="links.html#tag-clouds"><span class="secno">4.13.3 </span>Tag clouds</a></li><li><a href="links.html#conversations"><span class="secno">4.13.4 </span>Conversations</a></li><li><a href="links.html#footnotes"><span class="secno">4.13.5 </span>Footnotes</a></li></ol></li><li><a href="links.html#selectors"><span class="secno">4.14 </span>Matching HTML elements using selectors</a> - <ol><li><a href="links.html#case-sensitivity"><span class="secno">4.14.1 </span>Case-sensitivity</a></li><li><a href="links.html#pseudo-classes"><span class="secno">4.14.2 </span>Pseudo-classes</a></li></ol></li></ol></li></ol></div> + <ol><li><a href="links.html#case-sensitivity"><span class="secno">4.14.1 </span>Case-sensitivity</a></li><li><a href="links.html#pseudo-classes"><span class="secno">4.14.2 </span>Pseudo-classes</a></li></ol></li></ol></li></ol></nav> - <h3 id="links"><span class="secno">4.12 </span>Links</h3><h4 id="introduction-3"><span class="secno">4.12.1 </span>Introduction</h4><p>Links are a conceptual construct, created by <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>, and <code><a href="semantics.html#the-link-element">link</a></code> elements, that <a href="rendering.html#represents" title="represents">represent</a> a connection between two + <h3 id="links"><span class="secno">4.12 </span>Links</h3><h4 id="introduction-3"><span class="secno">4.12.1 </span>Introduction</h4><p>Links are a conceptual construct, created by <code><a href="the-a-element.html#the-a-element">a</a></code>, + <code><a href="the-area-element.html#the-area-element">area</a></code>, and <code><a href="the-link-element.html#the-link-element">link</a></code> elements, that <a href="rendering.html#represents" title="represents">represent</a> a connection between two resources, one of which is the current <code><a href="dom.html#document">Document</a></code>. There are two kinds of links in HTML:</p><dl><dt><dfn id="external-resource-link" title="external resource link">Links to external resources</dfn></dt> @@ -354,15 +356,15 @@ the user agent to <a href="history.html#navigate">navigate</a> to those resources, e.g. to visit them in a browser or download them.</p></dd> - </dl><p>For <code><a href="semantics.html#the-link-element">link</a></code> elements with an <code title="attr-link-href"><a href="semantics.html#attr-link-href">href</a></code> attribute and a <code title="attr-link-rel"><a href="semantics.html#attr-link-rel">rel</a></code> attribute, links must be created - for the keywords of the <code title="attr-link-rel"><a href="semantics.html#attr-link-rel">rel</a></code> - attribute, as defined for those keywords in the <a href="#linkTypes">link types</a> section.</p><p>Similarly, for <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 with + </dl><p>For <code><a href="the-link-element.html#the-link-element">link</a></code> elements with an <code title="attr-link-href"><a href="the-link-element.html#attr-link-href">href</a></code> attribute and a <code title="attr-link-rel"><a href="the-link-element.html#attr-link-rel">rel</a></code> attribute, links must be created + for the keywords of the <code title="attr-link-rel"><a href="the-link-element.html#attr-link-rel">rel</a></code> + attribute, as defined for those keywords in the <a href="#linkTypes">link types</a> section.</p><p>Similarly, for <code><a href="the-a-element.html#the-a-element">a</a></code> and <code><a href="the-area-element.html#the-area-element">area</a></code> elements with an <code title="attr-hyperlink-href"><a href="#attr-hyperlink-href">href</a></code> attribute and a <code title="attr-hyperlink-rel"><a href="#attr-hyperlink-rel">rel</a></code> attribute, links must be created for the keywords of the <code title="attr-hyperlink-rel"><a href="#attr-hyperlink-rel">rel</a></code> attribute as defined for those keywords in the <a href="#linkTypes">link types</a> section. Unlike - <code><a href="semantics.html#the-link-element">link</a></code> elements, however, <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> element with an <code title="attr-hyperlink-href"><a href="#attr-hyperlink-href">href</a></code> attribute that either do not + <code><a href="the-link-element.html#the-link-element">link</a></code> elements, however, <code><a href="the-a-element.html#the-a-element">a</a></code> and + <code><a href="the-area-element.html#the-area-element">area</a></code> element with an <code title="attr-hyperlink-href"><a href="#attr-hyperlink-href">href</a></code> attribute that either do not have a <code title="attr-hyperlink-rel"><a href="#attr-hyperlink-rel">rel</a></code> attribute, or whose <code title="attr-hyperlink-rel"><a href="#attr-hyperlink-rel">rel</a></code> attribute has no keywords that are defined as specifying <a href="#hyperlink" title="hyperlink">hyperlinks</a>, must also create a @@ -371,18 +373,18 @@ linking the element's document to the resource given by the element's <code title="attr-hyperlink-href"><a href="#attr-hyperlink-href">href</a></code> attribute.</p><p>A <a href="#hyperlink">hyperlink</a> can have one or more <dfn id="hyperlink-annotation" title="hyperlink annotation">hyperlink annotations</dfn> that modify - the processing semantics of that hyperlink.</p><h4 id="links-created-by-a-and-area-elements"><span class="secno">4.12.2 </span>Links created by <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</h4><p>The <dfn id="attr-hyperlink-href" title="attr-hyperlink-href"><code>href</code></dfn> - attribute on <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 must have + the processing semantics of that hyperlink.</p><h4 id="links-created-by-a-and-area-elements"><span class="secno">4.12.2 </span>Links created by <code><a href="the-a-element.html#the-a-element">a</a></code> and <code><a href="the-area-element.html#the-area-element">area</a></code> elements</h4><p>The <dfn id="attr-hyperlink-href" title="attr-hyperlink-href"><code>href</code></dfn> + attribute on <code><a href="the-a-element.html#the-a-element">a</a></code> and <code><a href="the-area-element.html#the-area-element">area</a></code> elements must have a value that is a <a href="urls.html#valid-url-potentially-surrounded-by-spaces">valid URL potentially surrounded by spaces</a>.</p><p class="note">The <code title="attr-hyperlink-href"><a href="#attr-hyperlink-href">href</a></code> - attribute on <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 is not + attribute on <code><a href="the-a-element.html#the-a-element">a</a></code> and <code><a href="the-area-element.html#the-area-element">area</a></code> elements is not required; when those elements do not have <code title="attr-hyperlink-href"><a href="#attr-hyperlink-href">href</a></code> attributes they do not create hyperlinks.</p><p>The <dfn id="attr-hyperlink-target" title="attr-hyperlink-target"><code>target</code></dfn> attribute, if present, must be a <a href="browsers.html#valid-browsing-context-name-or-keyword">valid browsing context name or keyword</a>. It gives the name of the <a href="browsers.html#browsing-context">browsing context</a> that will be used. <span class="impl">User agents use this name when <a href="#following-hyperlinks">following hyperlinks</a>.</span></p><p>The <dfn id="attr-hyperlink-rel" title="attr-hyperlink-rel"><code>rel</code></dfn> - attribute on <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 controls + attribute on <code><a href="the-a-element.html#the-a-element">a</a></code> and <code><a href="the-area-element.html#the-area-element">area</a></code> elements controls what kinds of links the elements create. The attribue's value must be a <a href="common-microsyntaxes.html#set-of-space-separated-tokens">set of space-separated tokens</a>. The <a href="#linkTypes">allowed keywords and their meanings</a> are defined below.</p><p>The <code title="attr-hyperlink-rel"><a href="#attr-hyperlink-rel">rel</a></code> attribute has @@ -394,7 +396,7 @@ designed. It is purely advisory. The value must be a <a href="common-microsyntaxes.html#valid-media-query">valid media query</a>. The default, if the <code title="attr-hyperlink-media"><a href="#attr-hyperlink-media">media</a></code> attribute is omitted, is "<code title="">all</code>".</p><p>The <dfn id="attr-hyperlink-hreflang" title="attr-hyperlink-hreflang"><code>hreflang</code></dfn> - attribute on <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 that + attribute on <code><a href="the-a-element.html#the-a-element">a</a></code> and <code><a href="the-area-element.html#the-area-element">area</a></code> elements that create <a href="#hyperlink" title="hyperlink">hyperlinks</a>, if present, gives the language of the linked resource. It is purely advisory. The value must be a valid BCP 47 language tag. <a href="references.html#refsBCP47">[BCP47]</a> <span class="impl">User agents must @@ -421,7 +423,7 @@ <a href="history.html#navigate">navigate</a> a <a href="browsers.html#browsing-context">browsing context</a> to the resulting <a href="urls.html#absolute-url">absolute URL</a>. In the case of server-side image maps, that <a href="urls.html#absolute-url">absolute URL</a> must - have its <var><a href="text-level-semantics.html#hyperlink-suffix">hyperlink suffix</a></var> appended to it before the + have its <var><a href="the-a-element.html#hyperlink-suffix">hyperlink suffix</a></var> appended to it before the navigation is started.</p> <p>If <a href="urls.html#resolve-a-url" title="resolve a url">resolving</a> the @@ -436,8 +438,8 @@ that must be the <a href="browsers.html#browsing-context">browsing context</a> that is navigated.</p> - <p>Otherwise, if the element is an <code><a href="text-level-semantics.html#the-a-element">a</a></code> or - <code><a href="the-map-element.html#the-area-element">area</a></code> element that has a <code title="attr-hyperlink-target"><a href="#attr-hyperlink-target">target</a></code> attribute, then the + <p>Otherwise, if the element is an <code><a href="the-a-element.html#the-a-element">a</a></code> or + <code><a href="the-area-element.html#the-area-element">area</a></code> element that has a <code title="attr-hyperlink-target"><a href="#attr-hyperlink-target">target</a></code> attribute, then the <a href="browsers.html#browsing-context">browsing context</a> that is navigated must be chosen by applying <a href="browsers.html#the-rules-for-choosing-a-browsing-context-given-a-browsing-context-name">the rules for choosing a browsing context given a browsing context name</a>, using the value of the <code title="attr-hyperlink-target"><a href="#attr-hyperlink-target">target</a></code> attribute as the @@ -452,14 +454,14 @@ context</a> may be selected as the browsing context to be navigated.</p> - <p>Otherwise, if the element is an <code><a href="text-level-semantics.html#the-a-element">a</a></code> or - <code><a href="the-map-element.html#the-area-element">area</a></code> element with no <code title="attr-hyperlink-target"><a href="#attr-hyperlink-target">target</a></code> attribute, but the - <code><a href="dom.html#document">Document</a></code> contains 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 + <p>Otherwise, if the element is an <code><a href="the-a-element.html#the-a-element">a</a></code> or + <code><a href="the-area-element.html#the-area-element">area</a></code> element with no <code title="attr-hyperlink-target"><a href="#attr-hyperlink-target">target</a></code> attribute, but the + <code><a href="dom.html#document">Document</a></code> contains a <code><a href="the-base-element.html#the-base-element">base</a></code> element with a + <code title="attr-base-target"><a href="the-base-element.html#attr-base-target">target</a></code> attribute, then the browsing context that is navigated must be chosen by applying <a href="browsers.html#the-rules-for-choosing-a-browsing-context-given-a-browsing-context-name">the rules for choosing a browsing context given a browsing - context name</a>, using 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 as the browsing context name. If these + context name</a>, using the value of the <code title="attr-base-target"><a href="the-base-element.html#attr-base-target">target</a></code> attribute of the first such + <code><a href="the-base-element.html#the-base-element">base</a></code> element as the browsing context name. If these rules result in the creation of a new <a href="browsers.html#browsing-context">browsing context</a>, it must be navigated with <a href="history.html#replacement-enabled">replacement enabled</a>.</p> @@ -480,8 +482,8 @@ the term <i>current document</i> refers to the resource within which the element representing the link finds itself.</p><div class="impl"> - <p>To determine which link types apply to a <code><a href="semantics.html#the-link-element">link</a></code>, - <code><a href="text-level-semantics.html#the-a-element">a</a></code>, or <code><a href="the-map-element.html#the-area-element">area</a></code> element, the element's <code title="">rel</code> attribute must be <a href="common-microsyntaxes.html#split-a-string-on-spaces" title="split a string on + <p>To determine which link types apply to a <code><a href="the-link-element.html#the-link-element">link</a></code>, + <code><a href="the-a-element.html#the-a-element">a</a></code>, or <code><a href="the-area-element.html#the-area-element">area</a></code> element, the element's <code title="">rel</code> attribute must be <a href="common-microsyntaxes.html#split-a-string-on-spaces" title="split a string on spaces">split on spaces</a>. The resulting tokens are the link types that apply to that element.</p> @@ -491,8 +493,8 @@ same as <code title="">rel="NEXT"</code>.</p><table><thead><tr><th rowspan="2">Link type</th> <th colspan="2">Effect on...</th> <th rowspan="2">Brief description</th> - </tr><tr><th><code><a href="semantics.html#the-link-element">link</a></code></th> - <th><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></th> + </tr><tr><th><code><a href="the-link-element.html#the-link-element">link</a></code></th> + <th><code><a href="the-a-element.html#the-a-element">a</a></code> and <code><a href="the-area-element.html#the-area-element">area</a></code></th> </tr></thead><tbody><tr><td><code title="rel-alternate"><a href="#rel-alternate">alternate</a></code></td> <td><a href="#hyperlink">Hyperlink</a></td> <td><a href="#hyperlink">Hyperlink</a></td> @@ -557,9 +559,9 @@ documents.</p> </div><h5 id="rel-alternate"><span class="secno">4.12.4.1 </span>Link type "<dfn title="rel-alternate"><code>alternate</code></dfn>"</h5><p>The <code title="rel-alternate"><a href="#rel-alternate">alternate</a></code> keyword may be - used with <code><a href="semantics.html#the-link-element">link</a></code>, <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> + used with <code><a href="the-link-element.html#the-link-element">link</a></code>, <code><a href="the-a-element.html#the-a-element">a</a></code>, and <code><a href="the-area-element.html#the-area-element">area</a></code> elements.</p><p>The meaning of this keyword depends on the values of the other - attributes.</p><dl class="switch"><dt>If the element is a <code><a href="semantics.html#the-link-element">link</a></code> element and the <code title="attr-link-rel"><a href="semantics.html#attr-link-rel">rel</a></code> attribute also contains the + attributes.</p><dl class="switch"><dt>If the element is a <code><a href="the-link-element.html#the-link-element">link</a></code> element and the <code title="attr-link-rel"><a href="the-link-element.html#attr-link-rel">rel</a></code> attribute also contains the keyword <code title="rel-stylesheet"><a href="#link-type-stylesheet">stylesheet</a></code></dt> <dd> @@ -584,13 +586,13 @@ <div class="impl"> - <p>The first <code><a href="semantics.html#the-link-element">link</a></code>, <code><a href="text-level-semantics.html#the-a-element">a</a></code>, or <code><a href="the-map-element.html#the-area-element">area</a></code> + <p>The first <code><a href="the-link-element.html#the-link-element">link</a></code>, <code><a href="the-a-element.html#the-a-element">a</a></code>, or <code><a href="the-area-element.html#the-area-element">area</a></code> element in the document (in tree order) with the <code title="rel-alternate"><a href="#rel-alternate">alternate</a></code> keyword used with the <code title="attr-hyperlink-type"><a href="#attr-hyperlink-type">type</a></code> attribute set to the value <code title="">application/rss+xml</code> or the value <code title="">application/atom+xml</code> must be treated as the default syndication feed for the purposes of feed autodiscovery.</p> <div class="example"> - <p>The following <code><a href="semantics.html#the-link-element">link</a></code> element gives the syndication + <p>The following <code><a href="the-link-element.html#the-link-element">link</a></code> element gives the syndication feed for the current page:</p> <pre><link rel="alternate" type="application/atom+xml" href="data.xml"></pre> <p>The following extract offers various different syndication @@ -625,7 +627,7 @@ <p>If the <code title="rel-alternate"><a href="#rel-alternate">alternate</a></code> keyword is used with the <code title="attr-hyperlink-hreflang"><a href="#attr-hyperlink-hreflang">hreflang</a></code> attribute, and that attribute's value differs from the <a href="infrastructure.html#root-element">root - element</a>'s <a href="elements.html#language">language</a>, it indicates that the + element</a>'s <a href="global-attributes.html#language">language</a>, it indicates that the referenced document is a translation.</p> <p>If the <code title="rel-alternate"><a href="#rel-alternate">alternate</a></code> keyword is @@ -655,30 +657,30 @@ </dd> </dl><h5 id="link-type-author"><span class="secno">4.12.4.2 </span>Link type "<dfn title="rel-author"><code>author</code></dfn>"</h5><p>The <code title="rel-author"><a href="#link-type-author">author</a></code> keyword may be - used with <code><a href="semantics.html#the-link-element">link</a></code>, <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. This keyword creates a <a href="#hyperlink">hyperlink</a>.</p><p>For <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, the <code title="rel-author"><a href="#link-type-author">author</a></code> keyword indicates that the + used with <code><a href="the-link-element.html#the-link-element">link</a></code>, <code><a href="the-a-element.html#the-a-element">a</a></code>, and <code><a href="the-area-element.html#the-area-element">area</a></code> + elements. This keyword creates a <a href="#hyperlink">hyperlink</a>.</p><p>For <code><a href="the-a-element.html#the-a-element">a</a></code> and <code><a href="the-area-element.html#the-area-element">area</a></code> elements, the <code title="rel-author"><a href="#link-type-author">author</a></code> keyword indicates that the referenced document provides further information about the author of - the nearest <code><a href="sections.html#the-article-element">article</a></code> element ancestor of the element + the nearest <code><a href="the-article-element.html#the-article-element">article</a></code> element ancestor of the element defining the hyperlink, if there is one, or of the page as a whole, - otherwise.</p><p>For <code><a href="semantics.html#the-link-element">link</a></code> elements, the <code title="rel-author"><a href="#link-type-author">author</a></code> keyword indicates that the + otherwise.</p><p>For <code><a href="the-link-element.html#the-link-element">link</a></code> elements, the <code title="rel-author"><a href="#link-type-author">author</a></code> keyword indicates that the referenced document provides further information about the author for the page as a whole.</p><p class="note">The "referenced document" can be, and often is, a <code title="">mailto:</code> URL giving the e-mail address of the author. <a href="references.html#refsMAILTO">[MAILTO]</a></p><div class="impl"> <p><strong>Synonyms</strong>: For historical reasons, user agents - must also treat <code><a href="semantics.html#the-link-element">link</a></code>, <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 that have a <code title="">rev</code> + must also treat <code><a href="the-link-element.html#the-link-element">link</a></code>, <code><a href="the-a-element.html#the-a-element">a</a></code>, and + <code><a href="the-area-element.html#the-area-element">area</a></code> elements that have a <code title="">rev</code> attribute with the value "<code>made</code>" as having the <code title="rel-author"><a href="#link-type-author">author</a></code> keyword specified as a link relationship.</p> </div><h5 id="link-type-bookmark"><span class="secno">4.12.4.3 </span>Link type "<dfn title="rel-bookmark"><code>bookmark</code></dfn>"</h5><p>The <code title="rel-bookmark"><a href="#link-type-bookmark">bookmark</a></code> keyword may be - used with <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. This + used with <code><a href="the-a-element.html#the-a-element">a</a></code> and <code><a href="the-area-element.html#the-area-element">area</a></code> elements. This keyword creates a <a href="#hyperlink">hyperlink</a>.</p><p>The <code title="rel-bookmark"><a href="#link-type-bookmark">bookmark</a></code> keyword gives a - permalink for the nearest ancestor <code><a href="sections.html#the-article-element">article</a></code> element of - the linking element in question, or of <a href="sections.html#associatedSection">the section the linking element is most + permalink for the nearest ancestor <code><a href="the-article-element.html#the-article-element">article</a></code> element of + the linking element in question, or of <a href="headings-and-sections.html#associatedSection">the section the linking element is most closely associated with</a>, if there are no ancestor - <code><a href="sections.html#the-article-element">article</a></code> elements.</p><div class="example"> + <code><a href="the-article-element.html#the-article-element">article</a></code> elements.</p><div class="example"> <p>The following snippet has three permalinks. A user agent could determine which permalink applies to which part of the spec by looking at where the permalinks are given.</p> @@ -703,8 +705,8 @@ </body> ...</pre> </div><h5 id="link-type-help"><span class="secno">4.12.4.4 </span>Link type "<dfn title="rel-help"><code>help</code></dfn>"</h5><p>The <code title="rel-help"><a href="#link-type-help">help</a></code> keyword may be used with - <code><a href="semantics.html#the-link-element">link</a></code>, <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. This keyword creates a <a href="#hyperlink">hyperlink</a>.</p><p>For <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, the <code title="rel-help"><a href="#link-type-help">help</a></code> keyword indicates that the referenced + <code><a href="the-link-element.html#the-link-element">link</a></code>, <code><a href="the-a-element.html#the-a-element">a</a></code>, and <code><a href="the-area-element.html#the-area-element">area</a></code> + elements. This keyword creates a <a href="#hyperlink">hyperlink</a>.</p><p>For <code><a href="the-a-element.html#the-a-element">a</a></code> and <code><a href="the-area-element.html#the-area-element">area</a></code> elements, the <code title="rel-help"><a href="#link-type-help">help</a></code> keyword indicates that the referenced document provides further help information for the parent of the element defining the hyperlink, and its children.</p><div class="example"> @@ -715,11 +717,11 @@ <pre> <p><label> Topic: <input name=topic> <a href="help/topic.html" rel="help">(Help)</a></label></p></pre> - </div><p>For <code><a href="semantics.html#the-link-element">link</a></code> elements, the <code title="rel-help"><a href="#link-type-help">help</a></code> keyword indicates that the referenced - document provides help for the page as a whole.</p><p>For <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, on some + </div><p>For <code><a href="the-link-element.html#the-link-element">link</a></code> elements, the <code title="rel-help"><a href="#link-type-help">help</a></code> keyword indicates that the referenced + document provides help for the page as a whole.</p><p>For <code><a href="the-a-element.html#the-a-element">a</a></code> and <code><a href="the-area-element.html#the-area-element">area</a></code> elements, on some browsers, the <code title="rel-help"><a href="#link-type-help">help</a></code> keyword causes the link to use a different cursor.</p><h5 id="rel-icon"><span class="secno">4.12.4.5 </span>Link type "<dfn title="rel-icon"><code>icon</code></dfn>"</h5><p>The <code title="rel-icon"><a href="#rel-icon">icon</a></code> keyword may be used with - <code><a href="semantics.html#the-link-element">link</a></code> elements. This keyword creates an <a href="#external-resource-link" title="external resource link">external resource link</a>.</p><div class="impl"> + <code><a href="the-link-element.html#the-link-element">link</a></code> elements. This keyword creates an <a href="#external-resource-link" title="external resource link">external resource link</a>.</p><div class="impl"> <p>The specified resource is an icon representing the page or site, and should be used by the user agent when representing the page in @@ -727,7 +729,7 @@ </div><p>Icons could be auditory icons, visual icons, or other kinds of icons. <span class="impl">If multiple icons are provided, the user - agent must select the most appropriate icon according to the <code title="attr-link-type"><a href="semantics.html#attr-link-type">type</a></code>, <code title="attr-link-media"><a href="semantics.html#attr-link-media">media</a></code>, and <code title="attr-link-sizes"><a href="#attr-link-sizes">sizes</a></code> attributes. If there are + agent must select the most appropriate icon according to the <code title="attr-link-type"><a href="the-link-element.html#attr-link-type">type</a></code>, <code title="attr-link-media"><a href="the-link-element.html#attr-link-media">media</a></code>, and <code title="attr-link-sizes"><a href="#attr-link-sizes">sizes</a></code> attributes. If there are multiple equally appropriate icons, user agents must use the last one declared in <a href="infrastructure.html#tree-order">tree order</a> at the time that the user agent collected the list of icons. If the user agent tries to use an @@ -740,7 +742,7 @@ the list of icons changes, but are encouraged to do so.</p> <p>There is no default type for resources given by the <code title="rel-icon"><a href="#rel-icon">icon</a></code> keyword. However, for the purposes of - <a href="semantics.html#concept-link-type-sniffing">determining the type of the + <a href="the-link-element.html#concept-link-type-sniffing">determining the type of the resource</a>, user agents must expect the resource to be an image.</p> </div><p>The <dfn id="attr-link-sizes" title="attr-link-sizes"><code>sizes</code></dfn> @@ -798,9 +800,9 @@ icon sizes that are not actually available in the linked resource.</p><div class="impl"> - <p>In the absence of a <code><a href="semantics.html#the-link-element">link</a></code> with the <code title="rel-icon"><a href="#rel-icon">icon</a></code> keyword, for <code><a href="dom.html#document">Document</a></code>s + <p>In the absence of a <code><a href="the-link-element.html#the-link-element">link</a></code> with the <code title="rel-icon"><a href="#rel-icon">icon</a></code> keyword, for <code><a href="dom.html#document">Document</a></code>s obtained over HTTP or HTTPS, user agents may instead attempt to - <a href="fetching-resources.html#fetch">fetch</a> and use an icon with the <a href="urls.html#absolute-url">absolute + <a href="urls.html#fetch">fetch</a> and use an icon with the <a href="urls.html#absolute-url">absolute URL</a> obtained by resolving the <a href="urls.html#url">URL</a> "<code title="">/favicon.ico</code>" against <a href="dom.html#the-document-s-address">the document's address</a>, as if the page had declared that icon using the <code title="rel-icon"><a href="#rel-icon">icon</a></code> keyword.</p> @@ -830,7 +832,7 @@ keyword may be preceded by the keyword "<code title="">shortcut</code>". If the "<code title="">shortcut</code>" keyword is present, it must be come immediately before the <code title="rel-icon"><a href="#rel-icon">icon</a></code> keyword and the two keywords must be separated by only a single U+0020 SPACE character.</p><h5 id="link-type-license"><span class="secno">4.12.4.6 </span>Link type "<dfn title="rel-license"><code>license</code></dfn>"</h5><p>The <code title="rel-license"><a href="#link-type-license">license</a></code> keyword may be used - with <code><a href="semantics.html#the-link-element">link</a></code>, <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> + with <code><a href="the-link-element.html#the-link-element">link</a></code>, <code><a href="the-a-element.html#the-a-element">a</a></code>, and <code><a href="the-area-element.html#the-area-element">area</a></code> elements. This keyword creates a <a href="#hyperlink">hyperlink</a>.</p><p>The <code title="rel-license"><a href="#link-type-license">license</a></code> keyword indicates that the referenced document provides the copyright license terms under which the main content of the current document is @@ -883,7 +885,7 @@ the <code title="rel-license"><a href="#link-type-license">license</a></code> keyword.</p> </div><h5 id="link-type-nofollow"><span class="secno">4.12.4.7 </span>Link type "<dfn title="rel-nofollow"><code>nofollow</code></dfn>"</h5><p>The <code title="rel-nofollow"><a href="#link-type-nofollow">nofollow</a></code> keyword may be - used with <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. This + used with <code><a href="the-a-element.html#the-a-element">a</a></code> and <code><a href="the-area-element.html#the-area-element">area</a></code> elements. This keyword does not create a <a href="#hyperlink">hyperlink</a>, but <a href="#hyperlink-annotation" title="hyperlink annotation">annotates</a> any other hyperlinks created by the element (the implied hyperlink, if no other keywords create one).</p><p>The <code title="rel-nofollow"><a href="#link-type-nofollow">nofollow</a></code> keyword indicates @@ -891,43 +893,43 @@ the page, or that the link to the referenced document was included primarily because of a commercial relationship between people affiliated with the two pages.</p><h5 id="link-type-noreferrer"><span class="secno">4.12.4.8 </span>Link type "<dfn title="rel-noreferrer"><code>noreferrer</code></dfn>"</h5><p>The <code title="rel-noreferrer"><a href="#link-type-noreferrer">noreferrer</a></code> keyword may be - used with <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. This + used with <code><a href="the-a-element.html#the-a-element">a</a></code> and <code><a href="the-area-element.html#the-area-element">area</a></code> elements. This keyword does not create a <a href="#hyperlink">hyperlink</a>, but <a href="#hyperlink-annotation" title="hyperlink annotation">annotates</a> any other hyperlinks created by the element (the implied hyperlink, if no other keywords create one).</p><p>It indicates that no referrer information is to be leaked when following the link.</p><div class="impl"> - <p>If a user agent follows a link defined by an <code><a href="text-level-semantics.html#the-a-element">a</a></code> or - <code><a href="the-map-element.html#the-area-element">area</a></code> element that has the <code title="rel-noreferrer"><a href="#link-type-noreferrer">noreferrer</a></code> keyword, the user agent + <p>If a user agent follows a link defined by an <code><a href="the-a-element.html#the-a-element">a</a></code> or + <code><a href="the-area-element.html#the-area-element">area</a></code> element that has the <code title="rel-noreferrer"><a href="#link-type-noreferrer">noreferrer</a></code> keyword, the user agent must not include a <code title="http-referer">Referer</code> (sic) - HTTP header (<a href="fetching-resources.html#concept-http-equivalent-headers" title="concept-http-equivalent-headers">or + HTTP header (<a href="urls.html#concept-http-equivalent-headers" title="concept-http-equivalent-headers">or equivalent</a> for other protocols) in the request.</p> <p>This keyword also <a href="browsers.html#noopener">causes the <code title="dom-opener">opener</code> attribute to remain null</a> if the hyperlink creates a new <a href="browsers.html#browsing-context">browsing context</a>.</p> </div><h5 id="link-type-prefetch"><span class="secno">4.12.4.9 </span>Link type "<dfn title="rel-prefetch"><code>prefetch</code></dfn>"</h5><p>The <code title="rel-prefetch"><a href="#link-type-prefetch">prefetch</a></code> keyword may be - used with <code><a href="semantics.html#the-link-element">link</a></code>, <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> + used with <code><a href="the-link-element.html#the-link-element">link</a></code>, <code><a href="the-a-element.html#the-a-element">a</a></code>, and <code><a href="the-area-element.html#the-area-element">area</a></code> elements. This keyword creates an <a href="#external-resource-link" title="external resource link">external resource link</a>.</p><p>The <code title="rel-prefetch"><a href="#link-type-prefetch">prefetch</a></code> keyword indicates that preemptively fetching and caching the specified resource is likely to be beneficial, as it is highly likely that the user will require this resource.</p><p>There is no default type for resources given by the <code title="rel-prefetch"><a href="#link-type-prefetch">prefetch</a></code> keyword.</p><h5 id="link-type-search"><span class="secno">4.12.4.10 </span>Link type "<dfn title="rel-search"><code>search</code></dfn>"</h5><p>The <code title="rel-search"><a href="#link-type-search">search</a></code> keyword may be used - with <code><a href="semantics.html#the-link-element">link</a></code>, <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> + with <code><a href="the-link-element.html#the-link-element">link</a></code>, <code><a href="the-a-element.html#the-a-element">a</a></code>, and <code><a href="the-area-element.html#the-area-element">area</a></code> elements. This keyword creates a <a href="#hyperlink">hyperlink</a>.</p><p>The <code title="rel-search"><a href="#link-type-search">search</a></code> keyword indicates that the referenced document provides an interface specifically for searching the document and its related resources.</p><p class="note">OpenSearch description documents can be used with - <code><a href="semantics.html#the-link-element">link</a></code> elements and the <code title="rel-search"><a href="#link-type-search">search</a></code> link type to enable user agents to + <code><a href="the-link-element.html#the-link-element">link</a></code> elements and the <code title="rel-search"><a href="#link-type-search">search</a></code> link type to enable user agents to autodiscover search interfaces. <a href="references.html#refsOPENSEARCH">[OPENSEARCH]</a></p><h5 id="link-type-stylesheet"><span class="secno">4.12.4.11 </span>Link type "<dfn title="rel-stylesheet"><code>stylesheet</code></dfn>"</h5><p>The <code title="rel-stylesheet"><a href="#link-type-stylesheet">stylesheet</a></code> keyword may be - used with <code><a href="semantics.html#the-link-element">link</a></code> elements. This keyword creates an <a href="#external-resource-link" title="external resource link">external resource link</a> that - contributes to the <a href="semantics.html#styling">styling processing model</a>.</p><p>The specified resource is a resource that describes how to + used with <code><a href="the-link-element.html#the-link-element">link</a></code> elements. This keyword creates an <a href="#external-resource-link" title="external resource link">external resource link</a> that + contributes to the <a href="styling.html#styling">styling processing model</a>.</p><p>The specified resource is a resource that describes how to present the document. Exactly how the resource is to be processed depends on the actual type of the resource.</p><p>If the <code title="rel-alternate"><a href="#rel-alternate">alternate</a></code> keyword is - also specified on the <code><a href="semantics.html#the-link-element">link</a></code> element, then <dfn id="the-link-is-an-alternative-stylesheet">the link - is an alternative stylesheet</dfn>; in this case, the <code title="attr-title"><a href="elements.html#the-title-attribute">title</a></code> attribute must be specified on the - <code><a href="semantics.html#the-link-element">link</a></code> element, with a non-empty value.</p><p>The default type for resources given by the <code title="rel-stylesheet"><a href="#link-type-stylesheet">stylesheet</a></code> keyword is <code title="">text/css</code>.</p><div class="impl"> + also specified on the <code><a href="the-link-element.html#the-link-element">link</a></code> element, then <dfn id="the-link-is-an-alternative-stylesheet">the link + is an alternative stylesheet</dfn>; in this case, the <code title="attr-title"><a href="global-attributes.html#the-title-attribute">title</a></code> attribute must be specified on the + <code><a href="the-link-element.html#the-link-element">link</a></code> element, with a non-empty value.</p><p>The default type for resources given by the <code title="rel-stylesheet"><a href="#link-type-stylesheet">stylesheet</a></code> keyword is <code title="">text/css</code>.</p><div class="impl"> - <p>The appropriate time to <a href="semantics.html#concept-link-obtain" title="concept-link-obtain">obtain</a> the resource is when the + <p>The appropriate time to <a href="the-link-element.html#concept-link-obtain" title="concept-link-obtain">obtain</a> the resource is when the <a href="#external-resource-link" title="external resource link">external resource link</a> is created or when its element is <a href="infrastructure.html#insert-an-element-into-a-document" title="insert an element into a document">inserted into a document</a>, whichever happens @@ -938,12 +940,12 @@ <p><strong>Quirk</strong>: If the document has been set to <a href="infrastructure.html#quirks-mode">quirks mode</a>, has the <a href="origin-0.html#same-origin">same origin</a> as the <a href="urls.html#url">URL</a> of the external resource<!-- CVE-2010-0654 -->, and - the <a href="fetching-resources.html#content-type" title="Content-Type">Content-Type metadata</a> of the + the <a href="urls.html#content-type" title="Content-Type">Content-Type metadata</a> of the external resource is not a supported style sheet type, the user agent must instead assume it to be <code title="">text/css</code>.</p> </div><h5 id="link-type-tag"><span class="secno">4.12.4.12 </span>Link type "<dfn title="rel-tag"><code>tag</code></dfn>"</h5><p>The <code title="rel-tag"><a href="#link-type-tag">tag</a></code> keyword may be used with - <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. This keyword creates + <code><a href="the-a-element.html#the-a-element">a</a></code> and <code><a href="the-area-element.html#the-area-element">area</a></code> elements. This keyword creates a <a href="#hyperlink">hyperlink</a>.</p><p>The <code title="rel-tag"><a href="#link-type-tag">tag</a></code> keyword indicates that the <em>tag</em> that the referenced document represents applies to the current document.</p><p class="note">Since it indicates that the tag <em>applies to the @@ -953,11 +955,11 @@ <em>previous sibling</em> and a <em>next sibling</em>. A document with no previous sibling is the start of its sequence, a document with no next sibling is the end of its sequence.</p><p>A document may be part of multiple sequences.</p><h6 id="link-type-next"><span class="secno">4.12.4.13.1 </span>Link type "<dfn title="rel-next"><code>next</code></dfn>"</h6><p>The <code title="rel-next"><a href="#link-type-next">next</a></code> keyword may be used with - <code><a href="semantics.html#the-link-element">link</a></code>, <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> + <code><a href="the-link-element.html#the-link-element">link</a></code>, <code><a href="the-a-element.html#the-a-element">a</a></code>, and <code><a href="the-area-element.html#the-area-element">area</a></code> elements. This keyword creates a <a href="#hyperlink">hyperlink</a>.</p><p>The <code title="rel-next"><a href="#link-type-next">next</a></code> keyword indicates that the document is part of a sequence, and that the link is leading to the document that is the next logical document in the sequence.</p><h6 id="link-type-prev"><span class="secno">4.12.4.13.2 </span>Link type "<dfn title="rel-prev"><code>prev</code></dfn>"</h6><p>The <code title="rel-prev"><a href="#link-type-prev">prev</a></code> keyword may be used with - <code><a href="semantics.html#the-link-element">link</a></code>, <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> + <code><a href="the-link-element.html#the-link-element">link</a></code>, <code><a href="the-a-element.html#the-a-element">a</a></code>, and <code><a href="the-area-element.html#the-area-element">area</a></code> elements. This keyword creates a <a href="#hyperlink">hyperlink</a>.</p><p>The <code title="rel-prev"><a href="#link-type-prev">prev</a></code> keyword indicates that the document is part of a sequence, and that the link is leading to the document that is the previous logical document in the sequence.</p><div class="impl"> @@ -983,7 +985,7 @@ </dd> - <dt>Effect on... <code><a href="semantics.html#the-link-element">link</a></code></dt> + <dt>Effect on... <code><a href="the-link-element.html#the-link-element">link</a></code></dt> <dd> @@ -991,23 +993,23 @@ <dl><dt>Not allowed</dt> - <dd>The keyword must not be specified on <code><a href="semantics.html#the-link-element">link</a></code> + <dd>The keyword must not be specified on <code><a href="the-link-element.html#the-link-element">link</a></code> elements.</dd> <dt>Hyperlink</dt> - <dd>The keyword may be specified on a <code><a href="semantics.html#the-link-element">link</a></code> element; + <dd>The keyword may be specified on a <code><a href="the-link-element.html#the-link-element">link</a></code> element; it creates a <a href="#hyperlink">hyperlink</a>.</dd> <dt>External Resource</dt> - <dd>The keyword may be specified on a <code><a href="semantics.html#the-link-element">link</a></code> element; + <dd>The keyword may be specified on a <code><a href="the-link-element.html#the-link-element">link</a></code> element; it creates an <a href="#external-resource-link">external resource link</a>.</dd> </dl></dd> - <dt>Effect on... <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></dt> + <dt>Effect on... <code><a href="the-a-element.html#the-a-element">a</a></code> and <code><a href="the-area-element.html#the-area-element">area</a></code></dt> <dd> @@ -1015,25 +1017,25 @@ <dl><dt>Not allowed</dt> - <dd>The keyword must not be specified on <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.</dd> + <dd>The keyword must not be specified on <code><a href="the-a-element.html#the-a-element">a</a></code> and + <code><a href="the-area-element.html#the-area-element">area</a></code> elements.</dd> <dt>Hyperlink</dt> - <dd>The keyword may be specified on <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; it creates a + <dd>The keyword may be specified on <code><a href="the-a-element.html#the-a-element">a</a></code> and + <code><a href="the-area-element.html#the-area-element">area</a></code> elements; it creates a <a href="#hyperlink">hyperlink</a>.</dd> <dt>External Resource</dt> - <dd>The keyword may be specified on <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; it creates an <a href="#external-resource-link">external resource + <dd>The keyword may be specified on <code><a href="the-a-element.html#the-a-element">a</a></code> and + <code><a href="the-area-element.html#the-area-element">area</a></code> elements; it creates an <a href="#external-resource-link">external resource link</a>.</dd> <dt>Hyperlink Annotation</dt> - <dd>The keyword may be specified on <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; it <a href="#hyperlink-annotation" title="hyperlink + <dd>The keyword may be specified on <code><a href="the-a-element.html#the-a-element">a</a></code> and + <code><a href="the-area-element.html#the-area-element">area</a></code> elements; it <a href="#hyperlink-annotation" title="hyperlink annotation">annotates</a> other <a href="#hyperlink" title="hyperlink">hyperlinks</a> created by the element.</dd> </dl></dd> @@ -1129,23 +1131,23 @@ </div><p>Types defined as extensions in the <a href="http://microformats.org/wiki/existing-rel-values#HTML5_link_type_extensions">microformats wiki existing-rel-values page</a> with the status "proposed" or "ratified" may be used with the <code title="">rel</code> attribute - on <code><a href="semantics.html#the-link-element">link</a></code>, <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 + on <code><a href="the-link-element.html#the-link-element">link</a></code>, <code><a href="the-a-element.html#the-a-element">a</a></code>, and <code><a href="the-area-element.html#the-area-element">area</a></code> elements in accordance to the "Effect on..." field. <a href="references.html#refsMFREL">[MFREL]</a></p><h3 id="common-idioms"><span class="secno">4.13 </span>Common idioms without dedicated elements</h3><h4 id="the-main-part-of-the-content"><span class="secno">4.13.1 </span>The main part of the content</h4><p>The main content of a page — not including headers and footers, navigation links, sidebars, advertisements, and so forth — can be marked up in a variety of ways, depending on the needs of the author.</p><p>The simplest solution is to not mark up the main content at all, and just leave it as implicit. Another way to think of this is that - the <code><a href="sections.html#the-body-element">body</a></code> elements marks up the main content of the + the <code><a href="the-body-element.html#the-body-element">body</a></code> elements marks up the main content of the page, and the bits that aren't main content are excluded through the - use of more appropriate elements like <code><a href="sections.html#the-aside-element">aside</a></code> and - <code><a href="sections.html#the-nav-element">nav</a></code>.</p><div class="example"> + use of more appropriate elements like <code><a href="the-aside-element.html#the-aside-element">aside</a></code> and + <code><a href="the-nav-element.html#the-nav-element">nav</a></code>.</p><div class="example"> <p>Here is a short Web page marked up along this minimalistic school of thought. The main content is highlighted. Notice how all - the <em>other</em> content in the <code><a href="sections.html#the-body-element">body</a></code> is marked up + the <em>other</em> content in the <code><a href="the-body-element.html#the-body-element">body</a></code> is marked up with elements to indicate that it's not part of the main content, - in this case <code><a href="sections.html#the-header-element">header</a></code>, <code><a href="sections.html#the-nav-element">nav</a></code>, and - <code><a href="sections.html#the-footer-element">footer</a></code>.</p> + in this case <code><a href="the-header-element.html#the-header-element">header</a></code>, <code><a href="the-nav-element.html#the-nav-element">nav</a></code>, and + <code><a href="the-footer-element.html#the-footer-element">footer</a></code>.</p> <pre><!DOCTYPE HTML> <html> @@ -1171,7 +1173,7 @@ </div><p>If the main content is an independent unit of content that one could imagine syndicating independently, then the - <code><a href="sections.html#the-article-element">article</a></code> element would be appropriate to mark up the + <code><a href="the-article-element.html#the-article-element">article</a></code> element would be appropriate to mark up the main content of the document.</p><div class="example"> <p>The document in the previous example is here recast as a blog @@ -1207,7 +1209,7 @@ </div><p>If the main content is not an independent unit of content so much as a section of a larger work, for instance a chapter, then the - <code><a href="sections.html#the-section-element">section</a></code> element would be appropriate to mark up the + <code><a href="the-section-element.html#the-section-element">section</a></code> element would be appropriate to mark up the main content of the document.</p><div class="example"> <p>Here is the same document, case as a chapter in an online @@ -1238,13 +1240,13 @@ </body> </html></pre> - </div><p>If neither <code><a href="sections.html#the-article-element">article</a></code> nor <code><a href="sections.html#the-section-element">section</a></code> would be + </div><p>If neither <code><a href="the-article-element.html#the-article-element">article</a></code> nor <code><a href="the-section-element.html#the-section-element">section</a></code> would be appropriate, but the main content still needs an explicit element, - for example for styling purposes, then the <code><a href="grouping-content.html#the-div-element">div</a></code> element + for example for styling purposes, then the <code><a href="the-div-element.html#the-div-element">div</a></code> element can be used.</p><div class="example"> <p>This is the same as the original example, but using - <code><a href="grouping-content.html#the-div-element">div</a></code> for the main content instead of leaving it + <code><a href="the-div-element.html#the-div-element">div</a></code> for the main content instead of leaving it implied:</p> <pre><!DOCTYPE HTML> @@ -1276,7 +1278,7 @@ </div><h4 id="rel-up"><span class="secno">4.13.2 </span>Bread crumb navigation</h4><p>This specification does not provide a machine-readable way of describing bread-crumb navigation menus. Authors are encouraged to - just use a series of links in a paragraph. The <code><a href="sections.html#the-nav-element">nav</a></code> + just use a series of links in a paragraph. The <code><a href="the-nav-element.html#the-nav-element">nav</a></code> element can be used to mark the section containing these paragraphs as being navigation blocks.</p><div class="example"> @@ -1300,7 +1302,7 @@ </div><h4 id="tag-clouds"><span class="secno">4.13.3 </span>Tag clouds</h4><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> + encouraged to either mark up such lists using <code><a href="the-ul-element.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"> @@ -1325,20 +1327,20 @@ <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 + <p>The actual frequency of each tag is given using the <code title="attr-title"><a href="global-attributes.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 particularly important: + <p>The <code><a href="the-ul-element.html#the-ul-element">ul</a></code> element is used (rather than + <code><a href="the-ol-element.html#the-ol-element">ol</a></code>) because the order is not particularly 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="#link-type-tag">tag</a></code> <code title="attr-hyperlink-rel"><a href="#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 + on these <code><a href="the-a-element.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> @@ -1346,10 +1348,10 @@ 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 + <code><a href="the-p-element.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 + <code><a href="the-span-element.html#the-span-element">span</a></code> or <code><a href="the-b-element.html#the-b-element">b</a></code>. Paragraphs with their text + wrapped in the <code><a href="the-i-element.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 @@ -1368,7 +1370,7 @@ <p>HTML does not have a good way to mark up graphs, so descriptions of interactive conversations from games are more difficult to mark up. This example shows one possible convention using - <code><a href="grouping-content.html#the-dl-element">dl</a></code> elements to list the possible responses at each + <code><a href="the-dl-element.html#the-dl-element">dl</a></code> elements to list the possible responses at each point in the conversation. Another option to consider is describing the conversation in the form of a DOT file, and outputting the result as an SVG image to place in the document. <a href="references.html#refsDOT">[DOT]</a></p> @@ -1418,10 +1420,10 @@ </ul></pre> </div><h4 id="footnotes"><span class="secno">4.13.5 </span>Footnotes</h4><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"> + footnotes. Here are the recommended alternatives.</p><hr><p>For short inline annotations, the <code title="attr-title"><a href="global-attributes.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> + footnote-like content using the <code title="attr-title"><a href="global-attributes.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> @@ -1430,7 +1432,7 @@ <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 + </div><hr><p>For longer annotations, the <code><a href="the-a-element.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"> @@ -1455,7 +1457,7 @@ </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"> + <code><a href="the-aside-element.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> @@ -1472,11 +1474,11 @@ </aside></pre> </div><hr><p>For figures or tables, footnotes can be included in the relevant - <code><a href="grouping-content.html#the-figcaption-element">figcaption</a></code> or <code><a href="tabular-data.html#the-caption-element">caption</a></code> element, or in + <code><a href="the-figcaption-element.html#the-figcaption-element">figcaption</a></code> or <code><a href="the-caption-element.html#the-caption-element">caption</a></code> element, or in surrounding prose.</p><div class="example"> <p>In this example, a table has cells with footnotes - that are given in prose. A <code><a href="grouping-content.html#the-figure-element">figure</a></code> element is used to + that are given in prose. A <code><a href="the-figure-element.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> @@ -1521,7 +1523,7 @@ mode</a> must be treated as <a href="infrastructure.html#ascii-case-insensitive">ASCII case-insensitive</a> for the purposes of selector matching.</p> - <p>Classes from the <code title="attr-class"><a href="elements.html#classes">class</a></code> attribute + <p>Classes from the <code title="attr-class"><a href="global-attributes.html#classes">class</a></code> attribute of <a href="infrastructure.html#html-elements">HTML elements</a> in documents that are in <a href="infrastructure.html#quirks-mode">quirks mode</a> must be treated as <a href="infrastructure.html#ascii-case-insensitive">ASCII case-insensitive</a> for the purposes of selector matching.</p> @@ -1550,9 +1552,9 @@ <dd> - <p>All <code><a href="text-level-semantics.html#the-a-element">a</a></code> elements that have an <code title="attr-hyperlink-href"><a href="#attr-hyperlink-href">href</a></code> attribute, all - <code><a href="the-map-element.html#the-area-element">area</a></code> elements that have an <code title="attr-hyperlink-href"><a href="#attr-hyperlink-href">href</a></code> attribute, and all - <code><a href="semantics.html#the-link-element">link</a></code> elements that have an <code title="attr-link-href"><a href="semantics.html#attr-link-href">href</a></code> attribute, must match one of + <p>All <code><a href="the-a-element.html#the-a-element">a</a></code> elements that have an <code title="attr-hyperlink-href"><a href="#attr-hyperlink-href">href</a></code> attribute, all + <code><a href="the-area-element.html#the-area-element">area</a></code> elements that have an <code title="attr-hyperlink-href"><a href="#attr-hyperlink-href">href</a></code> attribute, and all + <code><a href="the-link-element.html#the-link-element">link</a></code> elements that have an <code title="attr-link-href"><a href="the-link-element.html#attr-link-href">href</a></code> attribute, must match one of <code title="selector-link"><a href="#selector-link">:link</a></code> and <code title="selector-visited"><a href="#selector-visited">:visited</a></code>.</p> <p>Other specifications might apply more specific rules regarding @@ -1584,17 +1586,17 @@ element's <a href="content-models.html#activation-behavior">activation behavior</a> has finished running, which ever comes first:</p> - <ul><li><code><a href="text-level-semantics.html#the-a-element">a</a></code> elements that have an <code title="attr-hyperlink-href"><a href="#attr-hyperlink-href">href</a></code> attribute</li> + <ul><li><code><a href="the-a-element.html#the-a-element">a</a></code> elements that have an <code title="attr-hyperlink-href"><a href="#attr-hyperlink-href">href</a></code> attribute</li> - <li><code><a href="the-map-element.html#the-area-element">area</a></code> elements that have an <code title="attr-hyperlink-href"><a href="#attr-hyperlink-href">href</a></code> attribute</li> + <li><code><a href="the-area-element.html#the-area-element">area</a></code> elements that have an <code title="attr-hyperlink-href"><a href="#attr-hyperlink-href">href</a></code> attribute</li> - <li><code><a href="semantics.html#the-link-element">link</a></code> elements that have an <code title="attr-link-href"><a href="semantics.html#attr-link-href">href</a></code> attribute</li> + <li><code><a href="the-link-element.html#the-link-element">link</a></code> elements that have an <code title="attr-link-href"><a href="the-link-element.html#attr-link-href">href</a></code> attribute</li> - <li><code><a href="the-button-element.html#the-button-element">button</a></code> elements that are not <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> + <li><code><a href="the-button-element.html#the-button-element">button</a></code> elements that are not <a href="attributes-common-to-form-controls.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> <li><code><a href="the-input-element.html#the-input-element">input</a></code> elements 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>, <a href="number-state.html#image-button-state" title="attr-input-type-image">Image Button</a>, <a href="number-state.html#reset-button-state" title="attr-input-type-reset">Reset Button</a>, or <a href="number-state.html#button-state" title="attr-input-type-button">Button</a> state</li> - <li><code><a href="interactive-elements.html#the-command-element">command</a></code> elements that do not have a <code title="attr-command-disabled"><a href="interactive-elements.html#attr-command-disabled">disabled</a></code> attribute</li> + <li><code><a href="the-command-element.html#the-command-element">command</a></code> elements that do not have a <code title="attr-command-disabled"><a href="the-command-element.html#attr-command-disabled">disabled</a></code> attribute</li> <li>elements that are <a href="editing.html#specially-focusable">specially focusable</a></li> @@ -1635,35 +1637,35 @@ must match any element falling into one of the following categories:</p> - <ul><li><code><a href="text-level-semantics.html#the-a-element">a</a></code> elements that have an <code title="attr-hyperlink-href"><a href="#attr-hyperlink-href">href</a></code> attribute</li> + <ul><li><code><a href="the-a-element.html#the-a-element">a</a></code> elements that have an <code title="attr-hyperlink-href"><a href="#attr-hyperlink-href">href</a></code> attribute</li> - <li><code><a href="the-map-element.html#the-area-element">area</a></code> elements that have an <code title="attr-hyperlink-href"><a href="#attr-hyperlink-href">href</a></code> attribute</li> + <li><code><a href="the-area-element.html#the-area-element">area</a></code> elements that have an <code title="attr-hyperlink-href"><a href="#attr-hyperlink-href">href</a></code> attribute</li> - <li><code><a href="semantics.html#the-link-element">link</a></code> elements that have an <code title="attr-link-href"><a href="semantics.html#attr-link-href">href</a></code> attribute</li> + <li><code><a href="the-link-element.html#the-link-element">link</a></code> elements that have an <code title="attr-link-href"><a href="the-link-element.html#attr-link-href">href</a></code> attribute</li> - <li><code><a href="the-button-element.html#the-button-element">button</a></code> elements that are not <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> + <li><code><a href="the-button-element.html#the-button-element">button</a></code> elements that are not <a href="attributes-common-to-form-controls.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> <li><code><a href="the-input-element.html#the-input-element">input</a></code> elements whose <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute are not in the <a href="states-of-the-type-attribute.html#hidden-state" title="attr-input-type-hidden">Hidden</a> state and that - are not <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> + are not <a href="attributes-common-to-form-controls.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> - <li><code><a href="the-button-element.html#the-select-element">select</a></code> elements that are not <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> + <li><code><a href="the-select-element.html#the-select-element">select</a></code> elements that are not <a href="attributes-common-to-form-controls.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> - <li><code><a href="the-button-element.html#the-textarea-element">textarea</a></code> elements that are not <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> + <li><code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code> elements that are not <a href="attributes-common-to-form-controls.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> - <li><code><a href="the-button-element.html#the-optgroup-element">optgroup</a></code> elements that do not have a <code title="attr-optgroup-disabled"><a href="the-button-element.html#attr-optgroup-disabled">disabled</a></code> attribute</li> + <li><code><a href="the-optgroup-element.html#the-optgroup-element">optgroup</a></code> elements that do not have a <code title="attr-optgroup-disabled"><a href="the-optgroup-element.html#attr-optgroup-disabled">disabled</a></code> attribute</li> - <li><code><a href="the-button-element.html#the-option-element">option</a></code> elements that are not <a href="the-button-element.html#concept-option-disabled" title="concept-option-disabled">disabled</a></li> + <li><code><a href="the-option-element.html#the-option-element">option</a></code> elements that are not <a href="the-option-element.html#concept-option-disabled" title="concept-option-disabled">disabled</a></li> - <li><code><a href="interactive-elements.html#the-command-element">command</a></code> elements that do not have a <code title="attr-command-disabled"><a href="interactive-elements.html#attr-command-disabled">disabled</a></code> attribute</li> + <li><code><a href="the-command-element.html#the-command-element">command</a></code> elements that do not have a <code title="attr-command-disabled"><a href="the-command-element.html#attr-command-disabled">disabled</a></code> attribute</li> - <li><code><a href="grouping-content.html#the-li-element">li</a></code> elements that are children of - <code><a href="interactive-elements.html#the-menu-element">menu</a></code> elements, and that have a child element that + <li><code><a href="the-li-element.html#the-li-element">li</a></code> elements that are children of + <code><a href="the-menu-element.html#the-menu-element">menu</a></code> elements, and that have a child element that defines a <a href="commands.html#concept-command" title="concept-command">command</a>, if the first such element's <a href="commands.html#command-facet-disabledstate" title="command-facet-disabledstate">Disabled State</a> facet is false (not disabled)</li> - <li><code><a href="forms.html#the-fieldset-element">fieldset</a></code> elements that do not have a <code title="attr-fieldset-disabled"><a href="forms.html#attr-fieldset-disabled">disabled</a></code> attribute</li> + <li><code><a href="the-fieldset-element.html#the-fieldset-element">fieldset</a></code> elements that do not have a <code title="attr-fieldset-disabled"><a href="the-fieldset-element.html#attr-fieldset-disabled">disabled</a></code> attribute</li> </ul></dd> @@ -1676,29 +1678,29 @@ pseudo-class must match any element falling into one of the following categories:</p> - <ul><li><code><a href="the-button-element.html#the-button-element">button</a></code> elements that are <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> + <ul><li><code><a href="the-button-element.html#the-button-element">button</a></code> elements that are <a href="attributes-common-to-form-controls.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> <li><code><a href="the-input-element.html#the-input-element">input</a></code> elements whose <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute are not in the <a href="states-of-the-type-attribute.html#hidden-state" title="attr-input-type-hidden">Hidden</a> state and that - are <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> + are <a href="attributes-common-to-form-controls.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> - <li><code><a href="the-button-element.html#the-select-element">select</a></code> elements that are <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> + <li><code><a href="the-select-element.html#the-select-element">select</a></code> elements that are <a href="attributes-common-to-form-controls.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> - <li><code><a href="the-button-element.html#the-textarea-element">textarea</a></code> elements that are <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> + <li><code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code> elements that are <a href="attributes-common-to-form-controls.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> - <li><code><a href="the-button-element.html#the-optgroup-element">optgroup</a></code> elements that have a <code title="attr-optgroup-disabled"><a href="the-button-element.html#attr-optgroup-disabled">disabled</a></code> attribute</li> + <li><code><a href="the-optgroup-element.html#the-optgroup-element">optgroup</a></code> elements that have a <code title="attr-optgroup-disabled"><a href="the-optgroup-element.html#attr-optgroup-disabled">disabled</a></code> attribute</li> - <li><code><a href="the-button-element.html#the-option-element">option</a></code> elements that are <a href="the-button-element.html#concept-option-disabled" title="concept-option-disabled">disabled</a></li> + <li><code><a href="the-option-element.html#the-option-element">option</a></code> elements that are <a href="the-option-element.html#concept-option-disabled" title="concept-option-disabled">disabled</a></li> - <li><code><a href="interactive-elements.html#the-command-element">command</a></code> elements that have a <code title="attr-command-disabled"><a href="interactive-elements.html#attr-command-disabled">disabled</a></code> attribute</li> + <li><code><a href="the-command-element.html#the-command-element">command</a></code> elements that have a <code title="attr-command-disabled"><a href="the-command-element.html#attr-command-disabled">disabled</a></code> attribute</li> - <li><code><a href="grouping-content.html#the-li-element">li</a></code> elements that are children of - <code><a href="interactive-elements.html#the-menu-element">menu</a></code> elements, and that have a child element that + <li><code><a href="the-li-element.html#the-li-element">li</a></code> elements that are children of + <code><a href="the-menu-element.html#the-menu-element">menu</a></code> elements, and that have a child element that defines a <a href="commands.html#concept-command" title="concept-command">command</a>, if the first such element's <a href="commands.html#command-facet-disabledstate" title="command-facet-disabledstate">Disabled State</a> facet is true (disabled)</li> - <li><code><a href="forms.html#the-fieldset-element">fieldset</a></code> elements that have a <code title="attr-fieldset-disabled"><a href="forms.html#attr-fieldset-disabled">disabled</a></code> attribute</li> + <li><code><a href="the-fieldset-element.html#the-fieldset-element">fieldset</a></code> elements that have a <code title="attr-fieldset-disabled"><a href="the-fieldset-element.html#attr-fieldset-disabled">disabled</a></code> attribute</li> </ul></dd> @@ -1712,22 +1714,22 @@ categories:</p> <ul><li><code><a href="the-input-element.html#the-input-element">input</a></code> elements 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#checkbox-state" title="attr-input-type-checkbox">Checkbox</a> state and whose - <a href="association-of-controls-and-forms.html#concept-fe-checked" title="concept-fe-checked">checkedness</a> state is + <a href="attributes-common-to-form-controls.html#concept-fe-checked" title="concept-fe-checked">checkedness</a> state is true</li> <li><code><a href="the-input-element.html#the-input-element">input</a></code> elements 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#radio-button-state" title="attr-input-type-radio">Radio Button</a> state and whose - <a href="association-of-controls-and-forms.html#concept-fe-checked" title="concept-fe-checked">checkedness</a> state is + <a href="attributes-common-to-form-controls.html#concept-fe-checked" title="concept-fe-checked">checkedness</a> state is true</li> - <li><code><a href="the-button-element.html#the-option-element">option</a></code> elements whose <a href="the-button-element.html#concept-option-selectedness" title="concept-option-selectedness">selectedness</a> is + <li><code><a href="the-option-element.html#the-option-element">option</a></code> elements whose <a href="the-option-element.html#concept-option-selectedness" title="concept-option-selectedness">selectedness</a> is true</li> - <li><code><a href="interactive-elements.html#the-command-element">command</a></code> elements whose <code title="attr-command-type"><a href="interactive-elements.html#attr-command-type">type</a></code> attribute is in the <a href="interactive-elements.html#attr-command-type-state-checkbox" title="attr-command-type-state-checkbox">Checkbox</a> state - and that have a <code title="attr-command-checked"><a href="interactive-elements.html#attr-command-checked">checked</a></code> + <li><code><a href="the-command-element.html#the-command-element">command</a></code> elements whose <code title="attr-command-type"><a href="the-command-element.html#attr-command-type">type</a></code> attribute is in the <a href="the-command-element.html#attr-command-type-state-checkbox" title="attr-command-type-state-checkbox">Checkbox</a> state + and that have a <code title="attr-command-checked"><a href="the-command-element.html#attr-command-checked">checked</a></code> attribute</li> - <li><code><a href="interactive-elements.html#the-command-element">command</a></code> elements whose <code title="attr-command-type"><a href="interactive-elements.html#attr-command-type">type</a></code> attribute is in the <a href="interactive-elements.html#attr-command-type-state-radio" title="attr-command-type-state-radio">Radio</a> state and that - have a <code title="attr-command-checked"><a href="interactive-elements.html#attr-command-checked">checked</a></code> + <li><code><a href="the-command-element.html#the-command-element">command</a></code> elements whose <code title="attr-command-type"><a href="the-command-element.html#attr-command-type">type</a></code> attribute is in the <a href="the-command-element.html#attr-command-type-state-radio" title="attr-command-type-state-radio">Radio</a> state and that + have a <code title="attr-command-checked"><a href="the-command-element.html#attr-command-checked">checked</a></code> attribute</li> </ul></dd> @@ -1747,7 +1749,7 @@ <code title="dom-input-indeterminate"><a href="the-input-element.html#dom-input-indeterminate">indeterminate</a></code> IDL attribute is set to true</li> - <li><code><a href="the-button-element.html#the-progress-element">progress</a></code> elements with no <code title="attr-progress-value"><a href="the-button-element.html#attr-progress-value">value</a></code> content attribute</li> + <li><code><a href="the-progress-element.html#the-progress-element">progress</a></code> elements with no <code title="attr-progress-value"><a href="the-progress-element.html#attr-progress-value">value</a></code> content attribute</li> </ul></dd> @@ -1761,16 +1763,16 @@ categories:</p> <ul><li><code><a href="the-button-element.html#the-button-element">button</a></code> elements that are their form's - <a href="association-of-controls-and-forms.html#default-button">default button</a></li> + <a href="form-submission.html#default-button">default button</a></li> <li><code><a href="the-input-element.html#the-input-element">input</a></code> elements 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> or <a href="number-state.html#image-button-state" title="attr-input-type-image">Image Button</a> state, and that - are their form's <a href="association-of-controls-and-forms.html#default-button">default button</a></li> + are their form's <a href="form-submission.html#default-button">default button</a></li> <li><code><a href="the-input-element.html#the-input-element">input</a></code> elements to which the <code title="attr-input-checked"><a href="the-input-element.html#attr-input-checked">checked</a></code> attribute applies and that have a <code title="attr-input-checked"><a href="the-input-element.html#attr-input-checked">checked</a></code> attribute</li> - <li><code><a href="the-button-element.html#the-option-element">option</a></code> elements that have a <code title="attr-option-selected"><a href="the-button-element.html#attr-option-selected">selected</a></code> attribute</li> + <li><code><a href="the-option-element.html#the-option-element">option</a></code> elements that have a <code title="attr-option-selected"><a href="the-option-element.html#attr-option-selected">selected</a></code> attribute</li> </ul></dd> @@ -1779,9 +1781,9 @@ <dd> <p>The <code title="selector-valid"><a href="#selector-valid">:valid</a></code> pseudo-class - must match all elements that are <a href="association-of-controls-and-forms.html#candidate-for-constraint-validation" title="candidate for + must match all elements that are <a href="constraints.html#candidate-for-constraint-validation" title="candidate for constraint validation">candidates for constraint validation</a> - and that <a href="association-of-controls-and-forms.html#concept-fv-valid" title="concept-fv-valid">satisfy their + and that <a href="constraints.html#concept-fv-valid" title="concept-fv-valid">satisfy their constraints</a>.</p> </dd> @@ -1792,9 +1794,9 @@ <dd> <p>The <code title="selector-invalid"><a href="#selector-invalid">:invalid</a></code> pseudo-class - must match all elements that are <a href="association-of-controls-and-forms.html#candidate-for-constraint-validation" title="candidate for + must match all elements that are <a href="constraints.html#candidate-for-constraint-validation" title="candidate for constraint validation">candidates for constraint validation</a> - but that do not <a href="association-of-controls-and-forms.html#concept-fv-valid" title="concept-fv-valid">satisfy their + but that do not <a href="constraints.html#concept-fv-valid" title="concept-fv-valid">satisfy their constraints</a>.</p> </dd> @@ -1805,10 +1807,10 @@ <dd> <p>The <code title="selector-in-range"><a href="#selector-in-range">:in-range</a></code> - pseudo-class must match all elements that are <a href="association-of-controls-and-forms.html#candidate-for-constraint-validation" title="candidate for constraint validation">candidates for + pseudo-class must match all elements that are <a href="constraints.html#candidate-for-constraint-validation" title="candidate for constraint validation">candidates for constraint validation</a>, <a href="common-input-element-attributes.html#have-range-limitations">have range limitations</a>, - and that are neither <a href="association-of-controls-and-forms.html#suffering-from-an-underflow">suffering from an underflow</a> nor - <a href="association-of-controls-and-forms.html#suffering-from-an-overflow">suffering from an overflow</a>.</p> + and that are neither <a href="constraints.html#suffering-from-an-underflow">suffering from an underflow</a> nor + <a href="constraints.html#suffering-from-an-overflow">suffering from an overflow</a>.</p> </dd> @@ -1818,10 +1820,10 @@ <dd> <p>The <code title="selector-out-of-range"><a href="#selector-out-of-range">:out-of-range</a></code> - pseudo-class must match all elements that are <a href="association-of-controls-and-forms.html#candidate-for-constraint-validation" title="candidate for constraint validation">candidates for + pseudo-class must match all elements that are <a href="constraints.html#candidate-for-constraint-validation" title="candidate for constraint validation">candidates for constraint validation</a>, <a href="common-input-element-attributes.html#have-range-limitations">have range limitations</a>, - and that are either <a href="association-of-controls-and-forms.html#suffering-from-an-underflow">suffering from an underflow</a> or - <a href="association-of-controls-and-forms.html#suffering-from-an-overflow">suffering from an overflow</a>.</p> + and that are either <a href="constraints.html#suffering-from-an-underflow">suffering from an underflow</a> or + <a href="constraints.html#suffering-from-an-overflow">suffering from an overflow</a>.</p> </dd> @@ -1836,10 +1838,10 @@ <ul><li><code><a href="the-input-element.html#the-input-element">input</a></code> elements that are <i title="concept-input-required"><a href="common-input-element-attributes.html#concept-input-required">required</a></i></li> - <li><code><a href="the-button-element.html#the-select-element">select</a></code> elements that have a <code title="attr-select-required"><a href="the-button-element.html#attr-select-required">required</a></code> + <li><code><a href="the-select-element.html#the-select-element">select</a></code> elements that have a <code title="attr-select-required"><a href="the-select-element.html#attr-select-required">required</a></code> attribute</li> - <li><code><a href="the-button-element.html#the-textarea-element">textarea</a></code> elements that have a <code title="attr-textarea-required"><a href="the-button-element.html#attr-textarea-required">required</a></code> + <li><code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code> elements that have a <code title="attr-textarea-required"><a href="the-textarea-element.html#attr-textarea-required">required</a></code> attribute</li> </ul></dd> @@ -1856,9 +1858,9 @@ <ul><li><code><a href="the-input-element.html#the-input-element">input</a></code> elements to which the <code title="attr-input-required"><a href="common-input-element-attributes.html#attr-input-required">required</a></code> attribute applies that are not <i title="concept-input-required"><a href="common-input-element-attributes.html#concept-input-required">required</a></i></li> - <li><code><a href="the-button-element.html#the-select-element">select</a></code> elements that do not have a <code title="attr-select-required"><a href="the-button-element.html#attr-select-required">required</a></code> attribute</li> + <li><code><a href="the-select-element.html#the-select-element">select</a></code> elements that do not have a <code title="attr-select-required"><a href="the-select-element.html#attr-select-required">required</a></code> attribute</li> - <li><code><a href="the-button-element.html#the-textarea-element">textarea</a></code> elements that do not have a <code title="attr-textarea-required"><a href="the-button-element.html#attr-textarea-required">required</a></code> + <li><code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code> elements that do not have a <code title="attr-textarea-required"><a href="the-textarea-element.html#attr-textarea-required">required</a></code> attribute</li> </ul></dd> @@ -1876,14 +1878,14 @@ <ul><li><code><a href="the-input-element.html#the-input-element">input</a></code> elements to which the <code title="attr-input-readonly"><a href="common-input-element-attributes.html#attr-input-readonly">readonly</a></code> attribute applies, but that are not <i title="concept-input-immutable"><a href="the-input-element.html#concept-input-immutable">immutable</a></i> (i.e. that do not have the <code title="attr-input-readonly"><a href="common-input-element-attributes.html#attr-input-readonly">readonly</a></code> attribute specified - and that are not <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a>)</li> + and that are not <a href="attributes-common-to-form-controls.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a>)</li> - <li><code><a href="the-button-element.html#the-textarea-element">textarea</a></code> elements that do not have a <code title="attr-textarea-readonly"><a href="the-button-element.html#attr-textarea-readonly">readonly</a></code> attribute, and - that are not <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> + <li><code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code> elements that do not have a <code title="attr-textarea-readonly"><a href="the-textarea-element.html#attr-textarea-readonly">readonly</a></code> attribute, and + that are not <a href="attributes-common-to-form-controls.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a></li> - <li>elements that are <a href="editing.html#editing-host" title="editing host">editing - hosts</a> or <a href="editing.html#editable">editable</a> and are neither - <code><a href="the-input-element.html#the-input-element">input</a></code> elements nor <code><a href="the-button-element.html#the-textarea-element">textarea</a></code> + <li>elements that are <a href="editing-apis.html#editing-host" title="editing host">editing + hosts</a> or <a href="editing-apis.html#editable">editable</a> and are neither + <code><a href="the-input-element.html#the-input-element">input</a></code> elements nor <code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code> elements</li> </ul><p>The <code title="selector-read-only"><a href="#selector-read-only">:read-only</a></code> @@ -1897,8 +1899,8 @@ <dd> <p>The <code title="selector-ltr"><a href="#selector-ltr">:dir(ltr)</a></code> pseudo-class must - match all elements whose <a href="elements.html#the-directionality" title="the - directionality">directionality</a> is '<a href="elements.html#concept-ltr" title="concept-ltr">ltr</a>'.</p> + match all elements whose <a href="global-attributes.html#the-directionality" title="the + directionality">directionality</a> is '<a href="global-attributes.html#concept-ltr" title="concept-ltr">ltr</a>'.</p> </dd> @@ -1907,8 +1909,8 @@ <dd> <p>The <code title="selector-rtl"><a href="#selector-rtl">:dir(rtl)</a></code> pseudo-class must - match all elements whose <a href="elements.html#the-directionality" title="the - directionality">directionality</a> is '<a href="elements.html#concept-rtl" title="concept-rtl">rtl</a>'.</p> + match all elements whose <a href="global-attributes.html#the-directionality" title="the + directionality">directionality</a> is '<a href="global-attributes.html#concept-rtl" title="concept-rtl">rtl</a>'.</p> </dd> Index: number-state.html =================================================================== RCS file: /sources/public/html5/spec/number-state.html,v retrieving revision 1.67 retrieving revision 1.68 diff -u -d -r1.67 -r1.68 --- number-state.html 11 Nov 2011 11:00:37 -0000 1.67 +++ number-state.html 10 Dec 2011 06:15:46 -0000 1.68 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>4.10.7.1.13 Number state — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>4.10.7.1.13 Number state — HTML5</title><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; } @@ -319,18 +318,21 @@ } </script> <script src="link-fixup.js"></script> [...1125 lines suppressed...] - <code class="no-backref" title="dom-input-stepDown"><a href="common-input-element-attributes.html#dom-input-stepdown">stepDown()</a></code>, and - <code class="no-backref" title="dom-input-stepUp"><a href="common-input-element-attributes.html#dom-input-stepup">stepUp()</a></code> methods.</p> + <code class="no-backref" title="dom-input-checked"><a href="common-input-element-apis.html#dom-input-checked">checked</a></code>, + <code class="no-backref" title="dom-input-files"><a href="common-input-element-apis.html#dom-input-files">files</a></code>, + <code class="no-backref" title="dom-input-list"><a href="common-input-element-apis.html#dom-input-list">list</a></code>, + <code class="no-backref" title="dom-textarea/input-selectionStart"><a href="textFieldSelection.html#dom-textarea-input-selectionstart">selectionStart</a></code>, + <code class="no-backref" title="dom-textarea/input-selectionEnd"><a href="textFieldSelection.html#dom-textarea-input-selectionend">selectionEnd</a></code>, + <code class="no-backref" title="dom-textarea/input-selectionDirection"><a href="textFieldSelection.html#dom-textarea-input-selectiondirection">selectionDirection</a></code>, + <code class="no-backref" title="dom-input-valueAsDate"><a href="common-input-element-apis.html#dom-input-valueasdate">valueAsDate</a></code>, and + <code class="no-backref" title="dom-input-valueAsNumber"><a href="common-input-element-apis.html#dom-input-valueasnumber">valueAsNumber</a></code> IDL attributes; + <code class="no-backref" title="dom-textarea/input-select"><a href="textFieldSelection.html#dom-textarea-input-select">select()</a></code>, + <code class="no-backref" title="dom-textarea/input-setSelectionRange"><a href="textFieldSelection.html#dom-textarea-input-setselectionrange">setSelectionRange()</a></code>, + <code class="no-backref" title="dom-input-stepDown"><a href="common-input-element-apis.html#dom-input-stepdown">stepDown()</a></code>, and + <code class="no-backref" title="dom-input-stepUp"><a href="common-input-element-apis.html#dom-input-stepup">stepUp()</a></code> methods.</p> - <p>The <code class="no-backref" title="event-input-input"><a href="common-input-element-attributes.html#event-input-input">input</a></code> and <code class="no-backref" title="event-input-change"><a href="common-input-element-attributes.html#event-input-change">change</a></code> events do not apply.</p> + <p>The <code class="no-backref" title="event-input-input"><a href="common-input-element-apis.html#event-input-input">input</a></code> and <code class="no-backref" title="event-input-change"><a href="common-input-element-apis.html#event-input-change">change</a></code> events do not apply.</p> </div></body></html> \ No newline at end of file Index: sections.html =================================================================== RCS file: /sources/public/html5/spec/sections.html,v retrieving revision 1.66 retrieving revision 1.67 diff -u -d -r1.66 -r1.67 --- sections.html 10 Dec 2011 06:02:13 -0000 1.66 +++ sections.html 10 Dec 2011 06:15:47 -0000 1.67 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>4.4 Sections — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>4.4 Sections — HTML5</title><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; } @@ -319,1531 +318,20 @@ } </script> <script src="link-fixup.js"></script> [...1522 lines suppressed...] - } else { - node = node.parentNode; - } - } - } -}</pre> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> - </div> + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="the-noscript-element.html">← 4.3.2 The noscript element</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="the-body-element.html">4.4.1 The body element →</a> + </nav> - </div></body></html> \ No newline at end of file + <h3 id="sections"><span class="secno">4.4 </span>Sections</h3></body></html> \ No newline at end of file Index: namespaces.html =================================================================== RCS file: /sources/public/html5/spec/namespaces.html,v retrieving revision 1.41 retrieving revision 1.42 diff -u -d -r1.41 -r1.42 --- namespaces.html 4 Oct 2011 17:46:30 -0000 1.41 +++ namespaces.html 10 Dec 2011 06:15:46 -0000 1.42 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>2.9 Namespaces — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>2.9 Namespaces — HTML5</title><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; } @@ -319,18 +318,21 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="common-dom-interfaces.html" title="2.8 Common DOM interfaces" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> + <link href="common-dom-interfaces.html" title="2.8 Common DOM interfaces" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> <link href="dom.html" title="3 Semantics, structure, and APIs of HTML documents" rel="next"> - </head><body><div class="head" id="head"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="common-dom-interfaces.html" class="prev">2.8 Common DOM interfaces</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="dom.html" class="next">3 Semantics, structure, and APIs of HTML documents</a> - </div> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="common-dom-interfaces.html">← 2.8 Common DOM interfaces</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="dom.html">3 Semantics, structure, and APIs of HTML documents →</a> + </nav> <h3 id="namespaces"><span class="secno">2.9 </span>Namespaces</h3><p>The <dfn id="html-namespace-0">HTML namespace</dfn> is: <code>http://www.w3.org/1999/xhtml</code></p><p>The <dfn id="mathml-namespace">MathML namespace</dfn> is: <code>http://www.w3.org/1998/Math/MathML</code></p><p>The <dfn id="svg-namespace">SVG namespace</dfn> is: <code>http://www.w3.org/2000/svg</code></p><p>The <dfn id="xlink-namespace">XLink namespace</dfn> is: <code>http://www.w3.org/1999/xlink</code></p><p>The <dfn id="xml-namespace">XML namespace</dfn> is: <code>http://www.w3.org/XML/1998/namespace</code></p><p>The <dfn id="xmlns-namespace">XMLNS namespace</dfn> is: <code>http://www.w3.org/2000/xmlns/</code></p><hr><p>Data mining tools and other user agents that perform operations on content without running scripts, evaluating CSS or XPath Index: introduction.html =================================================================== RCS file: /sources/public/html5/spec/introduction.html,v retrieving revision 1.1059 retrieving revision 1.1060 diff -u -d -r1.1059 -r1.1060 --- introduction.html 10 Dec 2011 06:02:12 -0000 1.1059 +++ introduction.html 10 Dec 2011 06:15:45 -0000 1.1060 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>1 Introduction — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>1 Introduction — HTML5</title><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; } @@ -319,21 +318,24 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="spec.html#contents" title="Table of contents" rel="index"> + <link href="index.html#contents" title="Table of contents" rel="contents"> <link href="infrastructure.html" title="2 Common infrastructure" rel="next"> - </head><body><div class="head" id="head"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="spec.html#contents">Table of contents</a> – - <a href="infrastructure.html" class="next">2 Common infrastructure</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="index.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> <ol><li><a href="introduction.html#writing-secure-applications-with-html"><span class="secno">1.8.1 </span>Writing secure applications with HTML</a></li><li><a href="introduction.html#common-pitfalls-to-avoid-when-using-the-scripting-apis"><span class="secno">1.8.2 </span>Common pitfalls to avoid when using the scripting APIs</a></li></ol></li><li><a href="introduction.html#conformance-requirements-for-authors"><span class="secno">1.9 </span>Conformance requirements for authors</a> - <ol><li><a href="introduction.html#presentational-markup"><span class="secno">1.9.1 </span>Presentational markup</a></li><li><a href="introduction.html#syntax-errors"><span class="secno">1.9.2 </span>Syntax errors</a></li><li><a href="introduction.html#restrictions-on-content-models-and-on-attribute-values"><span class="secno">1.9.3 </span>Restrictions on content models and on attribute values</a></li></ol></li><li><a href="introduction.html#recommended-reading"><span class="secno">1.10 </span>Recommended reading</a></li></ol></li></ol></div> + <ol><li><a href="introduction.html#presentational-markup"><span class="secno">1.9.1 </span>Presentational markup</a></li><li><a href="introduction.html#syntax-errors"><span class="secno">1.9.2 </span>Syntax errors</a></li><li><a href="introduction.html#restrictions-on-content-models-and-on-attribute-values"><span class="secno">1.9.3 </span>Restrictions on content models and on attribute values</a></li></ol></li><li><a href="introduction.html#recommended-reading"><span class="secno">1.10 </span>Recommended reading</a></li></ol></li></ol></nav> <h2 id="introduction"><span class="secno">1 </span>Introduction</h2><h3 id="background"><span class="secno">1.1 </span>Background</h3><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 @@ -459,7 +461,7 @@ 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="timers.html#dom-navigator-yieldforstorageupdates">navigator.yieldForStorageUpdates()</a></code> + 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="system-state-and-capabilities.html#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><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, @@ -499,7 +501,7 @@ represent the same content. For example, namespaces cannot be represented using the HTML syntax, but they are supported in the DOM and in the XHTML syntax. Similarly, documents that use the - <code><a href="scripting-1.html#the-noscript-element">noscript</a></code> feature can be represented using the HTML + <code><a href="the-noscript-element.html#the-noscript-element">noscript</a></code> feature can be represented using the HTML syntax, but cannot be represented with the DOM or in the XHTML syntax. Comments that contain the string "<code title="">--></code>" can only be represented in the DOM, not in the HTML and XHTML syntaxes.</p><h3 id="structure-of-this-specification"><span class="secno">1.7 </span>Structure of this specification</h3><p><i>This section is non-normative.</i></p><p>This specification is divided into the following major @@ -625,7 +627,7 @@ 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 + formed using the <code><a href="the-a-element.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 remain <a href="syntax.html#unquoted">unquoted</a> if it doesn't contain <a href="common-microsyntaxes.html#space-character" title="space character">space characters</a> 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 @@ -640,37 +642,37 @@ 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 title="">html</code></li><li class="t1"><code><a href="semantics.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element">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">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">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></code><ul><li class="t3"><code>#text</code>: <span itle="">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">root element</a> of this tree is the - <code><a href="semantics.html#the-html-element">html</a></code> element, which is the element always found at the - root of HTML documents. It contains two elements, <code><a href="semantics.html#the-head-element">head</a></code> - and <code><a href="sections.html#the-body-element">body</a></code>, as well as a text node between them.</p><p>There are many more text nodes in the DOM tree than one would + this section</a> would be turned into the following DOM tree:</p><ul class="domTree"><li class="t10">DOCTYPE: <code title="">html</code></li><li class="t1"><code><a href="the-html-element.html#the-html-element">html</a></code><ul><li class="t1"><code><a href="the-head-element.html#the-head-element">head</a></code><ul><li class="t3"><code>#text</code>: <span title="">⏎␣␣</span></li><li class="t1"><code><a href="the-title-element.html#the-title-element">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="the-body-element.html#the-body-element">body</a></code><ul><li class="t3"><code>#text</code>: <span title="">⏎␣␣</span></li><li class="t1"><code><a href="the-h1-h2-h3-h4-h5-and-h6-elements.html#the-h1-h2-h3-h4-h5-and-h6-elements">h1/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><li class="t1"><code><a href="the-p-element.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="the-a-element.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">rootelement</a> of this tree is the + <code><a href="the-html-element.html#the-html-element">html</a></code> element, which is the element always found at the + root of HTML documents. It contains two elements, <code><a href="the-head-element.html#the-head-element">head</a></code> + and <code><a href="the-body-element.html#the-body-element">body</a></code>, as well as a text node between them.</p><p>There are many more text nodes in the DOM tree than one would initially expect, because the source contains a number of spaces (represented here by "␣") and line breaks ("⏎") that all end up as text nodes in the DOM. However, for historical reasons not all of the spaces and line breaks in the original markup appear in the DOM. In particular, all the whitespace before - <code><a href="semantics.html#the-head-element">head</a></code> start tag ends up being dropped silently, and all - the whitespace after the <code><a href="sections.html#the-body-element">body</a></code> end tag ends up placed at - the end of the <code><a href="sections.html#the-body-element">body</a></code>.</p><p>The <code><a href="semantics.html#the-head-element">head</a></code> element contains a <code><a href="semantics.html#the-title-element">title</a></code> + <code><a href="the-head-element.html#the-head-element">head</a></code> start tag ends up being dropped silently, and all + the whitespace after the <code><a href="the-body-element.html#the-body-element">body</a></code> end tag ends up placed at + the end of the <code><a href="the-body-element.html#the-body-element">body</a></code>.</p><p>The <code><a href="the-head-element.html#the-head-element">head</a></code> element contains a <code><a href="the-title-element.html#the-title-element">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">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 + page". Similarly, the <code><a href="the-body-element.html#the-body-element">body</a></code> element contains an + <code><a href="the-h1-h2-h3-h4-h5-and-h6-elements.html#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code> element, a <code><a href="the-p-element.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#the-script-element">script</a></code> element or using + be embedded using the <code><a href="the-script-element.html#the-script-element">script</a></code> element or using <a href="webappapis.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#the-script-element">script</a>> - <a href="dom.html#document" title="Document">document</a>.<a href="dom.html#dom-document-forms" title="dom-document-forms">forms</a>.main.<a href="forms.html#dom-form-elements" title="dom-form-elements">elements</a>.result.<a href="the-button-element.html#dom-output-value" title="dom-output-value">value</a> = 'Hello World'; + <code><a href="the-output-element.html#the-output-element">output</a></code> element to say "Hello World":</p><pre><<a href="the-form-element.html#the-form-element">form</a> <a href="the-form-element.html#attr-form-name" title="attr-form-name">name</a>="main"> + Result: <<a href="the-output-element.html#the-output-element">output</a> <a href="attributes-common-to-form-controls.html#attr-fe-name" title="attr-fe-name">name</a>="result"></output> + <<a href="the-script-element.html#the-script-element">script</a>> + <a href="dom.html#document" title="Document">document</a>.<a href="dom.html#dom-document-forms" title="dom-document-forms">forms</a>.main.<a href="the-form-element.html#dom-form-elements" title="dom-form-elements">elements</a>.result.<a href="the-output-element.html#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) + instance, a link (e.g. the <code><a href="the-a-element.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#document" title="Document">document</a>.<a href="dom.html#dom-document-links" title="dom-document-links">links</a>[0]; // obtain the first link in the document -a.<a href="text-level-semantics.html#dom-a-href" title="dom-a-href">href</a> = 'sample.html'; // change the destination URL of the link +a.<a href="the-a-element.html#dom-a-href" title="dom-a-href">href</a> = 'sample.html'; // change the destination URL of the link a.<a href="urls.html#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 @@ -821,12 +823,12 @@ mentioned earlier, scripts are run to completion before further events can fire.</p><div class="example"> - <p>One way this could manifest itself is with <code><a href="embedded-content-1.html#the-img-element">img</a></code> + <p>One way this could manifest itself is with <code><a href="the-img-element.html#the-img-element">img</a></code> elements and the <code title="event-load">load</code> event. The event could fire as soon as the element has been parsed, especially if the image has already been cached (which is common).</p> - <p>Here, the author uses the <code title="handler-onload"><a href="webappapis.html#handler-onload">onload</a></code> handler on an <code><a href="embedded-content-1.html#the-img-element">img</a></code> + <p>Here, the author uses the <code title="handler-onload"><a href="webappapis.html#handler-onload">onload</a></code> handler on an <code><a href="the-img-element.html#the-img-element">img</a></code> element to catch the <code title="event-load">load</code> event:</p> <pre><img src="games.png" alt="Games" onload="gamesLogoHasLoaded(event)"></pre> @@ -843,7 +845,7 @@ // img.addEventListener('load', gamesLogoHasLoaded, false); // would work also </script></pre> - <p>However, if the author first created the <code><a href="embedded-content-1.html#the-img-element">img</a></code> + <p>However, if the author first created the <code><a href="the-img-element.html#the-img-element">img</a></code> element and then in a separate script added the event listeners, there's a chance that the <code title="event-load">load</code> event would be fired in between, leading it to be missed:</p> @@ -916,19 +918,19 @@ mode (HTML4 Transitional) to help authors move away from presentational markup; later, XHTML 1.1 went further and obsoleted those features altogether.</p><p>The only remaining presentational markup features in HTML are the - <code title="attr-style"><a href="elements.html#the-style-attribute">style</a></code> attribute and the - <code><a href="semantics.html#the-style-element">style</a></code> element. Use of the <code title="attr-style"><a href="elements.html#the-style-attribute">style</a></code> attribute is somewhat discouraged in + <code title="attr-style"><a href="global-attributes.html#the-style-attribute">style</a></code> attribute and the + <code><a href="the-style-element.html#the-style-element">style</a></code> element. Use of the <code title="attr-style"><a href="global-attributes.html#the-style-attribute">style</a></code> attribute is somewhat discouraged in production environments, but it can be useful for rapid prototyping (where its rules can be directly moved into a separate style sheet later) and for providing specific styles in unusual cases where a separate style sheet would be inconvenient. Similarly, the - <code><a href="semantics.html#the-style-element">style</a></code> element can be useful in syndication or for + <code><a href="the-style-element.html#the-style-element">style</a></code> element can be useful in syndication or for page-specific styles, but in general an external style sheet is likely to be more convenient when the styles apply to multiple pages.</p><p>It is also worth noting that some elements that were previously presentational have been redefined in this specification to be - media-independent: <code><a href="text-level-semantics.html#the-b-element">b</a></code>, <code><a href="text-level-semantics.html#the-i-element">i</a></code>, <code><a href="grouping-content.html#the-hr-element">hr</a></code>, - <code><a href="text-level-semantics.html#the-s-element">s</a></code>, <code><a href="text-level-semantics.html#the-small-element">small</a></code>, and <code><a href="text-level-semantics.html#the-u-element">u</a></code>.</p><h4 id="syntax-errors"><span class="secno">1.9.2 </span>Syntax errors</h4><p><i>This section is non-normative.</i></p><p>The syntax of HTML is constrained to avoid a wide variety of + media-independent: <code><a href="the-b-element.html#the-b-element">b</a></code>, <code><a href="the-i-element.html#the-i-element">i</a></code>, <code><a href="the-hr-element.html#the-hr-element">hr</a></code>, + <code><a href="the-s-element.html#the-s-element">s</a></code>, <code><a href="the-small-element.html#the-small-element">small</a></code>, and <code><a href="the-u-element.html#the-u-element">u</a></code>.</p><h4 id="syntax-errors"><span class="secno">1.9.2 </span>Syntax errors</h4><p><i>This section is non-normative.</i></p><p>The syntax of HTML is constrained to avoid a wide variety of problems.</p><dl><dt>Unintuitive error-handling behavior</dt> <dd> @@ -939,8 +941,8 @@ <div class="example"> <p>For example, the following markup fragment results in a DOM - with an <code><a href="grouping-content.html#the-hr-element">hr</a></code> element that is an <em>earlier</em> - sibling of the corresponding <code><a href="tabular-data.html#the-table-element">table</a></code> element:</p> + with an <code><a href="the-hr-element.html#the-hr-element">hr</a></code> element that is an <em>earlier</em> + sibling of the corresponding <code><a href="the-table-element.html#the-table-element">table</a></code> element:</p> <pre class="bad"><table><hr>...</pre> @@ -1001,7 +1003,7 @@ <div class="example"> <p>For example, the following markup results in poor performance, - since all the unclosed <code><a href="text-level-semantics.html#the-i-element">i</a></code> elements have to be + since all the unclosed <code><a href="the-i-element.html#the-i-element">i</a></code> elements have to be reconstructed in each paragraph, resulting in progressively more elements in each paragraph:</p> @@ -1012,7 +1014,7 @@ <p>The resulting DOM for this fragment would be:</p> - <ul class="domTree"><li class="t1"><code><a href="grouping-content.html#the-p-element">p</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-i-element">i</a></code><ul><li class="t3"><code>#text</code>: <span title="">He dreamt.</span></li></ul></li></ul></li><li class="t1"><code><a href="grouping-content.html#the-p-element">p</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-i-element">i</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-i-element">i</a></code><ul><li class="t3"><code>#text</code>: <span title="">He dreamt that he ate breakfast.</span></li></ul></li></ul></li></ul></li><li class="t1"><code><a href="grouping-content.html#the-p-element">p</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-i-element">i</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-i-element">i</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-i-element">i</a></code><ul><li class"t3"><code>#text</code>: <span title="">Then lunch.</span></li></ul></li></ul></li></ul></li></ul></li><li class="t1"><code><a href="grouping-content.html#the-p-element">p</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-i-element">i</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-i-element">i</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-i-element">i</a></code><ul><li class="t1"><code><a href="text-level-semantics.html#the-i-element">i</a></code><ul><li class="t3"><code>#text</code>: <span title="">And finally dinner.</span></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></div> + <ul class="domTree"><li class="t1"><code><a href="the-p-element.html#the-p-element">p</a></code><ul><li class="t1"><code><a href="the-i-element.html#the-i-element">i</a></code><ul><li class="t3"><code>#text</code>: <span title="">He dreamt.</span></li></ul></li></ul></li><li class="t1"><code><a href="the-p-element.html#the-p-element">p</a></code><ul><li class="t1"><code><a href="the-i-element.html#the-i-element">i</a></code><ul><li class="t1"><code><a href="the-i-element.html#the-i-element">i</a></code><ul><li class="t3"><code>#text</code>: <span title="">He dreamt that he ate breakfast.</span></li></ul></li></ul></li></ul></li><li class="t1"><code><a href="the-p-element.html#the-p-element">p</a></code><ul><li class="t1"><code><a href="the-i-element.html#the-i-element">i</a></code><ul><li class="t1"><code><a href="the-i-element.html#the-i-element">i</a></code><ul><li class="t1"><code><a href="the-i-element.html#the-i-element">i</a></code><ul><li class="t3"><code>#text</code>: <span title="">Then lunch</span></li></ul></li></ul></li></ul></li></ul></li><li class="t1"><code><a href="the-p-element.html#the-p-element">p</a></code><ul><li class="t1"><code><a href="the-i-element.html#the-i-element">i</a></code><ul><li class="t1"><code><a href="the-i-element.html#the-i-element">i</a></code><ul><li class="t1"><code><a href="the-i-element.html#the-i-element">i</a></code><ul><li class="t1"><code><a href="the-i-element.html#the-i-element">i</a></code><ul><li class="t3"><code>#text</code>: <span title="">And finally dinner.</span></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></div> </dd> @@ -1121,7 +1123,7 @@ <div class="example"> <p>For example, it is unclear whether the author intended the - following to be an <code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code> heading or an <code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h2</a></code> + following to be an <code><a href="the-h1-h2-h3-h4-h5-and-h6-elements.html#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code> heading or an <code><a href="the-h1-h2-h3-h4-h5-and-h6-elements.html#the-h1-h2-h3-h4-h5-and-h6-elements">h2</a></code> heading:</p> <pre class="bad"><h1>Contact details</h2></pre> @@ -1188,7 +1190,7 @@ such nestings would be of dubious value.</p> <p class="example">For example, this specification disallows - nesting a <code><a href="sections.html#the-section-element">section</a></code> element inside a <code><a href="text-level-semantics.html#the-kbd-element">kbd</a></code> + nesting a <code><a href="the-section-element.html#the-section-element">section</a></code> element inside a <code><a href="the-kbd-element.html#the-kbd-element">kbd</a></code> element, since it is highly unlikely for an author to indicate that an entire section should be keyed in.</p> @@ -1215,10 +1217,10 @@ </div> <p class="example">Another example is the restrictions on the - content models of the <code><a href="grouping-content.html#the-ul-element">ul</a></code> element, which only allows - <code><a href="grouping-content.html#the-li-element">li</a></code> element children. Lists by definition consist just - of zero or more list items, so if a <code><a href="grouping-content.html#the-ul-element">ul</a></code> element - contains something other than an <code><a href="grouping-content.html#the-li-element">li</a></code> element, it's not + content models of the <code><a href="the-ul-element.html#the-ul-element">ul</a></code> element, which only allows + <code><a href="the-li-element.html#the-li-element">li</a></code> element children. Lists by definition consist just + of zero or more list items, so if a <code><a href="the-ul-element.html#the-ul-element">ul</a></code> element + contains something other than an <code><a href="the-li-element.html#the-li-element">li</a></code> element, it's not clear what was meant.</p> </dd> @@ -1233,19 +1235,19 @@ equivalent alternatives without this problem, the confusing combinations are disallowed.</p> - <p class="example">For example, <code><a href="grouping-content.html#the-div-element">div</a></code> elements are - rendered as block boxes, and <code><a href="text-level-semantics.html#the-span-element">span</a></code> elements as inline + <p class="example">For example, <code><a href="the-div-element.html#the-div-element">div</a></code> elements are + rendered as block boxes, and <code><a href="the-span-element.html#the-span-element">span</a></code> elements as inline boxes. Putting a block box in an inline box is unnecessarily - confusing; since either nesting just <code><a href="grouping-content.html#the-div-element">div</a></code> elements, or - nesting just <code><a href="text-level-semantics.html#the-span-element">span</a></code> elements, or nesting - <code><a href="text-level-semantics.html#the-span-element">span</a></code> elements inside <code><a href="grouping-content.html#the-div-element">div</a></code> elements all - serve the same purpose as nesting a <code><a href="grouping-content.html#the-div-element">div</a></code> element in a - <code><a href="text-level-semantics.html#the-span-element">span</a></code> element, but only the latter involves a block + confusing; since either nesting just <code><a href="the-div-element.html#the-div-element">div</a></code> elements, or + nesting just <code><a href="the-span-element.html#the-span-element">span</a></code> elements, or nesting + <code><a href="the-span-element.html#the-span-element">span</a></code> elements inside <code><a href="the-div-element.html#the-div-element">div</a></code> elements all + serve the same purpose as nesting a <code><a href="the-div-element.html#the-div-element">div</a></code> element in a + <code><a href="the-span-element.html#the-span-element">span</a></code> element, but only the latter involves a block box in an inline box, the latter combination is disallowed.</p> <p class="example">Another example would be the way <a href="content-models.html#interactive-content">interactive content</a> cannot be nested. For example, a - <code><a href="the-button-element.html#the-button-element">button</a></code> element cannot contain a <code><a href="the-button-element.html#the-textarea-element">textarea</a></code> + <code><a href="the-button-element.html#the-button-element">button</a></code> element cannot contain a <code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code> element. This is because the default behavior of such nesting interactive elements would be highly confusing to users. Instead of nesting these elements, they can be placed side by side.</p> @@ -1260,7 +1262,7 @@ <p>Sometimes, something is disallowed because allowing it would likely cause author confusion.</p> - <p class="example">For example, setting the <code title="attr-fe-disabled"><a href="association-of-controls-and-forms.html#attr-fe-disabled">disabled</a></code> attribute to the value + <p class="example">For example, setting the <code title="attr-fe-disabled"><a href="attributes-common-to-form-controls.html#attr-fe-disabled">disabled</a></code> attribute to the value "<code title="">false</code>" is disallowed, because despite the appearance of meaning that the element is enabled, it in fact means that the element is <em>disabled</em> (what matters for @@ -1277,10 +1279,10 @@ <p>Some conformance errors simplify the language that authors need to learn.</p> - <p class="example">For example, the <code><a href="the-map-element.html#the-area-element">area</a></code> element's - <code title="attr-area-shape"><a href="the-map-element.html#attr-area-shape">shape</a></code> attribute, despite - accepting both <code title="attr-area-shape-keyword-circ"><a href="the-map-element.html#attr-area-shape-keyword-circ">circ</a></code> and <code title="attr-area-shape-keyword-circle"><a href="the-map-element.html#attr-area-shape-keyword-circle">circle</a></code> values in - practice as synonyms, disallows the use of the <code title="attr-area-shape-keyword-circ"><a href="the-map-element.html#attr-area-shape-keyword-circ">circ</a></code> value, so as to + <p class="example">For example, the <code><a href="the-area-element.html#the-area-element">area</a></code> element's + <code title="attr-area-shape"><a href="the-area-element.html#attr-area-shape">shape</a></code> attribute, despite + accepting both <code title="attr-area-shape-keyword-circ"><a href="the-area-element.html#attr-area-shape-keyword-circ">circ</a></code> and <code title="attr-area-shape-keyword-circle"><a href="the-area-element.html#attr-area-shape-keyword-circle">circle</a></code> values in + practice as synonyms, disallows the use of the <code title="attr-area-shape-keyword-circ"><a href="the-area-element.html#attr-area-shape-keyword-circ">circ</a></code> value, so as to simplify tutorials and other learning aids. There would be no benefit to allowing both, but it would cause extra confusion when teaching the language.</p> @@ -1299,9 +1301,9 @@ <div class="example"> - <p>For example, a <code><a href="forms.html#the-form-element">form</a></code> element isn't allowed inside + <p>For example, a <code><a href="the-form-element.html#the-form-element">form</a></code> element isn't allowed inside <a href="content-models.html#phrasing-content">phrasing content</a>, because when parsed as HTML, a - <code><a href="forms.html#the-form-element">form</a></code> element's start tag will imply a <code><a href="grouping-content.html#the-p-element">p</a></code> + <code><a href="the-form-element.html#the-form-element">form</a></code> element's start tag will imply a <code><a href="the-p-element.html#the-p-element">p</a></code> element's end tag. Thus, the following markup results in two <a href="content-models.html#paragraph" title="paragraph">paragraphs</a>, not one:</p> @@ -1324,7 +1326,7 @@ would be hard to debug.</p> <p class="example">This is why, for instance, it is non-conforming - to have two <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> attributes with the + to have two <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> attributes with the same value. Duplicate IDs lead to the wrong element being selected, with sometimes disastrous effects whose cause is hard to determine.</p> @@ -1341,15 +1343,15 @@ encouraging authors to avoid making them, authors can save time in future efforts.</p> - <p class="example">For example, a <code><a href="scripting-1.html#the-script-element">script</a></code> element's - <code title="attr-script-src"><a href="scripting-1.html#attr-script-src">src</a></code> attribute causes the + <p class="example">For example, a <code><a href="the-script-element.html#the-script-element">script</a></code> element's + <code title="attr-script-src"><a href="the-script-element.html#attr-script-src">src</a></code> attribute causes the element's contents to be ignored. However, this isn't obvious, especially if the element's contents appear to be executable script — which can lead to authors spending a lot of time trying to debug the inline script without realizing that it is not executing. To reduce this problem, this specification makes it - non-conforming to have executable script in a <code><a href="scripting-1.html#the-script-element">script</a></code> - element when the <code title="attr-script-src"><a href="scripting-1.html#attr-script-src">src</a></code> + non-conforming to have executable script in a <code><a href="the-script-element.html#the-script-element">script</a></code> + element when the <code title="attr-script-src"><a href="the-script-element.html#attr-script-src">src</a></code> attribute is present. This means that authors who are validating their documents are less likely to waste time with this kind of mistake.</p> @@ -1371,8 +1373,8 @@ transitionary step when migrating between HTML and XHTML.</p> <p class="example">For example, there are somewhat complicated - rules surrounding the <code title="attr-lang"><a href="elements.html#attr-lang">lang</a></code> and - <code title="attr-xml-lang"><a href="elements.html#attr-xml-lang">xml:lang</a></code> attributes intended + rules surrounding the <code title="attr-lang"><a href="global-attributes.html#attr-lang">lang</a></code> and + <code title="attr-xml-lang"><a href="global-attributes.html#attr-xml-lang">xml:lang</a></code> attributes intended to keep the two synchronized.</p> <p class="example">Another example would be the restrictions on Index: commands.html =================================================================== RCS file: /sources/public/html5/spec/commands.html,v retrieving revision 1.51 retrieving revision 1.52 diff -u -d -r1.51 -r1.52 --- commands.html 10 Dec 2011 06:02:05 -0000 1.51 +++ commands.html 10 Dec 2011 06:15:41 -0000 1.52 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>4.11.5 Commands — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>4.11.5 Commands — HTML5</title><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; } @@ -319,20 +318,23 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="interactive-elements.html" title="4.11 Interactive elements" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> + <link href="the-menu-element.html" title="4.11.4 The menu element" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> <link href="links.html" title="4.12 Links" rel="next"> - </head><body><div class="head" id="head"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="interactive-elements.html" class="prev">4.11 Interactive elements</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="links.html" class="next">4.12 Links</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="the-menu-element.html">← 4.11.4 The menu element</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="links.html">4.12 Links →</a> <ol class="toc"><li><ol><li><ol><li><a href="commands.html#commands"><span class="secno">4.11.5 </span>Commands</a> <ol><li><a href="commands.html#using-the-a-element-to-define-a-command"><span class="secno">4.11.5.1 </span>Using the <code>a</code> element to define a command</a></li><li><a href="commands.html#using-the-button-element-to-define-a-command"><span class="secno">4.11.5.2 </span>Using the <code>button</code> element to define a command</a></li><li><a href="commands.html#using-the-input-element-to-define-a-command"><span class="secno">4.11.5.3 </span>Using the <code>input</code> element to define a command</a></li><li><a href="commands.html#using-the-option-element-to-define-a-command"><span class="secno">4.11.5.4 </span>Using the <code>option</code> element to define a command</a></li><li><a href="commands.html#using-the-command-element-to-define-a-command"><span class="secno">4.11.5.5 </span>Using the <code>command</code> element to define - a command</a></li><li><a href="commands.html#using-the-accesskey-attribute-on-a-label-element-to-define-a-command"><span class="secno">4.11.5.6 </span>Using the <code title="attr-accesskey">accesskey</code> attribute on a <code>label</code> element to define a command</a></li><li><a href="commands.html#using-the-accesskey-attribute-on-a-legend-element-to-define-a-command"><span class="secno">4.11.5.7 </span>Using the <code title="attr-accesskey">accesskey</code> attribute on a <code>legend</code> element to define a command</a></li><li><a href="commands.html#using-the-accesskey-attribute-to-define-a-command-on-other-elements"><span class="secno">4.11.5.8 </span>Using the <code title="attr-accesskey">accesskey</code> attribute to define a command on other elements</a></li></ol></li></ol></li></ol></li></ol></div> + a command</a></li><li><a href="commands.html#using-the-accesskey-attribute-on-a-label-element-to-define-a-command"><span class="secno">4.11.5.6 </span>Using the <code title="attr-accesskey">accesskey</code> attribute on a <code>label</code> element to define a command</a></li><li><a href="commands.html#using-the-accesskey-attribute-on-a-legend-element-to-define-a-command"><span class="secno">4.11.5.7 </span>Using the <code title="attr-accesskey">accesskey</code> attribute on a <code>legend</code> element to define a command</a></li><li><a href="commands.html#using-the-accesskey-attribute-to-define-a-command-on-other-elements"><span class="secno">4.11.5.8 </span>Using the <code title="attr-accesskey">accesskey</code> attribute to define a command on other elements</a></li></ol></li></ol></li></ol></li></ol></nav> <h4 id="commands"><span class="secno">4.11.5 </span>Commands</h4><p>A <dfn id="concept-command" title="concept-command">command</dfn> is the abstraction behind menu items, buttons, and links.</p><p id="facets">Commands are defined to have the following @@ -414,7 +416,7 @@ </dd> - <dt><var title="">element</var> . <code title="dom-title"><a href="elements.html#dom-title">title</a></code></dt> + <dt><var title="">element</var> . <code title="dom-title"><a href="global-attributes.html#dom-title">title</a></code></dt> <dd> @@ -511,7 +513,7 @@ <p class="note">The <a href="#command-facet-id" title="command-facet-ID">ID</a> facet is exposed by the <code title="dom-Element-id"><a href="infrastructure.html#dom-element-id">id</a></code> IDL attribute, the <a href="#command-facet-hint" title="command-facet-Hint">Hint</a> facet is exposed by the - <code title="dom-title"><a href="elements.html#dom-title">title</a></code> IDL attribute, and the <a href="#command-facet-accesskey" title="command-facet-AccessKey">AccessKey</a> facet is exposed by + <code title="dom-title"><a href="global-attributes.html#dom-title">title</a></code> IDL attribute, and the <a href="#command-facet-accesskey" title="command-facet-AccessKey">AccessKey</a> facet is exposed by the <code title="dom-accessKeyLabel"><a href="editing.html#dom-accesskeylabel">accessKeyLabel</a></code> IDL attribute.</p> @@ -537,13 +539,13 @@ <h5 id="using-the-a-element-to-define-a-command"><span class="secno">4.11.5.1 </span><dfn title="a-command">Using the <code>a</code> element to define a command</dfn></h5> - <p>An <code><a href="text-level-semantics.html#the-a-element">a</a></code> element with an <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> attribute <a href="#concept-command" title="concept-command">defines a command</a>.</p> + <p>An <code><a href="the-a-element.html#the-a-element">a</a></code> element with an <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> attribute <a href="#concept-command" title="concept-command">defines a command</a>.</p> <p>The <a href="#command-facet-type" title="command-facet-Type">Type</a> of the command is "command".</p> <p>The <a href="#command-facet-id" title="command-facet-ID">ID</a> of the command is - the value of the <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> attribute of the + the value of the <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> attribute of the element, if the attribute is present and not empty. Otherwise the command is an <a href="#anonymous-command">anonymous command</a>.</p> @@ -552,13 +554,13 @@ attribute.</p> <p>The <a href="#command-facet-hint" title="command-facet-Hint">Hint</a> of the command - is the value of the <code title="attr-title"><a href="elements.html#the-title-attribute">title</a></code> attribute + is the value of the <code title="attr-title"><a href="global-attributes.html#the-title-attribute">title</a></code> attribute of the element. If the attribute is not present, the <a href="#command-facet-hint" title="command-facet-Hint">Hint</a> is the empty string.</p> <p>The <a href="#command-facet-icon" title="command-facet-Icon">Icon</a> of the command is the <a href="urls.html#absolute-url">absolute URL</a> obtained from <a href="urls.html#resolve-a-url" title="resolve - a url">resolving</a> the value of the <code title="attr-img-src"><a href="embedded-content-1.html#attr-img-src">src</a></code> attribute of the first - <code><a href="embedded-content-1.html#the-img-element">img</a></code> element descendant of the element in <a href="infrastructure.html#tree-order">tree + a url">resolving</a> the value of the <code title="attr-img-src"><a href="the-img-element.html#attr-img-src">src</a></code> attribute of the first + <code><a href="the-img-element.html#the-img-element">img</a></code> element descendant of the element in <a href="infrastructure.html#tree-order">tree order</a>, relative to that element, if there is such an element and resolving its attribute is successful. Otherwise, there is no <a href="#command-facet-icon" title="command-facet-Icon">Icon</a> for the command.</p> @@ -591,7 +593,7 @@ elements</a> (see the previous section).</p> <p>The <a href="#command-facet-disabledstate" title="command-facet-DisabledState">Disabled - State</a> of the command mirrors the <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a> state of the button.</p> + State</a> of the command mirrors the <a href="attributes-common-to-form-controls.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a> state of the button.</p> <h5 id="using-the-input-element-to-define-a-command"><span class="secno">4.11.5.3 </span><dfn title="input-command">Using the <code>input</code> element to define a command</dfn></h5> @@ -605,7 +607,7 @@ "command" otherwise.</p> <p>The <a href="#command-facet-id" title="command-facet-ID">ID</a> of the command is - the value of the <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> attribute of the + the value of the <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> attribute of the element, if the attribute is present and not empty. Otherwise the command is an <a href="#anonymous-command">anonymous command</a>.</p> @@ -618,23 +620,23 @@ button itself if the attribute is absent.</p> <p>Otherwise, the <a href="#command-facet-type" title="command-facet-Type">Type</a> is - "radio" or "checkbox". If the element is a <a href="forms.html#labeled-control">labeled + "radio" or "checkbox". If the element is a <a href="the-label-element.html#labeled-control">labeled control</a>, the <code><a href="infrastructure.html#textcontent">textContent</a></code> of the first - <code><a href="forms.html#the-label-element">label</a></code> element in <a href="infrastructure.html#tree-order">tree order</a> whose - <a href="forms.html#labeled-control">labeled control</a> is the element in question is the <a href="#command-facet-label" title="command-facet-Label">Label</a> (in DOM terms, this is the + <code><a href="the-label-element.html#the-label-element">label</a></code> element in <a href="infrastructure.html#tree-order">tree order</a> whose + <a href="the-label-element.html#labeled-control">labeled control</a> is the element in question is the <a href="#command-facet-label" title="command-facet-Label">Label</a> (in DOM terms, this is the string given by <code><var title="">element</var>.labels[0].textContent</code>). Otherwise, the value of the <code title="attr-input-value"><a href="the-input-element.html#attr-input-value">value</a></code> attribute, if present, is the <a href="#command-facet-label" title="command-facet-Label">Label</a>. Otherwise, the <a href="#command-facet-label" title="command-facet-Label">Label</a> is the empty string.</p> <p>The <a href="#command-facet-hint" title="command-facet-Hint">Hint</a> of the command - is the value of the <code title="attr-title"><a href="elements.html#the-title-attribute">title</a></code> attribute + is the value of the <code title="attr-title"><a href="global-attributes.html#the-title-attribute">title</a></code> attribute of the <code><a href="the-input-element.html#the-input-element">input</a></code> element. If the attribute is not present, the <a href="#command-facet-hint" title="command-facet-Hint">Hint</a> is the empty string.</p> <p>If the element's <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#image-button-state" title="attr-input-type-image">Image - Button</a> state, and the element has a <code title="attr-img-src"><a href="embedded-content-1.html#attr-img-src">src</a></code> attribute, and that attribute's + Button</a> state, and the element has a <code title="attr-img-src"><a href="the-img-element.html#attr-img-src">src</a></code> attribute, and that attribute's value can be successfully <a href="urls.html#resolve-a-url" title="resolve a url">resolved</a> relative to the element, then the <a href="#command-facet-icon" title="command-facet-Icon">Icon</a> of the command is the <a href="urls.html#absolute-url">absolute URL</a> obtained from resolving that attribute @@ -649,12 +651,12 @@ otherwise.</p> <p>The <a href="#command-facet-disabledstate" title="command-facet-DisabledState">Disabled - State</a> of the command mirrors the <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a> state of the + State</a> of the command mirrors the <a href="attributes-common-to-form-controls.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a> state of the control.</p> <p>The <a href="#command-facet-checkedstate" title="command-facet-CheckedState">Checked State</a> of the command is true if the command is of <a href="#command-facet-type" title="command-facet-Type">Type</a> "radio" or "checkbox" and the - element is <a href="association-of-controls-and-forms.html#concept-fe-checked" title="concept-fe-checked">checked</a> + element is <a href="attributes-common-to-form-controls.html#concept-fe-checked" title="concept-fe-checked">checked</a> attribute, and false otherwise.</p> <p>The <a href="#command-facet-action" title="command-facet-Action">Action</a> of the @@ -667,31 +669,31 @@ <h5 id="using-the-option-element-to-define-a-command"><span class="secno">4.11.5.4 </span><dfn title="option-command">Using the <code>option</code> element to define a command</dfn></h5> - <p>An <code><a href="the-button-element.html#the-option-element">option</a></code> element with an ancestor - <code><a href="the-button-element.html#the-select-element">select</a></code> element and either no <code title="attr-option-value"><a href="the-button-element.html#attr-option-value">value</a></code> attribute or a <code title="attr-option-value"><a href="the-button-element.html#attr-option-value">value</a></code> attribute that is not the + <p>An <code><a href="the-option-element.html#the-option-element">option</a></code> element with an ancestor + <code><a href="the-select-element.html#the-select-element">select</a></code> element and either no <code title="attr-option-value"><a href="the-option-element.html#attr-option-value">value</a></code> attribute or a <code title="attr-option-value"><a href="the-option-element.html#attr-option-value">value</a></code> attribute that is not the empty string <a href="#concept-command" title="concept-command">defines a command</a>.</p> <p>The <a href="#command-facet-type" title="command-facet-Type">Type</a> of the command - is "radio" if the <code><a href="the-button-element.html#the-option-element">option</a></code>'s nearest ancestor - <code><a href="the-button-element.html#the-select-element">select</a></code> element has no <code title="attr-select-multiple"><a href="the-button-element.html#attr-select-multiple">multiple</a></code> attribute, and + is "radio" if the <code><a href="the-option-element.html#the-option-element">option</a></code>'s nearest ancestor + <code><a href="the-select-element.html#the-select-element">select</a></code> element has no <code title="attr-select-multiple"><a href="the-select-element.html#attr-select-multiple">multiple</a></code> attribute, and "checkbox" if it does.</p> <p>The <a href="#command-facet-id" title="command-facet-ID">ID</a> of the command is - the value of the <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> attribute of the + the value of the <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> attribute of the element, if the attribute is present and not empty. Otherwise the command is an <a href="#anonymous-command">anonymous command</a>.</p> <p>The <a href="#command-facet-label" title="command-facet-Label">Label</a> of the command - is the value of the <code><a href="the-button-element.html#the-option-element">option</a></code> element's <code title="attr-option-label"><a href="the-button-element.html#attr-option-label">label</a></code> attribute, if there is one, - or else the value of <code><a href="the-button-element.html#the-option-element">option</a></code> element's + is the value of the <code><a href="the-option-element.html#the-option-element">option</a></code> element's <code title="attr-option-label"><a href="the-option-element.html#attr-option-label">label</a></code> attribute, if there is one, + or else the value of <code><a href="the-option-element.html#the-option-element">option</a></code> element's <code><a href="infrastructure.html#textcontent">textContent</a></code> IDL attribute, with <a href="common-microsyntaxes.html#strip-leading-and-trailing-whitespace" title="strip leading and trailing whitespace">leading and trailing whitespace stripped</a>, and with any sequences of two or more <a href="common-microsyntaxes.html#space-character" title="space character">space characters</a> replaced by a single U+0020 SPACE character.</p> <p>The <a href="#command-facet-hint" title="command-facet-Hint">Hint</a> of the command - is the string given by the element's <code title="attr-title"><a href="elements.html#the-title-attribute">title</a></code> attribute, if any, and the empty + is the string given by the element's <code title="attr-title"><a href="global-attributes.html#the-title-attribute">title</a></code> attribute, if any, and the empty string if the attribute is absent.</p> <p>There is no <a href="#command-facet-icon" title="command-facet-Icon">Icon</a> for the @@ -707,46 +709,46 @@ <p>The <a href="#command-facet-disabledstate" title="command-facet-DisabledState">Disabled State</a> of the command is true (disabled) if the element is - <a href="the-button-element.html#concept-option-disabled" title="concept-option-disabled">disabled</a> or if its - nearest ancestor <code><a href="the-button-element.html#the-select-element">select</a></code> element is <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a>, and false + <a href="the-option-element.html#concept-option-disabled" title="concept-option-disabled">disabled</a> or if its + nearest ancestor <code><a href="the-select-element.html#the-select-element">select</a></code> element is <a href="attributes-common-to-form-controls.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a>, and false otherwise.</p> <p>The <a href="#command-facet-checkedstate" title="command-facet-CheckedState">Checked State</a> - of the command is true (checked) if the element's <a href="the-button-element.html#concept-option-selectedness" title="concept-option-selectedness">selectedness</a> is true, and + of the command is true (checked) if the element's <a href="the-option-element.html#concept-option-selectedness" title="concept-option-selectedness">selectedness</a> is true, and false otherwise.</p> <p>The <a href="#command-facet-action" title="command-facet-Action">Action</a> of the - command depends on its <a href="#command-facet-type" title="command-facet-Type">Type</a>. If the command is of <a href="#command-facet-type" title="command-facet-Type">Type</a> "radio" then it must <a href="the-button-element.html#concept-select-pick" title="concept-select-pick">pick</a> the <code><a href="the-button-element.html#the-option-element">option</a></code> - element. Otherwise, it must <a href="the-button-element.html#concept-select-toggle" title="concept-select-toggle">toggle</a> the <code><a href="the-button-element.html#the-option-element">option</a></code> + command depends on its <a href="#command-facet-type" title="command-facet-Type">Type</a>. If the command is of <a href="#command-facet-type" title="command-facet-Type">Type</a> "radio" then it must <a href="the-select-element.html#concept-select-pick" title="concept-select-pick">pick</a> the <code><a href="the-option-element.html#the-option-element">option</a></code> + element. Otherwise, it must <a href="the-select-element.html#concept-select-toggle" title="concept-select-toggle">toggle</a> the <code><a href="the-option-element.html#the-option-element">option</a></code> element.</p> <h5 id="using-the-command-element-to-define-a-command"><span class="secno">4.11.5.5 </span>Using the <dfn title="command-element"><code>command</code></dfn> element to define a command</h5> - <p>A <code><a href="interactive-elements.html#the-command-element">command</a></code> element <a href="#concept-command" title="concept-command">defines a command</a>.</p> + <p>A <code><a href="the-command-element.html#the-command-element">command</a></code> element <a href="#concept-command" title="concept-command">defines a command</a>.</p> <p>The <a href="#command-facet-type" title="command-facet-Type">Type</a> of the command - is "radio" if the <code><a href="interactive-elements.html#the-command-element">command</a></code>'s <code title="attr-command-type"><a href="interactive-elements.html#attr-command-type">type</a></code> attribute is + is "radio" if the <code><a href="the-command-element.html#the-command-element">command</a></code>'s <code title="attr-command-type"><a href="the-command-element.html#attr-command-type">type</a></code> attribute is "<code>radio</code>", "checkbox" if the attribute's value is "<code>checkbox</code>", and "command" otherwise.</p> <p>The <a href="#command-facet-id" title="command-facet-ID">ID</a> of the command is - the value of the <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> attribute of the + the value of the <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> attribute of the element, if the attribute is present and not empty. Otherwise the command is an <a href="#anonymous-command">anonymous command</a>.</p> <p>The <a href="#command-facet-label" title="command-facet-Label">Label</a> of the command - is the value of the element's <code title="attr-command-label"><a href="interactive-elements.html#attr-command-label">label</a></code> attribute, if there is one, + is the value of the element's <code title="attr-command-label"><a href="the-command-element.html#attr-command-label">label</a></code> attribute, if there is one, or the empty string if it doesn't.</p> <p>The <a href="#command-facet-hint" title="command-facet-Hint">Hint</a> of the command - is the string given by the element's <code title="attr-command-title"><a href="interactive-elements.html#attr-command-title">title</a></code> attribute, if any, and the + is the string given by the element's <code title="attr-command-title"><a href="the-command-element.html#attr-command-title">title</a></code> attribute, if any, and the empty string if the attribute is absent.</p> <p>The <a href="#command-facet-icon" title="command-facet-Icon">Icon</a> for the command is the <a href="urls.html#absolute-url">absolute URL</a> obtained from <a href="urls.html#resolve-a-url" title="resolve - a url">resolving</a> the value of the element's <code title="attr-command-icon"><a href="interactive-elements.html#attr-command-icon">icon</a></code> attribute, relative to the + a url">resolving</a> the value of the element's <code title="attr-command-icon"><a href="the-command-element.html#attr-command-icon">icon</a></code> attribute, relative to the element, if it has such an attribute and resolving it is successful. Otherwise, there is no <a href="#command-facet-icon" title="command-facet-Icon">Icon</a> for the command.</p> @@ -760,11 +762,11 @@ <p>The <a href="#command-facet-disabledstate" title="command-facet-DisabledState">Disabled State</a> of the command is true (disabled) if the element has a - <code title="attr-command-disabled"><a href="interactive-elements.html#attr-command-disabled">disabled</a></code> attribute, and + <code title="attr-command-disabled"><a href="the-command-element.html#attr-command-disabled">disabled</a></code> attribute, and false otherwise.</p> <p>The <a href="#command-facet-checkedstate" title="command-facet-CheckedState">Checked State</a> - of the command is true (checked) if the element has a <code title="attr-command-checked"><a href="interactive-elements.html#attr-command-checked">checked</a></code> attribute, and false + of the command is true (checked) if the element has a <code title="attr-command-checked"><a href="the-command-element.html#attr-command-checked">checked</a></code> attribute, and false otherwise.</p> <p>The <a href="#command-facet-action" title="command-facet-Action">Action</a> of the @@ -780,9 +782,9 @@ <h5 id="using-the-accesskey-attribute-on-a-label-element-to-define-a-command"><span class="secno">4.11.5.6 </span><dfn title="label-command">Using the <code title="attr-accesskey">accesskey</code> attribute on a <code>label</code> element to define a command</dfn></h5> - <p>A <code><a href="forms.html#the-label-element">label</a></code> element that has an <a href="editing.html#assigned-access-key">assigned access - key</a> and a <a href="forms.html#labeled-control">labeled control</a> and whose - <a href="forms.html#labeled-control">labeled control</a> <a href="#concept-command" title="concept-command">defines a + <p>A <code><a href="the-label-element.html#the-label-element">label</a></code> element that has an <a href="editing.html#assigned-access-key">assigned access + key</a> and a <a href="the-label-element.html#labeled-control">labeled control</a> and whose + <a href="the-label-element.html#labeled-control">labeled control</a> <a href="#concept-command" title="concept-command">defines a command</a>, itself <a href="#concept-command" title="concept-command">defines a command</a>.</p> @@ -790,7 +792,7 @@ is "command".</p> <p>The <a href="#command-facet-id" title="command-facet-ID">ID</a> of the command is - the value of the <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> attribute of the + the value of the <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> attribute of the element, if the attribute is present and not empty. Otherwise the command is an <a href="#anonymous-command">anonymous command</a>.</p> @@ -799,7 +801,7 @@ attribute.</p> <p>The <a href="#command-facet-hint" title="command-facet-Hint">Hint</a> of the command - is the value of the <code title="attr-title"><a href="elements.html#the-title-attribute">title</a></code> attribute + is the value of the <code title="attr-title"><a href="global-attributes.html#the-title-attribute">title</a></code> attribute of the element.</p> <p>There is no <a href="#command-facet-icon" title="command-facet-Icon">Icon</a> for the @@ -812,7 +814,7 @@ <a href="#command-facet-disabledstate" title="command-facet-DisabledState">Disabled State</a>, and <a href="#command-facet-action" title="command-facet-Action">Action</a> facets of the command are the same as the respective facets of the element's - <a href="forms.html#labeled-control">labeled control</a>.</p> + <a href="the-label-element.html#labeled-control">labeled control</a>.</p> <p>The <a href="#command-facet-checkedstate" title="command-facet-CheckedState">Checked State</a> of the command is always false. (The command is never checked.)</p> @@ -821,17 +823,17 @@ <h5 id="using-the-accesskey-attribute-on-a-legend-element-to-define-a-command"><span class="secno">4.11.5.7 </span><dfn title="legend-command">Using the <code title="attr-accesskey">accesskey</code> attribute on a <code>legend</code> element to define a command</dfn></h5> - <p>A <code><a href="forms.html#the-legend-element">legend</a></code> element that has an <a href="editing.html#assigned-access-key">assigned access - key</a> and is a child of a <code><a href="forms.html#the-fieldset-element">fieldset</a></code> element that - has a descendant that is not a descendant of the <code><a href="forms.html#the-legend-element">legend</a></code> - element and is neither a <code><a href="forms.html#the-label-element">label</a></code> element nor a - <code><a href="forms.html#the-legend-element">legend</a></code> element but that <a href="#concept-command" title="concept-command">defines a command</a>, itself <a href="#concept-command" title="concept-command">defines a command</a>.</p> + <p>A <code><a href="the-legend-element.html#the-legend-element">legend</a></code> element that has an <a href="editing.html#assigned-access-key">assigned access + key</a> and is a child of a <code><a href="the-fieldset-element.html#the-fieldset-element">fieldset</a></code> element that + has a descendant that is not a descendant of the <code><a href="the-legend-element.html#the-legend-element">legend</a></code> + element and is neither a <code><a href="the-label-element.html#the-label-element">label</a></code> element nor a + <code><a href="the-legend-element.html#the-legend-element">legend</a></code> element but that <a href="#concept-command" title="concept-command">defines a command</a>, itself <a href="#concept-command" title="concept-command">defines a command</a>.</p> <p>The <a href="#command-facet-type" title="command-facet-Type">Type</a> of the command is "command".</p> <p>The <a href="#command-facet-id" title="command-facet-ID">ID</a> of the command is - the value of the <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> attribute of the + the value of the <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> attribute of the element, if the attribute is present and not empty. Otherwise the command is an <a href="#anonymous-command">anonymous command</a>.</p> @@ -840,7 +842,7 @@ attribute.</p> <p>The <a href="#command-facet-hint" title="command-facet-Hint">Hint</a> of the command - is the value of the <code title="attr-title"><a href="elements.html#the-title-attribute">title</a></code> attribute + is the value of the <code title="attr-title"><a href="global-attributes.html#the-title-attribute">title</a></code> attribute of the element.</p> <p>There is no <a href="#command-facet-icon" title="command-facet-Icon">Icon</a> for the @@ -854,9 +856,9 @@ <a href="#command-facet-action" title="command-facet-Action">Action</a> facets of the command are the same as the respective facets of the first element in <a href="infrastructure.html#tree-order">tree order</a> that is a descendant of the parent of the - <code><a href="forms.html#the-legend-element">legend</a></code> element that <a href="#concept-command" title="concept-command">defines a command</a> but is not a - descendant of the <code><a href="forms.html#the-legend-element">legend</a></code> element and is neither a - <code><a href="forms.html#the-label-element">label</a></code> nor a <code><a href="forms.html#the-legend-element">legend</a></code> element.</p> + <code><a href="the-legend-element.html#the-legend-element">legend</a></code> element that <a href="#concept-command" title="concept-command">defines a command</a> but is not a + descendant of the <code><a href="the-legend-element.html#the-legend-element">legend</a></code> element and is neither a + <code><a href="the-label-element.html#the-label-element">label</a></code> nor a <code><a href="the-legend-element.html#the-legend-element">legend</a></code> element.</p> <p>The <a href="#command-facet-checkedstate" title="command-facet-CheckedState">Checked State</a> of the command is always false. (The command is never checked.)</p> @@ -876,21 +878,21 @@ is "command".</p> <p>The <a href="#command-facet-id" title="command-facet-ID">ID</a> of the command is - the value of the <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> attribute of the + the value of the <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> attribute of the element, if the attribute is present and not empty. Otherwise the command is an <a href="#anonymous-command">anonymous command</a>.</p> <p>The <a href="#command-facet-label" title="command-facet-Label">Label</a> of the command - depends on the element. If the element is a <a href="forms.html#labeled-control">labeled + depends on the element. If the element is a <a href="the-label-element.html#labeled-control">labeled control</a>, the <code><a href="infrastructure.html#textcontent">textContent</a></code> of the first - <code><a href="forms.html#the-label-element">label</a></code> element in <a href="infrastructure.html#tree-order">tree order</a> whose - <a href="forms.html#labeled-control">labeled control</a> is the element in question is the <a href="#command-facet-label" title="command-facet-Label">Label</a> (in DOM terms, this is the + <code><a href="the-label-element.html#the-label-element">label</a></code> element in <a href="infrastructure.html#tree-order">tree order</a> whose + <a href="the-label-element.html#labeled-control">labeled control</a> is the element in question is the <a href="#command-facet-label" title="command-facet-Label">Label</a> (in DOM terms, this is the string given by <code><var title="">element</var>.labels[0].textContent</code>). Otherwise, the <a href="#command-facet-label" title="command-facet-Label">Label</a> is the <code><a href="infrastructure.html#textcontent">textContent</a></code> of the element itself.</p> <p>The <a href="#command-facet-hint" title="command-facet-Hint">Hint</a> of the command - is the value of the <code title="attr-title"><a href="elements.html#the-title-attribute">title</a></code> attribute + is the value of the <code title="attr-title"><a href="global-attributes.html#the-title-attribute">title</a></code> attribute of the element. If the attribute is not present, the <a href="#command-facet-hint" title="command-facet-Hint">Hint</a> is the empty string.</p> <p>There is no <a href="#command-facet-icon" title="command-facet-Icon">Icon</a> for the Index: syntax.html =================================================================== RCS file: /sources/public/html5/spec/syntax.html,v retrieving revision 1.1051 retrieving revision 1.1052 diff -u -d -r1.1051 -r1.1052 --- syntax.html 28 Oct 2011 20:47:02 -0000 1.1051 +++ syntax.html 10 Dec 2011 06:15:47 -0000 1.1052 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>8 The HTML syntax — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>8 The HTML syntax — HTML5</title><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; } @@ -319,22 +318,25 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="dnd.html" title="7.6 Drag and drop" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> + <link href="dnd.html" title="7.6 Drag and drop" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> <link href="parsing.html" title="8.2 Parsing HTML documents" rel="next"> - </head><body><div class="head" id="head"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="dnd.html" class="prev">7.6 Drag and drop</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="parsing.html" class="next">8.2 Parsing HTML documents</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="dnd.html">← 7.6 Drag and drop</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="parsing.html">8.2 Parsing HTML documents →</a> <ol class="toc"><li><a href="syntax.html#syntax"><span class="secno">8 </span>The HTML syntax</a> <ol><li><a href="syntax.html#writing"><span class="secno">8.1 </span>Writing HTML documents</a> <ol><li><a href="syntax.html#the-doctype"><span class="secno">8.1.1 </span>The DOCTYPE</a></li><li><a href="syntax.html#elements-0"><span class="secno">8.1.2 </span>Elements</a> <ol><li><a href="syntax.html#start-tags"><span class="secno">8.1.2.1 </span>Start tags</a></li><li><a href="syntax.html#end-tags"><span class="secno">8.1.2.2 </span>End tags</a></li><li><a href="syntax.html#attributes-0"><span class="secno">8.1.2.3 </span>Attributes</a></li><li><a href="syntax.html#optional-tags"><span class="secno">8.1.2.4 </span>Optional tags</a></li><li><a href="syntax.html#element-restrictions"><span class="secno">8.1.2.5 </span>Restrictions on content models</a></li><li><a href="syntax.html#cdata-rcdata-restrictions"><span class="secno">8.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">8.1.3 </span>Text</a> - <ol><li><a href="syntax.html#newlines"><span class="secno">8.1.3.1 </span>Newlines</a></li></ol></li><li><a href="syntax.html#character-references"><span class="secno">8.1.4 </span>Character references</a></li><li><a href="syntax.html#cdata-sections"><span class="secno">8.1.5 </span>CDATA sections</a></li><li><a href="syntax.html#comments"><span class="secno">8.1.6 </span>Comments</a></li></ol></li></ol></li></ol></div> + <ol><li><a href="syntax.html#newlines"><span class="secno">8.1.3.1 </span>Newlines</a></li></ol></li><li><a href="syntax.html#character-references"><span class="secno">8.1.4 </span>Character references</a></li><li><a href="syntax.html#cdata-sections"><span class="secno">8.1.5 </span>CDATA sections</a></li><li><a href="syntax.html#comments"><span class="secno">8.1.6 </span>Comments</a></li></ol></li></ol></li></ol></nav> <h2 id="syntax"><span class="secno">8 </span><dfn>The HTML syntax</dfn></h2><p class="note">This section only describes the rules for resources labeled with an <a href="infrastructure.html#html-mime-type">HTML MIME type</a>. Rules for XML resources @@ -357,29 +359,29 @@ </li><li>Any number of <a href="#syntax-comments" title="syntax-comments">comments</a> and <a href="common-microsyntaxes.html#space-character" title="space character">space characters</a>.</li> - <li>The root element, in the form of an <code><a href="semantics.html#the-html-element">html</a></code> <a href="#syntax-elements" title="syntax-elements">element</a>.</li> + <li>The root element, in the form of an <code><a href="the-html-element.html#the-html-element">html</a></code> <a href="#syntax-elements" title="syntax-elements">element</a>.</li> <li>Any number of <a href="#syntax-comments" title="syntax-comments">comments</a> and <a href="common-microsyntaxes.html#space-character" title="space character">space characters</a>.</li> </ol><p>The various types of content mentioned above are described in the - next few sections.</p><p>In addition, there are some restrictions on how <a href="semantics.html#character-encoding-declaration" title="character encoding declaration">character encoding + next few sections.</p><p>In addition, there are some restrictions on how <a href="the-meta-element.html#character-encoding-declaration" title="character encoding declaration">character encoding declarations</a> are to be serialized, as discussed in the section on that topic.</p><div class="note"> - <p>Space characters before the root <code><a href="semantics.html#the-html-element">html</a></code> element, and - space characters at the start of the <code><a href="semantics.html#the-html-element">html</a></code> element and - before the <code><a href="semantics.html#the-head-element">head</a></code> element, will be dropped when the + <p>Space characters before the root <code><a href="the-html-element.html#the-html-element">html</a></code> element, and + space characters at the start of the <code><a href="the-html-element.html#the-html-element">html</a></code> element and + before the <code><a href="the-head-element.html#the-head-element">head</a></code> element, will be dropped when the document is parsed; space characters <em>after</em> the root - <code><a href="semantics.html#the-html-element">html</a></code> element will be parsed as if they were at the end - of the <code><a href="sections.html#the-body-element">body</a></code> element. Thus, space characters around the + <code><a href="the-html-element.html#the-html-element">html</a></code> element will be parsed as if they were at the end + of the <code><a href="the-body-element.html#the-body-element">body</a></code> element. Thus, space characters around the root element do not round-trip.</p> <p>It is suggested that newlines be inserted after the DOCTYPE, after any comments that are before the root element, after the - <code><a href="semantics.html#the-html-element">html</a></code> element's start tag (if it is not <a href="#syntax-tag-omission" title="syntax-tag-omission">omitted</a>), and after any comments - that are inside the <code><a href="semantics.html#the-html-element">html</a></code> element but before the - <code><a href="semantics.html#the-head-element">head</a></code> element.</p> + <code><a href="the-html-element.html#the-html-element">html</a></code> element's start tag (if it is not <a href="#syntax-tag-omission" title="syntax-tag-omission">omitted</a>), and after any comments + that are inside the <code><a href="the-html-element.html#the-html-element">html</a></code> element but before the + <code><a href="the-head-element.html#the-head-element">head</a></code> element.</p> </div><p>Many strings in the HTML syntax (e.g. the names of elements and their attributes) are case-insensitive, but only for characters in @@ -450,20 +452,20 @@ <a href="#raw-text-elements">raw text elements</a>, <a href="#rcdata-elements">RCDATA elements</a>, <a href="#foreign-elements">foreign elements</a>, and <a href="#normal-elements">normal elements</a>.</p><dl><dt><dfn id="void-elements">Void elements</dfn></dt> - <dd><code><a href="the-map-element.html#the-area-element">area</a></code>, <code><a href="semantics.html#the-base-element">base</a></code>, <code><a href="text-level-semantics.html#the-br-element">br</a></code>, - <code><a href="tabular-data.html#the-col-element">col</a></code>, <code><a href="interactive-elements.html#the-command-element">command</a></code>, <code><a href="the-iframe-element.html#the-embed-element">embed</a></code>, - <code><a href="grouping-content.html#the-hr-element">hr</a></code>, <code><a href="embedded-content-1.html#the-img-element">img</a></code>, <code><a href="the-input-element.html#the-input-element">input</a></code>, - <code><a href="the-button-element.html#the-keygen-element">keygen</a></code>, <code><a href="semantics.html#the-link-element">link</a></code>, <code><a href="semantics.html#the-meta-element">meta</a></code>, - <code><a href="the-iframe-element.html#the-param-element">param</a></code>, <code><a href="the-iframe-element.html#the-source-element">source</a></code>, <code><a href="the-iframe-element.html#the-track-element">track</a></code>, - <code><a href="text-level-semantics.html#the-wbr-element">wbr</a></code></dd> + <dd><code><a href="the-area-element.html#the-area-element">area</a></code>, <code><a href="the-base-element.html#the-base-element">base</a></code>, <code><a href="the-br-element.html#the-br-element">br</a></code>, + <code><a href="the-col-element.html#the-col-element">col</a></code>, <code><a href="the-command-element.html#the-command-element">command</a></code>, <code><a href="the-embed-element.html#the-embed-element">embed</a></code>, + <code><a href="the-hr-element.html#the-hr-element">hr</a></code>, <code><a href="the-img-element.html#the-img-element">img</a></code>, <code><a href="the-input-element.html#the-input-element">input</a></code>, + <code><a href="the-keygen-element.html#the-keygen-element">keygen</a></code>, <code><a href="the-link-element.html#the-link-element">link</a></code>, <code><a href="the-meta-element.html#the-meta-element">meta</a></code>, + <code><a href="the-param-element.html#the-param-element">param</a></code>, <code><a href="the-source-element.html#the-source-element">source</a></code>, <code><a href="the-track-element.html#the-track-element">track</a></code>, + <code><a href="the-wbr-element.html#the-wbr-element">wbr</a></code></dd> <dt><dfn id="raw-text-elements">Raw text elements</dfn></dt> - <dd><code><a href="scripting-1.html#the-script-element">script</a></code>, <code><a href="semantics.html#the-style-element">style</a></code></dd> + <dd><code><a href="the-script-element.html#the-script-element">script</a></code>, <code><a href="the-style-element.html#the-style-element">style</a></code></dd> <dt><dfn id="rcdata-elements">RCDATA elements</dfn></dt> - <dd><code><a href="the-button-element.html#the-textarea-element">textarea</a></code>, <code><a href="semantics.html#the-title-element">title</a></code></dd> + <dd><code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code>, <code><a href="the-title-element.html#the-title-element">title</a></code></dd> <dt><dfn id="foreign-elements">Foreign elements</dfn></dt> @@ -611,7 +613,7 @@ <div class="example"> - <p>In the following example, the <code title="attr-fe-disabled"><a href="association-of-controls-and-forms.html#attr-fe-disabled">disabled</a></code> attribute is given with + <p>In the following example, the <code title="attr-fe-disabled"><a href="attributes-common-to-form-controls.html#attr-fe-disabled">disabled</a></code> attribute is given with the empty attribute syntax:</p> <pre><input <em>disabled</em>></pre> @@ -706,7 +708,7 @@ <div class="example"> - <p>In the following example, the <code title="attr-fe-name"><a href="association-of-controls-and-forms.html#attr-fe-name">name</a></code> attribute is given with the + <p>In the following example, the <code title="attr-fe-name"><a href="attributes-common-to-form-controls.html#attr-fe-name">name</a></code> attribute is given with the double-quoted attribute value syntax:</p> <pre><input <em>name="be evil"</em>></pre> @@ -742,101 +744,101 @@ HTML syntax</a>.</p><h5 id="optional-tags"><span class="secno">8.1.2.4 </span>Optional tags</h5><p>Certain tags can be <dfn id="syntax-tag-omission" title="syntax-tag-omission">omitted</dfn>.</p><p class="note">Omitting an element's <a href="#syntax-start-tag" title="syntax-start-tag">start tag</a> in the situations described below does not mean the element is not present; it is implied, but it is still there. For example, an HTML document always - has a root <code><a href="semantics.html#the-html-element">html</a></code> element, even if the string <code title=""><html></code> doesn't appear anywhere in the markup.</p><p>An <code><a href="semantics.html#the-html-element">html</a></code> element's <a href="#syntax-start-tag" title="syntax-start-tag">start tag</a> may be omitted if the - first thing inside the <code><a href="semantics.html#the-html-element">html</a></code> element is not a <a href="#syntax-comments" title="syntax-comments">comment</a>.</p><p>An <code><a href="semantics.html#the-html-element">html</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end - tag</a> may be omitted if the <code><a href="semantics.html#the-html-element">html</a></code> element is not - immediately followed by a <a href="#syntax-comments" title="syntax-comments">comment</a>.</p><p>A <code><a href="semantics.html#the-head-element">head</a></code> element's <a href="#syntax-start-tag" title="syntax-start-tag">start tag</a> may be omitted if the + has a root <code><a href="the-html-element.html#the-html-element">html</a></code> element, even if the string <code title=""><html></code> doesn't appear anywhere in the markup.</p><p>An <code><a href="the-html-element.html#the-html-element">html</a></code> element's <a href="#syntax-start-tag" title="syntax-start-tag">start tag</a> may be omitted if the + first thing inside the <code><a href="the-html-element.html#the-html-element">html</a></code> element is not a <a href="#syntax-comments" title="syntax-comments">comment</a>.</p><p>An <code><a href="the-html-element.html#the-html-element">html</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end + tag</a> may be omitted if the <code><a href="the-html-element.html#the-html-element">html</a></code> element is not + immediately followed by a <a href="#syntax-comments" title="syntax-comments">comment</a>.</p><p>A <code><a href="the-head-element.html#the-head-element">head</a></code> element's <a href="#syntax-start-tag" title="syntax-start-tag">start tag</a> may be omitted if the element is empty, or if the first thing inside the - <code><a href="semantics.html#the-head-element">head</a></code> element is an element.</p><p>A <code><a href="semantics.html#the-head-element">head</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end - tag</a> may be omitted if the <code><a href="semantics.html#the-head-element">head</a></code> element is not - immediately followed by a <a href="common-microsyntaxes.html#space-character">space character</a> or a <a href="#syntax-comments" title="syntax-comments">comment</a>.</p><p>A <code><a href="sections.html#the-body-element">body</a></code> element's <a href="#syntax-start-tag" title="syntax-start-tag">start tag</a> may be omitted if the - element is empty, or if the first thing inside the <code><a href="sections.html#the-body-element">body</a></code> + <code><a href="the-head-element.html#the-head-element">head</a></code> element is an element.</p><p>A <code><a href="the-head-element.html#the-head-element">head</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end + tag</a> may be omitted if the <code><a href="the-head-element.html#the-head-element">head</a></code> element is not + immediately followed by a <a href="common-microsyntaxes.html#space-character">space character</a> or a <a href="#syntax-comments" title="syntax-comments">comment</a>.</p><p>A <code><a href="the-body-element.html#the-body-element">body</a></code> element's <a href="#syntax-start-tag" title="syntax-start-tag">start tag</a> may be omitted if the + element is empty, or if the first thing inside the <code><a href="the-body-element.html#the-body-element">body</a></code> element is not a <a href="common-microsyntaxes.html#space-character">space character</a> or a <a href="#syntax-comments" title="syntax-comments">comment</a>, except if the first thing - inside the <code><a href="sections.html#the-body-element">body</a></code> element is a <code><a href="scripting-1.html#the-script-element">script</a></code> or - <code><a href="semantics.html#the-style-element">style</a></code> element. </p><p>A <code><a href="sections.html#the-body-element">body</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end - tag</a> may be omitted if the <code><a href="sections.html#the-body-element">body</a></code> element is not - immediately followed by a <a href="#syntax-comments" title="syntax-comments">comment</a>.</p><p>An <code><a href="grouping-content.html#the-li-element">li</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end - tag</a> may be omitted if the <code><a href="grouping-content.html#the-li-element">li</a></code> element is - immediately followed by another <code><a href="grouping-content.html#the-li-element">li</a></code> element or if there - is no more content in the parent element.</p><p>A <code><a href="grouping-content.html#the-dt-element">dt</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end - tag</a> may be omitted if the <code><a href="grouping-content.html#the-dt-element">dt</a></code> element is - immediately followed by another <code><a href="grouping-content.html#the-dt-element">dt</a></code> element or a - <code><a href="grouping-content.html#the-dd-element">dd</a></code> element.</p><p>A <code><a href="grouping-content.html#the-dd-element">dd</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end - tag</a> may be omitted if the <code><a href="grouping-content.html#the-dd-element">dd</a></code> element is - immediately followed by another <code><a href="grouping-content.html#the-dd-element">dd</a></code> element or a - <code><a href="grouping-content.html#the-dt-element">dt</a></code> element, or if there is no more content in the - parent element.</p><p>A <code><a href="grouping-content.html#the-p-element">p</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end - tag</a> may be omitted if the <code><a href="grouping-content.html#the-p-element">p</a></code> element is - immediately followed by an <code><a href="sections.html#the-address-element">address</a></code>, - <code><a href="sections.html#the-article-element">article</a></code>, <code><a href="sections.html#the-aside-element">aside</a></code>, <code><a href="grouping-content.html#the-blockquote-element">blockquote</a></code>, - <code><a href="obsolete.html#dir">dir</a></code>, <code><a href="grouping-content.html#the-div-element">div</a></code>, <code><a href="grouping-content.html#the-dl-element">dl</a></code>, - <code><a href="forms.html#the-fieldset-element">fieldset</a></code>, <code><a href="sections.html#the-footer-element">footer</a></code>, <code><a href="forms.html#the-form-element">form</a></code>, - <code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code>, <code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h2</a></code>, <code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h3</a></code>, <code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h4</a></code>, - <code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code>, <code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code>, <code><a href="sections.html#the-header-element">header</a></code>, - <code><a href="sections.html#the-hgroup-element">hgroup</a></code>, <code><a href="grouping-content.html#the-hr-element">hr</a></code>, <code><a href="interactive-elements.html#the-menu-element">menu</a></code>, - <code><a href="sections.html#the-nav-element">nav</a></code>, <code><a href="grouping-content.html#the-ol-element">ol</a></code>, <code><a href="grouping-content.html#the-p-element">p</a></code>, <code><a href="grouping-content.html#the-pre-element">pre</a></code>, - <code><a href="sections.html#the-section-element">section</a></code>, <code><a href="tabular-data.html#the-table-element">table</a></code>, or <code><a href="grouping-content.html#the-ul-element">ul</a></code>, + inside the <code><a href="the-body-element.html#the-body-element">body</a></code> element is a <code><a href="the-script-element.html#the-script-element">script</a></code> or + <code><a href="the-style-element.html#the-style-element">style</a></code> element. </p><p>A <code><a href="the-body-element.html#the-body-element">body</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end + tag</a> may be omitted if the <code><a href="the-body-element.html#the-body-element">body</a></code> element is not + immediately followed by a <a href="#syntax-comments" title="syntax-comments">comment</a>.</p><p>An <code><a href="the-li-element.html#the-li-element">li</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end + tag</a> may be omitted if the <code><a href="the-li-element.html#the-li-element">li</a></code> element is + immediately followed by another <code><a href="the-li-element.html#the-li-element">li</a></code> element or if there + is no more content in the parent element.</p><p>A <code><a href="the-dt-element.html#the-dt-element">dt</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end + tag</a> may be omitted if the <code><a href="the-dt-element.html#the-dt-element">dt</a></code> element is + immediately followed by another <code><a href="the-dt-element.html#the-dt-element">dt</a></code> element or a + <code><a href="the-dd-element.html#the-dd-element">dd</a></code> element.</p><p>A <code><a href="the-dd-element.html#the-dd-element">dd</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end + tag</a> may be omitted if the <code><a href="the-dd-element.html#the-dd-element">dd</a></code> element is + immediately followed by another <code><a href="the-dd-element.html#the-dd-element">dd</a></code> element or a + <code><a href="the-dt-element.html#the-dt-element">dt</a></code> element, or if there is no more content in the + parent element.</p><p>A <code><a href="the-p-element.html#the-p-element">p</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end + tag</a> may be omitted if the <code><a href="the-p-element.html#the-p-element">p</a></code> element is + immediately followed by an <code><a href="the-address-element.html#the-address-element">address</a></code>, + <code><a href="the-article-element.html#the-article-element">article</a></code>, <code><a href="the-aside-element.html#the-aside-element">aside</a></code>, <code><a href="the-blockquote-element.html#the-blockquote-element">blockquote</a></code>, + <code><a href="obsolete.html#dir">dir</a></code>, <code><a href="the-div-element.html#the-div-element">div</a></code>, <code><a href="the-dl-element.html#the-dl-element">dl</a></code>, + <code><a href="the-fieldset-element.html#the-fieldset-element">fieldset</a></code>, <code><a href="the-footer-element.html#the-footer-element">footer</a></code>, <code><a href="the-form-element.html#the-form-element">form</a></code>, + <code><a href="the-h1-h2-h3-h4-h5-and-h6-elements.html#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code>, <code><a href="the-h1-h2-h3-h4-h5-and-h6-elements.html#the-h1-h2-h3-h4-h5-and-h6-elements">h2</a></code>, <code><a href="the-h1-h2-h3-h4-h5-and-h6-elements.html#the-h1-h2-h3-h4-h5-and-h6-elements">h3</a></code>, <code><a href="the-h1-h2-h3-h4-h5-and-h6-elements.html#the-h1-h2-h3-h4-h5-and-h6-elements">h4</a></code>, + <code><a href="the-h1-h2-h3-h4-h5-and-h6-elements.html#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code>, <code><a href="the-h1-h2-h3-h4-h5-and-h6-elements.html#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code>, <code><a href="the-header-element.html#the-header-element">header</a></code>, + <code><a href="the-hgroup-element.html#the-hgroup-element">hgroup</a></code>, <code><a href="the-hr-element.html#the-hr-element">hr</a></code>, <code><a href="the-menu-element.html#the-menu-element">menu</a></code>, + <code><a href="the-nav-element.html#the-nav-element">nav</a></code>, <code><a href="the-ol-element.html#the-ol-element">ol</a></code>, <code><a href="the-p-element.html#the-p-element">p</a></code>, <code><a href="the-pre-element.html#the-pre-element">pre</a></code>, + <code><a href="the-section-element.html#the-section-element">section</a></code>, <code><a href="the-table-element.html#the-table-element">table</a></code>, or <code><a href="the-ul-element.html#the-ul-element">ul</a></code>, element, or if there is no more content in the parent element and - the parent element is not an <code><a href="text-level-semantics.html#the-a-element">a</a></code> element.</p><p>An <code><a href="text-level-semantics.html#the-rt-element">rt</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end - tag</a> may be omitted if the <code><a href="text-level-semantics.html#the-rt-element">rt</a></code> element is - immediately followed by an <code><a href="text-level-semantics.html#the-rt-element">rt</a></code> or <code><a href="text-level-semantics.html#the-rp-element">rp</a></code> - element, or if there is no more content in the parent element.</p><p>An <code><a href="text-level-semantics.html#the-rp-element">rp</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end - tag</a> may be omitted if the <code><a href="text-level-semantics.html#the-rp-element">rp</a></code> element is - immediately followed by an <code><a href="text-level-semantics.html#the-rt-element">rt</a></code> or <code><a href="text-level-semantics.html#the-rp-element">rp</a></code> - element, or if there is no more content in the parent element.</p><p>An <code><a href="the-button-element.html#the-optgroup-element">optgroup</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end tag</a> may be omitted if the - <code><a href="the-button-element.html#the-optgroup-element">optgroup</a></code> element is immediately followed by - another <code><a href="the-button-element.html#the-optgroup-element">optgroup</a></code> element, or if there is no - more content in the parent element.</p><p>An <code><a href="the-button-element.html#the-option-element">option</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end - tag</a> may be omitted if the <code><a href="the-button-element.html#the-option-element">option</a></code> element is - immediately followed by another <code><a href="the-button-element.html#the-option-element">option</a></code> element, or if - it is immediately followed by an <code><a href="the-button-element.html#the-optgroup-element">optgroup</a></code> element, or - if there is no more content in the parent element.</p><p>A <code><a href="tabular-data.html#the-colgroup-element">colgroup</a></code> element's <a href="#syntax-start-tag" title="syntax-start-tag">start tag</a> may be omitted if the - first thing inside the <code><a href="tabular-data.html#the-colgroup-element">colgroup</a></code> element is a - <code><a href="tabular-data.html#the-col-element">col</a></code> element, and if the element is not immediately - preceded by another <code><a href="tabular-data.html#the-colgroup-element">colgroup</a></code> element whose <a href="#syntax-end-tag" title="syntax-end-tag">end tag</a> has been omitted. (It can't be - omitted if the element is empty.)</p><p>A <code><a href="tabular-data.html#the-colgroup-element">colgroup</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end tag</a> may be omitted if the - <code><a href="tabular-data.html#the-colgroup-element">colgroup</a></code> element is not immediately followed by a - <a href="common-microsyntaxes.html#space-character">space character</a> or a <a href="#syntax-comments" title="syntax-comments">comment</a>.</p><p>A <code><a href="tabular-data.html#the-thead-element">thead</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end - tag</a> may be omitted if the <code><a href="tabular-data.html#the-thead-element">thead</a></code> element is - immediately followed by a <code><a href="tabular-data.html#the-tbody-element">tbody</a></code> or <code><a href="tabular-data.html#the-tfoot-element">tfoot</a></code> - element.</p><p>A <code><a href="tabular-data.html#the-tbody-element">tbody</a></code> element's <a href="#syntax-start-tag" title="syntax-start-tag">start tag</a> may be omitted if the - first thing inside the <code><a href="tabular-data.html#the-tbody-element">tbody</a></code> element is a - <code><a href="tabular-data.html#the-tr-element">tr</a></code> element, and if the element is not immediately - preceded by a <code><a href="tabular-data.html#the-tbody-element">tbody</a></code>, <code><a href="tabular-data.html#the-thead-element">thead</a></code>, or - <code><a href="tabular-data.html#the-tfoot-element">tfoot</a></code> element whose <a href="#syntax-end-tag" title="syntax-end-tag">end + the parent element is not an <code><a href="the-a-element.html#the-a-element">a</a></code> element.</p><p>An <code><a href="the-rt-element.html#the-rt-element">rt</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end + tag</a> may be omitted if the <code><a href="the-rt-element.html#the-rt-element">rt</a></code> element is + immediately followed by an <code><a href="the-rt-element.html#the-rt-element">rt</a></code> or <code><a href="the-rp-element.html#the-rp-element">rp</a></code> + element, or if there is no more content in the parent element.</p><p>An <code><a href="the-rp-element.html#the-rp-element">rp</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end + tag</a> may be omitted if the <code><a href="the-rp-element.html#the-rp-element">rp</a></code> element is + immediately followed by an <code><a href="the-rt-element.html#the-rt-element">rt</a></code> or <code><a href="the-rp-element.html#the-rp-element">rp</a></code> + element, or if there is no more content in the parent element.</p><p>An <code><a href="the-optgroup-element.html#the-optgroup-element">optgroup</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end tag</a> may be omitted if the + <code><a href="the-optgroup-element.html#the-optgroup-element">optgroup</a></code> element is immediately followed by + another <code><a href="the-optgroup-element.html#the-optgroup-element">optgroup</a></code> element, or if there is no + more content in the parent element.</p><p>An <code><a href="the-option-element.html#the-option-element">option</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end + tag</a> may be omitted if the <code><a href="the-option-element.html#the-option-element">option</a></code> element is + immediately followed by another <code><a href="the-option-element.html#the-option-element">option</a></code> element, or if + it is immediately followed by an <code><a href="the-optgroup-element.html#the-optgroup-element">optgroup</a></code> element, or + if there is no more content in the parent element.</p><p>A <code><a href="the-colgroup-element.html#the-colgroup-element">colgroup</a></code> element's <a href="#syntax-start-tag" title="syntax-start-tag">start tag</a> may be omitted if the + first thing inside the <code><a href="the-colgroup-element.html#the-colgroup-element">colgroup</a></code> element is a + <code><a href="the-col-element.html#the-col-element">col</a></code> element, and if the element is not immediately + preceded by another <code><a href="the-colgroup-element.html#the-colgroup-element">colgroup</a></code> element whose <a href="#syntax-end-tag" title="syntax-end-tag">end tag</a> has been omitted. (It can't be + omitted if the element is empty.)</p><p>A <code><a href="the-colgroup-element.html#the-colgroup-element">colgroup</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end tag</a> may be omitted if the + <code><a href="the-colgroup-element.html#the-colgroup-element">colgroup</a></code> element is not immediately followed by a + <a href="common-microsyntaxes.html#space-character">space character</a> or a <a href="#syntax-comments" title="syntax-comments">comment</a>.</p><p>A <code><a href="the-thead-element.html#the-thead-element">thead</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end + tag</a> may be omitted if the <code><a href="the-thead-element.html#the-thead-element">thead</a></code> element is + immediately followed by a <code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code> or <code><a href="the-tfoot-element.html#the-tfoot-element">tfoot</a></code> + element.</p><p>A <code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code> element's <a href="#syntax-start-tag" title="syntax-start-tag">start tag</a> may be omitted if the + first thing inside the <code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code> element is a + <code><a href="the-tr-element.html#the-tr-element">tr</a></code> element, and if the element is not immediately + preceded by a <code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code>, <code><a href="the-thead-element.html#the-thead-element">thead</a></code>, or + <code><a href="the-tfoot-element.html#the-tfoot-element">tfoot</a></code> element whose <a href="#syntax-end-tag" title="syntax-end-tag">end tag</a> has been omitted. (It can't be omitted if the element is - empty.)</p><p>A <code><a href="tabular-data.html#the-tbody-element">tbody</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end - tag</a> may be omitted if the <code><a href="tabular-data.html#the-tbody-element">tbody</a></code> element is - immediately followed by a <code><a href="tabular-data.html#the-tbody-element">tbody</a></code> or <code><a href="tabular-data.html#the-tfoot-element">tfoot</a></code> - element, or if there is no more content in the parent element.</p><p>A <code><a href="tabular-data.html#the-tfoot-element">tfoot</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end - tag</a> may be omitted if the <code><a href="tabular-data.html#the-tfoot-element">tfoot</a></code> element is - immediately followed by a <code><a href="tabular-data.html#the-tbody-element">tbody</a></code> element, or if there is - no more content in the parent element.</p><p>A <code><a href="tabular-data.html#the-tr-element">tr</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end - tag</a> may be omitted if the <code><a href="tabular-data.html#the-tr-element">tr</a></code> element is - immediately followed by another <code><a href="tabular-data.html#the-tr-element">tr</a></code> element, or if there - is no more content in the parent element.</p><p>A <code><a href="tabular-data.html#the-td-element">td</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end - tag</a> may be omitted if the <code><a href="tabular-data.html#the-td-element">td</a></code> element is - immediately followed by a <code><a href="tabular-data.html#the-td-element">td</a></code> or <code><a href="tabular-data.html#the-th-element">th</a></code> - element, or if there is no more content in the parent element.</p><p>A <code><a href="tabular-data.html#the-th-element">th</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end - tag</a> may be omitted if the <code><a href="tabular-data.html#the-th-element">th</a></code> element is - immediately followed by a <code><a href="tabular-data.html#the-td-element">td</a></code> or <code><a href="tabular-data.html#the-th-element">th</a></code> + empty.)</p><p>A <code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end + tag</a> may be omitted if the <code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code> element is + immediately followed by a <code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code> or <code><a href="the-tfoot-element.html#the-tfoot-element">tfoot</a></code> + element, or if there is no more content in the parent element.</p><p>A <code><a href="the-tfoot-element.html#the-tfoot-element">tfoot</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end + tag</a> may be omitted if the <code><a href="the-tfoot-element.html#the-tfoot-element">tfoot</a></code> element is + immediately followed by a <code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code> element, or if there is + no more content in the parent element.</p><p>A <code><a href="the-tr-element.html#the-tr-element">tr</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end + tag</a> may be omitted if the <code><a href="the-tr-element.html#the-tr-element">tr</a></code> element is + immediately followed by another <code><a href="the-tr-element.html#the-tr-element">tr</a></code> element, or if there + is no more content in the parent element.</p><p>A <code><a href="the-td-element.html#the-td-element">td</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end + tag</a> may be omitted if the <code><a href="the-td-element.html#the-td-element">td</a></code> element is + immediately followed by a <code><a href="the-td-element.html#the-td-element">td</a></code> or <code><a href="the-th-element.html#the-th-element">th</a></code> + element, or if there is no more content in the parent element.</p><p>A <code><a href="the-th-element.html#the-th-element">th</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end + tag</a> may be omitted if the <code><a href="the-th-element.html#the-th-element">th</a></code> element is + immediately followed by a <code><a href="the-td-element.html#the-td-element">td</a></code> or <code><a href="the-th-element.html#the-th-element">th</a></code> element, or if there is no more content in the parent element.</p><p><strong>However</strong>, a <a href="#syntax-start-tag" title="syntax-start-tag">start tag</a> must never be omitted if it has any attributes.</p><h5 id="element-restrictions"><span class="secno">8.1.2.5 </span>Restrictions on content models</h5><p>For historical reasons, certain elements have extra restrictions - beyond even the restrictions given by their content model.</p><p>A <code><a href="tabular-data.html#the-table-element">table</a></code> element must not contain <code><a href="tabular-data.html#the-tr-element">tr</a></code> + beyond even the restrictions given by their content model.</p><p>A <code><a href="the-table-element.html#the-table-element">table</a></code> element must not contain <code><a href="the-tr-element.html#the-tr-element">tr</a></code> elements, even though these elements are technically allowed inside - <code><a href="tabular-data.html#the-table-element">table</a></code> elements according to the content models - described in this specification. (If a <code><a href="tabular-data.html#the-tr-element">tr</a></code> element is - put inside a <code><a href="tabular-data.html#the-table-element">table</a></code> in the markup, it will in fact imply - a <code><a href="tabular-data.html#the-tbody-element">tbody</a></code> start tag before it.)</p><p>A single <a href="#syntax-newlines" title="syntax-newlines">newline</a> may be + <code><a href="the-table-element.html#the-table-element">table</a></code> elements according to the content models + described in this specification. (If a <code><a href="the-tr-element.html#the-tr-element">tr</a></code> element is + put inside a <code><a href="the-table-element.html#the-table-element">table</a></code> in the markup, it will in fact imply + a <code><a href="the-tbody-element.html#the-tbody-element">tbody</a></code> start tag before it.)</p><p>A single <a href="#syntax-newlines" title="syntax-newlines">newline</a> may be placed immediately after the <a href="#syntax-start-tag" title="syntax-start-tag">start - tag</a> of <code><a href="grouping-content.html#the-pre-element">pre</a></code> and <code><a href="the-button-element.html#the-textarea-element">textarea</a></code> + tag</a> of <code><a href="the-pre-element.html#the-pre-element">pre</a></code> and <code><a href="the-textarea-element.html#the-textarea-element">textarea</a></code> elements. This does not affect the processing of the element. The otherwise optional <a href="#syntax-newlines" title="syntax-newlines">newline</a> <em>must</em> be included if the element's contents themselves start with a <a href="#syntax-newlines" title="syntax-newlines">newline</a> (because otherwise the leading newline in the contents would be treated like the optional newline, and ignored).</p><div class="example"> - <p>The following two <code><a href="grouping-content.html#the-pre-element">pre</a></code> blocks are equivalent:</p> + <p>The following two <code><a href="the-pre-element.html#the-pre-element">pre</a></code> blocks are equivalent:</p> <pre><pre>Hello</pre></pre> <pre><pre><br>Hello</pre></pre> </div><h5 id="cdata-rcdata-restrictions"><span class="secno">8.1.2.6 </span>Restrictions on the contents of raw text and RCDATA elements</h5><p>The text in <a href="#raw-text-elements" title="raw text elements">raw text</a> and Index: webappapis.html =================================================================== RCS file: /sources/public/html5/spec/webappapis.html,v retrieving revision 1.204 retrieving revision 1.205 diff -u -d -r1.204 -r1.205 --- webappapis.html 10 Dec 2011 06:02:17 -0000 1.204 +++ webappapis.html 10 Dec 2011 06:15:48 -0000 1.205 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>6 Web application APIs — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>6 Web application APIs — HTML5</title><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; } @@ -319,33 +318,36 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="offline.html" title="5.6 Offline Web applications" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> + <link href="offline.html" title="5.6 Offline Web applications" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> <link href="timers.html" title="6.3 Timers" rel="next"> - </head><body><div class="head" id="head"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="offline.html" class="prev">5.6 Offline Web applications</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="timers.html" class="next">6.3 Timers</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="offline.html">← 5.6 Offline Web applications</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="timers.html">6.3 Timers →</a> <ol class="toc"><li><a href="webappapis.html#webappapis"><span class="secno">6 </span>Web application APIs</a> <ol><li><a href="webappapis.html#scripting"><span class="secno">6.1 </span>Scripting</a> <ol><li><a href="webappapis.html#introduction-5"><span class="secno">6.1.1 </span>Introduction</a></li><li><a href="webappapis.html#enabling-and-disabling-scripting"><span class="secno">6.1.2 </span>Enabling and disabling scripting</a></li><li><a href="webappapis.html#processing-model-1"><span class="secno">6.1.3 </span>Processing model</a> <ol><li><a href="webappapis.html#definitions-0"><span class="secno">6.1.3.1 </span>Definitions</a></li><li><a href="webappapis.html#calling-scripts"><span class="secno">6.1.3.2 </span>Calling scripts</a></li><li><a href="webappapis.html#creating-scripts"><span class="secno">6.1.3.3 </span>Creating scripts</a></li><li><a href="webappapis.html#killing-scripts"><span class="secno">6.1.3.4 </span>Killing scripts</a></li><li><a href="webappapis.html#runtime-script-errors"><span class="secno">6.1.3.5 </span>Runtime script errors</a> <ol><li><a href="webappapis.html#runtime-script-errors-in-documents"><span class="secno">6.1.3.5.1 </span>Runtime script errors in documents</a></li></ol></li></ol></li><li><a href="webappapis.html#event-loops"><span class="secno">6.1.4 </span>Event loops</a> <ol><li><a href="webappapis.html#definitions-1"><span class="secno">6.1.4.1 </span>Definitions</a></li><li><a href="webappapis.html#processing-model-2"><span class="secno">6.1.4.2 </span>Processing model</a></li><li><a href="webappapis.html#generic-task-sources"><span class="secno">6.1.4.3 </span>Generic task sources</a></li></ol></li><li><a href="webappapis.html#javascript-protocol"><span class="secno">6.1.5 </span>The <code title="">javascript:</code> URL scheme</a></li><li><a href="webappapis.html#events"><span class="secno">6.1.6 </span>Events</a> - <ol><li><a href="webappapis.html#event-handler-attributes"><span class="secno">6.1.6.1 </span>Event handlers</a></li><li><a href="webappapis.html#event-handlers-on-elements-document-objects-and-window-objects"><span class="secno">6.1.6.2 </span>Event handlers on elements, <code>Document</code> objects, and <code>Window</code> objects</a></li><li><a href="webappapis.html#event-firing"><span class="secno">6.1.6.3 </span>Event firing</a></li><li><a href="webappapis.html#events-and-the-window-object"><span class="secno">6.1.6.4 </span>Events and the <code>Window</code> object</a></li></ol></li></ol></li><li><a href="webappapis.html#atob"><span class="secno">6.2 </span>Base64 utility methods</a></li></ol></li></ol></div> + <ol><li><a href="webappapis.html#event-handler-attributes"><span class="secno">6.1.6.1 </span>Event handlers</a></li><li><a href="webappapis.html#event-handlers-on-elements-document-objects-and-window-objects"><span class="secno">6.1.6.2 </span>Event handlers on elements, <code>Document</code> objects, and <code>Window</code> objects</a></li><li><a href="webappapis.html#event-firing"><span class="secno">6.1.6.3 </span>Event firing</a></li><li><a href="webappapis.html#events-and-the-window-object"><span class="secno">6.1.6.4 </span>Events and the <code>Window</code> object</a></li></ol></li></ol></li><li><a href="webappapis.html#atob"><span class="secno">6.2 </span>Base64 utility methods</a></li></ol></li></ol></nav> <h2 id="webappapis"><span class="secno">6 </span>Web application APIs</h2><h3 id="scripting"><span class="secno">6.1 </span>Scripting</h3><h4 id="introduction-5"><span class="secno">6.1.1 </span>Introduction</h4><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#the-script-element">script</a></code> elements.</li> + probably not limited to:</p><ul><li>Processing of <code><a href="the-script-element.html#the-script-element">script</a></code> elements.</li> <li>Processing of inline <code title="javascript - protocol"><a href="#javascript-protocol">javascript:</a></code> URLs (e.g. the <code title="attr-img-src"><a href="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> + protocol"><a href="#javascript-protocol">javascript:</a></code> URLs (e.g. the <code title="attr-img-src"><a href="the-img-element.html#attr-img-src">src</a></code> attribute of <code><a href="the-img-element.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> + <code><a href="the-style-element.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 @@ -486,7 +488,7 @@ <p>A <code><a href="dom.html#document">Document</a></code> that is assigned responsibility for actions taken by the script.</p> - <p class="example">When a script <a href="fetching-resources.html#fetch" title="fetch">fetches</a> a resource, the <a href="dom.html#the-document-s-current-address" title="the + <p class="example">When a script <a href="urls.html#fetch" title="fetch">fetches</a> a resource, the <a href="dom.html#the-document-s-current-address" title="the document's current address">current address</a> of the <a href="#script-s-document">script's document</a> will be used to set the <code title="http-referer">Referer</code> (sic) header.</p> @@ -651,7 +653,7 @@ <p>User agents are encouraged to allow users to disable scripting whenever the user is prompted either by a script (e.g. using the - <code title="dom-alert"><a href="timers.html#dom-alert">window.alert()</a></code> API) or because of a + <code title="dom-alert"><a href="user-prompts.html#dom-alert">window.alert()</a></code> API) or because of a script's actions (e.g. because it has exceeded a time limit).</p> <p>If scripting is disabled while a script is executing, the script @@ -720,21 +722,21 @@ <p>The resource containing the script will typically be the file from which the <code><a href="dom.html#document">Document</a></code> was parsed, e.g. for inline - <code><a href="scripting-1.html#the-script-element">script</a></code> elements or <a href="#event-handler-content-attributes">event handler content + <code><a href="the-script-element.html#the-script-element">script</a></code> elements or <a href="#event-handler-content-attributes">event handler content attributes</a>; or the JavaScript file that the script was in, for external scripts. Even for dynamically-generated scripts, user agents are strongly encouraged to attempt to keep track of the original source of a script. For example, if an external script uses - the <code title="dom-document-write"><a href="content-models.html#dom-document-write">document.write()</a></code> API to - insert an inline <code><a href="scripting-1.html#the-script-element">script</a></code> element during parsing, the URL + the <code title="dom-document-write"><a href="dynamic-markup-insertion.html#dom-document-write">document.write()</a></code> API to + insert an inline <code><a href="the-script-element.html#the-script-element">script</a></code> element during parsing, the URL of the resource containing the script would ideally be reported as being the external script, and the line number might ideally be - reported as the line with the <code title="dom-document-write"><a href="content-models.html#dom-document-write">document.write()</a></code> call or where the + reported as the line with the <code title="dom-document-write"><a href="dynamic-markup-insertion.html#dom-document-write">document.write()</a></code> call or where the string passed to that call was first constructed. Naturally, implementing this can be somewhat non-trivial.</p> <p>User agents are similarly encouraged to keep careful track of the - original line numbers, even in the face of <code title="dom-document-write"><a href="content-models.html#dom-document-write">document.write()</a></code> calls mutating + original line numbers, even in the face of <code title="dom-document-write"><a href="dynamic-markup-insertion.html#dom-document-write">document.write()</a></code> calls mutating the document as it is parsed, or <a href="#event-handler-content-attributes">event handler content attributes</a> spanning multiple lines.</p> @@ -803,7 +805,7 @@ <dt>Using a resource</dt> - <dd><p>When an algorithm <a href="fetching-resources.html#fetch" title="fetch">fetches</a> a + <dd><p>When an algorithm <a href="urls.html#fetch" title="fetch">fetches</a> a resource, if the fetching occurs asynchronously then the processing of the resource once some or all of the resource is available is a task.</p></dd> @@ -846,7 +848,7 @@ <p>A user agent may have one <dfn id="storage-mutex">storage mutex</dfn>. This mutex is used to control access to shared state like cookies. At any one point, the <a href="#storage-mutex">storage mutex</a> is either free, or owned by a - particular <a href="#event-loop">event loop</a> or instance of the <a href="fetching-resources.html#fetch" title="fetch">fetching</a> algorithm.</p> + particular <a href="#event-loop">event loop</a> or instance of the <a href="urls.html#fetch" title="fetch">fetching</a> algorithm.</p> <p>If a user agent does not implement a <a href="#storage-mutex">storage mutex</a>, it is exempt from implementing the requirements that require it to @@ -1065,7 +1067,7 @@ document</a> of the <a href="browsers.html#browsing-context">browsing context</a> being navigated.</p> - <p>If <var title="">address</var> is <code><a href="fetching-resources.html#about:blank">about:blank</a></code>, + <p>If <var title="">address</var> is <code><a href="urls.html#about:blank">about:blank</a></code>, and the <a href="browsers.html#browsing-context">browsing context</a> being navigated has a <a href="browsers.html#creator-browsing-context">creator browsing context</a>, then let <var title="">address</var> be the <a href="dom.html#the-document-s-address" title="the document's address">address</a> of the <a href="browsers.html#creator-document">creator @@ -1108,12 +1110,12 @@ to an HTTP resource with an HTTP 204 No Content response.</p> <p>Otherwise, the URL must be treated in a manner equivalent to an - HTTP resource with a 200 OK response whose <a href="fetching-resources.html#content-type" title="Content-Type">Content-Type metadata</a> is + HTTP resource with a 200 OK response whose <a href="urls.html#content-type" title="Content-Type">Content-Type metadata</a> is <code><a href="iana.html#text-html">text/html</a></code> and whose response body is the return value converted to a string value.</p> - <p class="note">Certain contexts, in particular <code><a href="embedded-content-1.html#the-img-element">img</a></code> - elements, ignore the <a href="fetching-resources.html#content-type" title="Content-Type">Content-Type + <p class="note">Certain contexts, in particular <code><a href="the-img-element.html#the-img-element">img</a></code> + elements, ignore the <a href="urls.html#content-type" title="Content-Type">Content-Type metadata</a>.</p> </li> @@ -1121,12 +1123,12 @@ </ol><div class="example"> <p>So for example a <code title="">javascript:</code> URL for a - <code title="attr-img-src"><a href="embedded-content-1.html#attr-img-src">src</a></code> attribute of an - <code><a href="embedded-content-1.html#the-img-element">img</a></code> element would be evaluated in the context of an + <code title="attr-img-src"><a href="the-img-element.html#attr-img-src">src</a></code> attribute of an + <code><a href="the-img-element.html#the-img-element">img</a></code> element would be evaluated in the context of an empty object as soon as the attribute is set; it would then be sniffed to determine the image type and decoded as an image.</p> - <p>A <code title="">javascript:</code> URL in an <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> attribute of an <code><a href="text-level-semantics.html#the-a-element">a</a></code> + <p>A <code title="">javascript:</code> URL in an <code title="attr-hyperlink-href"><a href="links.html#attr-hyperlink-href">href</a></code> attribute of an <code><a href="the-a-element.html#the-a-element">a</a></code> element would only be evaluated when the link was <a href="links.html#following-hyperlinks" title="following hyperlinks">followed</a>.</p> <p>The <code title="attr-iframe-src"><a href="the-iframe-element.html#attr-iframe-src">src</a></code> attribute of an @@ -1165,7 +1167,7 @@ <p class="note">This can happen in particular for <a href="#event-handler-idl-attributes" title="event handler IDL attributes">event handler IDL attribute</a> on - <code><a href="sections.html#the-body-element">body</a></code> elements that do not have corresponding + <code><a href="the-body-element.html#the-body-element">body</a></code> elements that do not have corresponding <code><a href="browsers.html#window">Window</a></code> objects.</p> <p class="note">Certain event handler IDL attributes have additional @@ -1440,8 +1442,8 @@ IDL attributes, and on <code><a href="dom.html#document">Document</a></code> and <code><a href="browsers.html#window">Window</a></code> objects, as IDL attributes.</p><table><thead><tr><th><a href="#event-handlers" title="event handlers">Event handler</a> </th><th><a href="#event-handler-event-type">Event handler event type</a> </th></tr></thead><tbody><tr><td><dfn id="handler-onabort" title="handler-onabort"><code>onabort</code></dfn> </td><td> <code title="event-abort">abort</code> - </td></tr><tr><td><dfn id="handler-oncanplay" title="handler-oncanplay"><code>oncanplay</code></dfn> </td><td> <code title="event-media-canplay"><a href="the-iframe-element.html#event-media-canplay">canplay</a></code> - </td></tr><tr><td><dfn id="handler-oncanplaythrough" title="handler-oncanplaythrough"><code>oncanplaythrough</code></dfn> </td><td> <code title="event-media-canplaythrough"><a href="the-iframe-element.html#event-media-canplaythrough">canplaythrough</a></code> + </td></tr><tr><td><dfn id="handler-oncanplay" title="handler-oncanplay"><code>oncanplay</code></dfn> </td><td> <code title="event-media-canplay"><a href="media-elements.html#event-media-canplay">canplay</a></code> + </td></tr><tr><td><dfn id="handler-oncanplaythrough" title="handler-oncanplaythrough"><code>oncanplaythrough</code></dfn> </td><td> <code title="event-media-canplaythrough"><a href="media-elements.html#event-media-canplaythrough">canplaythrough</a></code> </td></tr><tr><td><dfn id="handler-onchange" title="handler-onchange"><code>onchange</code></dfn> </td><td> <code title="event-change">change</code> </td></tr><tr><td><dfn id="handler-onclick" title="handler-onclick"><code>onclick</code></dfn> </td><td> <code title="event-click"><a href="infrastructure.html#event-click">click</a></code> </td></tr><tr><td><dfn id="handler-oncontextmenu" title="handler-oncontextmenu"><code>oncontextmenu</code></dfn> </td><td> <code title="event-contextmenu">contextmenu</code> @@ -1454,39 +1456,39 @@ </td></tr><tr><td><dfn id="handler-ondragover" title="handler-ondragover"><code>ondragover</code></dfn> </td><td> <code title="event-dragover"><a href="dnd.html#event-dragover">dragover</a></code> </td></tr><tr><td><dfn id="handler-ondragstart" title="handler-ondragstart"><code>ondragstart</code></dfn> </td><td> <code title="event-dragstart"><a href="dnd.html#event-dragstart">dragstart</a></code> </td></tr><tr><td><dfn id="handler-ondrop" title="handler-ondrop"><code>ondrop</code></dfn> </td><td> <code title="event-drop"><a href="dnd.html#event-drop">drop</a></code> - </td></tr><tr><td><dfn id="handler-ondurationchange" title="handler-ondurationchange"><code>ondurationchange</code></dfn> </td><td> <code title="event-media-durationchange"><a href="the-iframe-element.html#event-media-durationchange">durationchange</a></code> - </td></tr><tr><td><dfn id="handler-onemptied" title="handler-onemptied"><code>onemptied</code></dfn> </td><td> <code title="event-media-emptied"><a href="the-iframe-element.html#event-media-emptied">emptied</a></code> - </td></tr><tr><td><dfn id="handler-onended" title="handler-onended"><code>onended</code></dfn> </td><td> <code title="event-media-ended"><a href="the-iframe-element.html#event-media-ended">ended</a></code> + </td></tr><tr><td><dfn id="handler-ondurationchange" title="handler-ondurationchange"><code>ondurationchange</code></dfn> </td><td> <code title="event-media-durationchange"><a href="media-elements.html#event-media-durationchange">durationchange</a></code> + </td></tr><tr><td><dfn id="handler-onemptied" title="handler-onemptied"><code>onemptied</code></dfn> </td><td> <code title="event-media-emptied"><a href="media-elements.html#event-media-emptied">emptied</a></code> + </td></tr><tr><td><dfn id="handler-onended" title="handler-onended"><code>onended</code></dfn> </td><td> <code title="event-media-ended"><a href="media-elements.html#event-media-ended">ended</a></code> </td></tr><tr><td><dfn id="handler-oninput" title="handler-oninput"><code>oninput</code></dfn> </td><td> <code title="event-input">input</code> </td></tr><tr><td><dfn id="handler-oninvalid" title="handler-oninvalid"><code>oninvalid</code></dfn> </td><td> <code title="event-invalid">invalid</code> </td></tr><tr><td><dfn id="handler-onkeydown" title="handler-onkeydown"><code>onkeydown</code></dfn> </td><td> <code title="event-keydown">keydown</code> </td></tr><tr><td><dfn id="handler-onkeypress" title="handler-onkeypress"><code>onkeypress</code></dfn> </td><td> <code title="event-keypress">keypress</code> </td></tr><tr><td><dfn id="handler-onkeyup" title="handler-onkeyup"><code>onkeyup</code></dfn> </td><td> <code title="event-keyup">keyup</code> - </td></tr><tr><td><dfn id="handler-onloadeddata" title="handler-onloadeddata"><code>onloadeddata</code></dfn> </td><td> <code title="event-media-loadeddata"><a href="the-iframe-element.html#event-media-loadeddata">loadeddata</a></code> - </td></tr><tr><td><dfn id="handler-onloadedmetadata" title="handler-onloadedmetadata"><code>onloadedmetadata</code></dfn> </td><td> <code title="event-media-loadedmetadata"><a href="the-iframe-element.html#event-media-loadedmetadata">loadedmetadata</a></code> - </td></tr><tr><td><dfn id="handler-onloadstart" title="handler-onloadstart"><code>onloadstart</code></dfn> </td><td> <code title="event-media-loadstart"><a href="the-iframe-element.html#event-media-loadstart">loadstart</a></code> + </td></tr><tr><td><dfn id="handler-onloadeddata" title="handler-onloadeddata"><code>onloadeddata</code></dfn> </td><td> <code title="event-media-loadeddata"><a href="media-elements.html#event-media-loadeddata">loadeddata</a></code> + </td></tr><tr><td><dfn id="handler-onloadedmetadata" title="handler-onloadedmetadata"><code>onloadedmetadata</code></dfn> </td><td> <code title="event-media-loadedmetadata"><a href="media-elements.html#event-media-loadedmetadata">loadedmetadata</a></code> + </td></tr><tr><td><dfn id="handler-onloadstart" title="handler-onloadstart"><code>onloadstart</code></dfn> </td><td> <code title="event-media-loadstart"><a href="media-elements.html#event-media-loadstart">loadstart</a></code> </td></tr><tr><td><dfn id="handler-onmousedown" title="handler-onmousedown"><code>onmousedown</code></dfn> </td><td> <code title="event-mousedown">mousedown</code> </td></tr><tr><td><dfn id="handler-onmousemove" title="handler-onmousemove"><code>onmousemove</code></dfn> </td><td> <code title="event-mousemove">mousemove</code> </td></tr><tr><td><dfn id="handler-onmouseout" title="handler-onmouseout"><code>onmouseout</code></dfn> </td><td> <code title="event-mouseout">mouseout</code> </td></tr><tr><td><dfn id="handler-onmouseover" title="handler-onmouseover"><code>onmouseover</code></dfn> </td><td> <code title="event-mouseover">mouseover</code> </td></tr><tr><td><dfn id="handler-onmouseup" title="handler-onmouseup"><code>onmouseup</code></dfn> </td><td> <code title="event-mouseup">mouseup</code> </td></tr><tr><td><dfn id="handler-onmousewheel" title="handler-onmousewheel"><code>onmousewheel</code></dfn> </td><td> <code title="event-mousewheel">mousewheel</code> - </td></tr><tr><td><dfn id="handler-onpause" title="handler-onpause"><code>onpause</code></dfn> </td><td> <code title="event-media-pause"><a href="the-iframe-element.html#event-media-pause">pause</a></code> - </td></tr><tr><td><dfn id="handler-onplay" title="handler-onplay"><code>onplay</code></dfn> </td><td> <code title="event-media-play"><a href="the-iframe-element.html#event-media-play">play</a></code> - </td></tr><tr><td><dfn id="handler-onplaying" title="handler-onplaying"><code>onplaying</code></dfn> </td><td> <code title="event-media-playing"><a href="the-iframe-element.html#event-media-playing">playing</a></code> - </td></tr><tr><td><dfn id="handler-onprogress" title="handler-onprogress"><code>onprogress</code></dfn> </td><td> <code title="event-media-progress"><a href="the-iframe-element.html#event-media-progress">progress</a></code> - </td></tr><tr><td><dfn id="handler-onratechange" title="handler-onratechange"><code>onratechange</code></dfn> </td><td> <code title="event-media-ratechange"><a href="the-iframe-element.html#event-media-ratechange">ratechange</a></code> + </td></tr><tr><td><dfn id="handler-onpause" title="handler-onpause"><code>onpause</code></dfn> </td><td> <code title="event-media-pause"><a href="media-elements.html#event-media-pause">pause</a></code> + </td></tr><tr><td><dfn id="handler-onplay" title="handler-onplay"><code>onplay</code></dfn> </td><td> <code title="event-media-play"><a href="media-elements.html#event-media-play">play</a></code> + </td></tr><tr><td><dfn id="handler-onplaying" title="handler-onplaying"><code>onplaying</code></dfn> </td><td> <code title="event-media-playing"><a href="media-elements.html#event-media-playing">playing</a></code> + </td></tr><tr><td><dfn id="handler-onprogress" title="handler-onprogress"><code>onprogress</code></dfn> </td><td> <code title="event-media-progress"><a href="media-elements.html#event-media-progress">progress</a></code> + </td></tr><tr><td><dfn id="handler-onratechange" title="handler-onratechange"><code>onratechange</code></dfn> </td><td> <code title="event-media-ratechange"><a href="media-elements.html#event-media-ratechange">ratechange</a></code> </td></tr><tr><td><dfn id="handler-onreset" title="handler-onreset"><code>onreset</code></dfn> </td><td> <code title="event-reset">reset</code> - </td></tr><tr><td><dfn id="handler-onseeked" title="handler-onseeked"><code>onseeked</code></dfn> </td><td> <code title="event-media-seeked"><a href="the-iframe-element.html#event-media-seeked">seeked</a></code> - </td></tr><tr><td><dfn id="handler-onseeking" title="handler-onseeking"><code>onseeking</code></dfn> </td><td> <code title="event-media-seeking"><a href="the-iframe-element.html#event-media-seeking">seeking</a></code> + </td></tr><tr><td><dfn id="handler-onseeked" title="handler-onseeked"><code>onseeked</code></dfn> </td><td> <code title="event-media-seeked"><a href="media-elements.html#event-media-seeked">seeked</a></code> + </td></tr><tr><td><dfn id="handler-onseeking" title="handler-onseeking"><code>onseeking</code></dfn> </td><td> <code title="event-media-seeking"><a href="media-elements.html#event-media-seeking">seeking</a></code> </td></tr><tr><td><dfn id="handler-onselect" title="handler-onselect"><code>onselect</code></dfn> </td><td> <code title="event-select">select</code> <!-- [CSSOM] --> </td></tr><tr><td><dfn id="handler-onshow" title="handler-onshow"><code>onshow</code></dfn> </td><td> <code title="event-show">show</code> - </td></tr><tr><td><dfn id="handler-onstalled" title="handler-onstalled"><code>onstalled</code></dfn> </td><td> <code title="event-media-stalled"><a href="the-iframe-element.html#event-media-stalled">stalled</a></code> + </td></tr><tr><td><dfn id="handler-onstalled" title="handler-onstalled"><code>onstalled</code></dfn> </td><td> <code title="event-media-stalled"><a href="media-elements.html#event-media-stalled">stalled</a></code> </td></tr><tr><td><dfn id="handler-onsubmit" title="handler-onsubmit"><code>onsubmit</code></dfn> </td><td> <code title="event-submit">submit</code> - </td></tr><tr><td><dfn id="handler-onsuspend" title="handler-onsuspend"><code>onsuspend</code></dfn> </td><td> <code title="event-media-suspend"><a href="the-iframe-element.html#event-media-suspend">suspend</a></code> - </td></tr><tr><td><dfn id="handler-ontimeupdate" title="handler-ontimeupdate"><code>ontimeupdate</code></dfn> </td><td> <code title="event-media-timeupdate"><a href="the-iframe-element.html#event-media-timeupdate">timeupdate</a></code> - </td></tr><tr><td><dfn id="handler-onvolumechange" title="handler-onvolumechange"><code>onvolumechange</code></dfn> </td><td> <code title="event-media-volumechange"><a href="the-iframe-element.html#event-media-volumechange">volumechange</a></code> - </td></tr><tr><td><dfn id="handler-onwaiting" title="handler-onwaiting"><code>onwaiting</code></dfn> </td><td> <code title="event-media-waiting"><a href="the-iframe-element.html#event-media-waiting">waiting</a></code> + </td></tr><tr><td><dfn id="handler-onsuspend" title="handler-onsuspend"><code>onsuspend</code></dfn> </td><td> <code title="event-media-suspend"><a href="media-elements.html#event-media-suspend">suspend</a></code> + </td></tr><tr><td><dfn id="handler-ontimeupdate" title="handler-ontimeupdate"><code>ontimeupdate</code></dfn> </td><td> <code title="event-media-timeupdate"><a href="media-elements.html#event-media-timeupdate">timeupdate</a></code> + </td></tr><tr><td><dfn id="handler-onvolumechange" title="handler-onvolumechange"><code>onvolumechange</code></dfn> </td><td> <code title="event-media-volumechange"><a href="media-elements.html#event-media-volumechange">volumechange</a></code> + </td></tr><tr><td><dfn id="handler-onwaiting" title="handler-onwaiting"><code>onwaiting</code></dfn> </td><td> <code title="event-media-waiting"><a href="media-elements.html#event-media-waiting">waiting</a></code> @@ -1495,7 +1497,7 @@ </td></tr></tbody></table><hr><p>The following are the <a href="#event-handlers">event handlers</a> (and their corresponding <a href="#event-handler-event-type" title="event handler event type">event handler event types</a>) <span class="impl">that must be</span> supported - by all <a href="infrastructure.html#html-elements">HTML elements</a> other than <code><a href="sections.html#the-body-element">body</a></code>, as + by all <a href="infrastructure.html#html-elements">HTML elements</a> other than <code><a href="the-body-element.html#the-body-element">body</a></code>, as both content attributes and IDL attributes, and on <code><a href="dom.html#document">Document</a></code> objects, as IDL attributes:</p><table><thead><tr><th><a href="#event-handlers" title="event handlers">Event handler</a> </th><th><a href="#event-handler-event-type">Event handler event type</a> </th></tr></thead><tbody><tr><td><dfn id="handler-onblur" title="handler-onblur"><code>onblur</code></dfn> </td><td> <code title="event-blur">blur</code> @@ -1508,7 +1510,7 @@ event types</a>) <span class="impl">that must be</span> supported by <code><a href="browsers.html#window">Window</a></code> objects, as IDL attributes on the <code><a href="browsers.html#window">Window</a></code> object, and with corresponding content - attributes and IDL attributes exposed on the <code><a href="sections.html#the-body-element">body</a></code> and + attributes and IDL attributes exposed on the <code><a href="the-body-element.html#the-body-element">body</a></code> and <code><a href="obsolete.html#frameset">frameset</a></code> elements:</p><table><thead><tr><th><a href="#event-handlers" title="event handlers">Event handler</a> </th><th><a href="#event-handler-event-type">Event handler event type</a> </th></tr></thead><tbody><tr><td><dfn id="handler-window-onafterprint" title="handler-window-onafterprint"><code>onafterprint</code></dfn> </td><td> <code title="event-afterprint">afterprint</code> </td></tr><tr><td><dfn id="handler-window-onbeforeprint" title="handler-window-onbeforeprint"><code>onbeforeprint</code></dfn> </td><td> <code title="event-beforeprint">beforeprint</code> Index: common-microsyntaxes.html =================================================================== RCS file: /sources/public/html5/spec/common-microsyntaxes.html,v retrieving revision 1.66 retrieving revision 1.67 diff -u -d -r1.66 -r1.67 --- common-microsyntaxes.html 10 Dec 2011 06:02:06 -0000 1.66 +++ common-microsyntaxes.html 10 Dec 2011 06:15:41 -0000 1.67 @@ -1,6 +1,5 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html> -<html lang="en-US-x-Hixie" class="split chapter"><head><title>2.5 Common microsyntaxes — HTML5 </title><style type="text/css"> +<html lang="en-US-x-Hixie"><head><title>2.5 Common microsyntaxes — HTML5</title><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; } @@ -319,21 +318,24 @@ } </script> <script src="link-fixup.js"></script> - <link href="style.css" rel="stylesheet"><link href="infrastructure.html" title="2 Common infrastructure" rel="prev"> - <link href="spec.html#contents" title="Table of contents" rel="index"> + <link href="infrastructure.html" title="2 Common infrastructure" rel="prev"> + <link href="index.html#contents" title="Table of contents" rel="contents"> <link href="urls.html" title="2.6 URLs" rel="next"> - </head><body><div class="head" id="head"> + </head><body class="split chapter"><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</h1> - </div><div> - <a href="infrastructure.html" class="prev">2 Common infrastructure</a> – - <a href="spec.html#contents">Table of contents</a> – - <a href="urls.html" class="next">2.6 URLs</a> + <h2 class="no-num no-toc" id="a-vocabulary-and-associated-apis-for-html-and-xhtml">A vocabulary and associated APIs for HTML and XHTML</h2><p>This is revision 1.5469.</p> + + <h2 class="no-num no-toc" id="editor-s-draft-9-december-2011">Editor's Draft 9 December 2011</h2> + </div><nav class="prev_next"> + <a href="infrastructure.html">← 2 Common infrastructure</a> – + <a href="index.html#contents">Table of contents</a> – + <a href="urls.html">2.6 URLs →</a> <ol class="toc"><li><ol><li><a href="common-microsyntaxes.html#common-microsyntaxes"><span class="secno">2.5 </span>Common microsyntaxes</a> <ol><li><a href="common-microsyntaxes.html#common-parser-idioms"><span class="secno">2.5.1 </span>Common parser idioms</a></li><li><a href="common-microsyntaxes.html#boolean-attributes"><span class="secno">2.5.2 </span>Boolean attributes</a></li><li><a href="common-microsyntaxes.html#keywords-and-enumerated-attributes"><span class="secno">2.5.3 </span>Keywords and enumerated attributes</a></li><li><a href="common-microsyntaxes.html#numbers"><span class="secno">2.5.4 </span>Numbers</a> <ol><li><a href="common-microsyntaxes.html#signed-integers"><span class="secno">2.5.4.1 </span>Signed integers</a></li><li><a href="common-microsyntaxes.html#non-negative-integers"><span class="secno">2.5.4.2 </span>Non-negative integers</a></li><li><a href="common-microsyntaxes.html#floating-point-numbers"><span class="secno">2.5.4.3 </span>Floating-point numbers</a></li><li><a href="common-microsyntaxes.html#percentages-and-dimensions"><span class="secno">2.5.4.4 </span>Percentages and lengths</a></li><li><a href="common-microsyntaxes.html#lists-of-integers"><span class="secno">2.5.4.5 </span>Lists of integers</a></li><li><a href="common-microsyntaxes.html#lists-of-dimensions"><span class="secno">2.5.4.6 </span>Lists of dimensions</a></li></ol></li><li><a href="common-microsyntaxes.html#dates-and-times"><span class="secno">2.5.5 </span>Dates and times</a> - <ol><li><a href="common-microsyntaxes.html#months"><span class="secno">2.5.5.1 </span>Months</a></li><li><a href="common-microsyntaxes.html#dates"><span class="secno">2.5.5.2 </span>Dates</a></li><li><a href="common-microsyntaxes.html#yearless-dates"><span class="secno">2.5.5.3 </span>Yearless dates</a></li><li><a href="common-microsyntaxes.html#times"><span class="secno">2.5.5.4 </span>Times</a></li><li><a href="common-microsyntaxes.html#local-dates-and-times"><span class="secno">2.5.5.5 </span>Local dates and times</a></li><li><a href="common-microsyntaxes.html#time-zones"><span class="secno">2.5.5.6 </span>Time zones</a></li><li><a href="common-microsyntaxes.html#global-dates-and-times"><span class="secno">2.5.5.7 </span>Global dates and times</a></li><li><a href="common-microsyntaxes.html#weeks"><span class="secno">2.5.5.8 </span>Weeks</a></li><li><a href="common-microsyntaxes.html#durations"><span class="secno">2.5.5.9 </span>Durations</a></li><li><a href="common-microsyntaxes.html#vaguer-moment-in-time"><span class="secno">2.5.5.10 </span>Vaguer moments in time</a></li></ol></li><li><a href="common-microsyntaxes.html#colors"><span class="secno">2.5.6 </span>Colors</a></li><li><a href="common-microsyntaxes.html#space-separated-tokens"><span class="secno">2.5.7 </span>Space-separated tokens</a></li><li><a href="common-microsyntaxes.html#comma-separated-tokens"><span class="secno">2.5.8 </span>Comma-separated tokens</a></li><li><a href="common-microsyntaxes.html#syntax-references"><span class="secno">2.5.9 </span>References</a></li><li><a href="common-microsyntaxes.html#mq"><span class="secno">2.5.10 </span>Media queries</a></li></ol></li></ol></li></ol></div> + <ol><li><a href="common-microsyntaxes.html#months"><span class="secno">2.5.5.1 </span>Months</a></li><li><a href="common-microsyntaxes.html#dates"><span class="secno">2.5.5.2 </span>Dates</a></li><li><a href="common-microsyntaxes.html#yearless-dates"><span class="secno">2.5.5.3 </span>Yearless dates</a></li><li><a href="common-microsyntaxes.html#times"><span class="secno">2.5.5.4 </span>Times</a></li><li><a href="common-microsyntaxes.html#local-dates-and-times"><span class="secno">2.5.5.5 </span>Local dates and times</a></li><li><a href="common-microsyntaxes.html#time-zones"><span class="secno">2.5.5.6 </span>Time zones</a></li><li><a href="common-microsyntaxes.html#global-dates-and-times"><span class="secno">2.5.5.7 </span>Global dates and times</a></li><li><a href="common-microsyntaxes.html#weeks"><span class="secno">2.5.5.8 </span>Weeks</a></li><li><a href="common-microsyntaxes.html#durations"><span class="secno">2.5.5.9 </span>Durations</a></li><li><a href="common-microsyntaxes.html#vaguer-moment-in-time"><span class="secno">2.5.5.10 </span>Vaguer moments in time</a></li></ol></li><li><a href="common-microsyntaxes.html#colors"><span class="secno">2.5.6 </span>Colors</a></li><li><a href="common-microsyntaxes.html#space-separated-tokens"><span class="secno">2.5.7 </span>Space-separated tokens</a></li><li><a href="common-microsyntaxes.html#comma-separated-tokens"><span class="secno">2.5.8 </span>Comma-separated tokens</a></li><li><a href="common-microsyntaxes.html#syntax-references"><span class="secno">2.5.9 </span>References</a></li><li><a href="common-microsyntaxes.html#mq"><span class="secno">2.5.10 </span>Media queries</a></li></ol></li></ol></li></ol></nav> <h3 id="common-microsyntaxes"><span class="secno">2.5 </span>Common microsyntaxes</h3><p>There are various places in HTML that accept particular data types, such as dates or numbers. This section describes what the @@ -445,7 +447,7 @@ be omitted altogether.</p><div class="example"> <p>Here is an example of a checkbox that is checked and disabled. - The <code title="attr-input-checked"><a href="the-input-element.html#attr-input-checked">checked</a></code> and <code title="attr-fe-disabled"><a href="association-of-controls-and-forms.html#attr-fe-disabled">disabled</a></code> attributes are the + The <code title="attr-input-checked"><a href="the-input-element.html#attr-input-checked">checked</a></code> and <code title="attr-fe-disabled"><a href="attributes-common-to-form-controls.html#attr-fe-disabled">disabled</a></code> attributes are the boolean attributes.</p> <pre><label><input type=checkbox checked name=cheese disabled> Cheese</label></pre> @@ -2655,7 +2657,7 @@ string being parsed up to the end of that string.</p></li> <li><p>Return the first element of type <var title="">type</var> - that has an <code title="attr-id"><a href="elements.html#the-id-attribute">id</a></code> attribute whose value + that has an <code title="attr-id"><a href="global-attributes.html#the-id-attribute">id</a></code> attribute whose value is a <a href="infrastructure.html#case-sensitive">case-sensitive</a> match for <var title="">s</var> or a <code title="">name</code> attribute whose value is a <a href="infrastructure.html#compatibility-caseless">compatibility caseless</a> match for <var title="">s</var>.</p></li>
Received on Saturday, 10 December 2011 06:16:36 UTC