- From: Michael Smith via cvs-syncmail <cvsmail@w3.org>
- Date: Thu, 05 May 2011 18:12:12 +0000
- To: public-html-commits@w3.org
Update of /sources/public/html5/markup/html5-spec In directory hutz:/tmp/cvs-serv17009/html5-spec Modified Files: Overview.html acknowledgements.html apis-in-html-documents.html association-of-controls-and-forms.html browsers.html commands.html common-dom-interfaces.html common-input-element-attributes.html content-models.html dnd.html dom.html editing.html elements.html embedded-content-1.html fetching-resources.html forms.html grouping-content.html history.html index.html infrastructure.html interactive-elements.html introduction.html links.html number-state.html obsolete.html offline.html origin-0.html parsing.html references.html rendering.html scripting-1.html sections.html semantics.html spec.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 toc-status.html tokenization.html urls.html webappapis.html Log Message: document the mediagroup attribute Index: infrastructure.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/infrastructure.html,v retrieving revision 1.9 retrieving revision 1.10 diff -u -d -r1.9 -r1.10 --- infrastructure.html 30 Apr 2011 11:35:45 -0000 1.9 +++ infrastructure.html 5 May 2011 18:12:08 -0000 1.10 @@ -464,7 +464,7 @@ described in the DOM Core specification. For example, the <code title="dom-cloneNode">cloneNode()</code> and <code title="dom-importNode">importNode()</code> methods of the <code><a href="#node">Node</a></code> interface both clone nodes, as do a number of algorithms in this specification. Certain <a href="#html-elements">HTML elements</a> - (in particular, <code><a href="the-input-element.html#the-input-element">input</a></code> and <code><a href="scripting-1.html#script">script</a></code>) apply + (in particular, <code><a href="the-input-element.html#the-input-element">input</a></code> and <code><a href="scripting-1.html#the-script-element">script</a></code>) apply additional requirements on how they are cloned. <a href="references.html#refsDOMCORE">[DOMCORE]</a></p><h4 id="scripting-0"><span class="secno">2.1.4 </span>Scripting</h4><p>The construction "a <code>Foo</code> object", where <code>Foo</code> is actually an interface, is sometimes used instead of the more accurate "an object implementing the interface @@ -595,11 +595,11 @@ specifications.</p> <p class="example">A conforming XHTML processor would, upon - finding an XHTML <code><a href="scripting-1.html#script">script</a></code> element in an XML document, + finding an XHTML <code><a href="scripting-1.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#script">script</a></code> element as an opaque + would instead treat the <code><a href="scripting-1.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 @@ -614,7 +614,7 @@ <p class="note">Unless explicitly stated, specifications that override the semantics of HTML elements do not override the requirements on DOM objects representing those elements. For - example, the <code><a href="scripting-1.html#script">script</a></code> element in the example above + 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> interface.</p> @@ -657,7 +657,7 @@ </dd> - <dt><dfn id="non-scripted">User agents with no scripting support</dfn></dt> + <dt id="non-scripted">User agents with no scripting support</dt> <dd> @@ -900,6 +900,8 @@ <li><dfn id="text"><code>Text</code></dfn> interface</li> <li><dfn id="dom-domimplementation-createdocument" title="dom-DOMImplementation-createDocument"><code>createDocument()</code></dfn> method</li> + <li><dfn id="dom-document-createelement" title="dom-Document-createElement"><code>createElement()</code></dfn> method</li> + <li><dfn id="dom-document-createelementns" title="dom-Document-createElementNS"><code>createElementNS()</code></dfn> method</li> <li><dfn id="dom-document-getelementbyid" title="dom-Document-getElementById"><code>getElementById()</code></dfn> method</li> <li><dfn id="dom-node-insertbefore" title="dom-Node-insertBefore"><code>insertBefore()</code></dfn> method</li> @@ -922,21 +924,18 @@ <li><dfn id="dom-event-target" title="dom-Event-target"><code>target</code></dfn> attribute</li> - </ul><p>The following features are defined in the DOM - Range specification: <a href="references.html#refsDOMRANGE">[DOMRANGE]</a></p> + </ul></dd> - <ul class="brief"><li><dfn id="range"><code>Range</code></dfn> interface</li> + <dt>File API</dt> - <li><dfn id="dom-range-deletecontents" title="dom-Range-deleteContents"><code>deleteContents()</code></dfn> method </li> - <li><dfn id="dom-range-selectnodecontents" title="dom-Range-selectNodeContents"><code>selectNodeContents()</code></dfn> method </li> - <li><dfn id="dom-range-setend" title="dom-Range-setEnd"><code>setEnd()</code></dfn> method </li> - <li><dfn id="dom-range-setstart" title="dom-Range-setStart"><code>setStart()</code></dfn> method </li> + <dd> - <li><dfn id="dom-range-collapsed" title="dom-Range-collapsed"><code>collapsed</code></dfn> attribute </li> - <li><dfn id="dom-range-endcontainer" title="dom-Range-endContainer"><code>endContainer</code></dfn> attribute </li> - <li><dfn id="dom-range-endoffset" title="dom-Range-endOffset"><code>endOffset</code></dfn> attribute </li> - <li><dfn id="dom-range-startcontainer" title="dom-Range-startContainer"><code>startContainer</code></dfn> attribute </li> - <li><dfn id="dom-range-startoffset" title="dom-Range-startOffset"><code>startOffset</code></dfn> attribute </li> + <p>This specification uses the following interfaces defined in the + File API specification: <a href="references.html#refsFILEAPI">[FILEAPI]</a></p> + + <ul class="brief"><li><dfn id="blob">Blob</dfn></li> + <li><dfn id="file">File</dfn></li> + <li><dfn id="filelist">FileList</dfn></li> </ul></dd> @@ -1064,7 +1063,7 @@ include data on HTML elements that scripts can then look for and process.</li> - <li>Authors can use the <code title="meta"><a href="semantics.html#meta"><meta name="" + <li>Authors can use the <code title="meta"><a href="semantics.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 predefined set of metadata names</a>.</li> @@ -1073,7 +1072,7 @@ 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#script"><script type=""></a></code> mechanism with a custom + <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 type, for further handling by inline or server-side scripts.</li> <li>Authors can create <a href="#plugin" title="plugin">plugins</a> and Index: text-level-semantics.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/text-level-semantics.html,v retrieving revision 1.8 retrieving revision 1.9 diff -u -d -r1.8 -r1.9 --- text-level-semantics.html 30 Apr 2011 11:35:46 -0000 1.8 +++ text-level-semantics.html 5 May 2011 18:12:09 -0000 1.9 @@ -1422,7 +1422,7 @@ <pre><p>To make George eat an apple, select <kbd>File | Eat Apple...</kbd></p></pre> - </div><h4 id="the-sub-and-sup-elements"><span class="secno">4.6.15 </span>The <dfn><code>sub</code></dfn> and <dfn><code>sup</code></dfn> elements</h4><dl class="element"><dt>Categories</dt> + </div><h4 id="the-sub-and-sup-elements"><span class="secno">4.6.15 </span>The <dfn id="the-sub-element"><code>sub</code></dfn> and <dfn id="the-sup-element"><code>sup</code></dfn> elements</h4><dl class="element"><dt>Categories</dt> <dd><a href="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> @@ -1477,10 +1477,9 @@ <dd>Uses <code><a href="elements.html#htmlelement">HTMLElement</a></code>.</dd> </dl><p>The <code><a href="#the-i-element">i</a></code> element <a href="rendering.html#represents">represents</a> a span of text in an alternate voice or mood, or otherwise offset from the normal - prose, such as a taxonomic designation, a technical term, an - idiomatic phrase from another language, a thought, a ship name in - Western texts, or some other prose whose typical typographic - presentation is italicized.</p><p>Terms in languages different from the main text should be + prose in a manner indicating a different quality of text, such as a + taxonomic designation, a technical term, an idiomatic phrase from + another language, a thought, or a ship name in Western texts.</p><p>Terms in languages different from the main text should be annotated with <code title="attr-lang"><a href="elements.html#attr-lang">lang</a></code> attributes (or, in XML, <a href="elements.html#attr-xml-lang" title="attr-xml-lang"><code title="">lang</code> attributes in the <span>XML namespace</span></a>).</p><div class="example"> @@ -1522,10 +1521,11 @@ <dt>DOM interface:</dt> <dd>Uses <code><a href="elements.html#htmlelement">HTMLElement</a></code>.</dd> </dl><p>The <code><a href="#the-b-element">b</a></code> element <a href="rendering.html#represents">represents</a> a span of text - to be stylistically offset from the normal prose without conveying - any extra importance, such as key words in a document abstract, - product names in a review, or other spans of text whose typical - typographic presentation is boldened.</p><div class="example"> + to which attention is being drawn for utilitarian purposes without + conveying any extra importance and with no implication of an + alternate voice or mood, such as key words in a document abstract, + product names in a review, actionable words in interactive + text-driven software, or an article lede.</p><div class="example"> <p>The following example shows a use of the <code><a href="#the-b-element">b</a></code> element to highlight key words without marking them up as important:</p> <pre><p>The <b>frobonitor</b> and <b>barbinator</b> components are fried.</p></pre> Index: scripting-1.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/scripting-1.html,v retrieving revision 1.8 retrieving revision 1.9 diff -u -d -r1.8 -r1.9 --- scripting-1.html 30 Apr 2011 11:35:46 -0000 1.8 +++ scripting-1.html 5 May 2011 18:12:09 -0000 1.9 @@ -346,8 +346,8 @@ <a href="spec.html#contents">Table of contents</a> – <a href="sections.html" class="next">4.4 Sections</a> <ol class="toc"><li><ol><li><a href="scripting-1.html#scripting-1"><span class="secno">4.3 </span>Scripting</a> - <ol><li><a href="scripting-1.html#script"><span class="secno">4.3.1 </span>The <code>script</code> element</a> - <ol><li><a href="scripting-1.html#scriptingLanguages"><span class="secno">4.3.1.1 </span>Scripting languages</a></li><li><a href="scripting-1.html#restrictions-for-contents-of-script-elements"><span class="secno">4.3.1.2 </span>Restrictions for contents of <code>script</code> elements</a></li><li><a href="scripting-1.html#inline-documentation-for-external-scripts"><span class="secno">4.3.1.3 </span>Inline documentation for external scripts</a></li></ol></li><li><a href="scripting-1.html#the-noscript-element"><span class="secno">4.3.2 </span>The <code>noscript</code> element</a></li></ol></li></ol></li></ol></div><h3 id="scripting-1"><span class="secno">4.3 </span>Scripting</h3><p>Scripts allow authors to add interactivity to their documents.</p><p>Authors are encouraged to use declarative alternatives to + <ol><li><a href="scripting-1.html#the-script-element"><span class="secno">4.3.1 </span>The <code>script</code> element</a> + <ol><li><a href="scripting-1.html#scriptingLanguages"><span class="secno">4.3.1.1 </span>Scripting languages</a></li><li><a href="scripting-1.html#restrictions-for-contents-of-script-elements"><span class="secno">4.3.1.2 </span>Restrictions for contents of <code>script</code> elements</a></li><li><a href="scripting-1.html#inline-documentation-for-external-scripts"><span class="secno">4.3.1.3 </span>Inline documentation for external scripts</a></li><li><a href="scripting-1.html#scriptTagXSLT"><span class="secno">4.3.1.4 </span>Interaction of <code>script</code> elements and XSLT</a></li></ol></li><li><a href="scripting-1.html#the-noscript-element"><span class="secno">4.3.2 </span>The <code>noscript</code> element</a></li></ol></li></ol></li></ol></div><h3 id="scripting-1"><span class="secno">4.3 </span>Scripting</h3><p>Scripts allow authors to add interactivity to their documents.</p><p>Authors are encouraged to use declarative alternatives to scripting where possible, as declarative mechanisms are often more maintainable, and many users disable scripting.</p><div class="example"> <p>For example, instead of using script to show or hide a section @@ -359,7 +359,7 @@ dynamically resort the table, the link could also be made to function without scripts by requesting the sorted table from the server.</p> - </div><h4 id="script"><span class="secno">4.3.1 </span>The <dfn><code>script</code></dfn> element</h4><dl class="element"><dt>Categories</dt> + </div><h4 id="the-script-element"><span class="secno">4.3.1 </span>The <dfn id="script"><code>script</code></dfn> element</h4><dl class="element"><dt>Categories</dt> <dd><a href="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> @@ -392,7 +392,7 @@ attribute DOMString <a href="#dom-script-text" title="dom-script-text">text</a>; };</pre> </dd> - </dl><p>The <code><a href="#script">script</a></code> element allows authors to include dynamic + </dl><p>The <code><a href="#the-script-element">script</a></code> element allows authors to include dynamic script and data blocks in their documents. The element does not <a href="rendering.html#represents" title="represents">represent</a> content for the user.</p><p>When used to include dynamic scripts, the scripts may either be embedded inline or may be imported from an external file using the @@ -400,12 +400,12 @@ is not that described by "<code title="">text/javascript</code>", then the <code title="attr-script-type"><a href="#attr-script-type">type</a></code> attribute must be present, as described below. Whatever language is used, the - contents of the <code><a href="#script">script</a></code> element must conform with the + contents of the <code><a href="#the-script-element">script</a></code> element must conform with the requirements of that language's specification.</p><p>When used to include data blocks (as opposed to scripts), the data must be embedded inline, the format of the data must be given using the <code title="attr-script-type"><a href="#attr-script-type">type</a></code> attribute, the <code title="attr-script-src"><a href="#attr-script-src">src</a></code> attribute must not be - specified, and the contents of the <code><a href="#script">script</a></code> element must + specified, and the contents of the <code><a href="#the-script-element">script</a></code> element must conform to the requirements defined for the format used.</p><p>The <dfn id="attr-script-type" title="attr-script-type"><code>type</code></dfn> attribute gives the language of the script or format of the data. If the attribute is present, its value must be a <a href="infrastructure.html#valid-mime-type">valid MIME @@ -446,7 +446,7 @@ therefore by necessity scattered throughout the specification. The algorithms below (in this section) describe the core of this processing, but these algorithms reference and are referenced by the - parsing rules for <code><a href="#script">script</a></code> <a href="tree-construction.html#scriptTag">start</a> + parsing rules for <code><a href="#the-script-element">script</a></code> <a href="tree-construction.html#scriptTag">start</a> and <a href="tree-construction.html#scriptEndTag">end</a> tags in HTML, <a href="tree-construction.html#scriptForeignEndTag">in foreign content</a>, and <a href="the-xhtml-syntax.html#scriptTagXML">in XML</a>, the rules for the <code title="dom-document-write"><a href="apis-in-html-documents.html#dom-document-write">document.write()</a></code> method, the handling of <a href="webappapis.html#scripting">scripting</a>, etc.</p><p>The <code title="attr-script-defer"><a href="#attr-script-defer">defer</a></code> attribute may be specified even if the <code title="attr-script-async"><a href="#attr-script-async">async</a></code> @@ -456,33 +456,33 @@ direct effect; these attribute are only used at specific times described below.</p><div class="impl"> - <p>A <code><a href="#script">script</a></code> element has several associated pieces of + <p>A <code><a href="#the-script-element">script</a></code> element has several associated pieces of state.</p> <p>The first is a flag indicating whether or not the script block has been <dfn id="already-started">"already started"</dfn>. Initially, - <code><a href="#script">script</a></code> elements must have this flag unset (script + <code><a href="#the-script-element">script</a></code> elements must have this flag unset (script blocks, when created, are not "already started"). When a - <code><a href="#script">script</a></code> element is <a href="infrastructure.html#concept-clone" title="concept-clone">cloned</a>, the "already started" flag, if + <code><a href="#the-script-element">script</a></code> element is <a href="infrastructure.html#concept-clone" title="concept-clone">cloned</a>, the "already started" flag, if set, must be propagated to the clone when it is created.</p> <p>The second is a flag indicating whether the element was - <dfn id="parser-inserted">"parser-inserted"</dfn>. Initially, <code><a href="#script">script</a></code> + <dfn id="parser-inserted">"parser-inserted"</dfn>. Initially, <code><a href="#the-script-element">script</a></code> elements must have this flag unset. It is set by the <a href="parsing.html#html-parser">HTML - parser</a> and the <a href="the-xhtml-syntax.html#xml-parser">XML parser</a> on <code><a href="#script">script</a></code> + parser</a> and the <a href="the-xhtml-syntax.html#xml-parser">XML parser</a> on <code><a href="#the-script-element">script</a></code> elements they insert and affects the processing of those elements.</p> <p>The third is a flag indicating whether the element will - <dfn id="force-async">"force-async"</dfn>. Initially, <code><a href="#script">script</a></code> elements + <dfn id="force-async">"force-async"</dfn>. Initially, <code><a href="#the-script-element">script</a></code> elements must have this flag set. It is unset by the <a href="parsing.html#html-parser">HTML parser</a> - and the <a href="the-xhtml-syntax.html#xml-parser">XML parser</a> on <code><a href="#script">script</a></code> elements they - insert. In addition, whenever a <code><a href="#script">script</a></code> element whose + and the <a href="the-xhtml-syntax.html#xml-parser">XML parser</a> on <code><a href="#the-script-element">script</a></code> elements they + insert. In addition, whenever a <code><a href="#the-script-element">script</a></code> element whose <a href="#force-async">"force-async"</a> flag is set has a <code title="attr-script-async"><a href="#attr-script-async">async</a></code> content attribute added, the element's <a href="#force-async">"force-async"</a> flag must be unset.</p> <p>The fourth is a flag indicating whether or not the script block is <dfn id="ready-to-be-parser-executed">"ready to be parser-executed"</dfn>. Initially, - <code><a href="#script">script</a></code> elements must have this flag unset (script + <code><a href="#the-script-element">script</a></code> elements must have this flag unset (script blocks, when created, are not "ready to be parser-executed"). This flag is used only for elements that are also <a href="#parser-inserted">"parser-inserted"</a>, to let the parser know when to @@ -493,20 +493,20 @@ encoding</var></dfn>, and <dfn id="the-script-block-s-fallback-character-encoding"><var>the script block's fallback character encoding</var></dfn>. They are determined when the script is prepared, based on the attributes on the element at that time, - and the <code><a href="infrastructure.html#document">Document</a></code> of the <code><a href="#script">script</a></code> + and the <code><a href="infrastructure.html#document">Document</a></code> of the <code><a href="#the-script-element">script</a></code> element.</p> - <p>When a <code><a href="#script">script</a></code> element that is not marked as being + <p>When a <code><a href="#the-script-element">script</a></code> element that is not marked as being <a href="#parser-inserted">"parser-inserted"</a> experiences one of the events listed - in the following list, the user agent must synchronously <a href="#prepare-a-script" title="prepare a script">prepare</a> the <code><a href="#script">script</a></code> + in the following list, the user agent must synchronously <a href="#prepare-a-script" title="prepare a script">prepare</a> the <code><a href="#the-script-element">script</a></code> element:</p> - <ul><li>The <code><a href="#script">script</a></code> element gets <a href="infrastructure.html#insert-an-element-into-a-document" title="insert an element into a document">inserted into a document</a>.</li> + <ul><li>The <code><a href="#the-script-element">script</a></code> element gets <a href="infrastructure.html#insert-an-element-into-a-document" title="insert an element into a document">inserted into a document</a>.</li> - <li>The <code><a href="#script">script</a></code> element is <a href="infrastructure.html#in-a-document">in a + <li>The <code><a href="#the-script-element">script</a></code> element is <a href="infrastructure.html#in-a-document">in a <code>Document</code></a> and its child nodes are changed.</li> - <li>The <code><a href="#script">script</a></code> element is <a href="infrastructure.html#in-a-document">in a + <li>The <code><a href="#the-script-element">script</a></code> element is <a href="infrastructure.html#in-a-document">in a <code>Document</code></a> and has a <code title="attr-script-src"><a href="#attr-script-src">src</a></code> attribute set where previously the element had no such attribute.</li> @@ -515,7 +515,7 @@ <ol><li> - <p>If the <code><a href="#script">script</a></code> element is marked as having + <p>If the <code><a href="#the-script-element">script</a></code> element is marked as having <a href="#already-started">"already started"</a>, then the user agent must abort these steps at this point. The script is not executed.</p> @@ -529,7 +529,7 @@ <var title="">was-parser-inserted</var> to false.</p> <p class="note">This is done so that if parser-inserted - <code><a href="#script">script</a></code> elements fail to run when the parser tries to + <code><a href="#the-script-element">script</a></code> elements fail to run when the parser tries to run them, e.g. because they are empty or specify an unsupported scripting language, another script can later mutate them and cause them to run again.</p> @@ -545,7 +545,7 @@ element's <a href="#force-async">"force-async"</a> flag to true.</p> <p class="note">This is done so that if a parser-inserted - <code><a href="#script">script</a></code> element fails to run when the parser tries to + <code><a href="#the-script-element">script</a></code> element fails to run when the parser tries to run it, but it is later executed after a script dynamically updates it, it will execute asynchronously even if the <code title="attr-script-async"><a href="#attr-script-async">async</a></code> attribute isn't @@ -575,25 +575,25 @@ <p>If either:</p> - <ul class="brief"><li>the <code><a href="#script">script</a></code> element has a <code title="attr-script-type"><a href="#attr-script-type">type</a></code> attribute and its value is + <ul class="brief"><li>the <code><a href="#the-script-element">script</a></code> element has a <code title="attr-script-type"><a href="#attr-script-type">type</a></code> attribute and its value is the empty string, or</li> - <li>the <code><a href="#script">script</a></code> element has no <code title="attr-script-type"><a href="#attr-script-type">type</a></code> attribute but it has a <code title="attr-script-language"><a href="obsolete.html#attr-script-language">language</a></code> attribute and + <li>the <code><a href="#the-script-element">script</a></code> element has no <code title="attr-script-type"><a href="#attr-script-type">type</a></code> attribute but it has a <code title="attr-script-language"><a href="obsolete.html#attr-script-language">language</a></code> attribute and <em>that</em> attribute's value is the empty string, or</li> - <li>the <code><a href="#script">script</a></code> element has neither a <code title="attr-script-type"><a href="#attr-script-type">type</a></code> attribute nor a <code title="attr-script-language"><a href="obsolete.html#attr-script-language">language</a></code> attribute, then</li> + <li>the <code><a href="#the-script-element">script</a></code> element has neither a <code title="attr-script-type"><a href="#attr-script-type">type</a></code> attribute nor a <code title="attr-script-language"><a href="obsolete.html#attr-script-language">language</a></code> attribute, then</li> </ul><p>...let <var><a href="#the-script-block-s-type">the script block's type</a></var> for this - <code><a href="#script">script</a></code> element be "<code title="">text/javascript</code>".</p> + <code><a href="#the-script-element">script</a></code> element be "<code title="">text/javascript</code>".</p> - <p>Otherwise, if the <code><a href="#script">script</a></code> element has a <code title="attr-script-type"><a href="#attr-script-type">type</a></code> attribute, let <var><a href="#the-script-block-s-type">the - script block's type</a></var> for this <code><a href="#script">script</a></code> element be + <p>Otherwise, if the <code><a href="#the-script-element">script</a></code> element has a <code title="attr-script-type"><a href="#attr-script-type">type</a></code> attribute, let <var><a href="#the-script-block-s-type">the + script block's type</a></var> for this <code><a href="#the-script-element">script</a></code> element be the value of that attribute with any leading or trailing sequences of <a href="common-microsyntaxes.html#space-character" title="space character">space characters</a> removed.</p> <p>Otherwise, the element has a non-empty <code title="attr-script-language"><a href="obsolete.html#attr-script-language">language</a></code> attribute; let - <var><a href="#the-script-block-s-type">the script block's type</a></var> for this <code><a href="#script">script</a></code> + <var><a href="#the-script-block-s-type">the script block's type</a></var> for this <code><a href="#the-script-element">script</a></code> element be the concatenation of the string "<code title="">text/</code>" followed by the value of the <code title="attr-script-language"><a href="obsolete.html#attr-script-language">language</a></code> attribute.</p> <p class="note">The <code title="attr-script-language"><a href="obsolete.html#attr-script-language">language</a></code> attribute is never conforming, and is always ignored if there is a <code title="attr-script-type"><a href="#attr-script-type">type</a></code> attribute present.</p> @@ -604,7 +604,7 @@ <p>If the user agent does not <a href="#support-the-scripting-language">support the scripting language</a> given by <var><a href="#the-script-block-s-type">the script block's type</a></var> for - this <code><a href="#script">script</a></code> element, then the user agent must abort + this <code><a href="#the-script-element">script</a></code> element, then the user agent must abort these steps at this point. The script is not executed.</p> </li> @@ -639,15 +639,16 @@ <li id="script-processing-noscript"> <p>If <a href="webappapis.html#concept-n-noscript" title="concept-n-noscript">scripting is - disabled</a> for the <code><a href="#script">script</a></code> element, then the user + disabled</a> for the <code><a href="#the-script-element">script</a></code> element, then the user agent must abort these steps at this point. The script is not executed.</p> <p class="note">The definition of <a href="webappapis.html#concept-n-noscript" title="concept-n-noscript">scripting is disabled</a> means that, amongst others, the following scripts will not execute: scripts in <code>XMLHttpRequest</code>'s <code title="dom-XMLHttpRequest-responseXML">responseXML</code> - documents, scripts in <code>DOMParser</code>-created - documents, and scripts that are first inserted by a script into a + documents, scripts in <code>DOMParser</code>-created documents, + scripts in documents created by <code>XSLTProcessor</code>'s <code title="dom-XSLTProcessor-transformToDocument">transformToDocument</code> + feature, and scripts that are first inserted by a script into a <code><a href="infrastructure.html#document">Document</a></code> that was created using the <code title="dom-DOMImplementation-createDocument"><a href="infrastructure.html#dom-domimplementation-createdocument">createDocument()</a></code> API. <a href="references.html#refsXHR">[XHR]</a> <a href="references.html#refsDOMPARSER">[DOMPARSER]</a> <a href="references.html#refsDOMCORE">[DOMCORE]</a></p> @@ -656,7 +657,7 @@ <li id="script-processing-for"> - <p>If the <code><a href="#script">script</a></code> element has an <code title="attr-script-event"><a href="obsolete.html#attr-script-event">event</a></code> attribute and a <code title="attr-script-for"><a href="obsolete.html#attr-script-for">for</a></code> attribute, then run these + <p>If the <code><a href="#the-script-element">script</a></code> element has an <code title="attr-script-event"><a href="obsolete.html#attr-script-event">event</a></code> attribute and a <code title="attr-script-for"><a href="obsolete.html#attr-script-for">for</a></code> attribute, then run these substeps:</p> <ol><li><p>Let <var title="">for</var> be the value of the <code title="attr-script-for"><a href="obsolete.html#attr-script-for">for</a></code> attribute.</p></li> @@ -678,12 +679,12 @@ <li id="script-processing-encoding"> - <p>If the <code><a href="#script">script</a></code> element has a <code title="attr-script-charset"><a href="#attr-script-charset">charset</a></code> attribute, then let + <p>If the <code><a href="#the-script-element">script</a></code> element has a <code title="attr-script-charset"><a href="#attr-script-charset">charset</a></code> attribute, then let <var><a href="#the-script-block-s-character-encoding">the script block's character encoding</a></var> for this - <code><a href="#script">script</a></code> element be the encoding given by the <code title="attr-script-charset"><a href="#attr-script-charset">charset</a></code> attribute.</p> + <code><a href="#the-script-element">script</a></code> element be the encoding given by the <code title="attr-script-charset"><a href="#attr-script-charset">charset</a></code> attribute.</p> <p>Otherwise, let <var><a href="#the-script-block-s-fallback-character-encoding">the script block's fallback character - encoding</a></var> for this <code><a href="#script">script</a></code> element be the same as + encoding</a></var> for this <code><a href="#the-script-element">script</a></code> element be the same as <a href="dom.html#document-s-character-encoding" title="document's character encoding">the encoding of the document itself</a>.</p> @@ -780,7 +781,7 @@ have a <code title="attr-script-src"><a href="#attr-script-src">src</a></code> attribute, and the element has been flagged as <a href="#parser-inserted">"parser-inserted"</a>, and the <code><a href="infrastructure.html#document">Document</a></code> of the <a href="parsing.html#html-parser">HTML parser</a> or - <a href="the-xhtml-syntax.html#xml-parser">XML parser</a> that created the <code><a href="#script">script</a></code> + <a href="the-xhtml-syntax.html#xml-parser">XML parser</a> that created the <code><a href="#the-script-element">script</a></code> element <a href="semantics.html#has-a-style-sheet-that-is-blocking-scripts">has a style sheet that is blocking scripts</a></dt> @@ -806,7 +807,7 @@ <p>The element must be added to the end of the <dfn id="list-of-scripts-that-will-execute-in-order-as-soon-as-possible">list of scripts that will execute in order as soon as possible</dfn> associated with the <code><a href="infrastructure.html#document">Document</a></code> of the - <code><a href="#script">script</a></code> element at the time the <a href="#prepare-a-script">prepare a + <code><a href="#the-script-element">script</a></code> element at the time the <a href="#prepare-a-script">prepare a script</a> algorithm started.</p> <p>The <a href="webappapis.html#concept-task" title="concept-task">task</a> that the @@ -842,7 +843,7 @@ <p>The element must be added to the <dfn id="set-of-scripts-that-will-execute-as-soon-as-possible">set of scripts that will execute as soon as possible</dfn> of the - <code><a href="infrastructure.html#document">Document</a></code> of the <code><a href="#script">script</a></code> element at the + <code><a href="infrastructure.html#document">Document</a></code> of the <code><a href="#the-script-element">script</a></code> element at the time the <a href="#prepare-a-script">prepare a script</a> algorithm started.</p> <p>The <a href="webappapis.html#concept-task" title="concept-task">task</a> that the @@ -871,7 +872,7 @@ <code><a href="infrastructure.html#document">Document</a></code> is used by the <code><a href="infrastructure.html#document">Document</a></code>'s parser(s).</p> - <p class="note">If a <code><a href="#script">script</a></code> element that blocks a + <p class="note">If a <code><a href="#the-script-element">script</a></code> element that blocks a parser gets moved to another <code><a href="infrastructure.html#document">Document</a></code> before it would normally have stopped blocking that parser, it nonetheless continues blocking that parser until the condition that causes it to be @@ -915,7 +916,7 @@ following steps. For the purposes of these steps, the script is considered to be from an <i>external file</i> if, while the <a href="#prepare-a-script">prepare a script</a> algorithm above was running for - this script, the <code><a href="#script">script</a></code> element had a <code title="attr-script-src"><a href="#attr-script-src">src</a></code> attribute specified.</p> + this script, the <code><a href="#the-script-element">script</a></code> element had a <code title="attr-script-src"><a href="#attr-script-src">src</a></code> attribute specified.</p> <ol><li id="establish-script-block-source"> @@ -1006,7 +1007,7 @@ <dd> - <p>The child nodes of the <code><a href="#script">script</a></code> element at the + <p>The child nodes of the <code><a href="#the-script-element">script</a></code> element at the time the element's <a href="#already-started">"already started"</a> flag was last set are the script source.</p> @@ -1018,7 +1019,7 @@ <p>If the script is from an external file, then increment the <a href="apis-in-html-documents.html#ignore-destructive-writes-counter">ignore-destructive-writes counter</a> of the - <code><a href="#script">script</a></code> element's <code><a href="infrastructure.html#document">Document</a></code>. Let <var title="">neutralized doc</var> be that + <code><a href="#the-script-element">script</a></code> element's <code><a href="infrastructure.html#document">Document</a></code>. Let <var title="">neutralized doc</var> be that <code><a href="infrastructure.html#document">Document</a></code>.</p> </li> @@ -1026,7 +1027,7 @@ <li> <p><a href="webappapis.html#create-a-script-from-a-node" title="create a script from a node">Create a - script</a> from the <code><a href="#script">script</a></code> element node, using + script</a> from the <code><a href="#the-script-element">script</a></code> element node, using <var><a href="#the-script-block-s-source">the script block's source</a></var> and <var><a href="#the-script-block-s-type">the script block's type</a></var>.</p> @@ -1047,10 +1048,10 @@ <p>If the script is from an external file, <a href="webappapis.html#fire-a-simple-event">fire a simple event</a> named <code title="event-load">load</code> at the - <code><a href="#script">script</a></code> element.</p> + <code><a href="#the-script-element">script</a></code> element.</p> <p>Otherwise, the script is internal; <a href="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 <code><a href="#script">script</a></code> + 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 <code><a href="#the-script-element">script</a></code> element.</p> </li> @@ -1091,16 +1092,16 @@ <p>The IDL attribute <dfn id="dom-script-text" title="dom-script-text"><code>text</code></dfn> must return a concatenation of the contents of all the <a href="infrastructure.html#text-node" title="text node">text nodes</a> that are direct children of the - <code><a href="#script">script</a></code> element (ignoring any other nodes such as + <code><a href="#the-script-element">script</a></code> element (ignoring any other nodes such as comments or elements), in tree order. On setting, it must act the same way as the <code><a href="infrastructure.html#textcontent">textContent</a></code> IDL attribute.</p> </div><p class="note">When inserted using the <code title="dom-document-write"><a href="apis-in-html-documents.html#dom-document-write">document.write()</a></code> method, - <code><a href="#script">script</a></code> elements execute (typically synchronously), but + <code><a href="#the-script-element">script</a></code> elements execute (typically synchronously), but when inserted using <code title="dom-innerHTML"><a href="apis-in-html-documents.html#dom-innerhtml">innerHTML</a></code> and <code title="dom-outerHTML"><a href="apis-in-html-documents.html#dom-outerhtml">outerHTML</a></code> attributes, they do not execute at all.</p><div class="example"> - <p>In this example, two <code><a href="#script">script</a></code> elements are used. One + <p>In this example, two <code><a href="#the-script-element">script</a></code> elements are used. One embeds an external script, and the other includes some data.</p> <pre><script src="game-engine.js"></script> @@ -1122,7 +1123,7 @@ <p>The following sample shows how a script element can be used to define a function that is then used by other parts of the - document. It also shows how a <code><a href="#script">script</a></code> element can be + document. It also shows how a <code><a href="#the-script-element">script</a></code> element can be used to invoke script while the document is being parsed, in this case to initialize the form's output.</p> @@ -1199,7 +1200,7 @@ parameter for the purpose of comparing <a href="infrastructure.html#mime-type" title="MIME type">MIME types</a> here.</p> - </div><h5 id="restrictions-for-contents-of-script-elements"><span class="secno">4.3.1.2 </span><dfn title="script content restrictions">Restrictions for contents of <code>script</code> elements</dfn></h5><p>The <code><a href="infrastructure.html#textcontent">textContent</a></code> of a <code><a href="#script">script</a></code> element + </div><h5 id="restrictions-for-contents-of-script-elements"><span class="secno">4.3.1.2 </span><dfn title="script content restrictions">Restrictions for contents of <code>script</code> elements</dfn></h5><p>The <code><a href="infrastructure.html#textcontent">textContent</a></code> of a <code><a href="#the-script-element">script</a></code> element must match the <code title="">script</code> production in the following ABNF, the character set for which is Unicode. <a href="references.html#refsABNF">[ABNF]</a></p><pre>script = data1 *( escape [ script-start data3 ] "-->" data1 ) [ escape ] escape = "<!--" data2 *( script-start data3 script-end data2 ) @@ -1237,10 +1238,10 @@ tag-end =/ %x000C ; U+000C FORM FEED (FF) tag-end =/ %x0020 ; U+0020 SPACE tag-end =/ %x002F ; U+002F SOLIDUS (/) -tag-end =/ %x003E ; U+003E GREATER-THAN SIGN (>)</pre><p>When a <code><a href="#script">script</a></code> element contains <a href="#inline-documentation-for-external-scripts">script +tag-end =/ %x003E ; U+003E GREATER-THAN SIGN (>)</pre><p>When a <code><a href="#the-script-element">script</a></code> element contains <a href="#inline-documentation-for-external-scripts">script documentation</a>, there are further restrictions on the contents - of the element, as described in the section below.</p><h5 id="inline-documentation-for-external-scripts"><span class="secno">4.3.1.3 </span><dfn title="script documentation">Inline documentation for external scripts</dfn></h5><p>If a <code><a href="#script">script</a></code> element's <code title="attr-script-src"><a href="#attr-script-src">src</a></code> attribute is specified, then the - contents of the <code><a href="#script">script</a></code> element, if any, must be such + of the element, as described in the section below.</p><h5 id="inline-documentation-for-external-scripts"><span class="secno">4.3.1.3 </span><dfn title="script documentation">Inline documentation for external scripts</dfn></h5><p>If a <code><a href="#the-script-element">script</a></code> element's <code title="attr-script-src"><a href="#attr-script-src">src</a></code> attribute is specified, then the + contents of the <code><a href="#the-script-element">script</a></code> element, if any, must be such that the value of the <code title="dom-script-text"><a href="#dom-script-text">text</a></code> IDL attribute, which is derived from the element's contents, matches the <code title="">documentation</code> production in the following @@ -1261,7 +1262,7 @@ not-slash = %x0000-002E / %x0030-10FFFF ; a Unicode character other than U+002F SOLIDUS (/)</pre><p class="note">This corresponds to putting the contents of the element in JavaScript comments.</p><p class="note">This requirement is in addition to the earlier - restrictions on the syntax of contents of <code><a href="#script">script</a></code> + restrictions on the syntax of contents of <code><a href="#the-script-element">script</a></code> elements.</p><div class="example"> <p>This allows authors to include documentation, such as license @@ -1278,16 +1279,60 @@ // e.stop(); </script></pre> + </div><div class="impl"> + + <h5 id="scriptTagXSLT"><span class="secno">4.3.1.4 </span>Interaction of <code><a href="#the-script-element">script</a></code> elements and XSLT</h5> + + <p><i>This section is non-normative.</i></p> + + <p>This specification does not define how XSLT interacts with the + <code><a href="#the-script-element">script</a></code> element (or, indeed, how XSLT processing + triggers the <a href="the-end.html#stop-parsing">stop parsing</a> steps, how it interacts with + the <a href="history.html#navigate" title="navigate">navigation</a> algorithm, or how it + fits in with the <a href="webappapis.html#event-loop">event loop</a>). However, in the absence + of another specification actually defining this, here are some + guidelines for implementors, based on existing implementations:</p> + + <ul><li><p>When an XSLT transformation program is triggered by an <code title=""><?xml-stylesheet?></code> processing instruction and + the browser implements a direct-to-DOM transformation, + <code><a href="#the-script-element">script</a></code> elements created by the XSLT processor need to + be marked <a href="#parser-inserted">"parser-inserted"</a> and run in document order + (modulo scripts marked <code title="attr-script-defer"><a href="#attr-script-defer">defer</a></code> + or <code title="attr-script-async"><a href="#attr-script-async">async</a></code>), asynchronously + while the transformation is occurring.</p></li> + + <li><p>The <code title="dom-XSLTProcessor-transformToDocument">XSLTProcessor.transformToDocument()</code> + method adds elements to a <code><a href="infrastructure.html#document">Document</a></code> that is not in a + <a href="browsers.html#browsing-context">browsing context</a>, and, accordingly, any + <code><a href="#the-script-element">script</a></code> elements they create need to have their + <a href="#already-started">"already started"</a> flag set in the <a href="#prepare-a-script">prepare a + script</a> algorithm and never get executed (<a href="webappapis.html#concept-bc-noscript" title="concept-bc-noscript">scripting is disabled</a>). Such + <code><a href="#the-script-element">script</a></code> elements still need to be marked + <a href="#parser-inserted">"parser-inserted"</a>, though, such that their <code title="dom-script-async"><a href="#dom-script-async">async</a></code> IDL attribute will return + false in the absence of an <code title="attr-script-async"><a href="#attr-script-async">async</a></code> content attribute.</p></li> + + <li><p>The <code title="dom-XSLTProcessor-transformToFragment">XSLTProcessor.transformToFragment()</code> + method needs to create a fragment that is equivalent to one built + manually by creating the elements using <code title="dom-document-createElementNS"><a href="infrastructure.html#dom-document-createelementns">document.createElementNS()</a></code>. + For instance, it needs to create <code><a href="#the-script-element">script</a></code> elements that + aren't <a href="#parser-inserted">"parser-inserted"</a> and that don't have their + <a href="#already-started">"already started"</a> flag set, so that they will execute + when the fragment is inserted into a document.</p></li> + + </ul><p>The main distinction between the first two cases and the last + case is that the first two operate on <code><a href="infrastructure.html#document">Document</a></code>s and the + last operates on a fragment.</p> + </div><h4 id="the-noscript-element"><span class="secno">4.3.2 </span>The <dfn><code>noscript</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>In a <code><a href="semantics.html#the-head-element-0">head</a></code> element of an <a href="dom.html#html-documents" title="HTML documents">HTML document</a>, if there are no ancestor <code><a href="#the-noscript-element">noscript</a></code> elements.</dd> + <dd>In a <code><a href="semantics.html#the-head-element">head</a></code> element of an <a href="dom.html#html-documents" title="HTML documents">HTML document</a>, if there are no ancestor <code><a href="#the-noscript-element">noscript</a></code> elements.</dd> <dd>Where <a href="content-models.html#phrasing-content">phrasing content</a> is expected in <a href="dom.html#html-documents">HTML documents</a>, if there are no ancestor <code><a href="#the-noscript-element">noscript</a></code> elements.</dd> <dt>Content model:</dt> - <dd>When <a href="webappapis.html#concept-n-noscript" title="concept-n-noscript">scripting is disabled</a>, in a <code><a href="semantics.html#the-head-element-0">head</a></code> element: in any order, zero or more <code><a href="semantics.html#the-link-element">link</a></code> elements, zero or more <code><a href="semantics.html#the-style-element">style</a></code> elements, and zero or more <code><a href="semantics.html#meta">meta</a></code> elements.</dd> - <dd>When <a href="webappapis.html#concept-n-noscript" title="concept-n-noscript">scripting is disabled</a>, not in a <code><a href="semantics.html#the-head-element-0">head</a></code> element: <a href="content-models.html#transparent">transparent</a>, but there must be no <code><a href="#the-noscript-element">noscript</a></code> element descendants.</dd> + <dd>When <a href="webappapis.html#concept-n-noscript" title="concept-n-noscript">scripting is disabled</a>, in a <code><a href="semantics.html#the-head-element">head</a></code> element: in any order, zero or more <code><a href="semantics.html#the-link-element">link</a></code> elements, zero or more <code><a href="semantics.html#the-style-element">style</a></code> elements, and zero or more <code><a href="semantics.html#the-meta-element">meta</a></code> elements.</dd> + <dd>When <a href="webappapis.html#concept-n-noscript" title="concept-n-noscript">scripting is disabled</a>, not in a <code><a href="semantics.html#the-head-element">head</a></code> element: <a href="content-models.html#transparent">transparent</a>, but there must be no <code><a href="#the-noscript-element">noscript</a></code> element descendants.</dd> <dd>Otherwise: text that conforms to the requirements given in the prose.</dd> <dt>Content attributes:</dt> <dd><a href="elements.html#global-attributes">Global attributes</a></dd> @@ -1299,25 +1344,28 @@ to present different markup to user agents that support scripting and those that don't support scripting, by affecting how the document is parsed.</p><p>When used in <a href="dom.html#html-documents">HTML documents</a>, the allowed content - model is as follows:</p><dl><dt>In a <code><a href="semantics.html#the-head-element-0">head</a></code> element, if <a href="webappapis.html#concept-n-noscript" title="concept-n-noscript">scripting is disabled</a> for the + model is as follows:</p><dl><dt>In a <code><a href="semantics.html#the-head-element">head</a></code> element, if <a href="webappapis.html#concept-n-noscript" title="concept-n-noscript">scripting is disabled</a> for the <code><a href="#the-noscript-element">noscript</a></code> element</dt> <dd><p>The <code><a href="#the-noscript-element">noscript</a></code> element must contain only - <code><a href="semantics.html#the-link-element">link</a></code>, <code><a href="semantics.html#the-style-element">style</a></code>, and <code><a href="semantics.html#meta">meta</a></code> + <code><a href="semantics.html#the-link-element">link</a></code>, <code><a href="semantics.html#the-style-element">style</a></code>, and <code><a href="semantics.html#the-meta-element">meta</a></code> elements.</p></dd> - <dt>In a <code><a href="semantics.html#the-head-element-0">head</a></code> element, if <a href="webappapis.html#concept-n-script" title="concept-n-script">scripting is enabled</a> for the + <dt>In a <code><a href="semantics.html#the-head-element">head</a></code> element, if <a href="webappapis.html#concept-n-script" title="concept-n-script">scripting is enabled</a> for the <code><a href="#the-noscript-element">noscript</a></code> element</dt> <dd><p>The <code><a href="#the-noscript-element">noscript</a></code> element must contain only text, except that invoking the <a href="the-end.html#html-fragment-parsing-algorithm">HTML fragment parsing algorithm</a> with - the <code><a href="#the-noscript-element">noscript</a></code> element as the <var title="">context</var> element and the text contents as the <var title="">input</var> must result in a list of nodes that consists - only of <code><a href="semantics.html#the-link-element">link</a></code>, <code><a href="semantics.html#the-style-element">style</a></code>, and - <code><a href="semantics.html#meta">meta</a></code> elements that would be conforming if they were - children of the <code><a href="#the-noscript-element">noscript</a></code> element, and no <a href="parsing.html#parse-error" title="parse error">parse errors</a>.</p></dd> + the <code><a href="#the-noscript-element">noscript</a></code> element as the <var title="concept-frag-parse-context"><a href="the-end.html#concept-frag-parse-context">context</a></var> element and the + text contents as the <var title="">input</var> must result in a + list of nodes that consists only of <code><a href="semantics.html#the-link-element">link</a></code>, + <code><a href="semantics.html#the-style-element">style</a></code>, and <code><a href="semantics.html#the-meta-element">meta</a></code> elements that would be + conforming if they were children of the <code><a href="#the-noscript-element">noscript</a></code> + element, and no <a href="parsing.html#parse-error" title="parse error">parse + errors</a>.</p></dd> - <dt>Outside of <code><a href="semantics.html#the-head-element-0">head</a></code> elements, if <a href="webappapis.html#concept-n-noscript" title="concept-n-noscript">scripting is disabled</a> for the + <dt>Outside of <code><a href="semantics.html#the-head-element">head</a></code> elements, if <a href="webappapis.html#concept-n-noscript" title="concept-n-noscript">scripting is disabled</a> for the <code><a href="#the-noscript-element">noscript</a></code> element</dt> <dd><p>The <code><a href="#the-noscript-element">noscript</a></code> element's content model is @@ -1326,7 +1374,7 @@ element as an ancestor (that is, <code><a href="#the-noscript-element">noscript</a></code> can't be nested).</p></dd> - <dt>Outside of <code><a href="semantics.html#the-head-element-0">head</a></code> elements, if <a href="webappapis.html#concept-n-script" title="concept-n-script">scripting is enabled</a> for the + <dt>Outside of <code><a href="semantics.html#the-head-element">head</a></code> elements, if <a href="webappapis.html#concept-n-script" title="concept-n-script">scripting is enabled</a> for the <code><a href="#the-noscript-element">noscript</a></code> element</dt> <dd> @@ -1334,11 +1382,11 @@ <p>The <code><a href="#the-noscript-element">noscript</a></code> element must contain only text, except that the text must be such that running the following algorithm results in a conforming document with no - <code><a href="#the-noscript-element">noscript</a></code> elements and no <code><a href="#script">script</a></code> + <code><a href="#the-noscript-element">noscript</a></code> elements and no <code><a href="#the-script-element">script</a></code> elements, and such that no step in the algorithm causes an <a href="parsing.html#html-parser">HTML parser</a> to flag a <a href="parsing.html#parse-error">parse error</a>:</p> - <ol><li>Remove every <code><a href="#script">script</a></code> element from the + <ol><li>Remove every <code><a href="#the-script-element">script</a></code> element from the document.</li> <li>Make a list of every <code><a href="#the-noscript-element">noscript</a></code> element in the Index: the-map-element.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/the-map-element.html,v retrieving revision 1.8 retrieving revision 1.9 diff -u -d -r1.8 -r1.9 --- the-map-element.html 30 Apr 2011 11:35:46 -0000 1.8 +++ the-map-element.html 5 May 2011 18:12:09 -0000 1.9 @@ -930,7 +930,7 @@ 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="video.html#video">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-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 @@ -965,12 +965,12 @@ <p>The <dfn id="dom-dim-width" title="dom-dim-width"><code>width</code></dfn> and <dfn id="dom-dim-height" title="dom-dim-height"><code>height</code></dfn> IDL attributes on the <code><a href="the-iframe-element.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="video.html#video">video</a></code> elements must <a href="common-dom-interfaces.html#reflect">reflect</a> the + 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="video.html#video">video</a></code> the IDL attributes are <code>unsigned + for <code><a href="the-iframe-element.html#the-video-element">video</a></code> the IDL attributes are <code>unsigned long</code>.</p> </div></body></html> Index: the-canvas-element.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/the-canvas-element.html,v retrieving revision 1.9 retrieving revision 1.10 diff -u -d -r1.9 -r1.10 --- the-canvas-element.html 30 Apr 2011 11:35:46 -0000 1.9 +++ the-canvas-element.html 5 May 2011 18:12:09 -0000 1.10 @@ -337,12 +337,12 @@ document.getElementsByTagName('h2')[0].textContent += '; load: ' + (new Date() - loadTimer) + 'ms'; fixBrokenLink(); } - ]]></script><script src="link-fixup.js"/><link href="style.css" rel="stylesheet"/><link href="video.html" title="4.8.6 The video element" rel="prev"/><link href="spec.html#contents" title="Table of contents" rel="index"/><link href="the-map-element.html" title="4.8.12 The map element" rel="next"/></head><body onload="fixBrokenLink(); init()"><div class="head" id="head"> + ]]></script><script src="link-fixup.js"/><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="the-map-element.html" title="4.8.12 The map element" rel="next"/></head><body onload="fixBrokenLink(); init()"><div class="head" id="head"> <p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"/></a></p> <h1>HTML5</h1> </div><div> - <a href="video.html" class="prev">4.8.6 The video element</a> – + <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> <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> @@ -681,7 +681,7 @@ <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="video.html#htmlvideoelement">HTMLVideoElement</a></code> whose <a href="origin-0.html#origin">origin</a> is not the + <code><a href="the-iframe-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="infrastructure.html#document">Document</a></code> object that owns the <code><a href="#the-canvas-element">canvas</a></code> element.</p></li> @@ -692,7 +692,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="video.html#htmlvideoelement">HTMLVideoElement</a></code> + <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> was not the <a href="origin-0.html#same-origin" title="same origin">same</a> as that of the <code><a href="infrastructure.html#document">Document</a></code> object that owns the <code><a href="#the-canvas-element">canvas</a></code> element when the pattern was created.</p></li> @@ -704,7 +704,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="video.html#htmlvideoelement">HTMLVideoElement</a></code> + <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> was not the <a href="origin-0.html#same-origin" title="same origin">same</a> as that of the <code><a href="infrastructure.html#document">Document</a></code> object that owns the <code><a href="#the-canvas-element">canvas</a></code> element when the pattern was created.</p></li> Index: tabular-data.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/tabular-data.html,v retrieving revision 1.9 retrieving revision 1.10 diff -u -d -r1.9 -r1.10 --- tabular-data.html 30 Apr 2011 11:35:46 -0000 1.9 +++ tabular-data.html 5 May 2011 18:12:09 -0000 1.10 @@ -1460,23 +1460,23 @@ <tr> <th> ID <th> Measurement <th> Average <th> Maximum <tbody> <tr> <td> <th scope=rowgroup> Cats <td> <td> - <tr> <td> 93 <th> Legs <td> 3.5 <td> 4 - <tr> <td> 10 <th> Tails <td> 1 <td> 1 + <tr> <td> 93 <th scope=row> Legs <td> 3.5 <td> 4 + <tr> <td> 10 <th scope=row> Tails <td> 1 <td> 1 <tbody> <tr> <td> <th scope=rowgroup> English speakers <td> <td> - <tr> <td> 32 <th> Legs <td> 2.67 <td> 4 - <tr> <td> 35 <th> Tails <td> 0.33 <td> 1 + <tr> <td> 32 <th scope=row> Legs <td> 2.67 <td> 4 + <tr> <td> 35 <th scope=row> Tails <td> 0.33 <td> 1 </table></pre> <p>This would result in the following table:</p> <table><thead><tr><th> ID </th><th> Measurement </th><th> Average </th><th> Maximum </th></tr></thead><tbody><tr><td> </td><th scope="rowgroup"> Cats </th><td> </td><td> - </td></tr><tr><td> 93 </td><th> Legs </th><td> 3.5 </td><td> 4 - </td></tr><tr><td> 10 </td><th> Tails </th><td> 1 </td><td> 1 + </td></tr><tr><td> 93 </td><th scope="row"> Legs </th><td> 3.5 </td><td> 4 + </td></tr><tr><td> 10 </td><th scope="row"> Tails </th><td> 1 </td><td> 1 </td></tr></tbody><tbody><tr><td> </td><th scope="rowgroup"> English speakers </th><td> </td><td> - </td></tr><tr><td> 32 </td><th> Legs </th><td> 2.67 </td><td> 4 - </td></tr><tr><td> 35 </td><th> Tails </th><td> 0.33 </td><td> 1 + </td></tr><tr><td> 32 </td><th scope="row"> Legs </th><td> 2.67 </td><td> 4 + </td></tr><tr><td> 35 </td><th scope="row"> Tails </th><td> 0.33 </td><td> 1 </td></tr></tbody></table><p>The headers in the first row all apply directly down to the rows in their column.</p> Index: the-iframe-element.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/the-iframe-element.html,v retrieving revision 1.9 retrieving revision 1.10 diff -u -d -r1.9 -r1.10 --- the-iframe-element.html 30 Apr 2011 11:35:46 -0000 1.9 +++ the-iframe-element.html 5 May 2011 18:12:09 -0000 1.10 @@ -337,15 +337,19 @@ document.getElementsByTagName('h2')[0].textContent += '; load: ' + (new Date() - loadTimer) + 'ms'; fixBrokenLink(); } - ]]></script><script src="link-fixup.js"/><link href="style.css" rel="stylesheet"/><link href="embedded-content-1.html" title="4.8 Embedded content" rel="prev"/><link href="spec.html#contents" title="Table of contents" rel="index"/><link href="video.html" title="4.8.6 The video element" rel="next"/></head><body onload="fixBrokenLink(); init()"><div class="head" id="head"> + ]]></script><script src="link-fixup.js"/><link href="style.css" rel="stylesheet"/><link href="embedded-content-1.html" title="4.8 Embedded content" rel="prev"/><link href="spec.html#contents" title="Table of contents" rel="index"/><link href="the-canvas-element.html" title="4.8.11 The canvas element" rel="next"/></head><body onload="fixBrokenLink(); init()"><div class="head" id="head"> <p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"/></a></p> <h1>HTML5</h1> </div><div> <a href="embedded-content-1.html" class="prev">4.8 Embedded content</a> – <a href="spec.html#contents">Table of contents</a> – [...5712 lines suppressed...] + buffer everything and allow the user to seek through the earlier + 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> Index: Overview.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/Overview.html,v retrieving revision 1.12 retrieving revision 1.13 diff -u -d -r1.12 -r1.13 --- Overview.html 30 Apr 2011 12:33:24 -0000 1.12 +++ Overview.html 5 May 2011 18:12:05 -0000 1.13 @@ -342,7 +342,7 @@ <h1>HTML5</h1> <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-29-april-2011">Editor's Draft 29 April 2011</h2> + <h2 class="no-num no-toc" id="editor-s-draft-5-may-2011">Editor's Draft 5 May 2011</h2> <dl><dt>Latest Published Version:</dt> <dd><a href="http://www.w3.org/TR/html5/">http://www.w3.org/TR/html5/</a></dd> <dt>Latest Editor's Draft:</dt> @@ -482,7 +482,7 @@ Group</a> is the W3C working group responsible for this specification's progress along the W3C Recommendation [...5866 lines suppressed...] <dt id="refsCSSVALUES">[CSSVALUES]</dt> @@ -69978,9 +70169,6 @@ <dt id="refsDOMPARSER">[DOMPARSER]</dt> <dd>(Non-normative) <cite><a href="http://html5.org/specs/dom-parsing.html">DOM Parsing and Serialization</a></cite>, Ms2ger. html5.org.</dd> - <dt id="refsDOMRANGE">[DOMRANGE]</dt> - <dd><cite><a href="http://html5.org/specs/dom-range.html">DOM Range</a></cite>, Ms2ger. html5.org.</dd> - <dt id="refsECMA262">[ECMA262]</dt> <dd><cite><a href="http://www.ecma-international.org/publications/standards/Ecma-262.htm">ECMAScript Language Specification</a></cite>. ECMA.</dd> @@ -70399,7 +70587,7 @@ - </dl><h2 class="no-num" id="acknowledgements">Acknowledgements</h2><p class="XXX annotation"><span><a href="http://www.w3.org/html/wg/tracker/issues/139">ISSUE-139</a> (ack-microdata) blocks progress to Last Call</span></p><!-- ACKS --><p>Thanks to Tim Berners Lee for inventing HTML, without which none + </dl><h2 class="no-num" id="acknowledgements">Acknowledgements</h2><p class="XXX annotation"><span><a href="http://www.w3.org/html/wg/tracker/issues/139">ISSUE-139</a> (ack-microdata) blocks progress to Last Call</span></p><!-- ACKS --><p>Thanks to Tim Berners-Lee for inventing HTML, without which none of this would exist.</p><p>Thanks to Aankhen, Index: the-end.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/the-end.html,v retrieving revision 1.10 retrieving revision 1.11 diff -u -d -r1.10 -r1.11 --- the-end.html 30 Apr 2011 11:35:46 -0000 1.10 +++ the-end.html 5 May 2011 18:12:09 -0000 1.11 @@ -365,17 +365,17 @@ 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#script">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="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 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="infrastructure.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>.</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#script">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 + 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 execute when the document has finished parsing</a>.</p></li> - <li><p>Remove the first <code><a href="scripting-1.html#script">script</a></code> element from the + <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 finished parsing</a> (i.e. shift out the first entry in the list).</p></li> @@ -556,8 +556,8 @@ <p>The parsing of this markup is straightforward up to the "3". At this point, the DOM looks like this:</p> - <ul class="domTree"><li class="t1"><code><a href="semantics.html#the-html-element-0">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element-0">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element-0">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-0">html</a></code>, <code><a href="sections.html#the-body-element-0">body</a></code>, <code><a href="grouping-content.html#the-p-element">p</a></code>, + <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> @@ -566,8 +566,8 @@ 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 <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-0">html</a></code>, - <code><a href="sections.html#the-body-element-0">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 + 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 DOM tree is unmodified at this point.</p> @@ -578,7 +578,7 @@ 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-0">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element-0">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element-0">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-b-p"><span class="secno">8.2.8.2 </span>Misnested tags: <b><p></b></p></h5> + <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> <p><i>This section is non-normative.</i></p> @@ -588,12 +588,12 @@ <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-0">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element-0">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element-0">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="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 "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-0">html</a></code>, - <code><a href="sections.html#the-body-element-0">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="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 <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> @@ -602,7 +602,7 @@ <var title="">furthest block</var>, namely the <code><a href="grouping-content.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-0">body</a></code> + <p>The <var title="">common ancestor</var> is the <code><a href="sections.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 elements</a>, but since that list has only one element in it, @@ -616,18 +616,18 @@ <p>The <var title="">last node</var> gets appended (moved) to the <var title="">common ancestor</var>, so that the DOM looks like:</p> - <ul class="domTree"><li class="t1"><code><a href="semantics.html#the-html-element-0">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element-0">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element-0">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 + <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="semantics.html#the-html-element-0">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element-0">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element-0">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 + <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="semantics.html#the-html-element-0">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element-0">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element-0">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="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 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> - <ul class="domTree"><li class="t1"><code><a href="semantics.html#the-html-element-0">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element-0">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element-0">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="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> <p><i>This section is non-normative.</i></p> @@ -642,11 +642,11 @@ 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> - <ul class="domTree"><li class="t1"><code><a href="semantics.html#the-html-element-0">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element-0">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element-0">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="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 tag has been seen:</p> - <ul class="domTree"><li class="t1"><code><a href="semantics.html#the-html-element-0">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element-0">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element-0">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-0">html</a></code>, <code><a href="sections.html#the-body-element-0">body</a></code>, + <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 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 @@ -661,8 +661,8 @@ 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-0">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element-0">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element-0">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-0">html</a></code>, <code><a href="sections.html#the-body-element-0">body</a></code>, <code><a href="tabular-data.html#the-table-element">table</a></code>, + <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 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> @@ -672,13 +672,13 @@ 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-0">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element-0">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element-0">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, + <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 node:</p> - <ul class="domTree"><li class="t1"><code><a href="semantics.html#the-html-element-0">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element-0">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element-0">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="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 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-0">html</a></code>, <code><a href="sections.html#the-body-element-0">body</a></code>, <code><a href="tabular-data.html#the-table-element">table</a></code>, + 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 marker having been removed by the "td" end tag token); and the @@ -699,8 +699,8 @@ <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 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-0">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element-0">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element-0">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#stck-of-open-elements">stack of open elements</a> has on it the elements - <code><a href="semantics.html#the-html-element-0">html</a></code>, <code><a href="sections.html#the-body-element-0">body</a></code>, <code><a href="tabular-data.html#the-table-element">table</a></code>, + <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 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; @@ -718,7 +718,7 @@ result in yet another <code><a href="text-level-semantics.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-0">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element-0">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element-0">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#he-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> + <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> <p><i>This section is non-normative.</i></p> @@ -743,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-0">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element-0">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element-0">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#script">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#script">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><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="semantics.html#the-html-element-0">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element-0">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element-0">body</a></code></li></ul></li></ul><p>They are, at this point, in the <code><a href="infrastructure.html#document">Document</a></code> of the + <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="infrastructure.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> - <p>Thus, when the second <code><a href="scripting-1.html#script">script</a></code> element is parsed, it + <p>Thus, when the second <code><a href="scripting-1.html#the-script-element">script</a></code> element is parsed, it is inserted <em>into the outer <code><a href="infrastructure.html#document">Document</a></code> object</em>.</p> @@ -770,9 +770,9 @@ <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#script">script</a></code> element is in the inner <code><a href="infrastructure.html#document">Document</a></code>:</p> + <code><a href="scripting-1.html#the-script-element">script</a></code> element is in the inner <code><a href="infrastructure.html#document">Document</a></code>:</p> - <ul class="domTree"><li class="t1"><code><a href="semantics.html#the-html-element-0">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element-0">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element-0">body</a></code><ul><li class="t1"><code><a href="scripting-1.html#script">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 second alert will say "http://example.com/inner".</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 second alert will say "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> @@ -780,7 +780,7 @@ <p><i>This section is non-normative.</i></p> <p>Elaborating on the example in the previous section, consider a - case where a <code><a href="scripting-1.html#script">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, but while + 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, but while the external script is being downloaded, the element is moved to another document.</p> @@ -808,7 +808,7 @@ <p>The resulting DOM tree is as follows:</p> - <ul class="domTree"><li class="t10">DOCTYPE: <code><a href="semantics.html#the-html-element-0">html</a></code></li><li class="t1"><code><a href="semantics.html#the-html-element-0">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element-0">head</a></code></li><li class="t1"><code><a href="sections.html#the-body-element-0">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 clss="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><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 clss="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><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>: <span 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 + <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"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><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="attibute 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>: span 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 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 @@ -930,10 +930,10 @@ <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">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="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#meta">meta</a></code>, - <code><a href="the-iframe-element.html#the-param-element">param</a></code>, <code><a href="video.html#the-source-element">source</a></code>, <code><a href="video.html#the-track-element">track</a></code> or + <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 node at this point.</p> @@ -957,7 +957,7 @@ <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#script">script</a></code>, <code><a href="obsolete.html#xmp">xmp</a></code>, + <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-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 @@ -1045,7 +1045,7 @@ literal string "<code title="">--></code>", then when the result of serializing the element is parsed, the comment will be truncated at that point and the rest of the comment will be interpreted as - markup. More examples would be making a <code><a href="scripting-1.html#script">script</a></code> element + markup. More examples would be making a <code><a href="scripting-1.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> @@ -1061,7 +1061,7 @@ "<code></style><script>attack</script></code>" as a font name, <code title="dom-innerHTML"><a href="apis-in-html-documents.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#script">script</a></code> node, even though no <code><a href="scripting-1.html#script">script</a></code> node + <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 existed in the original DOM.</p> </div> @@ -1087,18 +1087,19 @@ <p>The following steps form the <dfn id="html-fragment-parsing-algorithm">HTML fragment parsing algorithm</dfn>. The algorithm optionally takes as input an - <code><a href="infrastructure.html#element">Element</a></code> node, referred to as the <var title="">context</var> element, which gives the context for the - parser, as well as <var title="">input</var>, a string to parse, and - returns a list of zero or more nodes.</p> + <code><a href="infrastructure.html#element">Element</a></code> node, referred to as the <dfn id="concept-frag-parse-context" title="concept-frag-parse-context"><var>context</var></dfn> element, + which gives the context for the parser, as well as <var title="">input</var>, a string to parse, and returns a list of zero + or more nodes.</p> <p class="note">Parts marked <dfn id="fragment-case">fragment case</dfn> in algorithms in the parser section are parts that only occur if the parser was - created for the purposes of this algorithm (and with a <var title="">context</var> element). The algorithms have been annotated - with such markings for informational purposes only; such markings - have no normative weight. If it is possible for a condition - described as a <a href="#fragment-case">fragment case</a> to occur even when the - parser wasn't created for the purposes of handling this algorithm, - then that is an error in the specification.</p> + created for the purposes of this algorithm (and with a <var title="concept-frag-parse-context"><a href="#concept-frag-parse-context">context</a></var> element). The + algorithms have been annotated with such markings for informational + purposes only; such markings have no normative weight. If it is + possible for a condition described as a <a href="#fragment-case">fragment case</a> + to occur even when the parser wasn't created for the purposes of + handling this algorithm, then that is an error in the + specification.</p> <ol><li> @@ -1109,14 +1110,15 @@ <li> - <p>If there is a <var title="">context</var> element, and the - <code><a href="infrastructure.html#document">Document</a></code> of the <var title="">context</var> element - is in <a href="dom.html#quirks-mode">quirks mode</a>, then let the <code><a href="infrastructure.html#document">Document</a></code> - be in <a href="dom.html#quirks-mode">quirks mode</a>. Otherwise, if there is a <var title="">context</var> element, and the <code><a href="infrastructure.html#document">Document</a></code> of - the <var title="">context</var> element is in <a href="dom.html#limited-quirks-mode">limited-quirks - mode</a>, then let the <code><a href="infrastructure.html#document">Document</a></code> be in - <a href="dom.html#limited-quirks-mode">limited-quirks mode</a>. Otherwise, leave the - <code><a href="infrastructure.html#document">Document</a></code> in <a href="dom.html#no-quirks-mode">no-quirks mode</a>.</p> + <p>If there is a <var title="concept-frag-parse-context"><a href="#concept-frag-parse-context">context</a></var> element, and the + <code><a href="infrastructure.html#document">Document</a></code> of the <var title="concept-frag-parse-context"><a href="#concept-frag-parse-context">context</a></var> element is in + <a href="dom.html#quirks-mode">quirks mode</a>, then let the <code><a href="infrastructure.html#document">Document</a></code> be in + <a href="dom.html#quirks-mode">quirks mode</a>. Otherwise, if there is a <var title="concept-frag-parse-context"><a href="#concept-frag-parse-context">context</a></var> element, and the + <code><a href="infrastructure.html#document">Document</a></code> of the <var title="concept-frag-parse-context"><a href="#concept-frag-parse-context">context</a></var> element is in + <a href="dom.html#limited-quirks-mode">limited-quirks mode</a>, then let the + <code><a href="infrastructure.html#document">Document</a></code> be in <a href="dom.html#limited-quirks-mode">limited-quirks mode</a>. + Otherwise, leave the <code><a href="infrastructure.html#document">Document</a></code> in <a href="dom.html#no-quirks-mode">no-quirks + mode</a>.</p> </li> @@ -1129,15 +1131,15 @@ <li> - <p>If there is a <var title="">context</var> element, run these - substeps:</p> + <p>If there is a <var title="concept-frag-parse-context"><a href="#concept-frag-parse-context">context</a></var> element, run + these substeps:</p> <ol><li> <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-0">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="semantics.html#the-title-element">title</a></code> or <code><a href="the-button-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> @@ -1150,7 +1152,7 @@ <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#script">script</a></code> element</dt> + <dt>If it is a <code><a href="scripting-1.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> @@ -1185,7 +1187,7 @@ <li> - <p>Let <var title="">root</var> be a new <code><a href="semantics.html#the-html-element-0">html</a></code> element + <p>Let <var title="">root</var> be a new <code><a href="semantics.html#the-html-element">html</a></code> element with no attributes.</p> </li> @@ -1209,16 +1211,17 @@ <p><a href="parsing.html#reset-the-insertion-mode-appropriately" title="reset the insertion mode appropriately">Reset the parser's insertion mode appropriately</a>.</p> - <p class="note">The parser will reference the <var title="">context</var> element as part of that algorithm.</p> + <p class="note">The parser will reference the <var title="concept-frag-parse-context"><a href="#concept-frag-parse-context">context</a></var> element as part + of that algorithm.</p> </li> <li> - <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="">context</var> element - that is a <code><a href="forms.html#the-form-element">form</a></code> element (going straight up the - ancestor chain, and including the element itself, if it is a + <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 + 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> @@ -1244,8 +1247,8 @@ <li> - <p>If there is a <var title="">context</var> element, return the - child nodes of <var title="">root</var>, in <a href="infrastructure.html#tree-order">tree + <p>If there is a <var title="concept-frag-parse-context"><a href="#concept-frag-parse-context">context</a></var> element, return + the child nodes of <var title="">root</var>, in <a href="infrastructure.html#tree-order">tree order</a>.</p> <p>Otherwise, return the children of the <code><a href="infrastructure.html#document">Document</a></code> Index: history.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/history.html,v retrieving revision 1.10 retrieving revision 1.11 diff -u -d -r1.10 -r1.11 --- history.html 30 Apr 2011 11:35:45 -0000 1.10 +++ history.html 5 May 2011 18:12:08 -0000 1.11 @@ -375,7 +375,7 @@ linear. See the <a href="#history-notes">notes below</a>.</p> </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-0">title</a></code> of the + with the current <code><a href="semantics.html#the-title-element">title</a></code> of the <code><a href="infrastructure.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 @@ -791,8 +791,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-0">title</a></code> element at that time. For example, here is a - simple page that shows a block in the <code><a href="semantics.html#the-title-element-0">title</a></code> element. + <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. 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> @@ -1597,7 +1597,7 @@ character encoding.</p> <p>If the root element, as parsed according to the XML - specifications cited above, is found to be an <code><a href="semantics.html#the-html-element-0">html</a></code> + 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 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 @@ -1676,9 +1676,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-0">head</a></code> element of + <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="infrastructure.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-0">title</a></code>, + binding, providing script, giving the document a <code><a href="semantics.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 @@ -1695,10 +1695,10 @@ <p>When an image resource is to be loaded in a <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="dom.html#html-documents" title="HTML documents">HTML document</a>, append an - <code><a href="semantics.html#the-html-element-0">html</a></code> element to the <code><a href="infrastructure.html#document">Document</a></code>, append a - <code><a href="semantics.html#the-head-element-0">head</a></code> element and a <code><a href="sections.html#the-body-element-0">body</a></code> element to the - <code><a href="semantics.html#the-html-element-0">html</a></code> element, append an <code><a href="embedded-content-1.html#the-img-element">img</a></code> to the - <code><a href="sections.html#the-body-element-0">body</a></code> element, and set the <code title="attr-img-src"><a href="embedded-content-1.html#attr-img-src">src</a></code> attribute of the <code><a href="embedded-content-1.html#the-img-element">img</a></code> + <code><a href="semantics.html#the-html-element">html</a></code> element to the <code><a href="infrastructure.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="embedded-content-1.html#the-img-element">img</a></code> to the + <code><a href="sections.html#the-body-element">body</a></code> element, and set the <code title="attr-img-src"><a href="embedded-content-1.html#attr-img-src">src</a></code> attribute of the <code><a href="embedded-content-1.html#the-img-element">img</a></code> element to the address of the image.</p> @@ -1713,10 +1713,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-0">head</a></code> element of + <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="infrastructure.html#document">Document</a></code>, or attributes to the <code><a href="embedded-content-1.html#the-img-element">img</a></code> element, e.g. to link to a style sheet or an XBL binding, to provide - a script, to give the document a <code><a href="semantics.html#the-title-element-0">title</a></code>, etc.</p> + a script, to give the document a <code><a href="semantics.html#the-title-element">title</a></code>, etc.</p> <h4 id="read-plugin"><span class="secno">5.5.6 </span><dfn title="navigate-plugin">Page load processing model for content that uses plugins</dfn></h4> @@ -1725,10 +1725,10 @@ is to be loaded in a <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="dom.html#html-documents" title="HTML documents">HTML document</a>, - append an <code><a href="semantics.html#the-html-element-0">html</a></code> element to the <code><a href="infrastructure.html#document">Document</a></code>, - append a <code><a href="semantics.html#the-head-element-0">head</a></code> element and a <code><a href="sections.html#the-body-element-0">body</a></code> element - to the <code><a href="semantics.html#the-html-element-0">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-0">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 + append an <code><a href="semantics.html#the-html-element">html</a></code> element to the <code><a href="infrastructure.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 resource.</p> @@ -1743,10 +1743,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-0">head</a></code> element of + <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="infrastructure.html#document">Document</a></code>, or attributes to the <code><a href="the-iframe-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-0">title</a></code>.</p> + the document a <code><a href="semantics.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 Index: common-dom-interfaces.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/common-dom-interfaces.html,v retrieving revision 1.8 retrieving revision 1.9 diff -u -d -r1.8 -r1.9 --- common-dom-interfaces.html 30 Apr 2011 11:35:43 -0000 1.8 +++ common-dom-interfaces.html 5 May 2011 18:12:08 -0000 1.9 @@ -381,18 +381,19 @@ attribute must set the content attribute to the specified literal value.</p> - <p>If a reflecting IDL attribute is a <code>DOMString</code> whose - content attribute is an <a href="common-microsyntaxes.html#enumerated-attribute">enumerated attribute</a>, and the - IDL attribute is <dfn id="limited-to-only-known-values">limited to only known values</dfn>, then, on - getting, the IDL attribute must return the conforming value - associated with the state the attribute is in (in its canonical - case), or the empty string if the attribute is in a state that has - no associated keyword value; and on setting, the content attribute - must be set to the specified new value.</p> + <p>If a reflecting IDL attribute is a <code>DOMString</code> + attribute whose content attribute is an <a href="common-microsyntaxes.html#enumerated-attribute">enumerated + attribute</a>, and the IDL attribute is <dfn id="limited-to-only-known-values">limited to only + known values</dfn>, then, on getting, the IDL attribute must return + the conforming value associated with the state the attribute is in + (in its canonical case), or the empty string if the attribute is in + a state that has no associated keyword value; and on setting, the + content attribute must be set to the specified new value.</p> - <p>If a reflecting IDL attribute is a <code>DOMString</code> but - doesn't fall into any of the above categories, then the getting and - setting must be done in a transparent, case-preserving manner.</p> + <p>If a reflecting IDL attribute is a <code>DOMString</code> + attribute but doesn't fall into any of the above categories, then + the getting and setting must be done in a transparent, + case-preserving manner.</p> <p>If a reflecting IDL attribute is a <code title="">boolean</code> attribute, then on getting the IDL attribute must return true if the @@ -401,7 +402,7 @@ false, and must be set to the empty string if the IDL attribute is set to true. (This corresponds to the rules for <a href="common-microsyntaxes.html#boolean-attribute" title="boolean attribute">boolean content attributes</a>.)</p> - <p>If a reflecting IDL attribute is a signed integer type + <p>If a reflecting IDL attribute has a signed integer type (<code>long</code>) then, on getting, the content attribute must be parsed according to the <a href="common-microsyntaxes.html#rules-for-parsing-integers" title="rules for parsing integers">rules for parsing signed integers</a>, and if that is successful, and the value is in the range of the IDL attribute's @@ -413,7 +414,7 @@ a <a href="common-microsyntaxes.html#valid-integer">valid integer</a> and then that string must be used as the new content attribute value.</p> - <p>If a reflecting IDL attribute is a signed integer type + <p>If a reflecting IDL attribute has a signed integer type (<code>long</code>) that is <dfn id="limited-to-only-non-negative-numbers">limited to only non-negative numbers</dfn> then, on getting, the content attribute must be parsed according to the <a href="common-microsyntaxes.html#rules-for-parsing-non-negative-integers">rules for parsing non-negative @@ -428,7 +429,7 @@ number as a <a href="common-microsyntaxes.html#valid-non-negative-integer">valid non-negative integer</a> and then that string must be used as the new content attribute value.</p> - <p>If a reflecting IDL attribute is an <em>unsigned</em> integer + <p>If a reflecting IDL attribute has an <em>unsigned</em> integer type (<code>unsigned long</code>) then, on getting, the content attribute must be parsed according to the <a href="common-microsyntaxes.html#rules-for-parsing-non-negative-integers">rules for parsing non-negative integers</a>, and if that is successful, and the @@ -441,7 +442,7 @@ integer</a> and then that string must be used as the new content attribute value.</p> - <p>If a reflecting IDL attribute is an unsigned integer type + <p>If a reflecting IDL attribute has an unsigned integer type (<code>unsigned long</code>) that is <dfn id="limited-to-only-non-negative-numbers-greater-than-zero">limited to only non-negative numbers greater than zero</dfn>, then the behavior is similar to the previous case, but zero is not allowed. On getting, @@ -458,7 +459,7 @@ and then that string must be used as the new content attribute value.</p> - <p>If a reflecting IDL attribute is a floating point number type + <p>If a reflecting IDL attribute has a floating point number type (<code>double</code>), then, on getting, the content attribute must be parsed according to the <a href="common-microsyntaxes.html#rules-for-parsing-floating-point-number-values">rules for parsing floating point number values</a>, and if that is successful, the resulting value @@ -473,20 +474,19 @@ throw an exception on setting, as <a href="infrastructure.html#float-nan">defined earlier</a>.</p> - <p>If a reflecting IDL attribute is of the type + <p>If a reflecting IDL attribute has the type <code><a href="#domtokenlist">DOMTokenList</a></code> or <code><a href="#domsettabletokenlist">DOMSettableTokenList</a></code>, then on getting it must return a <code><a href="#domtokenlist">DOMTokenList</a></code> or <code><a href="#domsettabletokenlist">DOMSettableTokenList</a></code> object (as appropriate) whose - underlying string is the element's corresponding content - attribute. When the object mutates its underlying string, the - content attribute must itself be immediately mutated. When the - attribute is absent, then the string represented by the object is - the empty string; when the object mutates this empty string, the - user agent must add the corresponding content attribute, with its - value set to the value it would have been set to after mutating the - empty string. The same <code><a href="#domtokenlist">DOMTokenList</a></code> or - <code><a href="#domsettabletokenlist">DOMSettableTokenList</a></code> object must be returned every time - for each attribute.</p> + underlying string is the element's corresponding content attribute. + When the object mutates its underlying string, the content attribute + must itself be immediately mutated. When the attribute is absent, + then the string represented by the object is the empty string; when + the object mutates this empty string, the user agent must add the + corresponding content attribute, with its value set to the value it + would have been set to after mutating the empty string. The same + <code><a href="#domtokenlist">DOMTokenList</a></code> or <code><a href="#domsettabletokenlist">DOMSettableTokenList</a></code> + object must be returned every time for each attribute.</p> <div class="example"> @@ -1250,17 +1250,17 @@ <code title="dom-canvaspixelarray-length">length</code> and pixel values as the <var title="">input</var>'s.</p></dd> - <dt>If <var title="">input</var> is a <code>File</code> object</dt> + <dt>If <var title="">input</var> is a <code><a href="infrastructure.html#file">File</a></code> object</dt> - <dd><p>Let <var title="">output</var> be a newly constructed <code>File</code> object corresponding to the same underlying data.</p></dd> + <dd><p>Let <var title="">output</var> be a newly constructed <code><a href="infrastructure.html#file">File</a></code> object corresponding to the same underlying data.</p></dd> - <dt>If <var title="">input</var> is a <code>Blob</code> object</dt> + <dt>If <var title="">input</var> is a <code><a href="infrastructure.html#blob">Blob</a></code> object</dt> - <dd><p>Let <var title="">output</var> be a newly constructed <code>Blob</code> object corresponding to the same underlying data.</p></dd> + <dd><p>Let <var title="">output</var> be a newly constructed <code><a href="infrastructure.html#blob">Blob</a></code> object corresponding to the same underlying data.</p></dd> - <dt>If <var title="">input</var> is a <code>FileList</code> object</dt> + <dt>If <var title="">input</var> is a <code><a href="infrastructure.html#filelist">FileList</a></code> object</dt> - <dd><p>Let <var title="">output</var> be a newly constructed <code>FileList</code> object containing a list of newly constructed <code>File</code> objects corresponding to the same underlying data as those in <var title="">input</var>, maintaining their relative order.</p></dd> + <dd><p>Let <var title="">output</var> be a newly constructed <code><a href="infrastructure.html#filelist">FileList</a></code> object containing a list of newly constructed <code><a href="infrastructure.html#file">File</a></code> objects corresponding to the same underlying data as those in <var title="">input</var>, maintaining their relative order.</p></dd> <dt>If <var title="">input</var> is an Array object</dt> @@ -1268,7 +1268,7 @@ <dt>If <var title="">input</var> is an Object object</dt> - <dd><p>Let <var title="">output</var> be a newly constructed empty <code><a href="the-iframe-element.html#the-object-element">Object</a></code> object.</p></dd> + <dd><p>Let <var title="">output</var> be a newly constructed empty <code title="">Object</code> object.</p></dd> <dt>If <var title="">input</var> is another native object type (e.g. <code>Error</code>, <code><a href="webappapis.html#function">Function</a></code>)</dt> <dt>If <var title="">input</var> is a host object (e.g. a DOM node)</dt> Index: parsing.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/parsing.html,v retrieving revision 1.8 retrieving revision 1.9 diff -u -d -r1.8 -r1.9 --- parsing.html 30 Apr 2011 11:35:46 -0000 1.8 +++ parsing.html 5 May 2011 18:12:09 -0000 1.9 @@ -1280,7 +1280,8 @@ <li><i>Loop</i>: If <var title="">node</var> is the first node in the stack of open elements, then set <var title="">last</var> to - true and set <var title="">node</var> to the <var title="">context</var> element. (<a href="the-end.html#fragment-case">fragment case</a>)</li> + 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, 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 @@ -1309,10 +1310,10 @@ 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-0">head</a></code> element, + <li>If <var title="">node</var> is a <code><a href="semantics.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-0">body</a></code> element, + <li>If <var title="">node</var> is a <code><a href="sections.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> @@ -1320,7 +1321,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-0">html</a></code> element, + <li>If <var title="">node</var> is an <code><a href="semantics.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 @@ -1344,15 +1345,15 @@ <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-0">html</a></code> root element node, which is then added to the + <code><a href="semantics.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-0">html</a></code> + elements</a> is initialized to contain an <code><a href="semantics.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-0">html</a></code> node, however it is created, is the topmost + <p>The <code><a href="semantics.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> @@ -1364,7 +1365,7 @@ 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 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-0">html</a></code> element).</p> + of open elements</a> (the <code><a href="semantics.html#the-html-element">html</a></code> element).</p> <p>Elements in the stack fall into the following categories:</p> @@ -1373,28 +1374,28 @@ 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-0">body</a></code>, <code><a href="text-level-semantics.html#the-br-element">br</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">command</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-0">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-0">html</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#menus">menu</a></code>, - <code><a href="semantics.html#meta">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#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#script">script</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="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-0">title</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="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 <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> @@ -1429,7 +1430,7 @@ entry in the <a href="#stack-of-open-elements">stack of open elements</a> and return to step 2. (This will never fail, since the loop will always terminate in the previous step if the top of the stack — an - <code><a href="semantics.html#the-html-element-0">html</a></code> element — is reached.)</p></li> + <code><a href="semantics.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 @@ -1437,7 +1438,7 @@ <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-0">html</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> @@ -1471,7 +1472,7 @@ scope</dfn> when it <a href="#has-an-element-in-the-specific-scope">has an element in the specific scope</a> consisting of the following element types:</p> - <ul class="brief"><li><code><a href="semantics.html#the-html-element-0">html</a></code> in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></li> + <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><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 @@ -1613,7 +1614,7 @@ pointer</dfn> and the <dfn id="form-element-pointer"><code title="">form</code> element pointer</dfn> are both null.</p> - <p>Once a <code><a href="semantics.html#the-head-element-0">head</a></code> element has been parsed (whether + <p>Once a <code><a href="semantics.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> @@ -1632,7 +1633,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#script">script</a></code> elements + parsing algorithm</a>, even though <code><a href="scripting-1.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: fetching-resources.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/fetching-resources.html,v retrieving revision 1.8 retrieving revision 1.9 diff -u -d -r1.8 -r1.9 --- fetching-resources.html 30 Apr 2011 11:35:45 -0000 1.8 +++ fetching-resources.html 5 May 2011 18:12:08 -0000 1.9 @@ -660,7 +660,7 @@ 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="semantics.html#meta">meta</a></code> elements</h4> + <h4 id="extracting-encodings-from-meta-elements"><span class="secno">2.7.4 </span>Extracting encodings from <code><a href="semantics.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 Index: origin-0.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/origin-0.html,v retrieving revision 1.10 retrieving revision 1.11 diff -u -d -r1.10 -r1.11 --- origin-0.html 30 Apr 2011 11:35:45 -0000 1.10 +++ origin-0.html 5 May 2011 18:12:09 -0000 1.11 @@ -434,10 +434,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#script">script</a></code> element</dt> + <dl class="switch"><dt>If a script is in a <code><a href="scripting-1.html#the-script-element">script</a></code> element</dt> <dd>The owner is the <code><a href="infrastructure.html#document">Document</a></code> to which the - <code><a href="scripting-1.html#script">script</a></code> element belongs.</dd> + <code><a href="scripting-1.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 attributes">event handler content attribute</a></dt> @@ -587,18 +587,18 @@ </dd> - <dt>For <code><a href="video.html#audio">audio</a></code> and <code><a href="video.html#video">video</a></code> elements</dt> + <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> <dd> - <p>If value of the <a href="video.html#media-element">media element</a>'s <code title="dom-media-currentSrc"><a href="video.html#dom-media-currentsrc">currentSrc</a></code> attribute is the + <p>If value of the <a href="the-iframe-element.html#media-element">media element</a>'s <code title="dom-media-currentSrc"><a href="the-iframe-element.html#dom-media-currentsrc">currentSrc</a></code> attribute is the empty string, the <a href="#origin">origin</a> is the same as the <a href="#origin">origin</a> of the element's <code><a href="infrastructure.html#document">Document</a></code>'s <a href="#origin">origin</a>.</p> <p>Otherwise, the <a href="#origin">origin</a> is equal to the <a href="#origin">origin</a> of the <a href="urls.html#absolute-url">absolute URL</a> given by the - <a href="video.html#media-element">media element</a>'s <code title="dom-media-currentSrc"><a href="video.html#dom-media-currentsrc">currentSrc</a></code> attribute.</p> + <a href="the-iframe-element.html#media-element">media element</a>'s <code title="dom-media-currentSrc"><a href="the-iframe-element.html#dom-media-currentsrc">currentSrc</a></code> attribute.</p> </dd> Index: common-input-element-attributes.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/common-input-element-attributes.html,v retrieving revision 1.8 retrieving revision 1.9 diff -u -d -r1.8 -r1.9 --- common-input-element-attributes.html 30 Apr 2011 11:35:44 -0000 1.8 +++ common-input-element-attributes.html 5 May 2011 18:12:08 -0000 1.9 @@ -807,9 +807,9 @@ assistive technology would be impaired.</p><p class="example">For instance, if the title attribute contained the caption of the control, assistive technology could end up saying something like <samp>The text you have entered does not match the - required pattern. Birthday</samp>, which is not useful.</p><p>UAs may still show the <code><a href="semantics.html#the-title-element-0">title</a></code> in non-error situations + 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 (for example, as a tooltip when hovering over the control), so - authors should be careful not to word <code><a href="semantics.html#the-title-element-0">title</a></code>s as if an + authors should be careful not to word <code><a href="semantics.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"> @@ -1003,7 +1003,7 @@ <dd> - <p>Returns a <code>FileList</code> object listing the <a href="number-state.html#concept-input-type-file-selected" title="concept-input-type-file-selected">selected files</a> of + <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> @@ -1124,7 +1124,7 @@ <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>FileList</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 + <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> Index: dom.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/dom.html,v retrieving revision 1.9 retrieving revision 1.10 diff -u -d -r1.9 -r1.10 --- dom.html 30 Apr 2011 11:35:45 -0000 1.9 +++ dom.html 5 May 2011 18:12:08 -0000 1.10 @@ -746,37 +746,37 @@ attribute must, on getting, return the <a href="#current-document-readiness">current document readiness</a>.</p> - </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">The <code>html</code> element</dfn> of a document is the + </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-0">html</a></code> element, or null otherwise.</p><hr/><dl class="domintro"><dt><var title="">document</var> . <code title="dom-document-head"><a href="#dom-document-head">head</a></code></dt> + <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> <dd> - <p>Returns <a href="#the-head-element">the <code>head</code> element</a>.</p> + <p>Returns <a href="#the-head-element-0">the <code>head</code> element</a>.</p> </dd> - </dl><p><dfn id="the-head-element">The <code>head</code> element</dfn> of a document is the - first <code><a href="semantics.html#the-head-element-0">head</a></code> element that is a child of <a href="#the-html-element">the + </dl><p><dfn id="the-head-element-0">The <code>head</code> element</dfn> of a document is the + first <code><a href="semantics.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">the <code>head</code> - element</a> of the document (a <code><a href="semantics.html#the-head-element-0">head</a></code> element or + attribute, on getting, must return <a href="#the-head-element-0">the <code>head</code> + element</a> of the document (a <code><a href="semantics.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> <dd> - <p>Returns the document's title, as given by <a href="#the-title-element">the + <p>Returns the document's title, as given by <a href="#the-title-element-0">the <code>title</code> element</a>.</p> <p>Can be set, to update the document's title. If there is no - <a href="#the-head-element" title="the head element"><code>head</code> element</a>, + <a href="#the-head-element-0" title="the head element"><code>head</code> element</a>, the new value is ignored.</p> <p>In SVG documents, the <code>SVGDocument</code> interface's <code title="dom-svg-title">title</code> attribute takes precedence.</p> </dd> - </dl><p><dfn id="the-title-element">The <code>title</code> element</dfn> of a document is the - first <code><a href="semantics.html#the-title-element-0">title</a></code> element in the document (in tree order), if + </dl><p><dfn id="the-title-element-0">The <code>title</code> element</dfn> of a document is the + first <code><a href="semantics.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, @@ -790,8 +790,8 @@ <li><p>Otherwise, let <var title="">value</var> be a concatenation of the data of all the child <a href="infrastructure.html#text-node" title="text node">text - nodes</a> of <a href="#the-title-element">the <code>title</code> element</a>, in - <a href="infrastructure.html#tree-order">tree order</a>, or the empty string if <a href="#the-title-element">the + nodes</a> of <a href="#the-title-element-0">the <code>title</code> element</a>, in + <a href="infrastructure.html#tree-order">tree order</a>, or the empty string if <a href="#the-title-element-0">the <code>title</code> element</a> is null.</p></li> <li><p>Replace any sequence of one or more consecutive <a href="common-microsyntaxes.html#space-character" title="space character">space characters</a> in <var title="">value</var> with a single U+0020 SPACE character.</p></li> @@ -810,13 +810,13 @@ <code>SVGDocument</code> interface (if it is readonly, then this will raise an exception). Stop the algorithm here. <a href="references.html#refsSVG">[SVG]</a></p></li> - <li>If <a href="#the-title-element">the <code>title</code> element</a> is null and - <a href="#the-head-element">the <code>head</code> element</a> is null, then the + <li>If <a href="#the-title-element-0">the <code>title</code> element</a> is null and + <a href="#the-head-element-0">the <code>head</code> element</a> is null, then the attribute must do nothing. Stop the algorithm here.</li> - <li>If <a href="#the-title-element">the <code>title</code> element</a> is null, then a - new <code><a href="semantics.html#the-title-element-0">title</a></code> element must be created and appended to - <a href="#the-head-element">the <code>head</code> element</a>. Let <var title="">element</var> be that element. Otherwise, let <var title="">element</var> be <a href="#the-title-element">the <code>title</code> + <li>If <a href="#the-title-element-0">the <code>title</code> element</a> is null, then a + new <code><a href="semantics.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> <li>The children of <var title="">element</var> (if any) must all @@ -832,41 +832,41 @@ </div><hr/><dl class="domintro"><dt><var title="">document</var> . <code title="dom-document-body"><a href="#dom-document-body">body</a></code> [ = <var title="">value</var> ]</dt> <dd> - <p>Returns <a href="#the-body-element">the body element</a>.</p> - <p>Can be set, to replace <a href="#the-body-element">the body element</a>.</p> - <p>If the new value is not a <code><a href="sections.html#the-body-element-0">body</a></code> or <code><a href="obsolete.html#frameset">frameset</a></code> element, this will throw a <code><a href="common-dom-interfaces.html#hierarchy_request_err">HIERARCHY_REQUEST_ERR</a></code> exception.</p> + <p>Returns <a href="#the-body-element-0">the body element</a>.</p> + <p>Can be set, to replace <a href="#the-body-element-0">the body element</a>.</p> + <p>If the new value is not a <code><a href="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="common-dom-interfaces.html#hierarchy_request_err">HIERARCHY_REQUEST_ERR</a></code> exception.</p> </dd> - </dl><p><dfn id="the-body-element">The body element</dfn> of a document is the first child of - <a href="#the-html-element">the <code>html</code> element</a> that is either a - <code><a href="sections.html#the-body-element-0">body</a></code> element or a <code><a href="obsolete.html#frameset">frameset</a></code> element. If + </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 there is no such element, it is null. <span class="impl">If the body element is null, then when the specification requires that events be fired at "the body element", they must instead be fired at the <code><a href="infrastructure.html#document">Document</a></code> object.</span></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">the body element</a> of - the document (either a <code><a href="sections.html#the-body-element-0">body</a></code> element, a + attribute, on getting, must return <a href="#the-body-element-0">the body element</a> of + the document (either a <code><a href="sections.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-0">body</a></code> or + <ol><li>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, then raise a <code><a href="common-dom-interfaces.html#hierarchy_request_err">HIERARCHY_REQUEST_ERR</a></code> exception and abort these steps.</li> - <li>Otherwise, if the new value is the same as <a href="#the-body-element">the body + <li>Otherwise, if the new value is the same as <a href="#the-body-element-0">the body element</a>, do nothing. Abort these steps.</li> - <li>Otherwise, if <a href="#the-body-element">the body element</a> is not null, then + <li>Otherwise, if <a href="#the-body-element-0">the body element</a> is not null, then replace that element with the new value in the DOM, as if the root element's <code title="">replaceChild()</code> method had been - called with the new value and <a href="#the-body-element" title="the body element">the + called with the new value and <a href="#the-body-element-0" title="the body element">the incumbent body element</a> as its two arguments respectively, then abort these steps.</li> - <li>Otherwise, <a href="#the-body-element">the body element</a> is null. Append + <li>Otherwise, <a href="#the-body-element-0">the body element</a> is null. Append the new value to the root element.</li> </ol></div><hr/><dl class="domintro"><dt><var title="">document</var> . <code title="dom-document-images"><a href="#dom-document-images">images</a></code></dt> @@ -892,7 +892,7 @@ <dt><var title="">document</var> . <code title="dom-document-scripts"><a href="#dom-document-scripts">scripts</a></code></dt> <dd> - <p>Return an <code><a href="common-dom-interfaces.html#htmlcollection">HTMLCollection</a></code> of the <code><a href="scripting-1.html#script">script</a></code> elements in the <code><a href="infrastructure.html#document">Document</a></code>.</p> + <p>Return an <code><a href="common-dom-interfaces.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="infrastructure.html#document">Document</a></code>.</p> </dd> </dl><div class="impl"> @@ -925,7 +925,7 @@ <p>The <dfn id="dom-document-scripts" title="dom-document-scripts"><code>scripts</code></dfn> attribute must return an <code><a href="common-dom-interfaces.html#htmlcollection">HTMLCollection</a></code> rooted at the <code><a href="infrastructure.html#document">Document</a></code> node, whose filter matches only - <code><a href="scripting-1.html#script">script</a></code> elements.</p> + <code><a href="scripting-1.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> @@ -1101,7 +1101,7 @@ <dd> <p>Returns a new <code><a href="infrastructure.html#document">Document</a></code>, with a basic DOM already - constructed with an appropriate <code><a href="semantics.html#the-title-element-0">title</a></code> element.</p> + constructed with an appropriate <code><a href="semantics.html#the-title-element">title</a></code> element.</p> </dd> @@ -1120,20 +1120,20 @@ and empty lists, as appropriate. Append the newly created node to <var title="">doc</var>.</p></li> - <li><p>Create an <code><a href="semantics.html#the-html-element-0">html</a></code> element, and append it to <var title="">doc</var>.</p></li> + <li><p>Create an <code><a href="semantics.html#the-html-element">html</a></code> element, and append it to <var title="">doc</var>.</p></li> - <li><p>Create a <code><a href="semantics.html#the-head-element-0">head</a></code> element, and append it to the - <code><a href="semantics.html#the-html-element-0">html</a></code> element created in the previous step.</p> + <li><p>Create a <code><a href="semantics.html#the-head-element">head</a></code> element, and append it to the + <code><a href="semantics.html#the-html-element">html</a></code> element created in the previous step.</p> - </li><li><p>Create a <code><a href="semantics.html#the-title-element-0">title</a></code> element, and append it to the - <code><a href="semantics.html#the-head-element-0">head</a></code> element created in the previous step.</p> + </li><li><p>Create a <code><a href="semantics.html#the-title-element">title</a></code> element, and append it to the + <code><a href="semantics.html#the-head-element">head</a></code> element created in the previous step.</p> </li><li><p>Create a <code><a href="infrastructure.html#text">Text</a></code> node, and set its <code title="">data</code> attribute to the string given by the method's argument (which could be the empty string). Append it to the - <code><a href="semantics.html#the-title-element-0">title</a></code> element created in the previous step.</p> + <code><a href="semantics.html#the-title-element">title</a></code> element created in the previous step.</p> - </li><li><p>Create a <code><a href="sections.html#the-body-element-0">body</a></code> element, and append it to the - <code><a href="semantics.html#the-html-element-0">html</a></code> element created in the earlier step.</p> + </li><li><p>Create a <code><a href="sections.html#the-body-element">body</a></code> element, and append it to the + <code><a href="semantics.html#the-html-element">html</a></code> element created in the earlier step.</p> </li><li><p>Return <var title="">doc</var>.</p></li> Index: embedded-content-1.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/embedded-content-1.html,v retrieving revision 1.8 retrieving revision 1.9 diff -u -d -r1.8 -r1.9 --- embedded-content-1.html 30 Apr 2011 11:35:45 -0000 1.8 +++ embedded-content-1.html 5 May 2011 18:12:08 -0000 1.9 @@ -1556,7 +1556,7 @@ - <li>The document has a <code><a href="semantics.html#meta">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 + <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 — Index: the-input-element.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/the-input-element.html,v retrieving revision 1.8 retrieving revision 1.9 diff -u -d -r1.8 -r1.9 --- the-input-element.html 30 Apr 2011 11:35:46 -0000 1.8 +++ the-input-element.html 5 May 2011 18:12:09 -0000 1.9 @@ -399,7 +399,7 @@ 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 <span>FileList</span> <a href="common-input-element-attributes.html#dom-input-files" title="dom-input-files">files</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>; @@ -442,7 +442,8 @@ 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>; - void <a href="association-of-controls-and-forms.html#dom-textarea-input-setselectionrange" title="dom-textarea/input-setSelectionRange">setSelectionRange</a>(in unsigned long start, in unsigned long end); + 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>(in unsigned long start, in unsigned long end, in 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, @@ -548,8 +549,9 @@ </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>, <code title="dom-input-list"><a href="common-input-element-attributes.html#dom-input-list">list</a></code>, and <code title="dom-input-selectedOption"><a href="common-input-element-attributes.html#dom-input-selectedoption">selectedOption</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> and - <code title="dom-textarea/input-selectionEnd"><a href="association-of-controls-and-forms.html#dom-textarea-input-selectionend">selectionEnd</a></code> + 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 @@ -1130,6 +1132,22 @@ </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> + </th><td class="no"> · + </td><td class="yes"> Yes + </td><td class="yes"> Yes + </td><td class="no"> · + </td><td class="yes"> Yes + </td><td class="no"> · + </td><td class="no"> · + </td><td class="no"> · + </td><td class="no"> · + </td><td class="no"> · + </td><td class="no"> · + </td><td class="no"> · + </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> </th><td class="no"> · </td><td class="yes"> Yes @@ -1371,6 +1389,7 @@ <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> 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 Index: rendering.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/rendering.html,v retrieving revision 1.10 retrieving revision 1.11 diff -u -d -r1.10 -r1.11 --- rendering.html 30 Apr 2011 11:35:46 -0000 1.10 +++ rendering.html 5 May 2011 18:12:09 -0000 1.11 @@ -564,9 +564,9 @@ <var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> h1 { margin-top: 1.67em; margin-bottom: 1.67em; } <var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> h1 { margin-top: 2.33em; margin-bottom: 2.33em; }</pre> - <hr/><p>For each property in the table below, given a <code><a href="sections.html#the-body-element-0">body</a></code> + <hr/><p>For each property in the table below, given a <code><a href="sections.html#the-body-element">body</a></code> element, the first attribute that exists <a href="#maps-to-the-pixel-length-property">maps to the pixel - length property</a> on the <code><a href="sections.html#the-body-element-0">body</a></code> element. If none of + length property</a> on the <code><a href="sections.html#the-body-element">body</a></code> element. If none of the attributes for a property are found, or if the value of the attribute that was found cannot be parsed successfully, then a default value of 8px is expected to be used for that property @@ -575,27 +575,27 @@ <table><thead><tr><th>Property </th><th>Source </th></tr></thead><tbody><tr><td rowspan="3">'margin-top' - </td><td><code><a href="sections.html#the-body-element-0">body</a></code> element's <code title="attr-body-marginheight"><a href="obsolete.html#attr-body-marginheight">marginheight</a></code> attribute - </td></tr><tr><td>The <code><a href="sections.html#the-body-element-0">body</a></code> element's <a href="#container-frame-element">container frame element</a>'s <code title="attr-iframe-marginheight"><a href="obsolete.html#attr-iframe-marginheight">marginheight</a></code> attribute - </td></tr><tr><td><code><a href="sections.html#the-body-element-0">body</a></code> element's <code title="attr-body-topmargin">topmargin</code> attribute + </td><td><code><a href="sections.html#the-body-element">body</a></code> element's <code title="attr-body-marginheight"><a href="obsolete.html#attr-body-marginheight">marginheight</a></code> attribute + </td></tr><tr><td>The <code><a href="sections.html#the-body-element">body</a></code> element's <a href="#container-frame-element">container frame element</a>'s <code title="attr-iframe-marginheight"><a href="obsolete.html#attr-iframe-marginheight">marginheight</a></code> attribute + </td></tr><tr><td><code><a href="sections.html#the-body-element">body</a></code> element's <code title="attr-body-topmargin">topmargin</code> attribute </td></tr></tbody><tbody><tr><td rowspan="3">'margin-right' - </td><td><code><a href="sections.html#the-body-element-0">body</a></code> element's <code title="attr-body-marginwidth"><a href="obsolete.html#attr-body-marginwidth">marginwidth</a></code> attribute - </td></tr><tr><td>The <code><a href="sections.html#the-body-element-0">body</a></code> element's <a href="#container-frame-element">container frame element</a>'s <code title="attr-iframe-marginwidth"><a href="obsolete.html#attr-iframe-marginwidth">marginwidth</a></code> attribute - </td></tr><tr><td><code><a href="sections.html#the-body-element-0">body</a></code> element's <code title="attr-body-rightmargin">rightmargin</code> attribute + </td><td><code><a href="sections.html#the-body-element">body</a></code> element's <code title="attr-body-marginwidth"><a href="obsolete.html#attr-body-marginwidth">marginwidth</a></code> attribute + </td></tr><tr><td>The <code><a href="sections.html#the-body-element">body</a></code> element's <a href="#container-frame-element">container frame element</a>'s <code title="attr-iframe-marginwidth"><a href="obsolete.html#attr-iframe-marginwidth">marginwidth</a></code> attribute + </td></tr><tr><td><code><a href="sections.html#the-body-element">body</a></code> element's <code title="attr-body-rightmargin">rightmargin</code> attribute </td></tr></tbody><tbody><tr><td rowspan="3">'margin-bottom' - </td><td><code><a href="sections.html#the-body-element-0">body</a></code> element's <code title="attr-body-marginheight"><a href="obsolete.html#attr-body-marginheight">marginheight</a></code> attribute - </td></tr><tr><td>The <code><a href="sections.html#the-body-element-0">body</a></code> element's <a href="#container-frame-element">container frame element</a>'s <code title="attr-iframe-marginheight"><a href="obsolete.html#attr-iframe-marginheight">marginheight</a></code> attribute - </td></tr><tr><td><code><a href="sections.html#the-body-element-0">body</a></code> element's <code title="attr-body-bottommargin">bottommargin</code> attribute + </td><td><code><a href="sections.html#the-body-element">body</a></code> element's <code title="attr-body-marginheight"><a href="obsolete.html#attr-body-marginheight">marginheight</a></code> attribute + </td></tr><tr><td>The <code><a href="sections.html#the-body-element">body</a></code> element's <a href="#container-frame-element">container frame element</a>'s <code title="attr-iframe-marginheight"><a href="obsolete.html#attr-iframe-marginheight">marginheight</a></code> attribute + </td></tr><tr><td><code><a href="sections.html#the-body-element">body</a></code> element's <code title="attr-body-bottommargin">bottommargin</code> attribute </td></tr></tbody><tbody><tr><td rowspan="3">'margin-left' - </td><td><code><a href="sections.html#the-body-element-0">body</a></code> element's <code title="attr-body-marginwidth"><a href="obsolete.html#attr-body-marginwidth">marginwidth</a></code> attribute - </td></tr><tr><td>The <code><a href="sections.html#the-body-element-0">body</a></code> element's <a href="#container-frame-element">container frame element</a>'s <code title="attr-iframe-marginwidth"><a href="obsolete.html#attr-iframe-marginwidth">marginwidth</a></code> attribute - </td></tr><tr><td><code><a href="sections.html#the-body-element-0">body</a></code> element's <code title="attr-body-leftmargin">leftmargin</code> attribute - </td></tr></tbody></table><p>If the <code><a href="sections.html#the-body-element-0">body</a></code> element's <code><a href="infrastructure.html#document">Document</a></code>'s + </td><td><code><a href="sections.html#the-body-element">body</a></code> element's <code title="attr-body-marginwidth"><a href="obsolete.html#attr-body-marginwidth">marginwidth</a></code> attribute + </td></tr><tr><td>The <code><a href="sections.html#the-body-element">body</a></code> element's <a href="#container-frame-element">container frame element</a>'s <code title="attr-iframe-marginwidth"><a href="obsolete.html#attr-iframe-marginwidth">marginwidth</a></code> attribute + </td></tr><tr><td><code><a href="sections.html#the-body-element">body</a></code> element's <code title="attr-body-leftmargin">leftmargin</code> attribute + </td></tr></tbody></table><p>If the <code><a href="sections.html#the-body-element">body</a></code> element's <code><a href="infrastructure.html#document">Document</a></code>'s <a href="browsers.html#browsing-context">browsing context</a> is a <a href="browsers.html#nested-browsing-context">nested browsing context</a>, and the <a href="browsers.html#browsing-context-container">browsing context container</a> of that <a href="browsers.html#nested-browsing-context">nested browsing context</a> is a <code><a href="obsolete.html#frame">frame</a></code> or <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code> element, then the <dfn id="container-frame-element">container frame - element</dfn> of the <code><a href="sections.html#the-body-element-0">body</a></code> element is that + element</dfn> of the <code><a href="sections.html#the-body-element">body</a></code> element is that <code><a href="obsolete.html#frame">frame</a></code> or <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code> element. Otherwise, there is no <a href="#container-frame-element">container frame element</a>.</p> @@ -687,7 +687,7 @@ <p>When a <code><a href="infrastructure.html#document">Document</a></code> is in <a href="dom.html#quirks-mode">quirks mode</a>, margins on <a href="infrastructure.html#html-elements">HTML elements</a> at the top or bottom of - <code><a href="sections.html#the-body-element-0">body</a></code>, <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> elements are + <code><a href="sections.html#the-body-element">body</a></code>, <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> elements are expected to be collapsed to zero.</p> </div><div class="impl"> @@ -882,7 +882,7 @@ <var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> h1 { font-size: 0.83em; } <var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> h1 { font-size: 0.67em; }</pre> - <hr/><p>When a <code><a href="sections.html#the-body-element-0">body</a></code>, <code><a href="tabular-data.html#the-table-element">table</a></code>, <code><a href="tabular-data.html#the-thead-element">thead</a></code>, + <hr/><p>When a <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-thead-element">thead</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-tr-element">tr</a></code>, <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 has a <code title="attr-background"><a href="obsolete.html#attr-background">background</a></code> attribute set to a non-empty value, the new value is expected to be <a href="urls.html#resolve-a-url" title="resolve a url">resolved</a> relative to the element, and @@ -891,7 +891,7 @@ hint</a> setting the element's 'background-image' property to the resulting <a href="urls.html#absolute-url">absolute URL</a>.</p> - <p>When a <code><a href="sections.html#the-body-element-0">body</a></code>, <code><a href="tabular-data.html#the-table-element">table</a></code>, <code><a href="tabular-data.html#the-thead-element">thead</a></code>, + <p>When a <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-thead-element">thead</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-tr-element">tr</a></code>, <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 has a <code title="">bgcolor</code> attribute set, the new value is expected to be parsed using the <a href="common-microsyntaxes.html#rules-for-parsing-a-legacy-color-value">rules for parsing a legacy color @@ -899,27 +899,27 @@ is expected to treat the attribute as a <a href="#presentational-hints" title="presentational hints">presentational hint</a> setting the element's 'background-color' property to the resulting color.</p> - <p>When a <code><a href="sections.html#the-body-element-0">body</a></code> element has a <code title="attr-body-text"><a href="obsolete.html#attr-body-text">text</a></code> attribute, its value is expected + <p>When a <code><a href="sections.html#the-body-element">body</a></code> element has a <code title="attr-body-text"><a href="obsolete.html#attr-body-text">text</a></code> attribute, its value is expected to be parsed using the <a href="common-microsyntaxes.html#rules-for-parsing-a-legacy-color-value">rules for parsing a legacy color value</a>, and if that does not return an error, the user agent is expected to treat the attribute as a <a href="#presentational-hints" title="presentational hints">presentational hint</a> setting the element's 'color' property to the resulting color.</p> - <p>When a <code><a href="sections.html#the-body-element-0">body</a></code> element has a <code title="attr-body-link"><a href="obsolete.html#attr-body-link">link</a></code> attribute, its value is expected + <p>When a <code><a href="sections.html#the-body-element">body</a></code> element has a <code title="attr-body-link"><a href="obsolete.html#attr-body-link">link</a></code> attribute, its value is expected to be parsed using the <a href="common-microsyntaxes.html#rules-for-parsing-a-legacy-color-value">rules for parsing a legacy color value</a>, and if that does not return an error, the user agent is expected to treat the attribute as a <a href="#presentational-hints" title="presentational hints">presentational hint</a> setting the 'color' property of any element in the <code><a href="infrastructure.html#document">Document</a></code> matching the ':link' pseudo-class to the resulting color.</p> - <p>When a <code><a href="sections.html#the-body-element-0">body</a></code> element has a <code title="attr-body-vlink"><a href="obsolete.html#attr-body-vlink">vlink</a></code> attribute, its value is + <p>When a <code><a href="sections.html#the-body-element">body</a></code> element has a <code title="attr-body-vlink"><a href="obsolete.html#attr-body-vlink">vlink</a></code> attribute, its value is expected to be parsed using the <a href="common-microsyntaxes.html#rules-for-parsing-a-legacy-color-value">rules for parsing a legacy color value</a>, and if that does not return an error, the user agent is expected to treat the attribute as a <a href="#presentational-hints" title="presentational hints">presentational hint</a> setting the 'color' property of any element in the <code><a href="infrastructure.html#document">Document</a></code> matching the ':visited' pseudo-class to the resulting color.</p> - <p>When a <code><a href="sections.html#the-body-element-0">body</a></code> element has a <code title="attr-body-alink"><a href="obsolete.html#attr-body-alink">alink</a></code> attribute, its value is + <p>When a <code><a href="sections.html#the-body-element">body</a></code> element has a <code title="attr-body-alink"><a href="obsolete.html#attr-body-alink">alink</a></code> attribute, its value is expected to be parsed using the <a href="common-microsyntaxes.html#rules-for-parsing-a-legacy-color-value">rules for parsing a legacy color value</a>, and if that does not return an error, the user agent is expected to treat the attribute as a <a href="#presentational-hints" title="presentational hints">presentational hint</a> setting the @@ -1341,7 +1341,7 @@ <h4 id="embedded-content-2"><span class="secno">10.3.1 </span>Embedded content</h4> <p>The <code><a href="the-iframe-element.html#the-embed-element">embed</a></code>, <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code>, and - <code><a href="video.html#video">video</a></code> elements are expected to be treated as replaced + <code><a href="the-iframe-element.html#the-video-element">video</a></code> elements are expected to be treated as replaced elements.</p> <p>A <code><a href="the-canvas-element.html#the-canvas-element">canvas</a></code> element that <a href="#represents">represents</a> @@ -1360,39 +1360,39 @@ element. Other <code><a href="obsolete.html#the-applet-element">applet</a></code> elements are expected to be treated as ordinary elements in the rendering model.</p> - <p>The <code><a href="video.html#audio">audio</a></code> element, when it is <a href="video.html#expose-a-user-interface-to-the-user" title="expose a user interface to the user">exposing a user interface</a>, is + <p>The <code><a href="the-iframe-element.html#the-audio-element">audio</a></code> element, when it is <a href="the-iframe-element.html#expose-a-user-interface-to-the-user" title="expose a user interface to the user">exposing a user interface</a>, is expected to be treated as a replaced element about one line high, as wide as is necessary to expose the user agent's user interface - features. When an <code><a href="video.html#audio">audio</a></code> element is not <a href="video.html#expose-a-user-interface-to-the-user" title="expose a user interface to the user">exposing a user + features. When an <code><a href="the-iframe-element.html#the-audio-element">audio</a></code> element is not <a href="the-iframe-element.html#expose-a-user-interface-to-the-user" title="expose a user interface to the user">exposing a user interface</a>, the user agent is expected to hide it, irrespective of CSS rules.</p> - <p>Whether a <code><a href="video.html#video">video</a></code> element is <a href="video.html#expose-a-user-interface-to-the-user" title="expose a user interface to the user">exposing a user interface</a> is not + <p>Whether a <code><a href="the-iframe-element.html#the-video-element">video</a></code> element is <a href="the-iframe-element.html#expose-a-user-interface-to-the-user" title="expose a user interface to the user">exposing a user interface</a> is not expected to affect the size of the rendering; controls are expected to be overlaid with the page content without causing any layout changes, and are expected to disappear when the user does not need them.</p> - <p>When a <code><a href="video.html#video">video</a></code> element represents a poster frame or + <p>When a <code><a href="the-iframe-element.html#the-video-element">video</a></code> element represents a poster frame or frame of video, the poster frame or frame of video is expected to be rendered at the largest size that maintains the aspect ratio of that poster frame or frame of video without being taller or wider than - the <code><a href="video.html#video">video</a></code> element itself, and is expected to be - centered in the <code><a href="video.html#video">video</a></code> element.</p> + the <code><a href="the-iframe-element.html#the-video-element">video</a></code> element itself, and is expected to be + centered in the <code><a href="the-iframe-element.html#the-video-element">video</a></code> element.</p> <p>Any subtitles or captions are expected to be overlayed directly - on top of their <code><a href="video.html#video">video</a></code> element, as defined by the + on top of their <code><a href="the-iframe-element.html#the-video-element">video</a></code> element, as defined by the relevant rendering rules; for <span>WebVTT</span>, those are the <a href="#webvtt-cue-text-rendering-rules">WebVTT cue text rendering rules</a> defined below.</p> - <p>When the user agent starts <a href="video.html#expose-a-user-interface-to-the-user" title="expose a user interface to the user">exposing a user interface</a> for a - <code><a href="video.html#video">video</a></code> element, the user agent should run the <a href="video.html#rules-for-updating-the-text-track-rendering">rules - for updating the text track rendering</a> of each of the <a href="video.html#text-track" title="text track">text tracks</a> in the <code><a href="video.html#video">video</a></code> - element's <a href="video.html#list-of-text-tracks">list of text tracks</a> that are <a href="video.html#text-track-showing" title="text track showing">showing</a> or <a href="video.html#text-track-showing-by-default" title="text track showing by default">showing by default</a> (e.g., for <a href="video.html#text-track" title="text track">text tracks</a> based on + <p>When the user agent starts <a href="the-iframe-element.html#expose-a-user-interface-to-the-user" title="expose a user interface to the user">exposing a user interface</a> for a + <code><a href="the-iframe-element.html#the-video-element">video</a></code> element, the user agent should run the <a href="the-iframe-element.html#rules-for-updating-the-text-track-rendering">rules + for updating the text track rendering</a> of each of the <a href="the-iframe-element.html#text-track" title="text track">text tracks</a> in the <code><a href="the-iframe-element.html#the-video-element">video</a></code> + element's <a href="the-iframe-element.html#list-of-text-tracks">list of text tracks</a> that are <a href="the-iframe-element.html#text-track-showing" title="text track showing">showing</a> or <a href="the-iframe-element.html#text-track-showing-by-default" title="text track showing by default">showing by default</a> (e.g., for <a href="the-iframe-element.html#text-track" title="text track">text tracks</a> based on <span>WebVTT</span>, the <a href="#rules-for-updating-the-display-of-webvtt-text-tracks">rules for updating the display of WebVTT text tracks</a>).</p> - <p class="note">Resizing <code><a href="video.html#video">video</a></code> and <code><a href="the-canvas-element.html#the-canvas-element">canvas</a></code> + <p class="note">Resizing <code><a href="the-iframe-element.html#the-video-element">video</a></code> and <code><a href="the-canvas-element.html#the-canvas-element">canvas</a></code> elements does not interrupt video playback or clear the canvas.</p> <hr/><p>The following CSS rules are expected to apply:</p> @@ -1414,68 +1414,68 @@ <h5 id="webvtt-cue-text-rendering-rules"><span class="secno">10.3.2.1 </span><dfn>WebVTT cue text rendering rules</dfn></h5> <p>The <dfn id="rules-for-updating-the-display-of-webvtt-text-tracks">rules for updating the display of WebVTT text - tracks</dfn> render the <a href="video.html#text-track" title="text track">text - tracks</a> of a <a href="video.html#media-element">media element</a> (specifically, a - <code><a href="video.html#video">video</a></code> element), or of another playback mechanism, by - applying the steps below. All the <a href="video.html#text-track" title="text track">text - tracks</a> that use these rules for a given <a href="video.html#media-element">media + tracks</dfn> render the <a href="the-iframe-element.html#text-track" title="text track">text + tracks</a> of a <a href="the-iframe-element.html#media-element">media element</a> (specifically, a + <code><a href="the-iframe-element.html#the-video-element">video</a></code> element), or of another playback mechanism, by + applying the steps below. All the <a href="the-iframe-element.html#text-track" title="text track">text + tracks</a> that use these rules for a given <a href="the-iframe-element.html#media-element">media element</a>, or other playback mechanism, are rendered together, to avoid overlapping subtitles from multiple tracks.</p> <p>The output of the steps below is a set of CSS boxes that covers - the rendering area of the <a href="video.html#media-element">media element</a> or other + the rendering area of the <a href="the-iframe-element.html#media-element">media element</a> or other playback mechanism, which user agents are expected to render in a manner suiting the user.</p> <p>The rules are as follows:</p> - <ol><li><p>If the <a href="video.html#media-element">media element</a> is an <code><a href="video.html#audio">audio</a></code> + <ol><li><p>If the <a href="the-iframe-element.html#media-element">media element</a> is an <code><a href="the-iframe-element.html#the-audio-element">audio</a></code> element, or is another playback mechanism with no rendering area, abort these steps. There is nothing to render.</p></li> - <li><p>Let <var title="">video</var> be the <a href="video.html#media-element">media + <li><p>Let <var title="">video</var> be the <a href="the-iframe-element.html#media-element">media element</a> or other playback mechanism.</p></li> <li><p>Let <var title="">output</var> be an empty list of absolutely positioned CSS block boxes.</p></li> - <li><p>If the user agent is <a href="video.html#expose-a-user-interface-to-the-user" title="expose a user interface to the user">exposing a user interface</a> for <var title="">video</var>, add to <var title="">output</var> one or more + <li><p>If the user agent is <a href="the-iframe-element.html#expose-a-user-interface-to-the-user" title="expose a user interface to the user">exposing a user interface</a> for <var title="">video</var>, add to <var title="">output</var> one or more completely transparent positioned CSS block boxes that cover the same region as the user interface.</p> </li><li><p>If the last time these rules were run, the user agent was - not <a href="video.html#expose-a-user-interface-to-the-user" title="expose a user interface to the user">exposing a + not <a href="the-iframe-element.html#expose-a-user-interface-to-the-user" title="expose a user interface to the user">exposing a user interface</a> for <var title="">video</var>, but now it is, let <var title="">reset</var> be true. Otherwise, let <var title="">reset</var> be false.</p> - </li><li><p>Let <var title="">tracks</var> be the subset of <var title="">video</var>'s <a href="video.html#list-of-text-tracks">list of text tracks</a> that have - as their <a href="video.html#rules-for-updating-the-text-track-rendering">rules for updating the text track rendering</a> + </li><li><p>Let <var title="">tracks</var> be the subset of <var title="">video</var>'s <a href="the-iframe-element.html#list-of-text-tracks">list of text tracks</a> that have + as their <a href="the-iframe-element.html#rules-for-updating-the-text-track-rendering">rules for updating the text track rendering</a> these <a href="#rules-for-updating-the-display-of-webvtt-text-tracks">rules for updating the display of WebVTT text - tracks</a>, and whose <a href="video.html#text-track-mode">text track mode</a> is <a href="video.html#text-track-showing" title="text track showing">showing</a> or <a href="video.html#text-track-showing-by-default" title="text track showing by default">showing by default</a>.</p></li> + tracks</a>, and whose <a href="the-iframe-element.html#text-track-mode">text track mode</a> is <a href="the-iframe-element.html#text-track-showing" title="text track showing">showing</a> or <a href="the-iframe-element.html#text-track-showing-by-default" title="text track showing by default">showing by default</a>.</p></li> - <li><p>Let <var title="">cues</var> be an empty list of <a href="video.html#text-track-cue" title="text track cue">text track cues</a>.</p></li> + <li><p>Let <var title="">cues</var> be an empty list of <a href="the-iframe-element.html#text-track-cue" title="text track cue">text track cues</a>.</p></li> <li><p>For each track <var title="">track</var> in <var title="">tracks</var>, append to <var title="">cues</var> all the - <a href="video.html#text-track-cue" title="text track cue">cues</a> from <var title="">track</var>'s <a href="video.html#text-track-list-of-cues" title="text track list of cues">list - of cues</a> that have their <a href="video.html#text-track-cue-active-flag">text track cue active + <a href="the-iframe-element.html#text-track-cue" title="text track cue">cues</a> from <var title="">track</var>'s <a href="the-iframe-element.html#text-track-list-of-cues" title="text track list of cues">list + of cues</a> that have their <a href="the-iframe-element.html#text-track-cue-active-flag">text track cue active flag</a> set.</p></li> <li><p>If <var title="">reset</var> is false, then, for each - <a href="video.html#text-track-cue">text track cue</a> <var title="">cue</var> in <var title="">cues</var>: if <var title="">cue</var>'s <a href="video.html#text-track-cue-display-state">text track + <a href="the-iframe-element.html#text-track-cue">text track cue</a> <var title="">cue</var> in <var title="">cues</var>: if <var title="">cue</var>'s <a href="the-iframe-element.html#text-track-cue-display-state">text track cue display state</a> has a set of CSS boxes, then add those boxes to <var title="">output</var>, and remove <var title="">cue</var> from <var title="">cues</var>.</p></li> <li> - <p>For each <a href="video.html#text-track-cue">text track cue</a> <var title="">cue</var> + <p>For each <a href="the-iframe-element.html#text-track-cue">text track cue</a> <var title="">cue</var> in <var title="">cues</var> that has not yet had corresponding CSS - boxes added to <var title="">output</var>, in <a href="video.html#text-track-cue-order">text track + boxes added to <var title="">output</var>, in <a href="the-iframe-element.html#text-track-cue-order">text track cue order</a>, run the following substeps:</p> <ol><li><p>Let <var title="">nodes</var> be the <span>list of WebVTT Node Objects</span> obtained by applying the <span>WebVTT cue text parsing rules</span> to the <var title="">cue</var>'s - <a href="video.html#text-track-cue-text">text track cue text</a>.</p> + <a href="the-iframe-element.html#text-track-cue-text">text track cue text</a>.</p> </li><li> @@ -1502,12 +1502,12 @@ </li> - <li><p>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is - <a href="video.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, then let <var title="">block-flow</var> be 'tb'. Otherwise, if the <a href="video.html#text-track-cue-writing-direction">text - track cue writing direction</a> is <a href="video.html#text-track-cue-vertical-growing-left-writing-direction" title="text track cue vertical growing left writing direction">vertical growing + <li><p>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is + <a href="the-iframe-element.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, then let <var title="">block-flow</var> be 'tb'. Otherwise, if the <a href="the-iframe-element.html#text-track-cue-writing-direction">text + track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-vertical-growing-left-writing-direction" title="text track cue vertical growing left writing direction">vertical growing left</a>, then let <var title="">block-flow</var> be - 'lr'. Otherwise, the <a href="video.html#text-track-cue-writing-direction">text track cue writing - direction</a> is <a href="video.html#text-track-cue-vertical-growing-right-writing-direction" title="text track cue vertical growing right writing direction">vertical growing right</a>; let <var title="">block-flow</var> be 'rl'.</p></li> + 'lr'. Otherwise, the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing + direction</a> is <a href="the-iframe-element.html#text-track-cue-vertical-growing-right-writing-direction" title="text track cue vertical growing right writing direction">vertical growing right</a>; let <var title="">block-flow</var> be 'rl'.</p></li> <li> @@ -1515,29 +1515,29 @@ <var title="">cue</var> as per the appropriate rules from the following list:</p> - <dl class="switch"><dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, + <dl class="switch"><dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, the <span>text track cue alignment</span> is <span title="text track cue start alignment">start</span>, and <var title="">direction</var> is 'ltr'</dt> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, the <span>text track cue alignment</span> is <span title="text track cue end alignment">end</span>, and <var title="">direction</var> is 'rtl'</dt> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-vertical-growing-left-writing-direction" title="text track cue vertical growing left writing direction">vertical growing left</a>, + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-vertical-growing-left-writing-direction" title="text track cue vertical growing left writing direction">vertical growing left</a>, and the <span>text track cue alignment</span> is <span title="text track cue start alignment">start</span></dt> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-vertical-growing-right-writing-direction" title="text track cue vertical growing right writing direction">vertical growing right</a>, + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-vertical-growing-right-writing-direction" title="text track cue vertical growing right writing direction">vertical growing right</a>, and the <span>text track cue alignment</span> is <span title="text track cue start alignment">start</span></dt> <dd> <p>Let <var title="">maximum size</var> be the <span>text track cue text position</span> subtracted from 100.</p> </dd> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, the <span>text track cue alignment</span> is <span title="text track cue end alignment">end</span>, and <var title="">direction</var> is 'ltr'</dt> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, the <span>text track cue alignment</span> is <span title="text track cue start alignment">start</span>, and <var title="">direction</var> is 'rtl'</dt> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-vertical-growing-left-writing-direction" title="text track cue vertical growing left writing direction">vertical growing left</a>, + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-vertical-growing-left-writing-direction" title="text track cue vertical growing left writing direction">vertical growing left</a>, and the <span>text track cue alignment</span> is <span title="text track cue end alignment">end</span></dt> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-vertical-growing-right-writing-direction" title="text track cue vertical growing right writing direction">vertical growing right</a>, + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-vertical-growing-right-writing-direction" title="text track cue vertical growing right writing direction">vertical growing right</a>, and the <span>text track cue alignment</span> is <span title="text track cue end alignment">end</span></dt> <dd> <p>Let <var title="">maximum size</var> be the <span>text track cue text position</span>.</p> @@ -1557,11 +1557,11 @@ </dl></li> - <li><p>If the <a href="video.html#text-track-cue-size">text track cue size</a> is less than <var title="">maximum size</var>, then let <var title="">size</var> be - <a href="video.html#text-track-cue-size">text track cue size</a>. Otherwise, let <var title="">size</var> be <var title="">maximum size</var>.</p></li> + <li><p>If the <a href="the-iframe-element.html#text-track-cue-size">text track cue size</a> is less than <var title="">maximum size</var>, then let <var title="">size</var> be + <a href="the-iframe-element.html#text-track-cue-size">text track cue size</a>. Otherwise, let <var title="">size</var> be <var title="">maximum size</var>.</p></li> - <li><p>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is - <a href="video.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, then let <var title="">width</var> + <li><p>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is + <a href="the-iframe-element.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, then let <var title="">width</var> be '<var title="">size</var> vw' and <var title="">height</var> be 'auto'. Otherwise, let <var title="">width</var> be 'auto' and <var title="">height</var> be '<var title="">size</var> vh'. (These are CSS values used by the next section to set CSS properties for the rendering; 'vw' @@ -1572,50 +1572,50 @@ <p>Determine the value of <var title="">x-position</var> or <var title="">y-position</var> for <var title="">cue</var> as per the appropriate rules from the following list:</p> - <dl class="switch"><dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, + <dl class="switch"><dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, the <span>text track cue alignment</span> is <span title="text track cue start alignment">start</span>, and <var title="">direction</var> is 'ltr'</dt> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, the <span>text track cue alignment</span> is <span title="text track cue end alignment">end</span>, and <var title="">direction</var> is 'rtl'</dt> <dd> <p>Let <var title="">x-position</var> be the <span>text track cue text position</span>.</p> </dd> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, the <span>text track cue alignment</span> is <span title="text track cue end alignment">end</span>, and <var title="">direction</var> is 'ltr'</dt> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, the <span>text track cue alignment</span> is <span title="text track cue start alignment">start</span>, and <var title="">direction</var> is 'rtl'</dt> <dd> <p>Let <var title="">x-position</var> be the <span>text track cue text position</span> subtracted from 100.</p> </dd> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-vertical-growing-left-writing-direction" title="text track cue vertical growing left writing direction">vertical growing left</a>, + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-vertical-growing-left-writing-direction" title="text track cue vertical growing left writing direction">vertical growing left</a>, and the <span>text track cue alignment</span> is <span title="text track cue start alignment">start</span></dt> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-vertical-growing-right-writing-direction" title="text track cue vertical growing right writing direction">vertical growing right</a>, + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-vertical-growing-right-writing-direction" title="text track cue vertical growing right writing direction">vertical growing right</a>, and the <span>text track cue alignment</span> is <span title="text track cue start alignment">start</span></dt> <dd> <p>Let <var title="">y-position</var> be the <span>text track cue text position</span>.</p> </dd> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-vertical-growing-left-writing-direction" title="text track cue vertical growing left writing direction">vertical growing left</a>, + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-vertical-growing-left-writing-direction" title="text track cue vertical growing left writing direction">vertical growing left</a>, and the <span>text track cue alignment</span> is <span title="text track cue end alignment">end</span></dt> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-vertical-growing-right-writing-direction" title="text track cue vertical growing right writing direction">vertical growing right</a>, + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-vertical-growing-right-writing-direction" title="text track cue vertical growing right writing direction">vertical growing right</a>, and the <span>text track cue alignment</span> is <span title="text track cue end alignment">end</span></dt> <dd> <p>Let <var title="">y-position</var> be the <span>text track cue text position</span> subtracted from 100.</p> </dd> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, the <span>text track cue alignment</span> is <span title="text track cue middle alignment">middle</span>, and <var title="">direction</var> is 'ltr'</dt> <dd> <p>Let <var title="">x-position</var> be the <span>text track cue text position</span> minus half of <var title="">size</var>.</p> </dd> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, the <span>text track cue alignment</span> is <span title="text track cue middle alignment">middle</span>, and <var title="">direction</var> is 'rtl'</dt> <dd> @@ -1623,9 +1623,9 @@ <p>Let <var title="">x-position</var> be <var title="">x-position-reverse</var> subtracted from 100.</p> </dd> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-vertical-growing-left-writing-direction" title="text track cue vertical growing left writing direction">vertical growing left</a>, + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-vertical-growing-left-writing-direction" title="text track cue vertical growing left writing direction">vertical growing left</a>, and the <span>text track cue alignment</span> is <span title="text track cue middle alignment">middle</span></dt> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-vertical-growing-right-writing-direction" title="text track cue vertical growing right writing direction">vertical growing right</a>, + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-vertical-growing-right-writing-direction" title="text track cue vertical growing right writing direction">vertical growing right</a>, and the <span>text track cue alignment</span> is <span title="text track cue middle alignment">middle</span></dt> <dd> <p>Let <var title="">y-position</var> be the <span>text track cue text position</span> minus half of <var title="">size</var>.</p> @@ -1639,29 +1639,29 @@ not yet calculated for <var title="">cue</var> as per the appropriate rules from the following list:</p> - <dl class="switch"><dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, + <dl class="switch"><dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, and the <span>text track cue snap-to-lines flag</span> is set</dt> <dd> <p>Let <var title="">y-position</var> be zero.</p> </dd> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, and the <span>text track cue snap-to-lines flag</span> is not set</dt> <dd> <p>Let <var title="">y-position</var> be the <span>text track cue line position</span>.</p> </dd> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-vertical-growing-left-writing-direction" title="text track cue vertical growing left writing direction">vertical growing left</a>, + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-vertical-growing-left-writing-direction" title="text track cue vertical growing left writing direction">vertical growing left</a>, and the <span>text track cue snap-to-lines flag</span> is set</dt> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-vertical-growing-right-writing-direction" title="text track cue vertical growing right writing direction">vertical growing right</a>, + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-vertical-growing-right-writing-direction" title="text track cue vertical growing right writing direction">vertical growing right</a>, and the <span>text track cue snap-to-lines flag</span> is set</dt> <dd> <p>Let <var title="">x-position</var> be zero.</p> </dd> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-vertical-growing-left-writing-direction" title="text track cue vertical growing left writing direction">vertical growing left</a>, + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-vertical-growing-left-writing-direction" title="text track cue vertical growing left writing direction">vertical growing left</a>, and the <span>text track cue snap-to-lines flag</span> is not set</dt> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-vertical-growing-right-writing-direction" title="text track cue vertical growing right writing direction">vertical growing right</a>, + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-vertical-growing-right-writing-direction" title="text track cue vertical growing right writing direction">vertical growing right</a>, and the <span>text track cue snap-to-lines flag</span> is not set</dt> <dd> <p>Let <var title="">x-position</var> be the <span>text track cue line position</span>.</p> @@ -1738,17 +1738,17 @@ <dd> <p>Many of the steps in this algorithm vary according to the - <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a>. Steps labeled + <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a>. Steps labeled "<strong>Horizontal</strong>" must be followed only when the - <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, steps labeled + <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, steps labeled "<strong>Vertical</strong>" must be followed when the - <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is either <a href="video.html#text-track-cue-vertical-growing-left-writing-direction" title="text track cue vertical growing left writing direction">vertical growing left</a> or <a href="video.html#text-track-cue-vertical-growing-right-writing-direction" title="text track cue vertical growing right writing direction">vertical + <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is either <a href="the-iframe-element.html#text-track-cue-vertical-growing-left-writing-direction" title="text track cue vertical growing left writing direction">vertical growing left</a> or <a href="the-iframe-element.html#text-track-cue-vertical-growing-right-writing-direction" title="text track cue vertical growing right writing direction">vertical growing right</a>, steps labeled "<strong>Vertical Growing - Left</strong>" must be followed only when the <a href="video.html#text-track-cue-writing-direction">text - track cue writing direction</a> is <a href="video.html#text-track-cue-vertical-growing-left-writing-direction" title="text track cue vertical growing left writing direction">vertical growing + Left</strong>" must be followed only when the <a href="the-iframe-element.html#text-track-cue-writing-direction">text + track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-vertical-growing-left-writing-direction" title="text track cue vertical growing left writing direction">vertical growing left</a>, and steps labeled "<strong>Vertical Growing - Right</strong>" must be followed only when the <a href="video.html#text-track-cue-writing-direction">text - track cue writing direction</a> is <a href="video.html#text-track-cue-vertical-growing-right-writing-direction" title="text track cue vertical growing right writing direction">vertical growing + Right</strong>" must be followed only when the <a href="the-iframe-element.html#text-track-cue-writing-direction">text + track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-vertical-growing-right-writing-direction" title="text track cue vertical growing right writing direction">vertical growing right</a>.</p> <ol><li> @@ -1862,7 +1862,7 @@ <p>Set up <var title="">x</var> and <var title="">y</var> as follows:</p> - <dl class="switch"><dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, + <dl class="switch"><dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, and <var title="">direction</var> is 'ltr'</dt> <dd> <p>Let <var title="">x</var> be a percentage given by the @@ -1870,7 +1870,7 @@ track cue line position</span>.</p> </dd> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-horizontal-writing-direction" title="text track cue horizontal writing direction">horizontal</a>, and <var title="">direction</var> is 'rtl'</dt> <dd> <p>Let <var title="">x</var> be a percentage given by the @@ -1879,7 +1879,7 @@ by the <span>text track cue line position</span>.</p> </dd> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-vertical-growing-left-writing-direction" title="text track cue vertical growing left writing direction">vertical growing left</a></dt> + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-vertical-growing-left-writing-direction" title="text track cue vertical growing left writing direction">vertical growing left</a></dt> <dd> <p>Let <var title="">x</var> be a percentage given by the <span>text track cue line position</span> subtracted from @@ -1887,7 +1887,7 @@ by the <span>text track cue text position</span>.</p> </dd> - <dt>If the <a href="video.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="video.html#text-track-cue-vertical-growing-right-writing-direction" title="text track cue vertical growing right writing direction">vertical growing right</a></dt> + <dt>If the <a href="the-iframe-element.html#text-track-cue-writing-direction">text track cue writing direction</a> is <a href="the-iframe-element.html#text-track-cue-vertical-growing-right-writing-direction" title="text track cue vertical growing right writing direction">vertical growing right</a></dt> <dd> <p>Let <var title="">x</var> be a percentage given by the <span>text track cue line position</span>, and let <var title="">y</var> be a percentage given by the <span>text @@ -1935,7 +1935,7 @@ not completely fit inside <var title="">video</var>'s rendering area, remove those offending line boxes from <var title="">boxes</var>.</p></li> - <li><p>Let <var title="">cue</var>'s <a href="video.html#text-track-cue-display-state">text track cue + <li><p>Let <var title="">cue</var>'s <a href="the-iframe-element.html#text-track-cue-display-state">text track cue display state</a> have the CSS boxes in <var title="">boxes</var>.</p></li> <li><p>Add the CSS boxes in <var title="">boxes</var> to <var title="">output</var>.</p></li> @@ -1959,8 +1959,8 @@ property must be set to <var title="">width</var>, and the 'height' property must be set to <var title="">height</var>, where <var title="">direction</var>, <var title="">block-flow</var>, <var title="">top</var>, <var title="">left</var>, <var title="">width</var>, and <var title="">height</var> are the values with those names determined by the <a href="#rules-for-updating-the-display-of-webvtt-text-tracks">rules for updating the - display of WebVTT text tracks</a> for the <a href="video.html#text-track-cue">text track - cue</a> from whose <a href="video.html#text-track-cue-text" title="text track cue text">text</a> + display of WebVTT text tracks</a> for the <a href="the-iframe-element.html#text-track-cue">text track + cue</a> from whose <a href="the-iframe-element.html#text-track-cue-text" title="text track cue text">text</a> the <span>List of WebVTT Node Objects</span> was constructed.</p> <p>The 'font' shorthand property on the (root) <span>List of WebVTT @@ -1986,16 +1986,16 @@ <p>The 'display' property on <span title="WebVTT Ruby Text Object">WebVTT Ruby Text Objects</span> must be set to 'ruby-text'. <a href="references.html#refsCSSRUBY">[CSSRUBY]</a></p> - <p>If there are style sheets that apply to the <a href="video.html#media-element">media + <p>If there are style sheets that apply to the <a href="the-iframe-element.html#media-element">media element</a> or other playback mechanism, then they must be interpreted as defined in the next section.</p> <p>All other non-inherited properties must be set to their initial values; inherited properties on the root <span>List of WebVTT Node - Objects</span> must inherit their values from the <a href="video.html#media-element">media - element</a> for which the <a href="video.html#text-track-cue">text track cue</a> is being - rendered, if any. If there is no <a href="video.html#media-element">media element</a> (i.e. if - the <a href="video.html#text-track">text track</a> is being rendered for another media + Objects</span> must inherit their values from the <a href="the-iframe-element.html#media-element">media + element</a> for which the <a href="the-iframe-element.html#text-track-cue">text track cue</a> is being + rendered, if any. If there is no <a href="the-iframe-element.html#media-element">media element</a> (i.e. if + the <a href="the-iframe-element.html#text-track">text track</a> is being rendered for another media playback mechanism), then inherited properties on the root <span>List of WebVTT Node Objects</span> must take their initial values.</p> @@ -2003,13 +2003,13 @@ <h5 id="css-extensions"><span class="secno">10.3.2.3 </span>CSS extensions</h5> - <p>When a user agent is rendering one or more <a href="video.html#text-track-cue" title="text track cue">text track cues</a> according to the <a href="#webvtt-cue-text-rendering-rules">WebVTT cue + <p>When a user agent is rendering one or more <a href="the-iframe-element.html#text-track-cue" title="text track cue">text track cues</a> according to the <a href="#webvtt-cue-text-rendering-rules">WebVTT cue text rendering rules</a>, <span title="WebVTT Node Object">WebVTT Node Objects</span> in the <span>list of WebVTT Node Objects</span> used in the rendering can be matched by certain pseudo-selectors as defined below. These selectors can begin or stop matching individual <span title="WebVTT Node Object">WebVTT Node Objects</span> while a - <a href="video.html#text-track-cue" title="text track cue">cue</a> is being rendered, even in + <a href="the-iframe-element.html#text-track-cue" title="text track cue">cue</a> is being rendered, even in between applications of the <a href="#webvtt-cue-text-rendering-rules">WebVTT cue text rendering rules</a> (which are only run when the set of active cues changes). User agents that support the pseudo-element described @@ -2018,14 +2018,14 @@ <p>Pseudo-elements apply to elements that are matched by selectors. For the purpose of this section, that element is the <i>matched element</i>. The pseudo-elements defined in the following - sections affect the styling of parts of <a href="video.html#text-track-cue" title="text track cue">text track cues</a> that are being rendered for the + sections affect the styling of parts of <a href="the-iframe-element.html#text-track-cue" title="text track cue">text track cues</a> that are being rendered for the <i>matched element</i>.</p> <p class="note">If the <i>matched element</i> is not a - <code><a href="video.html#video">video</a></code> element, the pseudo-elements defined below won't + <code><a href="the-iframe-element.html#the-video-element">video</a></code> element, the pseudo-elements defined below won't have any effect according to this specification.</p> - <p>A CSS user agent that implements the <a href="video.html#text-track" title="text track">text tracks</a> model must implement the '::cue' and + <p>A CSS user agent that implements the <a href="the-iframe-element.html#text-track" title="text track">text tracks</a> model must implement the '::cue' and '::cue(<var title="">selector</var>)' pseudo-elements, and the ':past' and ':future' pseudo-classes.</p> @@ -2151,20 +2151,20 @@ <p>A <span>WebVTT Node Object</span> <var title="">c</var> is <dfn id="in-the-past">in the past</dfn> if, in a pre-order, depth-first traversal of - the <a href="video.html#text-track-cue">text track cue</a>'s <span>List of WebVTT Node + the <a href="the-iframe-element.html#text-track-cue">text track cue</a>'s <span>List of WebVTT Node Objects</span>, there exists a <span>WebVTT Timestamp Object</span> - whose value is less than the <a href="video.html#current-playback-position">current playback position</a> - of the <a href="video.html#media-element">media element</a> that is the <i>matched + whose value is less than the <a href="the-iframe-element.html#current-playback-position">current playback position</a> + of the <a href="the-iframe-element.html#media-element">media element</a> that is the <i>matched element</i>, entirely after the <span>WebVTT Node Object</span> <var title="">c</var>.</p> <p>The ':future' pseudo-class only matches <span title="WebVTT Node Object">WebVTT Node Objects</span> that are <i><a href="#in-the-future">in the future</a></i>.</p> <p>A <span>WebVTT Node Object</span> <var title="">c</var> is <dfn id="in-the-future">in the future</dfn> if, in a pre-order, depth-first traversal - of the <a href="video.html#text-track-cue">text track cue</a>'s <span>List of WebVTT Node + of the <a href="the-iframe-element.html#text-track-cue">text track cue</a>'s <span>List of WebVTT Node Objects</span>, there exists a <span>WebVTT Timestamp Object</span> - whose value is greater than the <a href="video.html#current-playback-position">current playback - position</a> of the <a href="video.html#media-element">media element</a> that is the + whose value is greater than the <a href="the-iframe-element.html#current-playback-position">current playback + position</a> of the <a href="the-iframe-element.html#media-element">media element</a> that is the <i>matched element</i>, entirely before the <span>WebVTT Node Object</span> <var title="">c</var>.</p> @@ -2332,7 +2332,7 @@ <p id="dimRendering">The <code title="attr-dim-width"><a href="the-map-element.html#attr-dim-width">width</a></code> and <code title="attr-dim-height"><a href="the-map-element.html#attr-dim-height">height</a></code> attributes on <code><a href="obsolete.html#the-applet-element">applet</a></code>, <code><a href="the-iframe-element.html#the-embed-element">embed</a></code>, <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code>, - <code><a href="embedded-content-1.html#the-img-element">img</a></code>, <code><a href="the-iframe-element.html#the-object-element">object</a></code> or <code><a href="video.html#video">video</a></code> + <code><a href="embedded-content-1.html#the-img-element">img</a></code>, <code><a href="the-iframe-element.html#the-object-element">object</a></code> or <code><a href="the-iframe-element.html#the-video-element">video</a></code> elements, and <code><a href="the-input-element.html#the-input-element">input</a></code> elements with a <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute in the <a href="number-state.html#image-button-state" title="attr-input-type-image">Image Button</a> state, <a href="#maps-to-the-dimension-property" title="maps to the dimension property">map to the dimension properties</a> 'width' and 'height' on the element respectively.</p> @@ -2366,7 +2366,7 @@ <h4 id="toolbars-0"><span class="secno">10.3.6 </span>Toolbars</h4> - <p>When a <code><a href="interactive-elements.html#menus">menu</a></code> element's <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute is in the <a href="interactive-elements.html#toolbar-state" title="toolbar state">toolbar</a> state, the element is + <p>When a <code><a href="interactive-elements.html#the-menu-element">menu</a></code> element's <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute is in the <a href="interactive-elements.html#toolbar-state" title="toolbar state">toolbar</a> state, the element is expected to be treated as a replaced element with a height about two lines high and a width derived from the contents of the element.</p> @@ -2914,7 +2914,7 @@ no valid option is currently selected.</p> <p>User agents are expected to render the labels in a - <code><a href="the-button-element.html#the-select-element">select</a></code> in such a manner that any alignment remains is + <code><a href="the-button-element.html#the-select-element">select</a></code> in such a manner that any alignment remains consistent whether the label is being displayed as part of the page or in a menu control.</p> @@ -3003,7 +3003,7 @@ <h3 id="frames-and-framesets"><span class="secno">10.5 </span>Frames and framesets</h3> - <p>When an <code><a href="semantics.html#the-html-element-0">html</a></code> element's second child element is a + <p>When an <code><a href="semantics.html#the-html-element">html</a></code> element's second child element is a <code><a href="obsolete.html#frameset">frameset</a></code> element, the user agent is expected to render the <code><a href="obsolete.html#frameset">frameset</a></code> element as described below across the surface of the viewport, instead of applying the usual CSS rendering Index: grouping-content.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/grouping-content.html,v retrieving revision 1.8 retrieving revision 1.9 diff -u -d -r1.8 -r1.9 --- grouping-content.html 30 Apr 2011 11:35:45 -0000 1.8 +++ grouping-content.html 5 May 2011 18:12:08 -0000 1.9 @@ -889,7 +889,7 @@ <dt>Contexts in which this element can be used:</dt> <dd>Inside <code><a href="#the-ol-element">ol</a></code> elements.</dd> <dd>Inside <code><a href="#the-ul-element">ul</a></code> elements.</dd> - <dd>Inside <code><a href="interactive-elements.html#menus">menu</a></code> elements.</dd> + <dd>Inside <code><a href="interactive-elements.html#the-menu-element">menu</a></code> elements.</dd> <dt>Content model:</dt> <dd><a href="content-models.html#flow-content">Flow content</a>.</dd> <dt>Content attributes:</dt> @@ -903,7 +903,7 @@ </dd> </dl><p>The <code><a href="#the-li-element">li</a></code> element <a href="rendering.html#represents">represents</a> a list item. If its parent element is an <code><a href="#the-ol-element">ol</a></code>, <code><a href="#the-ul-element">ul</a></code>, - or <code><a href="interactive-elements.html#menus">menu</a></code> element, then the element is an item of the + or <code><a href="interactive-elements.html#the-menu-element">menu</a></code> element, then the element is an item of the parent element's list, as defined for those elements. Otherwise, the list item has no defined list-related relationship to any other <code><a href="#the-li-element">li</a></code> element.</p><p>If the parent element is an <code><a href="#the-ol-element">ol</a></code> element, then the @@ -965,7 +965,7 @@ </ol> </figure></pre> </div><p class="note">If the <code><a href="#the-li-element">li</a></code> element is the child of a - <code><a href="interactive-elements.html#menus">menu</a></code> element and itself has a child that defines a + <code><a href="interactive-elements.html#the-menu-element">menu</a></code> element and itself has a child that defines a <a href="commands.html#concept-command" title="concept-command">command</a>, then the <code><a href="#the-li-element">li</a></code> element will match the <code title="selector-enabled"><a href="links.html#selector-enabled">:enabled</a></code> and <code title="selector-disabled"><a href="links.html#selector-disabled">:disabled</a></code> pseudo-classes in the same way as the first such child element does.</p><h4 id="the-dl-element"><span class="secno">4.5.8 </span>The <dfn><code>dl</code></dfn> element</h4><dl class="element"><dt>Categories</dt> Index: timers.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/timers.html,v retrieving revision 1.8 retrieving revision 1.9 diff -u -d -r1.8 -r1.9 --- timers.html 30 Apr 2011 11:35:46 -0000 1.8 +++ timers.html 5 May 2011 18:12:09 -0000 1.9 @@ -1157,7 +1157,7 @@ <p>The arguments to the methods have the following meanings and corresponding implementation requirements:</p> - <dl><dt><var title="">protocol</var> (<code title="dom-navigator-registerProtocolHandler"><a href="#dom-navigator-registerprotocolhandler">registerProtocolHandler()</a></code> only)</dt> + <dl><dt><var title="">scheme</var> (<code title="dom-navigator-registerProtocolHandler"><a href="#dom-navigator-registerprotocolhandler">registerProtocolHandler()</a></code> only)</dt> <dd> Index: elements.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/elements.html,v retrieving revision 1.9 retrieving revision 1.10 diff -u -d -r1.9 -r1.10 --- elements.html 30 Apr 2011 11:35:45 -0000 1.9 +++ elements.html 5 May 2011 18:12:08 -0000 1.10 @@ -628,10 +628,10 @@ <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-0">body</a></code> elements as + 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="video.html#media-element" title="media element">media elements</a> will ever receive a <code title="event-media-volumechange"><a href="video.html#event-media-volumechange">volumechange</a></code> event fired by + 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="dom.html#html-documents">HTML documents</a>, elements in the <a href="namespaces.html#html-namespace-0">HTML @@ -890,7 +890,7 @@ 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#script">script</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>An element with a <code title="attr-dir"><a href="#the-dir-attribute">dir</a></code> attribute in a defined state. </li></ul></li> @@ -924,9 +924,9 @@ '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">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">the <code>html</code> element</a>'s <code title="attr-dir"><a href="#the-dir-attribute">dir</a></code> attribute's value.</p> - <p>If there is no <a href="dom.html#the-html-element" title="the html element"><code>html</code> element</a>, returns the empty string and ignores new values.</p> + <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"> @@ -938,7 +938,7 @@ <p>The <dfn id="dom-document-dir" title="dom-document-dir"><code>dir</code></dfn> IDL attribute on <code><a href="dom.html#htmldocument">HTMLDocument</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">the <code>html</code> element</a>, if any, + 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> Index: urls.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/urls.html,v retrieving revision 1.9 retrieving revision 1.10 diff -u -d -r1.9 -r1.10 --- urls.html 30 Apr 2011 11:35:46 -0000 1.9 +++ urls.html 5 May 2011 18:12:10 -0000 1.10 @@ -588,9 +588,8 @@ <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 <a href="#document-base-url">document base URL</a> is <var title="">fallback base - url</var>. 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 element.</p></li> + 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 + 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 Index: tokenization.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/tokenization.html,v retrieving revision 1.9 retrieving revision 1.10 diff -u -d -r1.9 -r1.10 --- tokenization.html 30 Apr 2011 11:35:46 -0000 1.9 +++ tokenization.html 5 May 2011 18:12:09 -0000 1.10 @@ -385,7 +385,7 @@ <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#script">script</a></code> element can result in scripts executing and + <code><a href="scripting-1.html#the-script-element">script</a></code> element can result in scripts executing and using the <a href="apis-in-html-documents.html#dynamic-markup-insertion">dynamic markup insertion</a> APIs to insert characters into the stream being tokenized.)</p> Index: association-of-controls-and-forms.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/association-of-controls-and-forms.html,v retrieving revision 1.10 retrieving revision 1.11 diff -u -d -r1.10 -r1.11 --- association-of-controls-and-forms.html 30 Apr 2011 11:35:43 -0000 1.10 +++ association-of-controls-and-forms.html 5 May 2011 18:12:07 -0000 1.11 @@ -754,7 +754,8 @@ selection:</p><pre class="idl extract"> void <a href="#dom-textarea-input-select" title="dom-textarea/input-select">select</a>(); attribute unsigned long <a href="#dom-textarea-input-selectionstart" title="dom-textarea/input-selectionStart">selectionStart</a>; attribute unsigned long <a href="#dom-textarea-input-selectionend" title="dom-textarea/input-selectionEnd">selectionEnd</a>; - void <a href="#dom-textarea-input-setselectionrange" title="dom-textarea/input-setSelectionRange">setSelectionRange</a>(in unsigned long start, in unsigned long end);</pre><p>These methods and attributes expose and control the selection of + attribute DOMString <a href="#dom-textarea-input-selectiondirection" title="dom-textarea/input-selectionDirection">selectionDirection</a>; + void <a href="#dom-textarea-input-setselectionrange" title="dom-textarea/input-setSelectionRange">setSelectionRange</a>(in unsigned long start, in unsigned long end, in optional DOMString direction);</pre><p>These methods and attributes expose and control the selection of <code><a href="the-input-element.html#the-input-element">input</a></code> and <code><a href="the-button-element.html#the-textarea-element">textarea</a></code> text fields.</p><dl class="domintro"><dt><var title="">element</var> . <code title="dom-textarea/input-select"><a href="#dom-textarea-input-select">select</a></code>()</dt> <dd> @@ -783,11 +784,23 @@ </dd> - <dt><var title="">element</var> . <code title="dom-textarea/input-setSelectionRange"><a href="#dom-textarea-input-setselectionrange">setSelectionRange</a></code>(<var title="">start</var>, <var title="">end</var>)</dt> + <dt><var title="">element</var> . <code title="dom-textarea/input-selecionDirection">selectionDirection</code> [ = <var title="">value</var> ]</dt> <dd> - <p>Changes the selection to cover the given substring.</p> + <p>Returns the current direction of the selection.</p> + + <p>Can be set, to change the direction of the selection.</p> + + <p>The possible values are "<code title="">forward</code>", "<code title="">backward</code>", and "<code title="">none</code>".</p> + + </dd> + + <dt><var title="">element</var> . <code title="dom-textarea/input-setSelectionRange"><a href="#dom-textarea-input-setselectionrange">setSelectionRange</a></code>(<var title="">start</var>, <var title="">end</var> [, <var title="">direction</var>] )</dt> + + <dd> + + <p>Changes the selection to cover the given substring in the given direction. If the direction is omitted, it will be reset to be the platform default (none or forward).</p> </dd> @@ -803,8 +816,41 @@ elements, these methods and attributes must operate on the element's <a href="the-button-element.html#concept-textarea-raw-value" title="concept-textarea-raw-value">raw value</a>.</p> + <p>Where possible, user interface features for changing the text + selection in <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 + must be implemented in terms of the DOM API described in this + section, so that, e.g., all the same events fire.</p> + + + <p>The selections 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 have a <i>direction</i>, which is either <i>forward</i>, + <i>backward</i>, or <i>none</i>. This direction is set when the user + manipulates the selection. The exact meaning of the selection + direction depends on the platform.</p> + + <p class="note">On Windows, the direction indicates the position of + the caret relative to the selection: a <i>forward</i> selection has + the caret at the end of the selection and a <i>backward</i> + selection has the caret at the start of the selection. Windows has + no <i>none</i> direction. On Mac, the direction indicates which end + of the selection is affected when the user adjusts the size of the + selection using the arrow keys with the Shift modifier: the forward + direction means the end of the selection is modified, and the + backwards direction means the start of the selection is modified. + The none direction is the default on Mac, it indicates that no + particular direction has yet been selected. The user sets the + direction implicitly when first adjusting the selection, based on + which directional arrow key was used.</p> + + <p>The <dfn id="dom-textarea-input-select" title="dom-textarea/input-select"><code>select()</code></dfn> method - must cause the contents of the text field to be fully selected.</p> + must cause the contents of the text field to be fully selected, with + the selection direction being none, if the platform support + selections with the direction <i>none</i>, or otherwise + <i>forward</i>. The user agent must then <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-select">select</code> at the element, using the + <a href="webappapis.html#user-interaction-task-source">user interaction task source</a> as the task source.</p> + <p>The <dfn id="dom-textarea-input-selectionstart" title="dom-textarea/input-selectionStart"><code>selectionStart</code></dfn> attribute must, on getting, return the offset (in logical order) to @@ -814,12 +860,14 @@ text entry cursor.</p> <p>On setting, it must act as if the <code title="dom-textarea/input-setSelectionRange"><a href="#dom-textarea-input-setselectionrange">setSelectionRange()</a></code> - method had been called, with the new value as the first argument, - and the current value of the <code title="dom-textarea/input-selectionEnd"><a href="#dom-textarea-input-selectionend">selectionEnd</a></code> + method had been called, with the new value as the first argument; + the current value of the <code title="dom-textarea/input-selectionEnd"><a href="#dom-textarea-input-selectionend">selectionEnd</a></code> attribute as the second argument, unless the current value of the <code title="dom-textarea/input-selectionEnd"><a href="#dom-textarea-input-selectionend">selectionEnd</a></code> is less than the new value, in which case the second argument must also - be the new value.</p> + be the new value; and the current value of the <code title="dom-textarea/input-selectionDirection"><a href="#dom-textarea-input-selectiondirection">selectionDirection</a></code> + as the third argument.</p> + <p>The <dfn id="dom-textarea-input-selectionend" title="dom-textarea/input-selectionEnd"><code>selectionEnd</code></dfn> attribute must, on getting, return the offset (in logical order) to @@ -830,27 +878,55 @@ <p>On setting, it must act as if the <code title="dom-textarea/input-setSelectionRange"><a href="#dom-textarea-input-setselectionrange">setSelectionRange()</a></code> method had been called, with the current value of the <code title="dom-textarea/input-selectionStart"><a href="#dom-textarea-input-selectionstart">selectionStart</a></code> - attribute as the first argument, and new value as the second + attribute as the first argument, the new value as the second + argument, and the current value of the <code title="dom-textarea/input-selectionDirection"><a href="#dom-textarea-input-selectiondirection">selectionDirection</a></code> + as the third argument.</p> + + + <p>The <dfn id="dom-textarea-input-selectiondirection" title="dom-textarea/input-selectionDirection"><code>selectionDirection</code></dfn> + attribute must, on getting, return the string corresponding to the + current selection direction: if the direction is <i>forward</i>, + "<code title="">forward</code>"; if the direction is + <i>backward</i>, "<code title="">backward</code>"; and otherwise, + "<code title="">none</code>".</p> + + <p>On setting, it must act as if the <code title="dom-textarea/input-setSelectionRange"><a href="#dom-textarea-input-setselectionrange">setSelectionRange()</a></code> + method had been called, with the current value of the <code title="dom-textarea/input-selectionStart"><a href="#dom-textarea-input-selectionstart">selectionStart</a></code> + attribute as the first argument, the current value of the <code title="dom-textarea/input-selectionEnd"><a href="#dom-textarea-input-selectionend">selectionEnd</a></code> + attribute as the first argument, and the new value as the third argument.</p> - <p>The <dfn id="dom-textarea-input-setselectionrange" title="dom-textarea/input-setSelectionRange"><code>setSelectionRange(<var title="">start</var>, <var title="">end</var>)</code></dfn> method - must set the selection of the text field to the sequence of - characters starting with the character at the <var title="">start</var>th position (in logical order) and ending with - the character at the <span title="">(<var title="">end</var>-1)</span>th position. Arguments greater than the + + <p>The <dfn id="dom-textarea-input-setselectionrange" title="dom-textarea/input-setSelectionRange"><code>setSelectionRange(<var title="">start</var>, <var title="">end</var>, <var title="">direction</var>)</code></dfn> method must set the selection + of the text field to the sequence of characters starting with the + character at the <var title="">start</var>th position (in logical + order) and ending with the character at the <span title="">(<var title="">end</var>-1)</span>th position. Arguments greater than the length of the value in the text field must be treated as pointing at the end of the text field. If <var title="">end</var> is less than or equal to <var title="">start</var> then the start of the selection and the end of the selection must both be placed immediately before the character with offset <var title="">end</var>. In UAs where there is no concept of an empty selection, this must set the cursor to be just before the character - with offset <var title="">end</var>.</p> + with offset <var title="">end</var>. The direction of the selection + must be set to <i>backward</i> if <var title="">direction</var> is a + <a href="infrastructure.html#case-sensitive">case-sensitive</a> match for the string "<code title="">backward</code>", <i>forward</i> if <var title="">direction</var> is a <a href="infrastructure.html#case-sensitive">case-sensitive</a> match for + the string "<code title="">forward</code>" or if the platform does + not support selections with the direction <i>none</i>, and + <i>none</i> otherwise (including if the argument is omitted). The + user agent must then <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-select">select</code> at the element, using the + <a href="webappapis.html#user-interaction-task-source">user interaction task source</a> as the task source.</p> + <p>All elements to which this API applies have either a selection or a text entry cursor position at all times (even for elements that are not <a href="rendering.html#being-rendered">being rendered</a>). User agents should follow platform conventions to determine their initial state.</p> - </div><div class="example"> + </div><p>Characters with no visible rendering, such as U+200D ZERO WIDTH + JOINER, still count as characters. Thus, for instance, the selection + can include just an invisible character, and the text insertion + cursor can be placed to one side or another of such a character.</p><div class="example"> <p>To obtain the currently selected text, the following JavaScript suffices:</p> @@ -860,10 +936,23 @@ <p>...where <var title="">control</var> is the <code><a href="the-input-element.html#the-input-element">input</a></code> or <code><a href="the-button-element.html#the-textarea-element">textarea</a></code> element.</p> - </div><p>Characters with no visible rendering, such as U+200D ZERO WIDTH - JOINER, still count as characters. Thus, for instance, the selection - can include just an invisible character, and the text insertion - cursor can be placed to one side or another of such a character.</p><h4 id="constraints"><span class="secno">4.10.21 </span>Constraints</h4><h5 id="definitions"><span class="secno">4.10.21.1 </span>Definitions</h5><div class="impl"> + </div><div class="example"> + + <p>To add some text at the start of a text control, while + maintaining the text selection, the three attributes must be + preserved:</p> + + <pre>var oldStart = control.selectionStart; +var oldEnd = control.selectionEnd; +var oldDirection = control.selectionDirection; +var prefix = "http://"; +control.value = prefix + control.value; +control.setSelectionRange(oldStart + prefix.length, oldEnd + prefix.length, oldDirection);</pre> + + <p>...where <var title="">control</var> is the <code><a href="the-input-element.html#the-input-element">input</a></code> + or <code><a href="the-button-element.html#the-textarea-element">textarea</a></code> element.</p> + + </div><h4 id="constraints"><span class="secno">4.10.21 </span>Constraints</h4><h5 id="definitions"><span class="secno">4.10.21.1 </span>Definitions</h5><div class="impl"> <p>A <a href="forms.html#category-listed" title="category-listed">listed form-associated element</a> is a <dfn id="candidate-for-constraint-validation">candidate for constraint validation</dfn> @@ -1977,6 +2066,12 @@ the <var title="">form data set</var>. Multiple entries with the same name must be treated as distinct fields.</p> + <p class="note">In particular, this means that multiple files + submitted as part of a single <code title=""><input type=file multiple></code> element + will result in each file having its own field; the "sets of files" + feature ("<code title="">multipart/mixed</code>") of RFC 2388 is + not used.</p> + <p>The parts of the generated <code title="">multipart/form-data</code> resource that correspond to non-file fields must not have a <code><a href="fetching-resources.html#content-type">Content-Type</a></code> header specified. Their names and values must be encoded using the Index: forms.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/forms.html,v retrieving revision 1.8 retrieving revision 1.9 diff -u -d -r1.8 -r1.9 --- forms.html 30 Apr 2011 11:35:45 -0000 1.8 +++ forms.html 5 May 2011 18:12:08 -0000 1.9 @@ -1014,8 +1014,8 @@ <dd> - <p>Returns an <code><a href="common-dom-interfaces.html#htmlcollection">HTMLCollection</a></code> of the form controls in - the element.</p> + <p>Returns an <code><a href="common-dom-interfaces.html#htmlformcontrolscollection">HTMLFormControlsCollection</a></code> of the form + controls in the element.</p> </dd> Index: interactive-elements.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/interactive-elements.html,v retrieving revision 1.8 retrieving revision 1.9 diff -u -d -r1.8 -r1.9 --- interactive-elements.html 30 Apr 2011 11:35:45 -0000 1.8 +++ interactive-elements.html 5 May 2011 18:12:08 -0000 1.9 @@ -346,7 +346,7 @@ <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"><span class="secno">4.11.3 </span>The <code>command</code> element</a></li><li><a href="interactive-elements.html#menus"><span class="secno">4.11.4 </span>The <code>menu</code> element</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> @@ -444,7 +444,7 @@ </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"><span class="secno">4.11.3 </span>The <dfn><code>command</code></dfn> element</h4><dl class="element"><dt>Categories</dt> + 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> @@ -473,9 +473,9 @@ 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">command</a></code> element represents a command that the user + </dl><p>The <code><a href="#the-command-element">command</a></code> element represents a command that the user can invoke.</p><p>A command can be part of a context menu or toolbar, using the - <code><a href="#menus">menu</a></code> element, or can be put anywhere else in the page, + <code><a href="#the-menu-element">menu</a></code> element, or can be put anywhere else in the page, to define a keyboard shortcut.</p><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, @@ -556,7 +556,7 @@ <dd><p>If the element has a parent, then the UA must walk the list of child nodes of that parent element, and for each node that is a - <code><a href="#the-command">command</a></code> element, if that element has a <code title="attr-command-radiogroup"><a href="#attr-command-radiogroup">radiogroup</a></code> attribute whose + <code><a href="#the-command-element">command</a></code> element, if that element has a <code title="attr-command-radiogroup"><a href="#attr-command-radiogroup">radiogroup</a></code> attribute whose value exactly matches the current element's (treating missing <code title="attr-command-radiogroup"><a href="#attr-command-radiogroup">radiogroup</a></code> attributes as if they were the empty string), and has a <code title="attr-command-checked"><a href="#attr-command-checked">checked</a></code> attribute, must remove that attribute.</p> @@ -575,8 +575,8 @@ any of the actions described above to happen.</p> - </div><p class="note"><code><a href="#the-command">command</a></code> elements are not rendered - unless they <a href="#menus" title="menu">form part of a menu</a>.</p><div class="example"> + </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 @@ -596,7 +596,7 @@ label="Publish" icon="icons/pub.png" onclick="publish()"> </menu></pre> - </div><h4 id="menus"><span class="secno">4.11.4 </span>The <dfn><code>menu</code></dfn> element</h4><dl class="element"><dt>Categories</dt> + </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> <dt>Contexts in which this element can be used:</dt> @@ -614,7 +614,7 @@ attribute DOMString <a href="#dom-menu-type" title="dom-menu-type">type</a>; attribute DOMString <a href="#dom-menu-label" title="dom-menu-label">label</a>; };</pre> - </dd></dl><p>The <code><a href="#menus">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 + </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 @@ -623,12 +623,12 @@ 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="#menus">menu</a></code> element's <code title="attr-menu-type"><a href="#attr-menu-type">type</a></code> attribute is in the <a href="#context-menu-state" title="context menu state">context menu</a> state, then the + 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="#menus">menu</a></code> element's <code title="attr-menu-type"><a href="#attr-menu-type">type</a></code> attribute is in the <a href="#toolbar-state" title="toolbar state">toolbar</a> state, then the element + 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="#menus">menu</a></code> element's <code title="attr-menu-type"><a href="#attr-menu-type">type</a></code> attribute is in the <a href="#list-state" title="list state">list</a> state, then the element either + 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 @@ -643,7 +643,7 @@ <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="#menus">menu</a></code> element is used to define context menus and + </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"> @@ -689,7 +689,7 @@ 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 direct child of - the <code><a href="#menus">menu</a></code> element or of its <code><a href="grouping-content.html#the-li-element">li</a></code> + 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> @@ -700,7 +700,7 @@ <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="#menus">menu</a></code> element + </ul><p>The list corresponding to a particular <code><a href="#the-menu-element">menu</a></code> element is built by iterating over its child nodes. For each child node in <a href="infrastructure.html#tree-order">tree order</a>, the required behavior depends on what the node is, as follows:</p> @@ -725,17 +725,17 @@ <dd>Iterate over the children of the element.</dd> - <dt>A <code><a href="#menus">menu</a></code> element with no <code title="attr-menu-label"><a href="#attr-menu-label">label</a></code> attribute</dt> + <dt>A <code><a href="#the-menu-element">menu</a></code> element with no <code title="attr-menu-label"><a href="#attr-menu-label">label</a></code> attribute</dt> <dt>A <code><a href="the-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="#menus">menu</a></code> or <code><a href="the-button-element.html#the-select-element">select</a></code> element, then + 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="#menus">menu</a></code> element with a <code title="attr-menu-label"><a href="#attr-menu-label">label</a></code> attribute</dt> + <dt>A <code><a href="#the-menu-element">menu</a></code> element with a <code title="attr-menu-label"><a href="#attr-menu-label">label</a></code> attribute</dt> <dt>An <code><a href="the-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 @@ -763,11 +763,11 @@ </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="elements.html#concept-id" title="concept-id">ID</a> of a <code><a href="#menus">menu</a></code> element + menu</a>. The value must be the <a href="elements.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 the 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="#menus">menu</a></code> element, then the element has no assigned context + <code><a href="#the-menu-element">menu</a></code> element, then the element has no assigned context menu. Otherwise, the element's assigned context menu is the element so identified.</span></p><div class="impl"> @@ -805,12 +805,12 @@ <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="#menus">menu</a></code> element of the context menu of the nearest + <code><a href="#the-menu-element">menu</a></code> element of the context menu of the nearest ancestor (including the element itself) with one assigned.</p> <p>The default action of <em>this</em> event is that the user agent - must show a context menu <a href="#building-menus-and-toolbars" title="building menus and toolbars">built</a> from the <code><a href="#menus">menu</a></code> element.</p> + 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 @@ -858,12 +858,12 @@ <h5 id="toolbars"><span class="secno">4.11.4.4 </span><dfn>Toolbars</dfn></h5> - <p>When a <code><a href="#menus">menu</a></code> element has a <code title="attr-menu-type"><a href="#attr-menu-type">type</a></code> attribute in the <a href="#toolbar-state" title="toolbar state">toolbar</a> state, then the user agent + <p>When a <code><a href="#the-menu-element">menu</a></code> element has a <code title="attr-menu-type"><a href="#attr-menu-type">type</a></code> attribute in the <a href="#toolbar-state" title="toolbar state">toolbar</a> state, then the user agent must <a href="#building-menus-and-toolbars" title="building menus and toolbars">build</a> the - menu for that <code><a href="#menus">menu</a></code> element, and use the result in the + menu for that <code><a href="#the-menu-element">menu</a></code> element, and use the result in the rendering.</p> <p>The user agent must reflect changes made to the - <code><a href="#menus">menu</a></code>'s DOM, by immediately <a href="#building-menus-and-toolbars" title="building menus and toolbars">rebuilding</a> the menu.</p> + <code><a href="#the-menu-element">menu</a></code>'s DOM, by immediately <a href="#building-menus-and-toolbars" title="building menus and toolbars">rebuilding</a> the menu.</p> </div></body></html> Index: editing.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/editing.html,v retrieving revision 1.9 retrieving revision 1.10 diff -u -d -r1.9 -r1.10 --- editing.html 30 Apr 2011 11:35:45 -0000 1.9 +++ editing.html 5 May 2011 18:12:08 -0000 1.10 @@ -443,7 +443,7 @@ <p>When an element is <i>focused</i>, key events received by the document must be targeted at that element. There may be no element focused; when no element is focused, key events received by the - document must be targeted at <a href="dom.html#the-body-element">the body element</a>.</p> + document must be targeted at <a href="dom.html#the-body-element-0">the body element</a>.</p> <p>User agents may track focus for each <a href="browsers.html#browsing-context">browsing context</a> or <code><a href="infrastructure.html#document">Document</a></code> individually, or may support @@ -589,7 +589,7 @@ <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="interactive-elements.html#the-command">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="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>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 @@ -671,7 +671,7 @@ <a href="#focusable">focusable</a> element, or stops being focused without another element being explicitly focused in its stead, the user agent should synchronously run the <a href="#focusing-steps">focusing steps</a> for - <a href="dom.html#the-body-element">the body element</a>, if there is one; if there is not, + <a href="dom.html#the-body-element-0">the body element</a>, if there is one; if there is not, then the user agent should synchronously run the <a href="#unfocusing-steps">unfocusing steps</a> for the affected element only.</p> @@ -716,7 +716,7 @@ <p>The <dfn id="dom-document-activeelement" title="dom-document-activeElement"><code>activeElement</code></dfn> attribute on <code><a href="dom.html#htmldocument">HTMLDocument</a></code> objects must return the element in the document that is focused. If no element in the - <code><a href="infrastructure.html#document">Document</a></code> is focused, this must return <a href="dom.html#the-body-element">the body + <code><a href="infrastructure.html#document">Document</a></code> is focused, this must return <a href="dom.html#the-body-element-0">the body element</a>.</p> <p>The <dfn id="dom-document-hasfocus" title="dom-document-hasFocus"><code>hasFocus()</code></dfn> method @@ -800,7 +800,7 @@ <li><p>Unmark the element as <i><a href="#locked-for-focus">locked for focus</a></i>.</p></li> </ol><p>The <dfn id="dom-blur" title="dom-blur"><code>blur()</code></dfn> method, when - invoked, should run the <a href="#focusing-steps">focusing steps</a> for <a href="dom.html#the-body-element">the + invoked, should run the <a href="#focusing-steps">focusing steps</a> for <a href="dom.html#the-body-element-0">the body element</a>, if there is one; if there is not, then it should run the <a href="#unfocusing-steps">unfocusing steps</a> for the element on which the method was called instead. User agents may selectively or Index: browsers.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/browsers.html,v retrieving revision 1.9 retrieving revision 1.10 diff -u -d -r1.9 -r1.10 --- browsers.html 30 Apr 2011 11:35:43 -0000 1.9 +++ browsers.html 5 May 2011 18:12:07 -0000 1.10 @@ -399,8 +399,8 @@ 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="dom.html#html-documents" title="HTML documents">HTML document</a>, and whose <a href="dom.html#document-s-character-encoding" title="document's character encoding">character encoding</a> is UTF-8. The <code><a href="infrastructure.html#document">Document</a></code> must have a single child - <code><a href="semantics.html#the-html-element-0">html</a></code> node, which itself has a single child - <code><a href="sections.html#the-body-element-0">body</a></code> node.</p> + <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> <p class="note">If the <a href="#browsing-context">browsing context</a> is created specifically to be immediately navigated, then that initial Index: the-xhtml-syntax.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/the-xhtml-syntax.html,v retrieving revision 1.8 retrieving revision 1.9 diff -u -d -r1.8 -r1.9 --- the-xhtml-syntax.html 30 Apr 2011 11:35:46 -0000 1.8 +++ the-xhtml-syntax.html 5 May 2011 18:12:09 -0000 1.9 @@ -425,14 +425,14 @@ 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#script">script</a></code> element, it must be marked as being + <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> 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 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#script">script</a></code> element. If this causes there to be 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 must run the following steps:</p> @@ -569,11 +569,11 @@ <h3 id="parsing-xhtml-fragments"><span class="secno">9.4 </span>Parsing XHTML fragments</h3> - <p>The <dfn id="xml-fragment-parsing-algorithm">XML fragment parsing algorithm</dfn> either returns - a <code><a href="infrastructure.html#document">Document</a></code> or raises a <code><a href="common-dom-interfaces.html#syntax_err">SYNTAX_ERR</a></code> - exception. Given a string <var title="">input</var> and an optional - context element <var title="">context</var>, the algorithm is as - follows:</p> + <p>The <dfn id="xml-fragment-parsing-algorithm">XML fragment parsing algorithm</dfn> either returns a + <code><a href="infrastructure.html#document">Document</a></code> or raises a <code><a href="common-dom-interfaces.html#syntax_err">SYNTAX_ERR</a></code> exception. + Given a string <var title="">input</var> and an optional context + element <var title="concept-frag-parse-context"><a href="the-end.html#concept-frag-parse-context">context</a></var>, the + algorithm is as follows:</p> <ol><li> @@ -583,12 +583,12 @@ <li> - <p>If there is a <var title="">context</var> element, <a href="#feed-the-parser">feed - the parser</a> just created the string corresponding to the - start tag of that element, declaring all the namespace prefixes - that are in scope on that element in the DOM, as well as declaring - the default namespace (if any) that is in scope on that element in - the DOM.</p> + <p>If there is a <var title="concept-frag-parse-context"><a href="the-end.html#concept-frag-parse-context">context</a></var> element, + <a href="#feed-the-parser">feed the parser</a> just created the string corresponding + to the start tag of that element, declaring all the namespace + prefixes that are in scope on that element in the DOM, as well as + declaring the default namespace (if any) that is in scope on that + element in the DOM.</p> <p>A namespace prefix is in scope if the DOM Core <code title="">lookupNamespaceURI()</code> method on the element would return a non-null value for that prefix.</p> @@ -597,10 +597,9 @@ <code title="">isDefaultNamespace()</code> method on the element would return true.</p> - <p class="note">If there is a <var title="">context</var> element, - no <code title="">DOCTYPE</code> is passed to the parser, and - therefore no external subset is referenced, and therefore no - entities will be recognized.</p> + <p class="note">If there is a <var title="concept-frag-parse-context"><a href="the-end.html#concept-frag-parse-context">context</a></var> element, no <code title="">DOCTYPE</code> is passed to the parser, and therefore no + external subset is referenced, and therefore no entities will be + recognized.</p> </li> @@ -612,9 +611,9 @@ <li> - <p>If there is a <var title="">context</var> element, <a href="#feed-the-parser">feed - the parser</a> just created the string corresponding to the - end tag of that element.</p> + <p>If there is a <var title="concept-frag-parse-context"><a href="the-end.html#concept-frag-parse-context">context</a></var> element, + <a href="#feed-the-parser">feed the parser</a> just created the string corresponding + to the end tag of that element.</p> </li> @@ -628,8 +627,8 @@ <li> - <p>If there is a <var title="">context</var> element, then return - the child nodes of the root element of the resulting + <p>If there is a <var title="concept-frag-parse-context"><a href="the-end.html#concept-frag-parse-context">context</a></var> element, then + return the child nodes of the root element of the resulting <code><a href="infrastructure.html#document">Document</a></code>, in <a href="infrastructure.html#tree-order">tree order</a>.</p> <p>Otherwise, return the children of the <code><a href="infrastructure.html#document">Document</a></code> Index: offline.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/offline.html,v retrieving revision 1.9 retrieving revision 1.10 diff -u -d -r1.9 -r1.10 --- offline.html 30 Apr 2011 11:35:45 -0000 1.9 +++ offline.html 5 May 2011 18:12:08 -0000 1.10 @@ -467,7 +467,7 @@ </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-0">html</a></code> element's + 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 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 @@ -1604,7 +1604,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-0">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="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 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> Index: content-models.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/content-models.html,v retrieving revision 1.9 retrieving revision 1.10 diff -u -d -r1.9 -r1.10 --- content-models.html 30 Apr 2011 11:35:44 -0000 1.9 +++ content-models.html 5 May 2011 18:12:08 -0000 1.10 @@ -410,13 +410,13 @@ presentation or behavior of the rest of the content, or that sets up the relationship of the document with other documents, or that conveys other "out of band" information.</p><ul class="brief category-list"><li><code><a href="semantics.html#the-base-element">base</a></code></li> - <li><code><a href="interactive-elements.html#the-command">command</a></code></li> + <li><code><a href="interactive-elements.html#the-command-element">command</a></code></li> <li><code><a href="semantics.html#the-link-element">link</a></code></li> - <li><code><a href="semantics.html#meta">meta</a></code></li> + <li><code><a href="semantics.html#the-meta-element">meta</a></code></li> <li><code><a href="scripting-1.html#the-noscript-element">noscript</a></code></li> - <li><code><a href="scripting-1.html#script">script</a></code></li> + <li><code><a href="scripting-1.html#the-script-element">script</a></code></li> <li><code><a href="semantics.html#the-style-element">style</a></code></li> - <li><code><a href="semantics.html#the-title-element-0">title</a></code></li> + <li><code><a href="semantics.html#the-title-element">title</a></code></li> </ul><p>Elements from other namespaces whose semantics are primarily metadata-related (e.g. RDF) are also <a href="#metadata-content">metadata content</a>.</p><div class="example"> @@ -452,7 +452,7 @@ <li><code><a href="the-map-element.html#the-area-element">area</a></code> (if it is a descendant of a <code><a href="the-map-element.html#the-map-element">map</a></code> element)</li> <li><code><a href="sections.html#the-article-element">article</a></code></li> <li><code><a href="sections.html#the-aside-element">aside</a></code></li> - <li><code><a href="video.html#audio">audio</a></code></li> + <li><code><a href="the-iframe-element.html#the-audio-element">audio</a></code></li> <li><code><a href="text-level-semantics.html#the-b-element">b</a></code></li> <li><code><a href="text-level-semantics.html#the-bdi-element">bdi</a></code></li> <li><code><a href="text-level-semantics.html#the-bdo-element">bdo</a></code></li> @@ -462,7 +462,7 @@ <li><code><a href="the-canvas-element.html#the-canvas-element">canvas</a></code></li> <li><code><a href="text-level-semantics.html#the-cite-element">cite</a></code></li> <li><code><a href="text-level-semantics.html#the-code-element">code</a></code></li> - <li><code><a href="interactive-elements.html#the-command">command</a></code></li> + <li><code><a href="interactive-elements.html#the-command-element">command</a></code></li> <li><code><a href="the-button-element.html#the-datalist-element">datalist</a></code></li> <li><code><a href="edits.html#the-del-element">del</a></code></li> <li><code><a href="interactive-elements.html#the-details-element">details</a></code></li> @@ -495,7 +495,7 @@ <li><code><a href="the-map-element.html#the-map-element">map</a></code></li> <li><code><a href="text-level-semantics.html#the-mark-element">mark</a></code></li> <li><code><a href="the-map-element.html#math">math</a></code></li> - <li><code><a href="interactive-elements.html#menus">menu</a></code></li> + <li><code><a href="interactive-elements.html#the-menu-element">menu</a></code></li> <li><code><a href="the-button-element.html#the-meter-element">meter</a></code></li> <li><code><a href="sections.html#the-nav-element">nav</a></code></li> <li><code><a href="scripting-1.html#the-noscript-element">noscript</a></code></li> @@ -509,7 +509,7 @@ <li><code><a href="text-level-semantics.html#the-ruby-element">ruby</a></code></li> <li><code><a href="text-level-semantics.html#the-s-element">s</a></code></li> <li><code><a href="text-level-semantics.html#the-samp-element">samp</a></code></li> - <li><code><a href="scripting-1.html#script">script</a></code></li> + <li><code><a href="scripting-1.html#the-script-element">script</a></code></li> <li><code><a href="sections.html#the-section-element">section</a></code></li> <li><code><a href="the-button-element.html#the-select-element">select</a></code></li> <li><code><a href="text-level-semantics.html#the-small-element">small</a></code></li> @@ -525,7 +525,7 @@ <li><code><a href="text-level-semantics.html#the-u-element">u</a></code></li> <li><code><a href="grouping-content.html#the-ul-element">ul</a></code></li> <li><code><a href="text-level-semantics.html#the-var-element">var</a></code></li> - <li><code><a href="video.html#video">video</a></code></li> + <li><code><a href="the-iframe-element.html#the-video-element">video</a></code></li> <li><code><a href="text-level-semantics.html#the-wbr-element">wbr</a></code></li> <li><a href="#text-content" title="text content">Text</a></li> </ul><p>As a general rule, elements whose content model allows any @@ -562,7 +562,7 @@ level. Runs of <a href="#phrasing-content">phrasing content</a> form <a href="#paragraph" title="paragraph">paragraphs</a>.</p><ul class="brief category-list"><li><code><a href="text-level-semantics.html#the-a-element">a</a></code> (if it contains only <a href="#phrasing-content">phrasing content</a>)</li> <li><code><a href="text-level-semantics.html#the-abbr-element">abbr</a></code></li> <li><code><a href="the-map-element.html#the-area-element">area</a></code> (if it is a descendant of a <code><a href="the-map-element.html#the-map-element">map</a></code> element)</li> - <li><code><a href="video.html#audio">audio</a></code></li> + <li><code><a href="the-iframe-element.html#the-audio-element">audio</a></code></li> <li><code><a href="text-level-semantics.html#the-b-element">b</a></code></li> <li><code><a href="text-level-semantics.html#the-bdi-element">bdi</a></code></li> <li><code><a href="text-level-semantics.html#the-bdo-element">bdo</a></code></li> @@ -571,7 +571,7 @@ <li><code><a href="the-canvas-element.html#the-canvas-element">canvas</a></code></li> <li><code><a href="text-level-semantics.html#the-cite-element">cite</a></code></li> <li><code><a href="text-level-semantics.html#the-code-element">code</a></code></li> - <li><code><a href="interactive-elements.html#the-command">command</a></code></li> + <li><code><a href="interactive-elements.html#the-command-element">command</a></code></li> <li><code><a href="the-button-element.html#the-datalist-element">datalist</a></code></li> <li><code><a href="edits.html#the-del-element">del</a></code> (if it contains only <a href="#phrasing-content">phrasing content</a>)</li> <li><code><a href="text-level-semantics.html#the-dfn-element">dfn</a></code></li> @@ -597,7 +597,7 @@ <li><code><a href="text-level-semantics.html#the-ruby-element">ruby</a></code></li> <li><code><a href="text-level-semantics.html#the-s-element">s</a></code></li> <li><code><a href="text-level-semantics.html#the-samp-element">samp</a></code></li> - <li><code><a href="scripting-1.html#script">script</a></code></li> + <li><code><a href="scripting-1.html#the-script-element">script</a></code></li> <li><code><a href="the-button-element.html#the-select-element">select</a></code></li> <li><code><a href="text-level-semantics.html#the-small-element">small</a></code></li> <li><code><a href="text-level-semantics.html#the-span-element">span</a></code></li> @@ -609,7 +609,7 @@ <li><code><a href="text-level-semantics.html#the-time-element">time</a></code></li> <li><code><a href="text-level-semantics.html#the-u-element">u</a></code></li> <li><code><a href="text-level-semantics.html#the-var-element">var</a></code></li> - <li><code><a href="video.html#video">video</a></code></li> + <li><code><a href="the-iframe-element.html#the-video-element">video</a></code></li> <li><code><a href="text-level-semantics.html#the-wbr-element">wbr</a></code></li> <li><a href="#text-content" title="text content">Text</a></li> </ul><p>As a general rule, elements whose content model allows any @@ -626,7 +626,7 @@ model on its own, but is also <a href="#phrasing-content">phrasing content</a>, and can be <a href="#inter-element-whitespace">inter-element whitespace</a> (if the <a href="infrastructure.html#text-node" title="text node">text nodes</a> are empty or contain just <a href="common-microsyntaxes.html#space-character" title="space character">space characters</a>).</p><h6 id="embedded-content-0"><span class="secno">3.2.5.1.6 </span>Embedded content</h6><p class="XXX annotation"><span><a href="http://www.w3.org/html/wg/tracker/issues/80">ISSUE-80</a> (title-alternative) blocks progress to Last Call</span></p><p><dfn id="embedded-content">Embedded content</dfn> is content that imports another resource into the document, or content from another vocabulary that - is inserted into the document.</p><ul class="brief category-list"><li><code><a href="video.html#audio">audio</a></code></li> + is inserted into the document.</p><ul class="brief category-list"><li><code><a href="the-iframe-element.html#the-audio-element">audio</a></code></li> <li><code><a href="the-canvas-element.html#the-canvas-element">canvas</a></code></li> <li><code><a href="the-iframe-element.html#the-embed-element">embed</a></code></li> <li><code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code></li> @@ -634,7 +634,7 @@ <li><code><a href="the-map-element.html#math">math</a></code></li> <li><code><a href="the-iframe-element.html#the-object-element">object</a></code></li> <li><code><a href="the-map-element.html#svg">svg</a></code></li> - <li><code><a href="video.html#video">video</a></code></li> + <li><code><a href="the-iframe-element.html#the-video-element">video</a></code></li> </ul><p>Elements that are from namespaces other than the <a href="namespaces.html#html-namespace-0">HTML namespace</a> and that convey content but not metadata, are <a href="#embedded-content">embedded content</a> for the purposes of the content models @@ -643,7 +643,7 @@ cannot be used (e.g. because it is of an unsupported format). The element definitions state what the fallback is, if any.</p><h6 id="interactive-content-0"><span class="secno">3.2.5.1.7 </span>Interactive content</h6><p><dfn id="interactive-content">Interactive content</dfn> is content that is specifically intended for user interaction.</p><ul class="brief category-list"><li><code><a href="text-level-semantics.html#the-a-element">a</a></code></li> - <li><code><a href="video.html#audio">audio</a></code> (if the <code title="attr-media-controls"><a href="video.html#attr-media-controls">controls</a></code> attribute is present)</li> + <li><code><a href="the-iframe-element.html#the-audio-element">audio</a></code> (if the <code title="attr-media-controls"><a href="the-iframe-element.html#attr-media-controls">controls</a></code> attribute is present)</li> <li><code><a href="the-button-element.html#the-button-element">button</a></code></li> <li><code><a href="interactive-elements.html#the-details-element">details</a></code></li> <li><code><a href="the-iframe-element.html#the-embed-element">embed</a></code></li> @@ -652,11 +652,11 @@ <li><code><a href="the-input-element.html#the-input-element">input</a></code> (if the <code title="attr-input-type"><a href="the-input-element.html#attr-input-type">type</a></code> attribute is <em>not</em> in the <a href="states-of-the-type-attribute.html#hidden-state" title="attr-input-type-hidden">Hidden</a> state)</li> <li><code><a href="the-button-element.html#the-keygen-element">keygen</a></code></li> <li><code><a href="forms.html#the-label-element">label</a></code></li> - <li><code><a href="interactive-elements.html#menus">menu</a></code> (if the <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute is in the <a href="interactive-elements.html#toolbar-state" title="toolbar state">toolbar</a> state)</li> + <li><code><a href="interactive-elements.html#the-menu-element">menu</a></code> (if the <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute is in the <a href="interactive-elements.html#toolbar-state" title="toolbar state">toolbar</a> state)</li> <li><code><a href="the-iframe-element.html#the-object-element">object</a></code> (if the <code title="attr-hyperlink-usemap"><a href="the-map-element.html#attr-hyperlink-usemap">usemap</a></code> attribute is present)</li> <li><code><a href="the-button-element.html#the-select-element">select</a></code></li> <li><code><a href="the-button-element.html#the-textarea-element">textarea</a></code></li> - <li><code><a href="video.html#video">video</a></code> (if the <code title="attr-media-controls"><a href="video.html#attr-media-controls">controls</a></code> attribute is present)</li> + <li><code><a href="the-iframe-element.html#the-video-element">video</a></code> (if the <code title="attr-media-controls"><a href="the-iframe-element.html#attr-media-controls">controls</a></code> attribute is present)</li> </ul><p>Certain elements in HTML have an <a href="#activation-behavior">activation behavior</a>, which means that the user can activate them. This triggers a sequence of events dependent on the activation mechanism, @@ -837,7 +837,7 @@ <p>Conformance checkers may warn authors of cases where they have paragraphs that overlap each other (this can happen with - <code><a href="the-iframe-element.html#the-object-element">object</a></code>, <code><a href="video.html#video">video</a></code>, <code><a href="video.html#audio">audio</a></code>, and + <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>, <code><a href="the-iframe-element.html#the-audio-element">audio</a></code>, and <code><a href="the-canvas-element.html#the-canvas-element">canvas</a></code> elements, and indirectly through elements in other namespaces that allow HTML to be further embedded therein, like <code><a href="the-map-element.html#svg">svg</a></code> or <code><a href="the-map-element.html#math">math</a></code>).</p> @@ -959,16 +959,10 @@ and <code title="attr-aria-*">aria-*</code> attributes on <a href="infrastructure.html#html-elements">HTML elements</a>, in accordance with the requirements described in the ARIA specifications, except where these conflict with the - <span>strong native semantics</span> or are equal to the - <span>default implied ARIA semantics</span> described below. These - exceptions are intended to prevent authors from making assistive - technology products report nonsensical states that do not represent - the actual state of the document. <a href="references.html#refsARIA">[ARIA]</a></p><p>Authors must not set the ARIA <code title="attr-aria-role">role</code> and <code title="attr-aria-*">aria-*</code> attributes in a manner that - conflicts with the semantics described in the following table, - except that the <code title="attr-aria-role-presentation">presentation</code> role may - always be used. Authors must not set the ARIA <code title="attr-aria-role">role</code> and <code title="attr-aria-*">aria-*</code> attributes to values that match - the <span>default implicit ARIA semantics</span> defined in the - following two tables.</p><div class="impl"> + <span>strong native semantics</span> + described below. These exceptions are intended to prevent authors + from making assistive technology products report nonsensical states + that do not represent the actual state of the document. <a href="references.html#refsARIA">[ARIA]</a></p><div class="impl"> <p>User agents are required to implement ARIA semantics on all <a href="infrastructure.html#html-elements">HTML elements</a>, as defined in the ARIA @@ -999,7 +993,7 @@ </td><td><code title="attr-aria-expanded">aria-expanded</code> state set to "true" if the element's <code title="attr-details-open"><a href="interactive-elements.html#attr-details-open">open</a></code> attribute is present, and set to "false" otherwise - </td></tr><tr><td><code><a href="semantics.html#the-head-element-0">head</a></code> element + </td></tr><tr><td><code><a href="semantics.html#the-head-element">head</a></code> element </td><td>No role </td></tr><tr><td><code><a href="sections.html#the-hgroup-element">hgroup</a></code> element @@ -1008,7 +1002,7 @@ </td></tr><tr><td><code><a href="grouping-content.html#the-hr-element">hr</a></code> element </td><td><code title="attr-aria-role-separator">separator</code> role - </td></tr><tr><td><code><a href="semantics.html#the-html-element-0">html</a></code> element + </td></tr><tr><td><code><a href="semantics.html#the-html-element">html</a></code> element </td><td>No role </td></tr><tr><td><code><a href="embedded-content-1.html#the-img-element">img</a></code> element whose <code title="attr-img-alt"><a href="embedded-content-1.html#attr-img-alt">alt</a></code> attribute's value is empty @@ -1092,16 +1086,16 @@ </td></tr><tr><td><code><a href="semantics.html#the-link-element">link</a></code> element that creates a <a href="links.html#hyperlink">hyperlink</a> </td><td><code title="attr-aria-role-link">link</code> role - </td></tr><tr><td><code><a href="interactive-elements.html#menus">menu</a></code> element with a <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute in the <a href="interactive-elements.html#context-menu-state" title="context menu state">context menu</a> state + </td></tr><tr><td><code><a href="interactive-elements.html#the-menu-element">menu</a></code> element with a <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute in the <a href="interactive-elements.html#context-menu-state" title="context menu state">context menu</a> state </td><td>No role - </td></tr><tr><td><code><a href="interactive-elements.html#menus">menu</a></code> element with a <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute in the <a href="interactive-elements.html#list-state" title="list state">list</a> state + </td></tr><tr><td><code><a href="interactive-elements.html#the-menu-element">menu</a></code> element with a <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute in the <a href="interactive-elements.html#list-state" title="list state">list</a> state </td><td><code title="attr-aria-role-menu">menu</code> role - </td></tr><tr><td><code><a href="interactive-elements.html#menus">menu</a></code> element with a <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute in the <a href="interactive-elements.html#toolbar-state" title="toolbar state">toolbar</a> state + </td></tr><tr><td><code><a href="interactive-elements.html#the-menu-element">menu</a></code> element with a <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute in the <a href="interactive-elements.html#toolbar-state" title="toolbar state">toolbar</a> state </td><td><code title="attr-aria-role-toolbar">toolbar</code> role - </td></tr><tr><td><code><a href="semantics.html#meta">meta</a></code> element + </td></tr><tr><td><code><a href="semantics.html#the-meta-element">meta</a></code> element </td><td>No role </td></tr><tr><td><code><a href="the-button-element.html#the-meter-element">meter</a></code> element @@ -1125,7 +1119,7 @@ </td></tr><tr><td><code><a href="the-button-element.html#the-progress-element">progress</a></code> element </td><td><code title="attr-aria-role-progressbar">progressbar</code> role, with, if the progress bar is determinate, the <code title="attr-aria-valuemax">aria-valuemax</code> property set to the maximum value of the progress bar, the <code title="attr-aria-valuemin">aria-valuemin</code> property set to zero, and the <code title="attr-aria-valuenow">aria-valuenow</code> property set to the current value of the progress bar - </td></tr><tr><td><code><a href="scripting-1.html#script">script</a></code> element + </td></tr><tr><td><code><a href="scripting-1.html#the-script-element">script</a></code> element </td><td>No role </td></tr><tr><td><code><a href="the-button-element.html#the-select-element">select</a></code> element with a <code title="attr-select-multiple"><a href="the-button-element.html#attr-select-multiple">multiple</a></code> attribute @@ -1137,14 +1131,14 @@ </td></tr><tr><td><code><a href="the-button-element.html#the-select-element">select</a></code> element with a <code title="attr-select-required"><a href="the-button-element.html#attr-select-required">required</a></code> attribute </td><td>The <code title="title-aria-required">aria-required</code> state set to "true" - </td></tr><tr><td><code><a href="video.html#the-source-element">source</a></code> element + </td></tr><tr><td><code><a href="the-iframe-element.html#the-source-element">source</a></code> element </td><td>No role </td></tr><tr><td><code><a href="semantics.html#the-style-element">style</a></code> element </td><td>No role </td></tr><tr><td><code><a href="interactive-elements.html#the-summary-element">summary</a></code> element - </td><td><code title="attr-aria-role-heading">heading</code> role + </td><td>No role </td></tr><tr><td><code><a href="the-button-element.html#the-textarea-element">textarea</a></code> element </td><td><code title="attr-aria-role-textbox">textbox</code> role, with the <code title="attr-aria-multiline">aria-multiline</code> property set to "true", and the <code title="title-aria-readonly">aria-readonly</code> state set to "true" if the element has a <code title="attr-textarea-readonly"><a href="the-button-element.html#attr-textarea-readonly">readonly</a></code> attribute @@ -1152,16 +1146,16 @@ </td></tr><tr><td><code><a href="the-button-element.html#the-textarea-element">textarea</a></code> element with a <code title="attr-textarea-required"><a href="the-button-element.html#attr-textarea-required">required</a></code> attribute </td><td>The <code title="title-aria-required">aria-required</code> state set to "true" - </td></tr><tr><td><code><a href="semantics.html#the-title-element-0">title</a></code> element + </td></tr><tr><td><code><a href="semantics.html#the-title-element">title</a></code> element </td><td>No role - </td></tr><tr><td>An element that <a href="commands.html#concept-command" title="concept-command">defines a command</a>, whose <a href="commands.html#command-facet-type" title="command-facet-type">Type</a> facet is "checkbox", and that is a descendant of a <code><a href="interactive-elements.html#menus">menu</a></code> element whose <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute in the <a href="interactive-elements.html#list-state" title="list state">list</a> state + </td></tr><tr><td>An element that <a href="commands.html#concept-command" title="concept-command">defines a command</a>, whose <a href="commands.html#command-facet-type" title="command-facet-type">Type</a> facet is "checkbox", and that is a descendant of a <code><a href="interactive-elements.html#the-menu-element">menu</a></code> element whose <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute in the <a href="interactive-elements.html#list-state" title="list state">list</a> state </td><td><code title="attr-aria-role-menuitemcheckbox">menuitemcheckbox</code> role, with the <code title="attr-aria-checked">aria-checked</code> state set to "true" if the command's <a href="commands.html#command-facet-checkedstate" title="command-facet-checkedstate">Checked State</a> facet is true, and "false" otherwise - </td></tr><tr><td>An element that <a href="commands.html#concept-command" title="concept-command">defines a command</a>, whose <a href="commands.html#command-facet-type" title="command-facet-type">Type</a> facet is "command", and that is a descendant of a <code><a href="interactive-elements.html#menus">menu</a></code> element whose <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute in the <a href="interactive-elements.html#list-state" title="list state">list</a> state + </td></tr><tr><td>An element that <a href="commands.html#concept-command" title="concept-command">defines a command</a>, whose <a href="commands.html#command-facet-type" title="command-facet-type">Type</a> facet is "command", and that is a descendant of a <code><a href="interactive-elements.html#the-menu-element">menu</a></code> element whose <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute in the <a href="interactive-elements.html#list-state" title="list state">list</a> state </td><td><code title="attr-aria-role-menuitem">menuitem</code> role - </td></tr><tr><td>An element that <a href="commands.html#concept-command" title="concept-command">defines a command</a>, whose <a href="commands.html#command-facet-type" title="command-facet-type">Type</a> facet is "radio", and that is a descendant of a <code><a href="interactive-elements.html#menus">menu</a></code> element whose <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute in the <a href="interactive-elements.html#list-state" title="list state">list</a> state + </td></tr><tr><td>An element that <a href="commands.html#concept-command" title="concept-command">defines a command</a>, whose <a href="commands.html#command-facet-type" title="command-facet-type">Type</a> facet is "radio", and that is a descendant of a <code><a href="interactive-elements.html#the-menu-element">menu</a></code> element whose <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute in the <a href="interactive-elements.html#list-state" title="list state">list</a> state </td><td><code title="attr-aria-role-menuitemradio">menuitemradio</code> role, with the <code title="attr-aria-checked">aria-checked</code> state set to "true" if the command's <a href="commands.html#command-facet-checkedstate" title="command-facet-checkedstate">Checked State</a> facet is true, and "false" otherwise </td></tr><tr><td>Element that is <a href="association-of-controls-and-forms.html#concept-fe-disabled" title="concept-fe-disabled">disabled</a> @@ -1203,7 +1197,7 @@ </td><td><code title="attr-aria-role-note">note</code> role </td><td>Role must be either <code title="attr-aria-role-note">note</code>, <code title="attr-aria-role-complementary">complementary</code>, or <code title="attr-aria-role-search">search</code> - </td></tr><tr><td><code><a href="video.html#audio">audio</a></code> element + </td></tr><tr><td><code><a href="the-iframe-element.html#the-audio-element">audio</a></code> element </td><td>No role </td><td>If specified, role must be <code title="attr-aria-role-application">application</code> @@ -1315,11 +1309,11 @@ </td><td><code title="attr-aria-role-list">list</code> role </td><td>Role must be either <code title="attr-aria-role-directory">directory</code>, <code title="attr-aria-role-list">list</code>, <code title="attr-aria-role-listbox">listbox</code>, <code title="attr-aria-role-menu">menu</code>, <code title="attr-aria-role-menubar">menubar</code>, <code title="attr-aria-role-tablist">tablist</code>, <code title="attr-aria-role-toolbar ">toolbar</code>, <code title="attr-aria-role-tree">tree</code> - </td></tr><tr><td><code><a href="video.html#video">video</a></code> element + </td></tr><tr><td><code><a href="the-iframe-element.html#the-video-element">video</a></code> element </td><td>No role </td><td>If specified, role must be <code title="attr-aria-role-application">application</code> - </td></tr><tr><td><a href="dom.html#the-body-element">The body element</a> + </td></tr><tr><td><a href="dom.html#the-body-element-0">The body element</a> </td><td><code title="attr-aria-role-document">document</code> role </td><td>Role must be either <code title="attr-aria-role-document">document</code> or <code title="attr-aria-role-application">application</code> Index: states-of-the-type-attribute.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/states-of-the-type-attribute.html,v retrieving revision 1.8 retrieving revision 1.9 diff -u -d -r1.8 -r1.9 --- states-of-the-type-attribute.html 30 Apr 2011 11:35:46 -0000 1.8 +++ states-of-the-type-attribute.html 5 May 2011 18:12:09 -0000 1.9 @@ -405,6 +405,7 @@ <code class="no-backref" title="dom-input-selectedOption"><a href="common-input-element-attributes.html#dom-input-selectedoption">selectedOption</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>, <code class="no-backref" title="dom-input-valueAsDate"><a href="common-input-element-attributes.html#dom-input-valueasdate">valueAsDate</a></code>, and <code class="no-backref" title="dom-input-valueAsNumber"><a href="common-input-element-attributes.html#dom-input-valueasnumber">valueAsNumber</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>, @@ -472,7 +473,8 @@ <code title="dom-input-list"><a href="common-input-element-attributes.html#dom-input-list">list</a></code>, <code title="dom-input-selectedOption"><a href="common-input-element-attributes.html#dom-input-selectedoption">selectedOption</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>, and + <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-input-value"><a href="common-input-element-attributes.html#dom-input-value">value</a></code> IDL attributes; <code title="dom-textarea/input-select"><a href="association-of-controls-and-forms.html#dom-textarea-input-select">select()</a></code> and <code title="dom-textarea/input-setSelectionRange"><a href="association-of-controls-and-forms.html#dom-textarea-input-setselectionrange">setSelectionRange()</a></code> methods.</p> @@ -552,7 +554,8 @@ <code title="dom-input-list"><a href="common-input-element-attributes.html#dom-input-list">list</a></code>, <code title="dom-input-selectedOption"><a href="common-input-element-attributes.html#dom-input-selectedoption">selectedOption</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>, and + <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-input-value"><a href="common-input-element-attributes.html#dom-input-value">value</a></code> IDL attributes; <code title="dom-textarea/input-select"><a href="association-of-controls-and-forms.html#dom-textarea-input-select">select()</a></code> and <code title="dom-textarea/input-setSelectionRange"><a href="association-of-controls-and-forms.html#dom-textarea-input-setselectionrange">setSelectionRange()</a></code> methods.</p> @@ -640,7 +643,8 @@ <code title="dom-input-list"><a href="common-input-element-attributes.html#dom-input-list">list</a></code>, <code title="dom-input-selectedOption"><a href="common-input-element-attributes.html#dom-input-selectedoption">selectedOption</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>, and + <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-input-value"><a href="common-input-element-attributes.html#dom-input-value">value</a></code> IDL attributes; <code title="dom-textarea/input-select"><a href="association-of-controls-and-forms.html#dom-textarea-input-select">select()</a></code> and <code title="dom-textarea/input-setSelectionRange"><a href="association-of-controls-and-forms.html#dom-textarea-input-setselectionrange">setSelectionRange()</a></code> methods.</p> @@ -917,6 +921,7 @@ <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>, <code class="no-backref" title="dom-input-valueAsDate"><a href="common-input-element-attributes.html#dom-input-valueasdate">valueAsDate</a></code>, and <code class="no-backref" title="dom-input-valueAsNumber"><a href="common-input-element-attributes.html#dom-input-valueasnumber">valueAsNumber</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>, @@ -957,7 +962,8 @@ <code title="attr-input-required"><a href="common-input-element-attributes.html#attr-input-required">required</a></code>, and <code title="attr-input-size"><a href="common-input-element-attributes.html#attr-input-size">size</a></code> content attributes; <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-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-input-value"><a href="common-input-element-attributes.html#dom-input-value">value</a></code> IDL attributes; <code title="dom-textarea/input-select"><a href="association-of-controls-and-forms.html#dom-textarea-input-select">select()</a></code>, and <code title="dom-textarea/input-setSelectionRange"><a href="association-of-controls-and-forms.html#dom-textarea-input-setselectionrange">setSelectionRange()</a></code> methods.</p> @@ -1128,8 +1134,9 @@ 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>, and - <code class="no-backref" title="dom-textarea/input-selectionEnd"><a href="association-of-controls-and-forms.html#dom-textarea-input-selectionend">selectionEnd</a></code> IDL attributes; + <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>, and + <code class="no-backref" title="dom-textarea/input-selectionDirection"><a href="association-of-controls-and-forms.html#dom-textarea-input-selectiondirection">selectionDirection</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> @@ -1274,8 +1281,9 @@ <p>The following IDL attributes and methods do not apply to the 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-textarea/input-selectionStart"><a href="association-of-controls-and-forms.html#dom-textarea-input-selectionstart">selectionStart</a></code>, and - <code class="no-backref" title="dom-textarea/input-selectionEnd"><a href="association-of-controls-and-forms.html#dom-textarea-input-selectionend">selectionEnd</a></code> IDL attributes; + <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>, and + <code class="no-backref" title="dom-textarea/input-selectionDirection"><a href="association-of-controls-and-forms.html#dom-textarea-input-selectiondirection">selectionDirection</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> @@ -1398,8 +1406,9 @@ 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>, and - <code class="no-backref" title="dom-textarea/input-selectionEnd"><a href="association-of-controls-and-forms.html#dom-textarea-input-selectionend">selectionEnd</a></code> IDL attributes; + <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>, and + <code class="no-backref" title="dom-textarea/input-selectionDirection"><a href="association-of-controls-and-forms.html#dom-textarea-input-selectiondirection">selectionDirection</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> @@ -1527,8 +1536,9 @@ 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>, and - <code class="no-backref" title="dom-textarea/input-selectionEnd"><a href="association-of-controls-and-forms.html#dom-textarea-input-selectionend">selectionEnd</a></code> IDL attributes; + <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>, and + <code class="no-backref" title="dom-textarea/input-selectionDirection"><a href="association-of-controls-and-forms.html#dom-textarea-input-selectiondirection">selectionDirection</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> @@ -1649,8 +1659,9 @@ 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>, and - <code class="no-backref" title="dom-textarea/input-selectionEnd"><a href="association-of-controls-and-forms.html#dom-textarea-input-selectionend">selectionEnd</a></code> IDL attributes; + <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>, and + <code class="no-backref" title="dom-textarea/input-selectionDirection"><a href="association-of-controls-and-forms.html#dom-textarea-input-selectiondirection">selectionDirection</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> @@ -1764,7 +1775,8 @@ <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>, and + <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> Index: apis-in-html-documents.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/apis-in-html-documents.html,v retrieving revision 1.9 retrieving revision 1.10 diff -u -d -r1.9 -r1.10 --- apis-in-html-documents.html 30 Apr 2011 11:35:43 -0000 1.9 +++ apis-in-html-documents.html 5 May 2011 18:12:07 -0000 1.10 @@ -363,7 +363,7 @@ </dd> - <dt><code title="dom-Document-createElement">Document.createElement()</code></dt> + <dt><code title="dom-Document-createElement"><a href="infrastructure.html#dom-document-createelement">Document.createElement()</a></code></dt> <dd> @@ -372,13 +372,14 @@ the argument before creating the requisite element. <span class="impl">Also, the element created must be in the <a href="namespaces.html#html-namespace-0">HTML namespace</a></span>.</p> - <p class="note">This doesn't apply to <code title="">Document.createElementNS()</code>. Thus, it is possible, - by passing this last method a tag name in the wrong case, to - create an element that appears to have the same tag name as that - of an element defined in this specification when its <code title="dom-Element-tagName"><a href="infrastructure.html#dom-element-tagname">tagName</a></code> attribute is examined, but that - doesn't support the corresponding interfaces. The "real" element - name (unaffected by case conversions) can be obtained from the - <code title="dom-Node-localName"><a href="infrastructure.html#dom-node-localname">localName</a></code> attribute.</p> + <p class="note">This doesn't apply to <code title="dom-Document-createElementNS"><a href="infrastructure.html#dom-document-createelementns">Document.createElementNS()</a></code>. + Thus, it is possible, by passing this last method a tag name in + the wrong case, to create an element that appears to have the same + tag name as that of an element defined in this specification when + its <code title="dom-Element-tagName"><a href="infrastructure.html#dom-element-tagname">tagName</a></code> attribute is + examined, but that doesn't support the corresponding interfaces. + The "real" element name (unaffected by case conversions) can be + obtained from the <code title="dom-Node-localName"><a href="infrastructure.html#dom-node-localname">localName</a></code> attribute.</p> </dd> @@ -536,6 +537,10 @@ manner that would otherwise be incompatible with DOM-based XSLT transformations. (Processors that serialize the output are unaffected.) <a href="references.html#refsXSLT10">[XSLT10]</a></p> + <p class="note">There are also additional comments regarding the + interaction of XSLT and HTML <a href="scripting-1.html#scriptTagXSLT">in the + <code>script</code> element section</a>.</p> + </div><h3 id="dynamic-markup-insertion"><span class="secno">3.5 </span><dfn>Dynamic markup insertion</dfn></h3><p class="note">APIs for dynamically inserting markup into the document interact with the parser, and thus their behavior varies depending on whether they are used with <a href="dom.html#html-documents">HTML documents</a> @@ -800,7 +805,7 @@ <p><code><a href="infrastructure.html#document">Document</a></code> objects have an <dfn id="ignore-destructive-writes-counter">ignore-destructive-writes counter</dfn>, which is used in - conjunction with the processing of <code><a href="scripting-1.html#script">script</a></code> elements to + conjunction with the processing of <code><a href="scripting-1.html#the-script-element">script</a></code> elements to prevent external scripts from being able to use <code title="dom-document-write"><a href="#dom-document-write">document.write()</a></code> to blow away the document by implicitly calling <code title="dom-document-open"><a href="#dom-document-open">document.open()</a></code>. Initially, the counter must be set to zero.</p> @@ -860,12 +865,12 @@ at a time, processing resulting tokens as they are emitted, and stopping when the tokenizer reaches the insertion point or when the processing of the tokenizer is aborted by the tree - construction stage (this can happen if a <code><a href="scripting-1.html#script">script</a></code> end + construction stage (this can happen if a <code><a href="scripting-1.html#the-script-element">script</a></code> end tag token is emitted by the tokenizer). </p><p class="note">If the <code title="dom-document-write"><a href="#dom-document-write">document.write()</a></code> method was called from script executing inline (i.e. executing because the - parser parsed a set of <code><a href="scripting-1.html#script">script</a></code> tags), then this is a + parser parsed a set of <code><a href="scripting-1.html#the-script-element">script</a></code> tags), then this is a <a href="parsing.html#nestedParsing">reentrant invocation of the parser</a>.</p> @@ -957,7 +962,7 @@ <p>In either case, the algorithm must be invoked with the string being assigned into the <code title="dom-innerHTML"><a href="#dom-innerhtml">innerHTML</a></code> attribute as the <var title="">input</var>. If the node is an <code><a href="infrastructure.html#element">Element</a></code> - node, then, in addition, that element must be passed as the <var title="">context</var> element.</p> + node, then, in addition, that element must be passed as the <var title="concept-frag-parse-context"><a href="the-end.html#concept-frag-parse-context">context</a></var> element.</p> <p>If this raises an exception, then abort these steps.</p> @@ -1072,7 +1077,7 @@ <p>Let <var title="">parent</var> be <var title="">target</var>'s parent node, unless that is a <code><a href="infrastructure.html#documentfragment">DocumentFragment</a></code> node, in which case let <var title="">parent</var> be an arbitrary - <code><a href="sections.html#the-body-element-0">body</a></code> element.</p> + <code><a href="sections.html#the-body-element">body</a></code> element.</p> </li> @@ -1085,7 +1090,7 @@ parsing algorithm</a>.</p> <p>In either case, the algorithm must be invoked with the string - being assigned into the <code title="dom-outerHTML"><a href="#dom-outerhtml">outerHTML</a></code> attribute as the <var title="">input</var>, and <var title="">parent</var> as the <var title="">context</var> element.</p> + being assigned into the <code title="dom-outerHTML"><a href="#dom-outerhtml">outerHTML</a></code> attribute as the <var title="">input</var>, and <var title="">parent</var> as the <var title="concept-frag-parse-context"><a href="the-end.html#concept-frag-parse-context">context</a></var> element.</p> <p>If this raises an exception, then abort these steps.</p> @@ -1211,8 +1216,7 @@ <p>If <var title="">target</var>'s document is an <a href="dom.html#xml-documents" title="XML documents">XML document</a>: Invoke the <a href="the-xhtml-syntax.html#xml-fragment-parsing-algorithm">XML fragment parsing algorithm</a>.</p> - <p>In either case, the algorithm must be invoked with <var title="">text</var> as the <var title="">input</var>, and <var title="">destination</var> as the <var title="">context</var> - element.</p> + <p>In either case, the algorithm must be invoked with <var title="">text</var> as the <var title="">input</var>, and <var title="">destination</var> as the <var title="concept-frag-parse-context"><a href="the-end.html#concept-frag-parse-context">context</a></var> element.</p> <p>If this raises an exception, then abort these steps.</p> Index: obsolete.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/obsolete.html,v retrieving revision 1.8 retrieving revision 1.9 diff -u -d -r1.8 -r1.9 --- obsolete.html 30 Apr 2011 11:35:45 -0000 1.8 +++ obsolete.html 5 May 2011 18:12:08 -0000 1.9 @@ -353,7 +353,7 @@ <code><a href="embedded-content-1.html#the-img-element">img</a></code> element. If the attribute is present, its value must be the string "<code title="">0</code>". CSS should be used instead.</p><p>Authors should not specify a <code title="attr-script-language"><a href="#attr-script-language">language</a></code> attribute on a - <code><a href="scripting-1.html#script">script</a></code> element. If the attribute is present, its value + <code><a href="scripting-1.html#the-script-element">script</a></code> element. If the attribute is present, its value must be an <a href="infrastructure.html#ascii-case-insensitive">ASCII case-insensitive</a> match for the string "<code title="">JavaScript</code>" and either the <code title="attr-script-type"><a href="scripting-1.html#attr-script-type">type</a></code> attribute must be omitted or its value must be an <a href="infrastructure.html#ascii-case-insensitive">ASCII case-insensitive</a> match for @@ -396,7 +396,7 @@ <code><a href="embedded-content-1.html#the-img-element">img</a></code> element if its value is the string "<code title="">0</code>".</p></li> <li><p>The presence of a <code title="attr-script-language"><a href="#attr-script-language">language</a></code> attribute on a - <code><a href="scripting-1.html#script">script</a></code> element if its value is an <a href="infrastructure.html#ascii-case-insensitive">ASCII + <code><a href="scripting-1.html#the-script-element">script</a></code> element if its value is an <a href="infrastructure.html#ascii-case-insensitive">ASCII case-insensitive</a> match for the string "<code title="">JavaScript</code>" and if there is no <code title="attr-script-type"><a href="scripting-1.html#attr-script-type">type</a></code> attribute or there is and its value is an <a href="infrastructure.html#ascii-case-insensitive">ASCII case-insensitive</a> match for the string "<code title="">text/javascript</code>".</p></li> @@ -421,7 +421,7 @@ <dd><p>Use <code><a href="text-level-semantics.html#the-abbr-element">abbr</a></code> instead.</p></dd> <dt><dfn id="bgsound"><code>bgsound</code></dfn></dt> - <dd><p>Use <code><a href="video.html#audio">audio</a></code> instead.</p></dd> + <dd><p>Use <code><a href="the-iframe-element.html#the-audio-element">audio</a></code> instead.</p></dd> <dt><dfn id="dir"><code>dir</code></dfn></dt> <dd><p>Use <code><a href="grouping-content.html#the-ul-element">ul</a></code> instead.</p></dd> @@ -520,13 +520,13 @@ attribute is sufficient; the <code title="attr-area-nohref"><a href="#attr-area-nohref">nohref</a></code> attribute is unnecessary. Omit it altogether.</p></dd> - <dt><dfn id="attr-head-profile" title="attr-head-profile"><code>profile</code></dfn> on <code><a href="semantics.html#the-head-element-0">head</a></code> elements</dt> - <dd><p>When used for declaring which <code><a href="semantics.html#meta">meta</a></code> terms are + <dt><dfn id="attr-head-profile" title="attr-head-profile"><code>profile</code></dfn> on <code><a href="semantics.html#the-head-element">head</a></code> elements</dt> + <dd><p>When used for declaring which <code><a href="semantics.html#the-meta-element">meta</a></code> terms are used in the document, unnecessary; omit it altogether, and <a href="semantics.html#concept-meta-extensions" title="concept-meta-extensions">register the names</a>.</p></dd> <dd><p>When used for triggering specific user agent behaviors: use a <code><a href="semantics.html#the-link-element">link</a></code> element instead.</p></dd> - <dt><dfn id="attr-html-version" title="attr-html-version"><code>version</code></dfn> on <code><a href="semantics.html#the-html-element-0">html</a></code> elements</dt> + <dt><dfn id="attr-html-version" title="attr-html-version"><code>version</code></dfn> on <code><a href="semantics.html#the-html-element">html</a></code> elements</dt> <dd><p>Unnecessary. Omit it altogether.</p></dd> <dt><dfn id="attr-input-usemap" title="attr-input-usemap"><code>usemap</code></dfn> on <code><a href="the-input-element.html#the-input-element">input</a></code> elements</dt> @@ -546,7 +546,7 @@ <dt><dfn id="attr-link-target" title="attr-link-target"><code>target</code></dfn> on <code><a href="semantics.html#the-link-element">link</a></code> elements</dt> <dd><p>Unnecessary. Omit it altogether.</p></dd> - <dt><dfn id="attr-meta-scheme" title="attr-meta-scheme"><code>scheme</code></dfn> on <code><a href="semantics.html#meta">meta</a></code> elements</dt> + <dt><dfn id="attr-meta-scheme" title="attr-meta-scheme"><code>scheme</code></dfn> on <code><a href="semantics.html#the-meta-element">meta</a></code> elements</dt> <dd><p>Use only one scheme per field, or make the scheme declaration part of the value.</p></dd> <dt><dfn id="attr-object-archive" title="attr-object-archive"><code>archive</code></dfn> on <code><a href="the-iframe-element.html#the-object-element">object</a></code> elements</dt> @@ -568,12 +568,12 @@ <dd><p>Use the <code title="attr-param-name"><a href="the-iframe-element.html#attr-param-name">name</a></code> and <code title="attr-param-value"><a href="the-iframe-element.html#attr-param-value">value</a></code> attributes without declaring value types.</p></dd> - <dt><dfn id="attr-script-language" title="attr-script-language"><code>language</code></dfn> on <code><a href="scripting-1.html#script">script</a></code> elements (except as noted in the previous section)</dt> + <dt><dfn id="attr-script-language" title="attr-script-language"><code>language</code></dfn> on <code><a href="scripting-1.html#the-script-element">script</a></code> elements (except as noted in the previous section)</dt> <dd><p>Use the <code title="attr-script-type"><a href="scripting-1.html#attr-script-type">type</a></code> attribute instead.</p></dd> - <dt><dfn id="attr-script-event" title="attr-script-event"><code>event</code></dfn> on <code><a href="scripting-1.html#script">script</a></code> elements</dt> - <dt><dfn id="attr-script-for" title="attr-script-for"><code>for</code></dfn> on <code><a href="scripting-1.html#script">script</a></code> elements</dt> + <dt><dfn id="attr-script-event" title="attr-script-event"><code>event</code></dfn> on <code><a href="scripting-1.html#the-script-element">script</a></code> elements</dt> + <dt><dfn id="attr-script-for" title="attr-script-for"><code>for</code></dfn> on <code><a href="scripting-1.html#the-script-element">script</a></code> elements</dt> <dd><p>Use DOM Events mechanisms to register event listeners. <a href="references.html#refsDOMEVENTS">[DOMEVENTS]</a></p></dd> <dt><dfn id="attr-table-datapagesize" title="attr-table-datapagesize"><code>datapagesize</code></dfn> on <code><a href="tabular-data.html#the-table-element">table</a></code> elements</dt> @@ -595,17 +595,17 @@ <dt><dfn id="attr-dataformatas" title="attr-dataformatas"><code>dataformatas</code></dfn> on <code><a href="the-button-element.html#the-button-element">button</a></code>, <code><a href="grouping-content.html#the-div-element">div</a></code>, <code><a href="the-input-element.html#the-input-element">input</a></code>, <code><a href="forms.html#the-label-element">label</a></code>, <code><a href="forms.html#the-legend-element">legend</a></code>, <code><a href="#the-marquee-element">marquee</a></code>, <code><a href="the-iframe-element.html#the-object-element">object</a></code>, <code><a href="the-button-element.html#the-option-element">option</a></code>, <code><a href="the-button-element.html#the-select-element">select</a></code>, <code><a href="text-level-semantics.html#the-span-element">span</a></code>, and <code><a href="tabular-data.html#the-table-element">table</a></code> elements</dt> <dd><p>Use script and a mechanism such as <code>XMLHttpRequest</code> to populate the page dynamically. <a href="references.html#refsXHR">[XHR]</a></p></dd> - <dt><dfn id="attr-body-alink" title="attr-body-alink"><code>alink</code></dfn> on <code><a href="sections.html#the-body-element-0">body</a></code> elements</dt> - <dt><dfn id="attr-body-bgcolor" title="attr-body-bgcolor"><code>bgcolor</code></dfn> on <code><a href="sections.html#the-body-element-0">body</a></code> elements</dt> - <dt><dfn id="attr-body-link" title="attr-body-link"><code>link</code></dfn> on <code><a href="sections.html#the-body-element-0">body</a></code> elements</dt> - <dt><dfn id="attr-body-marginbottom" title="attr-body-marginbottom"><code>marginbottom</code></dfn> on <code><a href="sections.html#the-body-element-0">body</a></code> elements</dt> - <dt><dfn id="attr-body-marginheight" title="attr-body-marginheight"><code>marginheight</code></dfn> on <code><a href="sections.html#the-body-element-0">body</a></code> elements</dt> - <dt><dfn id="attr-body-marginleft" title="attr-body-marginleft"><code>marginleft</code></dfn> on <code><a href="sections.html#the-body-element-0">body</a></code> elements</dt> - <dt><dfn id="attr-body-marginright" title="attr-body-marginright"><code>marginright</code></dfn> on <code><a href="sections.html#the-body-element-0">body</a></code> elements</dt> - <dt><dfn id="attr-body-margintop" title="attr-body-margintop"><code>margintop</code></dfn> on <code><a href="sections.html#the-body-element-0">body</a></code> elements</dt> - <dt><dfn id="attr-body-marginwidth" title="attr-body-marginwidth"><code>marginwidth</code></dfn> on <code><a href="sections.html#the-body-element-0">body</a></code> elements</dt> - <dt><dfn id="attr-body-text" title="attr-body-text"><code>text</code></dfn> on <code><a href="sections.html#the-body-element-0">body</a></code> elements</dt> - <dt><dfn id="attr-body-vlink" title="attr-body-vlink"><code>vlink</code></dfn> on <code><a href="sections.html#the-body-element-0">body</a></code> elements</dt> + <dt><dfn id="attr-body-alink" title="attr-body-alink"><code>alink</code></dfn> on <code><a href="sections.html#the-body-element">body</a></code> elements</dt> + <dt><dfn id="attr-body-bgcolor" title="attr-body-bgcolor"><code>bgcolor</code></dfn> on <code><a href="sections.html#the-body-element">body</a></code> elements</dt> + <dt><dfn id="attr-body-link" title="attr-body-link"><code>link</code></dfn> on <code><a href="sections.html#the-body-element">body</a></code> elements</dt> + <dt><dfn id="attr-body-marginbottom" title="attr-body-marginbottom"><code>marginbottom</code></dfn> on <code><a href="sections.html#the-body-element">body</a></code> elements</dt> + <dt><dfn id="attr-body-marginheight" title="attr-body-marginheight"><code>marginheight</code></dfn> on <code><a href="sections.html#the-body-element">body</a></code> elements</dt> + <dt><dfn id="attr-body-marginleft" title="attr-body-marginleft"><code>marginleft</code></dfn> on <code><a href="sections.html#the-body-element">body</a></code> elements</dt> + <dt><dfn id="attr-body-marginright" title="attr-body-marginright"><code>marginright</code></dfn> on <code><a href="sections.html#the-body-element">body</a></code> elements</dt> + <dt><dfn id="attr-body-margintop" title="attr-body-margintop"><code>margintop</code></dfn> on <code><a href="sections.html#the-body-element">body</a></code> elements</dt> + <dt><dfn id="attr-body-marginwidth" title="attr-body-marginwidth"><code>marginwidth</code></dfn> on <code><a href="sections.html#the-body-element">body</a></code> elements</dt> + <dt><dfn id="attr-body-text" title="attr-body-text"><code>text</code></dfn> on <code><a href="sections.html#the-body-element">body</a></code> elements</dt> + <dt><dfn id="attr-body-vlink" title="attr-body-vlink"><code>vlink</code></dfn> on <code><a href="sections.html#the-body-element">body</a></code> elements</dt> <dt><dfn id="attr-br-clear" title="attr-br-clear"><code>clear</code></dfn> on <code><a href="text-level-semantics.html#the-br-element">br</a></code> elements</dt> <dt><dfn id="attr-caption-align" title="attr-caption-align"><code>align</code></dfn> on <code><a href="tabular-data.html#the-caption-element">caption</a></code> elements</dt> <dt><dfn id="attr-col-align" title="attr-col-align"><code>align</code></dfn> on <code><a href="tabular-data.html#the-col-element">col</a></code> elements</dt> @@ -641,7 +641,7 @@ <dt><dfn id="attr-img-vspace" title="attr-img-vspace"><code>vspace</code></dfn> on <code><a href="embedded-content-1.html#the-img-element">img</a></code> elements</dt> <dt><dfn id="attr-legend-align" title="attr-legend-align"><code>align</code></dfn> on <code><a href="forms.html#the-legend-element">legend</a></code> elements</dt> <dt><dfn id="attr-li-type" title="attr-li-type"><code>type</code></dfn> on <code><a href="grouping-content.html#the-li-element">li</a></code> elements</dt> - <dt><dfn id="attr-menu-compact" title="attr-menu-compact"><code>compact</code></dfn> on <code><a href="interactive-elements.html#menus">menu</a></code> elements</dt> + <dt><dfn id="attr-menu-compact" title="attr-menu-compact"><code>compact</code></dfn> on <code><a href="interactive-elements.html#the-menu-element">menu</a></code> elements</dt> <dt><dfn id="attr-object-align" title="attr-object-align"><code>align</code></dfn> on <code><a href="the-iframe-element.html#the-object-element">object</a></code> elements</dt> <dt><dfn id="attr-object-border" title="attr-object-border"><code>border</code></dfn> on <code><a href="the-iframe-element.html#the-object-element">object</a></code> elements</dt> <dt><dfn id="attr-object-hspace" title="attr-object-hspace"><code>hspace</code></dfn> on <code><a href="the-iframe-element.html#the-object-element">object</a></code> elements</dt> @@ -675,7 +675,7 @@ <dt><dfn id="attr-tr-valign" title="attr-tr-valign"><code>valign</code></dfn> on <code><a href="tabular-data.html#the-tr-element">tr</a></code> elements</dt> <dt><dfn id="attr-ul-compact" title="attr-ul-compact"><code>compact</code></dfn> on <code><a href="grouping-content.html#the-ul-element">ul</a></code> elements</dt> <dt><dfn id="attr-ul-type" title="attr-ul-type"><code>type</code></dfn> on <code><a href="grouping-content.html#the-ul-element">ul</a></code> elements</dt> - <dt><dfn id="attr-background" title="attr-background"><code>background</code></dfn> on <code><a href="sections.html#the-body-element-0">body</a></code>, <code><a href="tabular-data.html#the-table-element">table</a></code>, <code><a href="tabular-data.html#the-thead-element">thead</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-tr-element">tr</a></code>, <code><a href="tabular-data.html#the-td-element">td</a></code>, and <code><a href="tabular-data.html#the-th-element">th</a></code> elements</dt> + <dt><dfn id="attr-background" title="attr-background"><code>background</code></dfn> on <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-thead-element">thead</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-tr-element">tr</a></code>, <code><a href="tabular-data.html#the-td-element">td</a></code>, and <code><a href="tabular-data.html#the-th-element">th</a></code> elements</dt> <dd><p>Use CSS instead.</p></dd> </dl><hr/><p>The <code title="attr-table-border"><a href="tabular-data.html#attr-table-border">border</a></code> attribute on @@ -708,7 +708,7 @@ <code><a href="infrastructure.html#document">Document</a></code> was parsed from a resource whose <a href="fetching-resources.html#content-type-sniffing-0" title="Content-Type sniffing">sniffed type</a> as determined during <a href="history.html#navigate" title="navigate">navigation</a> is <code><a href="iana.html#text-html-sandboxed">text/html-sandboxed</a></code>, and when the element has an - ancestor <a href="video.html#media-element">media element</a>, and when the element has an + ancestor <a href="the-iframe-element.html#media-element">media element</a>, and when the element has an ancestor <code><a href="the-iframe-element.html#the-object-element">object</a></code> element that is <em>not</em> showing its <a href="content-models.html#fallback-content">fallback content</a>, and when no Java Language runtime <a href="infrastructure.html#plugin">plugin</a> is available, and when one <em>is</em> available @@ -942,7 +942,7 @@ <h4 id="frames"><span class="secno">11.3.3 </span>Frames</h4> - <p>The <dfn id="frameset"><code>frameset</code></dfn> element acts as <a href="dom.html#the-body-element">the + <p>The <dfn id="frameset"><code>frameset</code></dfn> element acts as <a href="dom.html#the-body-element-0">the body element</a> in documents that use frames.</p> <p>The <code><a href="#frameset">frameset</a></code> element must implement the @@ -1173,34 +1173,34 @@ };</pre> <p>The <dfn id="dom-body-text" title="dom-body-text"><code>text</code></dfn> IDL - attribute of the <code><a href="sections.html#the-body-element-0">body</a></code> element must <a href="common-dom-interfaces.html#reflect">reflect</a> + attribute of the <code><a href="sections.html#the-body-element">body</a></code> element must <a href="common-dom-interfaces.html#reflect">reflect</a> the element's <code title="attr-body-text"><a href="#attr-body-text">text</a></code> content attribute.</p> <p>The <dfn id="dom-body-bgcolor" title="dom-body-bgColor"><code>bgColor</code></dfn> IDL - attribute of the <code><a href="sections.html#the-body-element-0">body</a></code> element must <a href="common-dom-interfaces.html#reflect">reflect</a> + attribute of the <code><a href="sections.html#the-body-element">body</a></code> element must <a href="common-dom-interfaces.html#reflect">reflect</a> the element's <code title="attr-body-bgcolor"><a href="#attr-body-bgcolor">bgcolor</a></code> content attribute.</p> <p>The <dfn id="dom-body-background" title="dom-body-background"><code>background</code></dfn> IDL - attribute of the <code><a href="sections.html#the-body-element-0">body</a></code> element must <a href="common-dom-interfaces.html#reflect">reflect</a> + attribute of the <code><a href="sections.html#the-body-element">body</a></code> element must <a href="common-dom-interfaces.html#reflect">reflect</a> the element's <code title="attr-background"><a href="#attr-background">background</a></code> content attribute. (The <code title="attr-background"><a href="#attr-background">background</a></code> content is <em>not</em> defined to contain a <a href="urls.html#url">URL</a>, despite rules regarding its handling in the rendering section above.)</p> <p>The <dfn id="dom-body-link" title="dom-body-link"><code>link</code></dfn> IDL - attribute of the <code><a href="sections.html#the-body-element-0">body</a></code> element must <a href="common-dom-interfaces.html#reflect">reflect</a> + attribute of the <code><a href="sections.html#the-body-element">body</a></code> element must <a href="common-dom-interfaces.html#reflect">reflect</a> the element's <code title="attr-body-link"><a href="#attr-body-link">link</a></code> content attribute.</p> <p>The <dfn id="dom-body-alink" title="dom-body-aLink"><code>aLink</code></dfn> IDL - attribute of the <code><a href="sections.html#the-body-element-0">body</a></code> element must <a href="common-dom-interfaces.html#reflect">reflect</a> + attribute of the <code><a href="sections.html#the-body-element">body</a></code> element must <a href="common-dom-interfaces.html#reflect">reflect</a> the element's <code title="attr-body-alink"><a href="#attr-body-alink">alink</a></code> content attribute.</p> <p>The <dfn id="dom-body-vlink" title="dom-body-vLink"><code>vLink</code></dfn> IDL - attribute of the <code><a href="sections.html#the-body-element-0">body</a></code> element must <a href="common-dom-interfaces.html#reflect">reflect</a> + attribute of the <code><a href="sections.html#the-body-element">body</a></code> element must <a href="common-dom-interfaces.html#reflect">reflect</a> the element's <code title="attr-body-vlink"><a href="#attr-body-vlink">vlink</a></code> content attribute.</p> @@ -1317,7 +1317,7 @@ <a href="common-dom-interfaces.html#reflect">reflect</a> the content attribute of the same name.</p> <hr/><p class="note">The <dfn id="dom-head-profile" title="dom-head-profile"><code>profile</code></dfn> IDL attribute on - <code><a href="semantics.html#the-head-element-0">head</a></code> elements (with the <code><a href="semantics.html#htmlheadelement">HTMLHeadElement</a></code> + <code><a href="semantics.html#the-head-element">head</a></code> elements (with the <code><a href="semantics.html#htmlheadelement">HTMLHeadElement</a></code> interface) is intentionally omitted. Unless so required by <a href="infrastructure.html#other-applicable-specifications" title="other applicable specifications">another applicable specification</a>, implementations would therefore not support this attribute. (It is mentioned here as it was defined in a @@ -1347,7 +1347,7 @@ };</pre> <p>The <dfn id="dom-html-version" title="dom-html-version"><code>version</code></dfn> IDL - attribute of the <code><a href="semantics.html#the-html-element-0">html</a></code> element must <a href="common-dom-interfaces.html#reflect">reflect</a> + attribute of the <code><a href="semantics.html#the-html-element">html</a></code> element must <a href="common-dom-interfaces.html#reflect">reflect</a> the content attribute of the same name.</p> <hr/><pre class="idl">[Supplemental] @@ -1463,7 +1463,7 @@ };</pre> <p>The <dfn id="dom-menu-compact" title="dom-menu-compact"><code>compact</code></dfn> IDL - attribute of the <code><a href="interactive-elements.html#menus">menu</a></code> element must <a href="common-dom-interfaces.html#reflect">reflect</a> + attribute of the <code><a href="interactive-elements.html#the-menu-element">menu</a></code> element must <a href="common-dom-interfaces.html#reflect">reflect</a> the content attribute of the same name.</p> <hr/><pre class="idl">[Supplemental] @@ -1472,8 +1472,8 @@ };</pre> <p>User agents may treat the <code title="attr-meta-scheme"><a href="#attr-meta-scheme">scheme</a></code> content attribute on the - <code><a href="semantics.html#meta">meta</a></code> element as an extension of the element's <code title="attr-meta-name"><a href="semantics.html#attr-meta-name">name</a></code> content attribute when processing - a <code><a href="semantics.html#meta">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 one that + <code><a href="semantics.html#the-meta-element">meta</a></code> element as an extension of the element's <code title="attr-meta-name"><a href="semantics.html#attr-meta-name">name</a></code> content attribute when processing + 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 one that the user agent recognizes as supporting the <code title="attr-meta-scheme"><a href="#attr-meta-scheme">scheme</a></code> attribute.</p> <p>User agents are encouraged to ignore the <code title="attr-meta-scheme"><a href="#attr-meta-scheme">scheme</a></code> attribute and instead process @@ -1482,12 +1482,12 @@ <div class="example"> - <p>For example, if the user agent acts on <code><a href="semantics.html#meta">meta</a></code> + <p>For example, if the user agent acts on <code><a href="semantics.html#the-meta-element">meta</a></code> elements with <code title="attr-meta-name"><a href="semantics.html#attr-meta-name">name</a></code> attributes having the value "eGMS.subject.keyword", and knows that the <code title="attr-meta-scheme"><a href="#attr-meta-scheme">scheme</a></code> attribute is used with this metadata name, then it could take the <code title="attr-meta-scheme"><a href="#attr-meta-scheme">scheme</a></code> attribute into account, acting as if it was an extension of the <code title="attr-meta-name"><a href="semantics.html#attr-meta-name">name</a></code> attribute. Thus the following - two <code><a href="semantics.html#meta">meta</a></code> elements could be treated as two elements + two <code><a href="semantics.html#the-meta-element">meta</a></code> elements could be treated as two elements giving values for two different metadata names, one consisting of a combination of "eGMS.subject.keyword" and "LGCL", and the other consisting of a combination of "eGMS.subject.keyword" and @@ -1506,7 +1506,7 @@ </div> <p>The <dfn id="dom-meta-scheme" title="dom-meta-scheme"><code>scheme</code></dfn> IDL - attribute of the <code><a href="semantics.html#meta">meta</a></code> element must <a href="common-dom-interfaces.html#reflect">reflect</a> + attribute of the <code><a href="semantics.html#the-meta-element">meta</a></code> element must <a href="common-dom-interfaces.html#reflect">reflect</a> the content attribute of the same name.</p> <hr/><pre class="idl">[Supplemental] @@ -1591,7 +1591,7 @@ <p>The <dfn id="dom-script-event" title="dom-script-event"><code>event</code></dfn> and <dfn id="dom-script-htmlfor" title="dom-script-htmlFor"><code>htmlFor</code></dfn> IDL - attributes of the <code><a href="scripting-1.html#script">script</a></code> element must return the empty + attributes of the <code><a href="scripting-1.html#the-script-element">script</a></code> element must return the empty string on getting, and do nothing on setting.</p> <hr/><pre class="idl">[Supplemental] @@ -1762,11 +1762,11 @@ <p>The attributes of the <code><a href="infrastructure.html#document">Document</a></code> object listed in the 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">the body element</a> with the name + 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">the body element</a> is a <code><a href="sections.html#the-body-element-0">body</a></code> element + 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 (as opposed to a <code><a href="#frameset">frameset</a></code> element). When there is no - <a href="dom.html#the-body-element" title="the body element">body element</a> or if it is a + <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 the empty string on getting and do nothing on setting.</p> Index: toc-status.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/toc-status.html,v retrieving revision 1.8 retrieving revision 1.9 diff -u -d -r1.8 -r1.9 --- toc-status.html 30 Apr 2011 11:35:46 -0000 1.8 +++ toc-status.html 5 May 2011 18:12:09 -0000 1.9 @@ -268,21 +268,21 @@ of HTML</a> <span class="id">(semantics)</span> <ol><li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=the-root-element" class="status LC">LC</a> <a href="../spec/#the-root-element">4.1 The root element</a> <span class="id">(the-root-element)</span> -<ol><li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=the-html-element-0" class="status LC">LC</a> <a href="../spec/#the-html-element-0">4.1.1 -The html element</a> <span class="id">(the-html-element-0)</span></li> +<ol><li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=the-html-element" class="status REC">REC</a> <a href="../spec/#the-html-element">4.1.1 +The html element</a> <span class="id">(the-html-element)</span></li> </ol></li> <li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=document-metadata" class="status LC">LC</a> <a href="../spec/#document-metadata">4.2 Document metadata</a> <span class="id">(document-metadata)</span> -<ol><li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=the-head-element-0" class="status REC">REC</a> <a href="../spec/#the-head-element-0">4.2.1 -The head element</a> <span class="id">(the-head-element-0)</span></li> -<li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=the-title-element-0" class="status LC">LC</a> <a href="../spec/#the-title-element-0">4.2.2 -The title element</a> <span class="id">(the-title-element-0)</span></li> +<ol><li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=the-head-element" class="status LC">LC</a> <a href="../spec/#the-head-element">4.2.1 +The head element</a> <span class="id">(the-head-element)</span></li> +<li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=the-title-element" class="status REC">REC</a> <a href="../spec/#the-title-element">4.2.2 +The title element</a> <span class="id">(the-title-element)</span></li> <li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=the-base-element" class="status LC">LC</a> <a href="../spec/#the-base-element">4.2.3 The base element</a> <span class="id">(the-base-element)</span></li> <li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=the-link-element" class="status LC">LC</a> <a href="../spec/#the-link-element">4.2.4 The link element</a> <span class="id">(the-link-element)</span></li> -<li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=meta" class="status LC">LC</a> <a href="../spec/#meta">4.2.5 The -meta element</a> <span class="id">(meta)</span> +<li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/add-section.html?section=the-meta-element" class="status ADD">ADD</a> <a href="../spec/#the-meta-element">4.2.5 +The meta element</a> <span class="id">(the-meta-element)</span> <ol><li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=standard-metadata-names" class="status LC">LC</a> <a href="../spec/#standard-metadata-names">4.2.5.1 Standard metadata names</a> <span class="id">(standard-metadata-names)</span></li> <li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=other-metadata-names" class="status LC">LC</a> <a href="../spec/#other-metadata-names">4.2.5.2 Other metadata names</a> <span class="id">(other-metadata-names)</span></li> <li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=pragma-directives" class="status LC">LC</a> <a href="../spec/#pragma-directives">4.2.5.3 @@ -298,19 +298,21 @@ </ol></li> <li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=scripting-1" class="status LC">LC</a> <a href="../spec/#scripting-1">4.3 Scripting</a> <span class="id">(scripting-1)</span> -<ol><li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=script" class="status LC">LC</a> <a href="../spec/#script">4.3.1 The -script element</a> <span class="id">(script)</span> +<ol><li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/add-section.html?section=the-script-element" class="status ADD">ADD</a> <a href="../spec/#the-script-element">4.3.1 +The script element</a> <span class="id">(the-script-element)</span> <ol><li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=scriptingLanguages" class="status LC">LC</a> <a href="../spec/#scriptingLanguages">4.3.1.1 Scripting languages</a> <span class="id">(scriptingLanguages)</span></li> <li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=restrictions-for-contents-of-script-elements" class="status LC">LC</a> <a href="../spec/#restrictions-for-contents-of-script-elements">4.3.1.2 Restrictions for contents of script elements</a> <span class="id">(restrictions-for-contents-of-script-elements)</span></li> <li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=inline-documentation-for-external-scripts" class="status LC">LC</a> <a href="../spec/#inline-documentation-for-external-scripts">4.3.1.3 Inline documentation for external scripts</a> <span class="id">(inline-documentation-for-external-scripts)</span></li> +<li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/add-section.html?section=scriptTagXSLT" class="status ADD">ADD</a> <a href="../spec/#scriptTagXSLT">4.3.1.4 +Interaction of script elements and XSLT</a> <span class="id">(scriptTagXSLT)</span></li> </ol></li> <li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=the-noscript-element" class="status LC">LC</a> <a href="../spec/#the-noscript-element">4.3.2 The noscript element</a> <span class="id">(the-noscript-element)</span></li> </ol></li> <li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=sections" class="status LC">LC</a> <a href="../spec/#sections">4.4 Sections</a> <span class="id">(sections)</span> -<ol><li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=the-body-element-0" class="status LC">LC</a> <a href="../spec/#the-body-element-0">4.4.1 -The body element</a> <span class="id">(the-body-element-0)</span></li> +<ol><li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=the-body-element" class="status REC">REC</a> <a href="../spec/#the-body-element">4.4.1 +The body element</a> <span class="id">(the-body-element)</span></li> <li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=the-section-element" class="status LC">LC</a> <a href="../spec/#the-section-element">4.4.2 The section element</a> <span class="id">(the-section-element)</span></li> <li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=the-nav-element" class="status LC">LC</a> <a href="../spec/#the-nav-element">4.4.3 The @@ -478,10 +480,10 @@ The object element</a> <span class="id">(the-object-element)</span></li> <li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=the-param-element" class="status REC">REC</a> <a href="../spec/#the-param-element">4.8.5 The param element</a> <span class="id">(the-param-element)</span></li> -<li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=video" class="status LC">LC</a> <a href="../spec/#video">4.8.6 The -video element</a> <span class="id">(video)</span></li> -<li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=audio" class="status LC">LC</a> <a href="../spec/#audio">4.8.7 The -audio element</a> <span class="id">(audio)</span></li> +<li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/add-section.html?section=the-video-element" class="status ADD">ADD</a> <a href="../spec/#the-video-element">4.8.6 +The video element</a> <span class="id">(the-video-element)</span></li> +<li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/add-section.html?section=the-audio-element" class="status ADD">ADD</a> <a href="../spec/#the-audio-element">4.8.7 +The audio element</a> <span class="id">(the-audio-element)</span></li> <li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=the-source-element" class="status LC">LC</a> <a href="../spec/#the-source-element">4.8.8 The source element</a> <span class="id">(the-source-element)</span></li> <li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=the-track-element" class="status WD">WD</a> <a href="../spec/#the-track-element">4.8.9 @@ -723,10 +725,9 @@ Interactive elements</a> <span class="id">(interactive-elements)</span> <ol><li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=the-details-element" class="status LC">LC</a> <a href="../spec/#the-details-element">4.11.1 The details element</a> <span class="id">(the-details-element)</span></li> <li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/add-section.html?section=the-summary-element" class="status ADD">ADD</a> <a href="../spec/#the-summary-element">4.11.2 The summary element</a> <span class="id">(the-summary-element)</span></li> -<li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=the-command" class="status LC">LC</a> <a href="../spec/#the-command">4.11.3 The -command element</a> <span class="id">(the-command)</span></li> -<li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=menus" class="status LC">LC</a> <a href="../spec/#menus">4.11.4 The -menu element</a> <span class="id">(menus)</span> +<li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/add-section.html?section=the-command-element" class="status ADD">ADD</a> <a href="../spec/#the-command-element">4.11.3 The command element</a> <span class="id">(the-command-element)</span></li> +<li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/add-section.html?section=the-menu-element" class="status ADD">ADD</a> <a href="../spec/#the-menu-element">4.11.4 +The menu element</a> <span class="id">(the-menu-element)</span> <ol><li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=menus-intro" class="status LC">LC</a> <a href="../spec/#menus-intro">4.11.4.1 Introduction</a> <span class="id">(menus-intro)</span></li> <li><a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/edit-section.html?section=building-menus-and-toolbars" class="status LC">LC</a> <a href="../spec/#building-menus-and-toolbars">4.11.4.2 Building menus and toolbars</a> <span class="id">(building-menus-and-toolbars)</span></li> Index: references.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/references.html,v retrieving revision 1.9 retrieving revision 1.10 diff -u -d -r1.9 -r1.10 --- references.html 30 Apr 2011 11:35:46 -0000 1.9 +++ references.html 5 May 2011 18:12:09 -0000 1.10 @@ -450,7 +450,7 @@ Module</a></cite>, R. Ishida. W3C.</dd> <dt id="refsCSSUI">[CSSUI]</dt> - <dd><cite><a href="http://www.w3.org/TR/css3-ui/">CSS3 Basic User + <dd><cite><a href="http://dev.w3.org/csswg/css3-ui/">CSS3 Basic User Interface Module</a></cite>, T. Çelik. W3C.</dd> <dt id="refsCSSVALUES">[CSSVALUES]</dt> @@ -468,9 +468,6 @@ <dt id="refsDOMPARSER">[DOMPARSER]</dt> <dd>(Non-normative) <cite><a href="http://html5.org/specs/dom-parsing.html">DOM Parsing and Serialization</a></cite>, Ms2ger. html5.org.</dd> - <dt id="refsDOMRANGE">[DOMRANGE]</dt> - <dd><cite><a href="http://html5.org/specs/dom-range.html">DOM Range</a></cite>, Ms2ger. html5.org.</dd> - <dt id="refsECMA262">[ECMA262]</dt> <dd><cite><a href="http://www.ecma-international.org/publications/standards/Ecma-262.htm">ECMAScript Language Specification</a></cite>. ECMA.</dd> Index: semantics.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/semantics.html,v retrieving revision 1.9 retrieving revision 1.10 diff -u -d -r1.9 -r1.10 --- semantics.html 30 Apr 2011 11:35:46 -0000 1.9 +++ semantics.html 5 May 2011 18:12:09 -0000 1.10 @@ -347,15 +347,15 @@ <a href="scripting-1.html" class="next">4.3 Scripting</a> <ol class="toc"><li><a href="semantics.html#semantics"><span class="secno">4 </span>The elements of HTML</a> <ol><li><a href="semantics.html#the-root-element"><span class="secno">4.1 </span>The root element</a> - <ol><li><a href="semantics.html#the-html-element-0"><span class="secno">4.1.1 </span>The <code>html</code> element</a></li></ol></li><li><a href="semantics.html#document-metadata"><span class="secno">4.2 </span>Document metadata</a> - <ol><li><a href="semantics.html#the-head-element-0"><span class="secno">4.2.1 </span>The <code>head</code> element</a></li><li><a href="semantics.html#the-title-element-0"><span class="secno">4.2.2 </span>The <code>title</code> element</a></li><li><a href="semantics.html#the-base-element"><span class="secno">4.2.3 </span>The <code>base</code> element</a></li><li><a href="semantics.html#the-link-element"><span class="secno">4.2.4 </span>The <code>link</code> element</a></li><li><a href="semantics.html#meta"><span class="secno">4.2.5 </span>The <code>meta</code> element</a> - <ol><li><a href="semantics.html#standard-metadata-names"><span class="secno">4.2.5.1 </span>Standard metadata names</a></li><li><a href="semantics.html#other-metadata-names"><span class="secno">4.2.5.2 </span>Other metadata names</a></li><li><a href="semantics.html#pragma-directives"><span class="secno">4.2.5.3 </span>Pragma directives</a></li><li><a href="semantics.html#other-pragma-directives"><span class="secno">4.2.5.4 </span>Other pragma directives</a></li><li><a href="semantics.html#charset"><span class="secno">4.2.5.5 </span>Specifying the document's character encoding</a></li></ol></li><li><a href="semantics.html#the-style-element"><span class="secno">4.2.6 </span>The <code>style</code> element</a></li><li><a href="semantics.html#styling"><span class="secno">4.2.7 </span>Styling</a></li></ol></li></ol></li></ol></div><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><h4 id="the-html-element-0"<span class="secno">4.1.1 </span>The <dfn><code>html</code></dfn> element</h4><dl class="element"><dt>Categories</dt> + <ol><li><a href="semantics.html#the-html-element"><span class="secno">4.1.1 </span>The <code>html</code> element</a></li></ol></li><li><a href="semantics.html#document-metadata"><span class="secno">4.2 </span>Document metadata</a> + <ol><li><a href="semantics.html#the-head-element"><span class="secno">4.2.1 </span>The <code>head</code> element</a></li><li><a href="semantics.html#the-title-element"><span class="secno">4.2.2 </span>The <code>title</code> element</a></li><li><a href="semantics.html#the-base-element"><span class="secno">4.2.3 </span>The <code>base</code> element</a></li><li><a href="semantics.html#the-link-element"><span class="secno">4.2.4 </span>The <code>link</code> element</a></li><li><a href="semantics.html#the-meta-element"><span class="secno">4.2.5 </span>The <code>meta</code> element</a> + <ol><li><a href="semantics.html#standard-metadata-names"><span class="secno">4.2.5.1 </span>Standard metadata names</a></li><li><a href="semantics.html#other-metadata-names"><span class="secno">4.2.5.2 </span>Other metadata names</a></li><li><a href="semantics.html#pragma-directives"><span class="secno">4.2.5.3 </span>Pragma directives</a></li><li><a href="semantics.html#other-pragma-directives"><span class="secno">4.2.5.4 </span>Other pragma directives</a></li><li><a href="semantics.html#charset"><span class="secno">4.2.5.5 </span>Specifying the document's character encoding</a></li></ol></li><li><a href="semantics.html#the-style-element"><span class="secno">4.2.6 </span>The <code>style</code> element</a></li><li><a href="semantics.html#styling"><span class="secno">4.2.7 </span>Styling</a></li></ol></li></ol></li></ol></div><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><h4 id="the-html-element"><pan class="secno">4.1.1 </span>The <dfn><code>html</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 root element of a document.</dd> <dd>Wherever a subdocument fragment is allowed in a compound document.</dd> <dt>Content model:</dt> - <dd>A <code><a href="#the-head-element-0">head</a></code> element followed by a <code><a href="sections.html#the-body-element-0">body</a></code> element.</dd> + <dd>A <code><a href="#the-head-element">head</a></code> element followed by a <code><a href="sections.html#the-body-element">body</a></code> element.</dd> <dt>Content attributes:</dt> <dd><a href="elements.html#global-attributes">Global attributes</a></dd> <dd><code title="attr-html-manifest"><a href="#attr-html-manifest">manifest</a></code></dd> @@ -363,7 +363,7 @@ <dd> <pre class="idl">interface <dfn id="htmlhtmlelement">HTMLHtmlElement</dfn> : <a href="elements.html#htmlelement">HTMLElement</a> {};</pre> </dd> - </dl><p>The <code><a href="#the-html-element-0">html</a></code> element <a href="rendering.html#represents">represents</a> the root of + </dl><p>The <code><a href="#the-html-element">html</a></code> element <a href="rendering.html#represents">represents</a> the root of an HTML document.</p><p>The <dfn id="attr-html-manifest" title="attr-html-manifest"><code>manifest</code></dfn> attribute gives the address of the document's <a href="offline.html#application-cache">application cache</a> <a href="offline.html#concept-appcache-manifest" title="concept-appcache-manifest">manifest</a>, if there is @@ -379,7 +379,7 @@ attribute provides scripted access to the offline <a href="offline.html#application-cache">application cache</a> mechanism.</p><div class="example"> - <p>The <code><a href="#the-html-element-0">html</a></code> element in the following example declares + <p>The <code><a href="#the-html-element">html</a></code> element in the following example declares that the document's language is English.</p> <pre><!DOCTYPE html> @@ -394,23 +394,23 @@ </body> <strong></html></strong></pre> - </div><h3 id="document-metadata"><span class="secno">4.2 </span>Document metadata</h3><h4 id="the-head-element-0"><span class="secno">4.2.1 </span>The <dfn><code>head</code></dfn> element</h4><dl class="element"><dt>Categories</dt> + </div><h3 id="document-metadata"><span class="secno">4.2 </span>Document metadata</h3><h4 id="the-head-element"><span class="secno">4.2.1 </span>The <dfn><code>head</code></dfn> element</h4><dl class="element"><dt>Categories</dt> <dd>None.</dd> <dt>Contexts in which this element can be used:</dt> - <dd>As the first element in an <code><a href="#the-html-element-0">html</a></code> element.</dd> + <dd>As the first element in an <code><a href="#the-html-element">html</a></code> element.</dd> <dt>Content model:</dt> <dd>If the document is <a href="the-iframe-element.html#an-iframe-srcdoc-document">an <code>iframe</code> <code title="attr-iframe-srcdoc">srcdoc</code> document</a> or if title information is available from a higher-level protocol: Zero or more elements of <a href="content-models.html#metadata-content">metadata content</a>.</dd> - <dd>Otherwise: One or more elements of <a href="content-models.html#metadata-content">metadata content</a>, of which exactly one is a <code><a href="#the-title-element-0">title</a></code> element.</dd> + <dd>Otherwise: One or more elements of <a href="content-models.html#metadata-content">metadata content</a>, of which exactly one is a <code><a href="#the-title-element">title</a></code> element.</dd> <dt>Content attributes:</dt> <dd><a href="elements.html#global-attributes">Global attributes</a></dd> <dt>DOM interface:</dt> <dd> <pre class="idl">interface <dfn id="htmlheadelement">HTMLHeadElement</dfn> : <a href="elements.html#htmlelement">HTMLElement</a> {};</pre> </dd> - </dl><p>The <code><a href="#the-head-element-0">head</a></code> element <a href="rendering.html#represents">represents</a> a + </dl><p>The <code><a href="#the-head-element">head</a></code> element <a href="rendering.html#represents">represents</a> a collection of metadata for the <code><a href="infrastructure.html#document">Document</a></code>.</p><div class="example"> - <p>The collection of metadata in a <code><a href="#the-head-element-0">head</a></code> element can be + <p>The collection of metadata in a <code><a href="#the-head-element">head</a></code> element can be large or small. Here is an example of a very short one:</p> <pre><!doctype html> @@ -437,14 +437,14 @@ <BODY> ...</pre> - </div><p class="note">The <code><a href="#the-title-element-0">title</a></code> element is a required child + </div><p class="note">The <code><a href="#the-title-element">title</a></code> element is a required child in most situations, but when a higher-level protocol provides title information, e.g. in the Subject line of an e-mail when HTML is used - as an e-mail authoring format, the <code><a href="#the-title-element-0">title</a></code> element can be - omitted.</p><h4 id="the-title-element-0"><span class="secno">4.2.2 </span>The <dfn><code>title</code></dfn> element</h4><dl class="element"><dt>Categories</dt> + as an e-mail authoring format, the <code><a href="#the-title-element">title</a></code> element can be + omitted.</p><h4 id="the-title-element"><span class="secno">4.2.2 </span>The <dfn><code>title</code></dfn> element</h4><dl class="element"><dt>Categories</dt> <dd><a href="content-models.html#metadata-content">Metadata content</a>.</dd> <dt>Contexts in which this element can be used:</dt> - <dd>In a <code><a href="#the-head-element-0">head</a></code> element containing no other <code><a href="#the-title-element-0">title</a></code> elements.</dd> + <dd>In a <code><a href="#the-head-element">head</a></code> element containing no other <code><a href="#the-title-element">title</a></code> elements.</dd> <dt>Content model:</dt> <dd><a href="content-models.html#text-content" title="text content">Text</a>.</dd> <dt>Content attributes:</dt> @@ -455,13 +455,13 @@ attribute DOMString <a href="#dom-title-text" title="dom-title-text">text</a>; };</pre> </dd> - </dl><p>The <code><a href="#the-title-element-0">title</a></code> element <a href="rendering.html#represents">represents</a> the + </dl><p>The <code><a href="#the-title-element">title</a></code> element <a href="rendering.html#represents">represents</a> the document's title or name. Authors should use titles that identify their documents even when they are used out of context, for example in a user's history or bookmarks, or in search results. The document's title is often different from its first heading, since the first heading does not have to stand alone when taken out of - context.</p><p>There must be no more than one <code><a href="#the-title-element-0">title</a></code> element per + context.</p><p>There must be no more than one <code><a href="#the-title-element">title</a></code> element per document.</p><dl class="domintro"><dt><var title="">title</var> . <code title="dom-title-text"><a href="#dom-title-text">text</a></code> [ = <var title="">value</var> ]</dt> <dd> @@ -478,7 +478,7 @@ <p>The IDL attribute <dfn id="dom-title-text" title="dom-title-text"><code>text</code></dfn> must return a concatenation of the contents of all the <a href="infrastructure.html#text-node" title="text node">text nodes</a> that are direct children of the - <code><a href="#the-title-element-0">title</a></code> element (ignoring any other nodes such as + <code><a href="#the-title-element">title</a></code> element (ignoring any other nodes such as comments or elements), in tree order. On setting, it must act the same way as the <code><a href="infrastructure.html#textcontent">textContent</a></code> IDL attribute.</p> @@ -506,15 +506,15 @@ <p>User agents should use the document's title when referring to the document in their user interface. When the contents of a - <code><a href="#the-title-element-0">title</a></code> element are used in this way, <a href="elements.html#the-directionality">the - directionality</a> of that <code><a href="#the-title-element-0">title</a></code> element should be + <code><a href="#the-title-element">title</a></code> element are used in this way, <a href="elements.html#the-directionality">the + directionality</a> of that <code><a href="#the-title-element">title</a></code> element should be used to set the directionality of the document's title in the user interface.</p> </div><h4 id="the-base-element"><span class="secno">4.2.3 </span>The <dfn><code>base</code></dfn> element</h4><dl class="element"><dt>Categories</dt> <dd><a href="content-models.html#metadata-content">Metadata content</a>.</dd> <dt>Contexts in which this element can be used:</dt> - <dd>In a <code><a href="#the-head-element-0">head</a></code> element containing no other <code><a href="#the-base-element">base</a></code> elements.</dd> + <dd>In a <code><a href="#the-head-element">head</a></code> element containing no other <code><a href="#the-base-element">base</a></code> elements.</dd> <dt>Content model:</dt> <dd>Empty.</dd> <dt>Content attributes:</dt> @@ -537,7 +537,7 @@ attribute, if specified, must contain a <a href="urls.html#valid-url-potentially-surrounded-by-spaces">valid URL potentially surrounded by spaces</a>.</p><p>A <code><a href="#the-base-element">base</a></code> element, if it has an <code title="attr-base-href"><a href="#attr-base-href">href</a></code> attribute, must come before any other elements in the tree that have attributes defined as taking - <a href="urls.html#url" title="URL">URLs</a>, except the <code><a href="#the-html-element-0">html</a></code> element + <a href="urls.html#url" title="URL">URLs</a>, except the <code><a href="#the-html-element">html</a></code> element (its <code title="attr-html-manifest"><a href="#attr-html-manifest">manifest</a></code> attribute isn't affected by <code><a href="#the-base-element">base</a></code> elements).</p><div class="impl"> @@ -586,7 +586,7 @@ <dd><a href="content-models.html#metadata-content">Metadata 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>In a <code><a href="scripting-1.html#the-noscript-element">noscript</a></code> element that is a child of a <code><a href="#the-head-element-0">head</a></code> element.</dd> + <dd>In a <code><a href="scripting-1.html#the-noscript-element">noscript</a></code> element that is a child of a <code><a href="#the-head-element">head</a></code> element.</dd> <dt>Content model:</dt> <dd>Empty.</dd> <dt>Content attributes:</dt> @@ -885,12 +885,12 @@ <link rel=alternate href="/en/pdf" hreflang=en type=application/pdf title="English PDF"> <link rel=alternate href="/fr/pdf" hreflang=fr type=application/pdf title="French PDF"></pre> - </div><h4 id="meta"><span class="secno">4.2.5 </span>The <dfn><code>meta</code></dfn> element</h4><dl class="element"><dt>Categories</dt> + </div><h4 id="the-meta-element"><span class="secno">4.2.5 </span>The <dfn id="meta"><code>meta</code></dfn> element</h4><dl class="element"><dt>Categories</dt> <dd><a href="content-models.html#metadata-content">Metadata content</a>.</dd> <dt>Contexts in which this element can be used:</dt> - <dd>If the <code title="attr-meta-charset"><a href="#attr-meta-charset">charset</a></code> attribute is present, or if the element's <code title="attr-meta-http-equiv"><a href="#attr-meta-http-equiv">http-equiv</a></code> attribute is in the <a href="#attr-meta-http-equiv-content-type" title="attr-meta-http-equiv-content-type">Encoding declaration state</a>: in a <code><a href="#the-head-element-0">head</a></code> element.</dd> - <dd>If the <code title="attr-meta-http-equiv"><a href="#attr-meta-http-equiv">http-equiv</a></code> attribute is present but not in the <a href="#attr-meta-http-equiv-content-type" title="attr-meta-http-equiv-content-type">Encoding declaration state</a>: in a <code><a href="#the-head-element-0">head</a></code> element.</dd> - <dd>If the <code title="attr-meta-http-equiv"><a href="#attr-meta-http-equiv">http-equiv</a></code> attribute is present but not in the <a href="#attr-meta-http-equiv-content-type" title="attr-meta-http-equiv-content-type">Encoding declaration state</a>: in a <code><a href="scripting-1.html#the-noscript-element">noscript</a></code> element that is a child of a <code><a href="#the-head-element-0">head</a></code> element.</dd> + <dd>If the <code title="attr-meta-charset"><a href="#attr-meta-charset">charset</a></code> attribute is present, or if the element's <code title="attr-meta-http-equiv"><a href="#attr-meta-http-equiv">http-equiv</a></code> attribute is in the <a href="#attr-meta-http-equiv-content-type" title="attr-meta-http-equiv-content-type">Encoding declaration state</a>: in a <code><a href="#the-head-element">head</a></code> element.</dd> + <dd>If the <code title="attr-meta-http-equiv"><a href="#attr-meta-http-equiv">http-equiv</a></code> attribute is present but not in the <a href="#attr-meta-http-equiv-content-type" title="attr-meta-http-equiv-content-type">Encoding declaration state</a>: in a <code><a href="#the-head-element">head</a></code> element.</dd> + <dd>If the <code title="attr-meta-http-equiv"><a href="#attr-meta-http-equiv">http-equiv</a></code> attribute is present but not in the <a href="#attr-meta-http-equiv-content-type" title="attr-meta-http-equiv-content-type">Encoding declaration state</a>: in a <code><a href="scripting-1.html#the-noscript-element">noscript</a></code> element that is a child of a <code><a href="#the-head-element">head</a></code> element.</dd> <dd>If the <code title="attr-meta-name"><a href="#attr-meta-name">name</a></code> attribute is present: where <a href="content-models.html#metadata-content">metadata content</a> is expected.</dd> <dt>Content model:</dt> <dd>Empty.</dd> @@ -908,10 +908,10 @@ attribute DOMString <a href="#dom-meta-content" title="dom-meta-content">content</a>; };</pre> </dd> - </dl><p>The <code><a href="#meta">meta</a></code> element <a href="rendering.html#represents">represents</a> various + </dl><p>The <code><a href="#the-meta-element">meta</a></code> element <a href="rendering.html#represents">represents</a> various kinds of metadata that cannot be expressed using the - <code><a href="#the-title-element-0">title</a></code>, <code><a href="#the-base-element">base</a></code>, <code><a href="#the-link-element">link</a></code>, - <code><a href="#the-style-element">style</a></code>, and <code><a href="scripting-1.html#script">script</a></code> elements.</p><p>The <code><a href="#meta">meta</a></code> element can represent document-level + <code><a href="#the-title-element">title</a></code>, <code><a href="#the-base-element">base</a></code>, <code><a href="#the-link-element">link</a></code>, + <code><a href="#the-style-element">style</a></code>, and <code><a href="scripting-1.html#the-script-element">script</a></code> elements.</p><p>The <code><a href="#the-meta-element">meta</a></code> element can represent document-level metadata with the <code title="attr-meta-name"><a href="#attr-meta-name">name</a></code> attribute, pragma directives with the <code title="attr-meta-http-equiv"><a href="#attr-meta-http-equiv">http-equiv</a></code> attribute, and the file's <a href="#character-encoding-declaration">character encoding declaration</a> when an HTML @@ -927,22 +927,22 @@ document</a>, its value must be an <a href="infrastructure.html#ascii-case-insensitive">ASCII case-insensitive</a> match for the string "<code title="">UTF-8</code>" (and the document is therefore forced to use UTF-8 as its encoding).</p><p class="note">The <code title="attr-meta-charset"><a href="#attr-meta-charset">charset</a></code> - attribute on the <code><a href="#meta">meta</a></code> element has no effect in XML + attribute on the <code><a href="#the-meta-element">meta</a></code> element has no effect in XML documents, and is only allowed in order to facilitate migration to - and from XHTML.</p><p>There must not be more than one <code><a href="#meta">meta</a></code> element with a + and from XHTML.</p><p>There must not be more than one <code><a href="#the-meta-element">meta</a></code> element with a <code title="attr-meta-charset"><a href="#attr-meta-charset">charset</a></code> attribute per document.</p><p>The <dfn id="attr-meta-content" title="attr-meta-content"><code>content</code></dfn> attribute gives the value of the document metadata or pragma directive when the element is used for those purposes. The allowed values depend on the exact context, as described in subsequent - sections of this specification.</p><p>If a <code><a href="#meta">meta</a></code> element has a <dfn id="attr-meta-name" title="attr-meta-name"><code>name</code></dfn> attribute, it sets + sections of this specification.</p><p>If a <code><a href="#the-meta-element">meta</a></code> element has a <dfn id="attr-meta-name" title="attr-meta-name"><code>name</code></dfn> attribute, it sets document metadata. Document metadata is expressed in terms of name/value pairs, the <code title="attr-meta-name"><a href="#attr-meta-name">name</a></code> - attribute on the <code><a href="#meta">meta</a></code> element giving the name, and the + attribute on the <code><a href="#the-meta-element">meta</a></code> element giving the name, and the <code title="attr-meta-content"><a href="#attr-meta-content">content</a></code> attribute on the same element giving the value. The name specifies what aspect of metadata is being set; valid names and the meaning of their values are - described in the following sections. If a <code><a href="#meta">meta</a></code> element + described in the following sections. If a <code><a href="#the-meta-element">meta</a></code> element has no <code title="attr-meta-content"><a href="#attr-meta-content">content</a></code> attribute, then the value part of the metadata name/value pair is the empty string.</p><div class="impl"> @@ -953,17 +953,17 @@ <a href="common-dom-interfaces.html#reflect">reflect</a> the content attribute <code title="attr-meta-http-equiv"><a href="#attr-meta-http-equiv">http-equiv</a></code>.</p> </div><h5 id="standard-metadata-names"><span class="secno">4.2.5.1 </span>Standard metadata names</h5><p>This specification defines a few names for the <code title="attr-meta-name"><a href="#attr-meta-name">name</a></code> attribute of the - <code><a href="#meta">meta</a></code> element.</p><p>Names are case-insensitive<span class="impl">, and must be compared + <code><a href="#the-meta-element">meta</a></code> element.</p><p>Names are case-insensitive<span class="impl">, and must be compared in an <a href="infrastructure.html#ascii-case-insensitive">ASCII case-insensitive</a> manner</span>.</p><dl><dt><dfn id="meta-application-name" title="meta-application-name"><code>application-name</code></dfn></dt> <dd><p>The value must be a short free-form string giving the name of the Web application that the page represents. If the page is not a Web application, the <code title="meta-application-name"><a href="#meta-application-name">application-name</a></code> metadata name - must not be used. There must not be more than one <code><a href="#meta">meta</a></code> + must not be used. There must not be more than one <code><a href="#the-meta-element">meta</a></code> element with its <code title="attr-meta-name"><a href="#attr-meta-name">name</a></code> attribute set to the value <code title="meta-application-name"><a href="#meta-application-name">application-name</a></code> per document. <span class="impl">User agents may use the application - name in UI in preference to the page's <code><a href="#the-title-element-0">title</a></code>, since + name in UI in preference to the page's <code><a href="#the-title-element">title</a></code>, since the title might include status messages and the like relevant to the status of the page at a particular moment in time instead of just being the name of the application.</span></p></dd> @@ -978,7 +978,7 @@ <dd><p>The value must be a free-form string that describes the page. The value must be appropriate for use in a directory of pages, e.g. in a search engine. There must not be more than one - <code><a href="#meta">meta</a></code> element with its <code title="attr-meta-name"><a href="#attr-meta-name">name</a></code> attribute set to the value <code title="meta-description"><a href="#meta-description">description</a></code> per document.</p></dd> + <code><a href="#the-meta-element">meta</a></code> element with its <code title="attr-meta-name"><a href="#attr-meta-name">name</a></code> attribute set to the value <code title="meta-description"><a href="#meta-description">description</a></code> per document.</p></dd> <dt><dfn id="meta-generator" title="meta-generator"><code>generator</code></dfn></dt> @@ -991,7 +991,7 @@ <div class="example"> <p>Here is what a tool called "Frontweaver" could include in its - output, in the page's <code><a href="#the-head-element-0">head</a></code> element, to identify + output, in the page's <code><a href="#the-head-element">head</a></code> element, to identify itself as the tool used to generate the page:</p> <pre><meta name=generator content="Frontweaver 8.2"></pre> @@ -1010,7 +1010,7 @@ <div class="example"> <p>This page about typefaces on British motorways uses a - <code><a href="#meta">meta</a></code> element to specify some keywords that users + <code><a href="#the-meta-element">meta</a></code> element to specify some keywords that users might use to look for the page:</p> <pre><!DOCTYPE HTML> @@ -1040,7 +1040,7 @@ <li> - <p>For each <code><a href="#meta">meta</a></code> element with a <code title="attr-meta-name"><a href="#attr-meta-name">name</a></code> attribute and a <code title="attr-meta-content"><a href="#attr-meta-content">content</a></code> attribute and whose + <p>For each <code><a href="#the-meta-element">meta</a></code> element with a <code title="attr-meta-name"><a href="#attr-meta-name">name</a></code> attribute and a <code title="attr-meta-content"><a href="#attr-meta-content">content</a></code> attribute and whose <code title="attr-meta-name"><a href="#attr-meta-name">name</a></code> attribute's value is <code title="meta-keywords"><a href="#meta-keywords">keywords</a></code>, run the following substeps:</p> @@ -1173,8 +1173,8 @@ </div><p>Metadata names whose values are to be <a href="urls.html#url" title="URL">URLs</a> must not be proposed or accepted. Links must be represented using the <code><a href="#the-link-element">link</a></code> element, not the - <code><a href="#meta">meta</a></code> element.</p><h5 id="pragma-directives"><span class="secno">4.2.5.3 </span>Pragma directives</h5><p>When the <dfn id="attr-meta-http-equiv" title="attr-meta-http-equiv"><code>http-equiv</code></dfn> attribute - is specified on a <code><a href="#meta">meta</a></code> element, the element is a pragma + <code><a href="#the-meta-element">meta</a></code> element.</p><h5 id="pragma-directives"><span class="secno">4.2.5.3 </span>Pragma directives</h5><p>When the <dfn id="attr-meta-http-equiv" title="attr-meta-http-equiv"><code>http-equiv</code></dfn> attribute + is specified on a <code><a href="#the-meta-element">meta</a></code> element, the element is a pragma directive.</p><p>The <code title="attr-meta-http-equiv"><a href="#attr-meta-http-equiv">http-equiv</a></code> 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 @@ -1200,7 +1200,7 @@ </td><td>Non-conforming </td></tr></tbody></table><div class="impl"> - <p>When a <code><a href="#meta">meta</a></code> element is <a href="infrastructure.html#insert-an-element-into-a-document" title="insert an element into a document">inserted into the document</a>, if its + <p>When a <code><a href="#the-meta-element">meta</a></code> element is <a href="infrastructure.html#insert-an-element-into-a-document" title="insert an element into a document">inserted into the document</a>, if its <code title="attr-meta-http-equiv"><a href="#attr-meta-http-equiv">http-equiv</a></code> attribute is present and represents one of the above states, then the user agent must run the algorithm appropriate for that state, as described in @@ -1218,14 +1218,14 @@ language</dfn>. Until the pragma is successfully processed, there is no <a href="#pragma-set-default-language">pragma-set default language</a>.</p> - <ol><li><p>If another <code><a href="#meta">meta</a></code> element with an <code title="attr-meta-http-equiv"><a href="#attr-meta-http-equiv">http-equiv</a></code> attribute in the + <ol><li><p>If another <code><a href="#the-meta-element">meta</a></code> element with an <code title="attr-meta-http-equiv"><a href="#attr-meta-http-equiv">http-equiv</a></code> attribute in the <a href="#attr-meta-http-equiv-content-language" title="attr-meta-http-equiv-content-language">Content Language state</a> has already been successfully processed (i.e. when it was inserted the user agent processed it and reached the last step of this list of steps), then abort these steps.</p></li> - <li><p>If the <code><a href="#meta">meta</a></code> element has no <code title="attr-meta-content"><a href="#attr-meta-content">content</a></code> attribute, or if that + <li><p>If the <code><a href="#the-meta-element">meta</a></code> element has no <code title="attr-meta-content"><a href="#attr-meta-content">content</a></code> attribute, or if that attribute's value is the empty string, then abort these steps.</p></li> @@ -1261,7 +1261,7 @@ <a href="#character-encoding-declaration">character encoding declaration</a>. <span class="impl">This state's user agent requirements are all handled by the parsing section of the specification.</span></p> - <p>For <code><a href="#meta">meta</a></code> elements with an <code title="attr-meta-http-equiv"><a href="#attr-meta-http-equiv">http-equiv</a></code> attribute in the + <p>For <code><a href="#the-meta-element">meta</a></code> elements with an <code title="attr-meta-http-equiv"><a href="#attr-meta-http-equiv">http-equiv</a></code> attribute in the <a href="#attr-meta-http-equiv-content-type" title="attr-meta-http-equiv-content-type">Encoding declaration state</a>, the <code title="attr-meta-content"><a href="#attr-meta-content">content</a></code> attribute must have a value that is an <a href="infrastructure.html#ascii-case-insensitive">ASCII case-insensitive</a> match for a @@ -1271,11 +1271,10 @@ the character encoding name of the <a href="#character-encoding-declaration">character encoding declaration</a>.</p> - <p>If the document contains a <code><a href="#meta">meta</a></code> element with an - <code title="attr-meta-http-equiv"><a href="#attr-meta-http-equiv">http-equiv</a></code> attribute in - the <a href="#attr-meta-http-equiv-content-type" title="attr-meta-http-equiv-content-type">Encoding - declaration state</a>, then the document must not contain a - <code><a href="#meta">meta</a></code> element with the <code title="attr-meta-charset"><a href="#attr-meta-charset">charset</a></code> attribute present.</p> + <p>A document must not contain both a <code><a href="#the-meta-element">meta</a></code> element + with an <code title="attr-meta-http-equiv"><a href="#attr-meta-http-equiv">http-equiv</a></code> + attribute in the <a href="#attr-meta-http-equiv-content-type" title="attr-meta-http-equiv-content-type">Encoding declaration + state</a> and a <code><a href="#the-meta-element">meta</a></code> element with the <code title="attr-meta-charset"><a href="#attr-meta-charset">charset</a></code> attribute present.</p> <p>The <a href="#attr-meta-http-equiv-content-type" title="attr-meta-http-equiv-content-type">Encoding declaration state</a> may be used in <a href="dom.html#html-documents">HTML @@ -1293,7 +1292,7 @@ <div class="impl"> - <ol><li><p>If the <code><a href="#meta">meta</a></code> element has no <code title="attr-meta-content"><a href="#attr-meta-content">content</a></code> attribute, or if that + <ol><li><p>If the <code><a href="#the-meta-element">meta</a></code> element has no <code title="attr-meta-content"><a href="#attr-meta-content">content</a></code> attribute, or if that attribute's value is the empty string, then abort these steps.</p></li> @@ -1312,13 +1311,13 @@ <div class="impl"> - <ol><li><p>If another <code><a href="#meta">meta</a></code> element with an <code title="attr-meta-http-equiv"><a href="#attr-meta-http-equiv">http-equiv</a></code> attribute in the + <ol><li><p>If another <code><a href="#the-meta-element">meta</a></code> element with an <code title="attr-meta-http-equiv"><a href="#attr-meta-http-equiv">http-equiv</a></code> attribute in the <a href="#attr-meta-http-equiv-refresh" title="attr-meta-http-equiv-refresh">Refresh state</a> has already been successfully processed (i.e. when it was inserted the user agent processed it and reached the last step of this list of steps), then abort these steps.</p></li> - <li><p>If the <code><a href="#meta">meta</a></code> element has no <code title="attr-meta-content"><a href="#attr-meta-content">content</a></code> attribute, or if that + <li><p>If the <code><a href="#the-meta-element">meta</a></code> element has no <code title="attr-meta-content"><a href="#attr-meta-content">content</a></code> attribute, or if that attribute's value is the empty string, then abort these steps.</p></li> @@ -1402,7 +1401,7 @@ (LF), and U+000D CARRIAGE RETURN (CR) characters from <var title="">url</var>.</p></li> <li><p><a href="urls.html#resolve-a-url" title="resolve a url">Resolve</a> the <var title="">url</var> value to an <a href="urls.html#absolute-url">absolute URL</a>, - relative to the <code><a href="#meta">meta</a></code> element. If this fails, abort + relative to the <code><a href="#the-meta-element">meta</a></code> element. If this fails, abort these steps.</p></li> <li> @@ -1413,7 +1412,7 @@ <p>After the refresh has come due (as defined below), if the user has not canceled the redirect and if the - <code><a href="#meta">meta</a></code> element's <code><a href="infrastructure.html#document">Document</a></code>'s + <code><a href="#the-meta-element">meta</a></code> element's <code><a href="infrastructure.html#document">Document</a></code>'s <a href="browsers.html#browsing-context">browsing context</a> did not have the <a href="the-iframe-element.html#sandboxed-automatic-features-browsing-context-flag">sandboxed automatic features browsing context flag</a> set when the <code><a href="infrastructure.html#document">Document</a></code> was created, <a href="history.html#navigate" title="navigate">navigate</a> the @@ -1432,7 +1431,7 @@ <li>At least <var title="">time</var> seconds have elapsed - since the <code><a href="#meta">meta</a></code> element was <a href="infrastructure.html#insert-an-element-into-a-document" title="insert an element into a document">inserted into the + since the <code><a href="#the-meta-element">meta</a></code> element was <a href="infrastructure.html#insert-an-element-into-a-document" title="insert an element into a document">inserted into the <code>Document</code></a>, adjusted to take into account user or user agent preferences.</li> @@ -1454,7 +1453,7 @@ </ol></div> - <p>For <code><a href="#meta">meta</a></code> elements with an <code title="attr-meta-http-equiv"><a href="#attr-meta-http-equiv">http-equiv</a></code> attribute in the + <p>For <code><a href="#the-meta-element">meta</a></code> elements with an <code title="attr-meta-http-equiv"><a href="#attr-meta-http-equiv">http-equiv</a></code> attribute in the <a href="#attr-meta-http-equiv-refresh" title="attr-meta-http-equiv-refresh">Refresh state</a>, the <code title="attr-meta-content"><a href="#attr-meta-content">content</a></code> attribute must have a value consisting either of:</p> @@ -1477,7 +1476,7 @@ <div class="example"> <p>A news organization's front page could include the following - markup in the page's <code><a href="#the-head-element-0">head</a></code> element, to ensure that + markup in the page's <code><a href="#the-head-element">head</a></code> element, to ensure that the page automatically reloads from the server every five minutes:</p> @@ -1505,7 +1504,7 @@ <p>It is non-conforming. Real HTTP headers should be used instead.</p> - <ol><li><p>If the <code><a href="#meta">meta</a></code> element has no <code title="attr-meta-content"><a href="#attr-meta-content">content</a></code> attribute, or if that + <ol><li><p>If the <code><a href="#the-meta-element">meta</a></code> element has no <code title="attr-meta-content"><a href="#attr-meta-content">content</a></code> attribute, or if that attribute's value is the empty string, then abort these steps.</p></li> @@ -1518,7 +1517,7 @@ </ol></dd> - </dl><p>There must not be more than one <code><a href="#meta">meta</a></code> element with + </dl><p>There must not be more than one <code><a href="#the-meta-element">meta</a></code> element with any particular state in the document at a time.</p><h5 id="other-pragma-directives"><span class="secno">4.2.5.4 </span>Other pragma directives</h5><p><dfn id="concept-http-equiv-extensions" title="concept-http-equiv-extensions">Extensions to the predefined set of pragma directives</dfn> may, under certain conditions, be registered in the <a href="http://wiki.whatwg.org/wiki/PragmaExtensions">WHATWG Wiki @@ -1581,25 +1580,25 @@ completely within the first 1024 bytes of the document.</span></li> - <li>There can only be one character encoding declaration in the - document.</li> - </ul><p>If an <a href="dom.html#html-documents" title="HTML documents">HTML document</a> does not + </ul><p>In addition, due to a number of restrictions on <code><a href="#the-meta-element">meta</a></code> + elements, there can only be one <code><a href="#the-meta-element">meta</a></code>-based character + encoding declaration per document.</p><p>If an <a href="dom.html#html-documents" title="HTML documents">HTML document</a> does not start with a BOM, and if its encoding is not explicitly given by <a href="fetching-resources.html#content-type" title="Content-Type">Content-Type metadata</a>, and the document is not <a href="the-iframe-element.html#an-iframe-srcdoc-document">an <code>iframe</code> <code title="attr-iframe-srcdoc">srcdoc</code> document</a>, then the character encoding used must be an <a href="infrastructure.html#ascii-compatible-character-encoding">ASCII-compatible character encoding</a>, and, in addition, if that encoding isn't US-ASCII itself, then the encoding must be specified using a - <code><a href="#meta">meta</a></code> element with a <code title="attr-meta-charset"><a href="#attr-meta-charset">charset</a></code> attribute or a - <code><a href="#meta">meta</a></code> element with an <code title="attr-meta-http-equiv"><a href="#attr-meta-http-equiv">http-equiv</a></code> attribute in the + <code><a href="#the-meta-element">meta</a></code> element with a <code title="attr-meta-charset"><a href="#attr-meta-charset">charset</a></code> attribute or a + <code><a href="#the-meta-element">meta</a></code> element with an <code title="attr-meta-http-equiv"><a href="#attr-meta-http-equiv">http-equiv</a></code> attribute in the <a href="#attr-meta-http-equiv-content-type" title="attr-meta-http-equiv-content-type">Encoding declaration state</a>.</p><p>If the document is <a href="the-iframe-element.html#an-iframe-srcdoc-document">an <code>iframe</code> <code title="attr-iframe-srcdoc">srcdoc</code> document</a>, the document must not have a <a href="#character-encoding-declaration">character encoding declaration</a>. (In this case, the source is already decoded, since it is part of the document that contained the <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code>.)</p><p>If an <a href="dom.html#html-documents" title="HTML documents">HTML document</a> contains - a <code><a href="#meta">meta</a></code> element with a <code title="attr-meta-charset"><a href="#attr-meta-charset">charset</a></code> attribute or a - <code><a href="#meta">meta</a></code> element with an <code title="attr-meta-http-equiv"><a href="#attr-meta-http-equiv">http-equiv</a></code> attribute in the + a <code><a href="#the-meta-element">meta</a></code> element with a <code title="attr-meta-charset"><a href="#attr-meta-charset">charset</a></code> attribute or a + <code><a href="#the-meta-element">meta</a></code> element with an <code title="attr-meta-http-equiv"><a href="#attr-meta-http-equiv">http-equiv</a></code> attribute in the <a href="#attr-meta-http-equiv-content-type" title="attr-meta-http-equiv-content-type">Encoding declaration state</a>, then the character encoding used must be an <a href="infrastructure.html#ascii-compatible-character-encoding">ASCII-compatible character encoding</a>.</p><p>Authors are encouraged to use UTF-8. Conformance checkers may @@ -1645,7 +1644,7 @@ <p>In HTML, to declare that the character encoding is UTF-8, the author could include the following markup near the top of the - document (in the <code><a href="#the-head-element-0">head</a></code> element):</p> + document (in the <code><a href="#the-head-element">head</a></code> element):</p> <pre><meta charset="utf-8"></pre> @@ -1659,7 +1658,7 @@ <dd>If the <code title="attr-style-scoped"><a href="#attr-style-scoped">scoped</a></code> attribute is present: <a href="content-models.html#flow-content">flow content</a>.</dd> <dt>Contexts in which this element can be used:</dt> <dd>If the <code title="attr-style-scoped"><a href="#attr-style-scoped">scoped</a></code> attribute is absent: where <a href="content-models.html#metadata-content">metadata content</a> is expected.</dd> - <dd>If the <code title="attr-style-scoped"><a href="#attr-style-scoped">scoped</a></code> attribute is absent: in a <code><a href="scripting-1.html#the-noscript-element">noscript</a></code> element that is a child of a <code><a href="#the-head-element-0">head</a></code> element.</dd> + <dd>If the <code title="attr-style-scoped"><a href="#attr-style-scoped">scoped</a></code> attribute is absent: in a <code><a href="scripting-1.html#the-noscript-element">noscript</a></code> element that is a child of a <code><a href="#the-head-element">head</a></code> element.</dd> <dd>If the <code title="attr-style-scoped"><a href="#attr-style-scoped">scoped</a></code> attribute is present: where <a href="content-models.html#flow-content">flow content</a> is expected, but before any other <a href="content-models.html#flow-content">flow content</a> other than other <code><a href="#the-style-element">style</a></code> elements and <a href="content-models.html#inter-element-whitespace">inter-element whitespace</a>.</dd> <dt>Content model:</dt> <dd>Depends on the value of the <code title="attr-style-type"><a href="#attr-style-type">type</a></code> attribute, but must match requirements described in prose below.</dd> @@ -1751,13 +1750,15 @@ <p>All descendant elements must be processed, according to their semantics, before the <code><a href="#the-style-element">style</a></code> element itself is - evaluated. For styling languages that consist of pure text, user - agents must evaluate <code><a href="#the-style-element">style</a></code> elements by passing the - concatenation of the contents of all the <a href="infrastructure.html#text-node" title="text node">text nodes</a> that are direct children of the - <code><a href="#the-style-element">style</a></code> element (not any other nodes such as comments or - elements), in <a href="infrastructure.html#tree-order">tree order</a>, to the style system. For - XML-based styling languages, user agents must pass all the child - nodes of the <code><a href="#the-style-element">style</a></code> element to the style system.</p> + evaluated. For styling languages that consist of pure text (as + opposed to XML), user agents must evaluate <code><a href="#the-style-element">style</a></code> + elements by passing the concatenation of the contents of all the + <a href="infrastructure.html#text-node" title="text node">text nodes</a> that are direct children + of the <code><a href="#the-style-element">style</a></code> element (not any other nodes such as + comments or elements), in <a href="infrastructure.html#tree-order">tree order</a>, to the style + system. For XML-based styling languages, user agents must pass all + the child nodes of the <code><a href="#the-style-element">style</a></code> element to the style + system.</p> <p>All <a href="urls.html#url" title="URL">URLs</a> found by the styling language's processor must be <a href="urls.html#resolve-a-url" title="resolve a url">resolved</a>, Index: index.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/index.html,v retrieving revision 1.8 retrieving revision 1.9 diff -u -d -r1.8 -r1.9 --- index.html 30 Apr 2011 11:35:45 -0000 1.8 +++ index.html 5 May 2011 18:12:08 -0000 1.9 @@ -424,23 +424,23 @@ <td><a href="content-models.html#flow-content" title="Flow content">flow</a></td> <td><a href="elements.html#global-attributes" title="global attributes">globals</a></td> <td><code><a href="elements.html#htmlelement">HTMLElement</a></code></td> - </tr><tr><th><code><a href="video.html#audio">audio</a></code></th> + </tr><tr><th><code><a href="the-iframe-element.html#the-audio-element">audio</a></code></th> <td>Audio player</td> <td><a href="content-models.html#flow-content" title="Flow content">flow</a>; <a href="content-models.html#phrasing-content" title="Phrasing content">phrasing</a>; <a href="content-models.html#embedded-content" title="Embedded content">embedded</a>; <a href="content-models.html#interactive-content" title="Interactive content">interactive</a></td> <td><a href="content-models.html#phrasing-content" title="Phrasing content">phrasing</a></td> - <td><code><a href="video.html#the-source-element">source</a></code>*; + <td><code><a href="the-iframe-element.html#the-source-element">source</a></code>*; <a href="content-models.html#transparent">transparent</a>*</td> <td><a href="elements.html#global-attributes" title="global attributes">globals</a>; - <code title="attr-media-src"><a href="video.html#attr-media-src">src</a></code>; - <code title="attr-media-preload"><a href="video.html#attr-media-preload">preload</a></code>; - <code title="attr-media-autoplay"><a href="video.html#attr-media-autoplay">autoplay</a></code>; - <code title="attr-media-mediagroup"><a href="video.html#attr-media-mediagroup">mediagroup</a></code>; - <code title="attr-media-loop"><a href="video.html#attr-media-loop">loop</a></code>; - <code title="attr-media-controls"><a href="video.html#attr-media-controls">controls</a></code></td> - <td><code><a href="video.html#htmlaudioelement">HTMLAudioElement</a></code></td> + <code title="attr-media-src"><a href="the-iframe-element.html#attr-media-src">src</a></code>; + <code title="attr-media-preload"><a href="the-iframe-element.html#attr-media-preload">preload</a></code>; + <code title="attr-media-autoplay"><a href="the-iframe-element.html#attr-media-autoplay">autoplay</a></code>; + <code title="attr-media-mediagroup"><a href="the-iframe-element.html#attr-media-mediagroup">mediagroup</a></code>; + <code title="attr-media-loop"><a href="the-iframe-element.html#attr-media-loop">loop</a></code>; + <code title="attr-media-controls"><a href="the-iframe-element.html#attr-media-controls">controls</a></code></td> + <td><code><a href="the-iframe-element.html#htmlaudioelement">HTMLAudioElement</a></code></td> </tr><tr><th><code><a href="text-level-semantics.html#the-b-element">b</a></code></th> <td>Keywords</td> <td><a href="content-models.html#flow-content" title="Flow content">flow</a>; @@ -452,7 +452,7 @@ </tr><tr><th><code><a href="semantics.html#the-base-element">base</a></code></th> <td>Base URL and default target <a href="browsers.html#browsing-context">browsing context</a> for <a href="links.html#attr-hyperlink-target" title="attr-hyperlink-target">hyperlinks</a> and <a href="association-of-controls-and-forms.html#attr-fs-target" title="attr-fs-target">forms</a></td> <td><a href="content-models.html#metadata-content" title="Metadata content">metadata</a></td> - <td><code><a href="semantics.html#the-head-element-0">head</a></code></td> + <td><code><a href="semantics.html#the-head-element">head</a></code></td> <td>empty</td> <td><a href="elements.html#global-attributes" title="global attributes">globals</a>; <code title="attr-base-href"><a href="semantics.html#attr-base-href">href</a></code>; @@ -484,10 +484,10 @@ <td><a href="elements.html#global-attributes" title="global attributes">globals</a>; <code title="attr-blockquote-cite"><a href="grouping-content.html#attr-blockquote-cite">cite</a></code></td> <td><code><a href="grouping-content.html#htmlquoteelement">HTMLQuoteElement</a></code></td> - </tr><tr><th><code><a href="sections.html#the-body-element-0">body</a></code></th> + </tr><tr><th><code><a href="sections.html#the-body-element">body</a></code></th> <td>Document body</td> <td><a href="sections.html#sectioning-root" title="Sectioning root">sectioning root</a></td> - <td><code><a href="semantics.html#the-html-element-0">html</a></code></td> + <td><code><a href="semantics.html#the-html-element">html</a></code></td> <td><a href="content-models.html#flow-content" title="Flow content">flow</a></td> <td><a href="elements.html#global-attributes" title="global attributes">globals</a>; <code title="handler-window-onafterprint"><a href="webappapis.html#handler-window-onafterprint">onafterprint</a></code>; @@ -593,12 +593,12 @@ <td><a href="elements.html#global-attributes" title="global attributes">globals</a>; <code title="attr-colgroup-span"><a href="tabular-data.html#attr-colgroup-span">span</a></code></td> <td><code><a href="tabular-data.html#htmltablecolelement">HTMLTableColElement</a></code></td> - </tr><tr><th><code><a href="interactive-elements.html#the-command">command</a></code></th> + </tr><tr><th><code><a href="interactive-elements.html#the-command-element">command</a></code></th> <td>Menu command</td> <td><a href="content-models.html#metadata-content" title="Metadata content">metadata</a>; <a href="content-models.html#flow-content" title="Flow content">flow</a>; <a href="content-models.html#phrasing-content" title="Phrasing content">phrasing</a></td> - <td><code><a href="semantics.html#the-head-element-0">head</a></code>; + <td><code><a href="semantics.html#the-head-element">head</a></code>; <a href="content-models.html#phrasing-content" title="Phrasing content">phrasing</a></td> <td>empty</td> <td><a href="elements.html#global-attributes" title="global attributes">globals</a>; @@ -763,10 +763,10 @@ <td><a href="content-models.html#phrasing-content" title="Phrasing content">phrasing</a></td> <td><a href="elements.html#global-attributes" title="global attributes">globals</a></td> <td><code><a href="sections.html#htmlheadingelement">HTMLHeadingElement</a></code></td> - </tr><tr><th><code><a href="semantics.html#the-head-element-0">head</a></code></th> + </tr><tr><th><code><a href="semantics.html#the-head-element">head</a></code></th> <td>Container for document metadata</td> <td>none</td> - <td><code><a href="semantics.html#the-html-element-0">html</a></code></td> + <td><code><a href="semantics.html#the-html-element">html</a></code></td> <td><a href="content-models.html#metadata-content" title="Metadata content">metadata content</a>*</td> <td><a href="elements.html#global-attributes" title="global attributes">globals</a></td> <td><code><a href="semantics.html#htmlheadelement">HTMLHeadElement</a></code></td> @@ -794,12 +794,12 @@ <td>empty</td> <td><a href="elements.html#global-attributes" title="global attributes">globals</a></td> <td><code><a href="grouping-content.html#htmlhrelement">HTMLHRElement</a></code></td> - </tr><tr><th><code><a href="semantics.html#the-html-element-0">html</a></code></th> + </tr><tr><th><code><a href="semantics.html#the-html-element">html</a></code></th> <td>Root element</td> <td>none</td> <td>none*</td> - <td><code><a href="semantics.html#the-head-element-0">head</a></code>*; - <code><a href="sections.html#the-body-element-0">body</a></code>*</td> + <td><code><a href="semantics.html#the-head-element">head</a></code>*; + <code><a href="sections.html#the-body-element">body</a></code>*</td> <td><a href="elements.html#global-attributes" title="global attributes">globals</a>; <code title="attr-html-manifest"><a href="semantics.html#attr-html-manifest">manifest</a></code></td> <td><code><a href="semantics.html#htmlhtmlelement">HTMLHtmlElement</a></code></td> @@ -948,7 +948,7 @@ </tr><tr><th><code><a href="grouping-content.html#the-li-element">li</a></code></th> <td>List item</td> <td>none</td> - <td><code><a href="grouping-content.html#the-ol-element">ol</a></code>; <code><a href="grouping-content.html#the-ul-element">ul</a></code>; <code><a href="interactive-elements.html#menus">menu</a></code></td> + <td><code><a href="grouping-content.html#the-ol-element">ol</a></code>; <code><a href="grouping-content.html#the-ul-element">ul</a></code>; <code><a href="interactive-elements.html#the-menu-element">menu</a></code></td> <td><a href="content-models.html#flow-content" title="Flow content">flow</a></td> <td><a href="elements.html#global-attributes" title="global attributes">globals</a>; <code title="attr-li-value"><a href="grouping-content.html#attr-li-value">value</a></code>*</td> @@ -958,7 +958,7 @@ <td><a href="content-models.html#metadata-content" title="Metadata content">metadata</a>; <a href="content-models.html#flow-content" title="Flow content">flow</a>*; <a href="content-models.html#phrasing-content" title="Phrasing content">phrasing</a>*</td> - <td><code><a href="semantics.html#the-head-element-0">head</a></code>; + <td><code><a href="semantics.html#the-head-element">head</a></code>; <code><a href="scripting-1.html#the-noscript-element">noscript</a></code>*; <a href="content-models.html#phrasing-content" title="phrasing content">phrasing</a>*</td> <td>empty</td> @@ -988,7 +988,7 @@ <td><a href="content-models.html#phrasing-content" title="Phrasing content">phrasing</a></td> <td><a href="elements.html#global-attributes" title="global attributes">globals</a></td> <td><code><a href="elements.html#htmlelement">HTMLElement</a></code></td> - </tr><tr><th><code><a href="interactive-elements.html#menus">menu</a></code></th> + </tr><tr><th><code><a href="interactive-elements.html#the-menu-element">menu</a></code></th> <td>Menu of commands</td> <td><a href="content-models.html#flow-content" title="Flow content">flow</a>; <a href="content-models.html#interactive-content" title="Interactive content">interactive</a>*</td> @@ -999,12 +999,12 @@ <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code>; <code title="attr-menu-label"><a href="interactive-elements.html#attr-menu-label">label</a></code></td> <td><code><a href="interactive-elements.html#htmlmenuelement">HTMLMenuElement</a></code></td> - </tr><tr><th><code><a href="semantics.html#meta">meta</a></code></th> + </tr><tr><th><code><a href="semantics.html#the-meta-element">meta</a></code></th> <td>Text metadata</td> <td><a href="content-models.html#metadata-content" title="Metadata content">metadata</a>; <a href="content-models.html#flow-content" title="Flow content">flow</a>*; <a href="content-models.html#phrasing-content" title="Phrasing content">phrasing</a>*</td> - <td><code><a href="semantics.html#the-head-element-0">head</a></code>; + <td><code><a href="semantics.html#the-head-element">head</a></code>; <code><a href="scripting-1.html#the-noscript-element">noscript</a></code>*; <a href="content-models.html#phrasing-content" title="phrasing content">phrasing</a>*</td> <td>empty</td> @@ -1045,7 +1045,7 @@ <td><a href="content-models.html#metadata-content" title="Metadata content">metadata</a>; <a href="content-models.html#flow-content" title="Flow content">flow</a>; <a href="content-models.html#phrasing-content" title="Phrasing content">phrasing</a></td> - <td><code><a href="semantics.html#the-head-element-0">head</a></code>*; + <td><code><a href="semantics.html#the-head-element">head</a></code>*; <a href="content-models.html#phrasing-content" title="Phrasing content">phrasing</a>*</td> <td>varies*</td> <td><a href="elements.html#global-attributes" title="global attributes">globals</a></td> @@ -1204,12 +1204,12 @@ <td><a href="content-models.html#phrasing-content" title="Phrasing content">phrasing</a></td> <td><a href="elements.html#global-attributes" title="global attributes">globals</a></td> <td><code><a href="elements.html#htmlelement">HTMLElement</a></code></td> - </tr><tr><th><code><a href="scripting-1.html#script">script</a></code></th> + </tr><tr><th><code><a href="scripting-1.html#the-script-element">script</a></code></th> <td>Embedded script</td> <td><a href="content-models.html#metadata-content" title="Metadata content">metadata</a>; <a href="content-models.html#flow-content" title="Flow content">flow</a>; <a href="content-models.html#phrasing-content" title="Phrasing content">phrasing</a></td> - <td><code><a href="semantics.html#the-head-element-0">head</a></code>; + <td><code><a href="semantics.html#the-head-element">head</a></code>; <a href="content-models.html#phrasing-content" title="Phrasing content">phrasing</a></td> <td>script, data, or script documentation*</td> <td><a href="elements.html#global-attributes" title="global attributes">globals</a>; @@ -1257,17 +1257,17 @@ <td><a href="content-models.html#phrasing-content" title="Phrasing content">phrasing</a></td> <td><a href="elements.html#global-attributes" title="global attributes">globals</a></td> <td><code><a href="elements.html#htmlelement">HTMLElement</a></code></td> - </tr><tr><th><code><a href="video.html#the-source-element">source</a></code></th> - <td>Media source for <code><a href="video.html#video">video</a></code> or <code><a href="video.html#audio">audio</a></code></td> + </tr><tr><th><code><a href="the-iframe-element.html#the-source-element">source</a></code></th> + <td>Media source for <code><a href="the-iframe-element.html#the-video-element">video</a></code> or <code><a href="the-iframe-element.html#the-audio-element">audio</a></code></td> <td>none</td> - <td><code><a href="video.html#video">video</a></code>; - <code><a href="video.html#audio">audio</a></code></td> + <td><code><a href="the-iframe-element.html#the-video-element">video</a></code>; + <code><a href="the-iframe-element.html#the-audio-element">audio</a></code></td> <td>empty</td> <td><a href="elements.html#global-attributes" title="global attributes">globals</a>; - <code title="attr-source-src"><a href="video.html#attr-source-src">src</a></code>; - <code title="attr-source-type"><a href="video.html#attr-source-type">type</a></code>; - <code title="attr-source-media"><a href="video.html#attr-source-media">media</a></code></td> - <td><code><a href="video.html#htmlsourceelement">HTMLSourceElement</a></code></td> + <code title="attr-source-src"><a href="the-iframe-element.html#attr-source-src">src</a></code>; + <code title="attr-source-type"><a href="the-iframe-element.html#attr-source-type">type</a></code>; + <code title="attr-source-media"><a href="the-iframe-element.html#attr-source-media">media</a></code></td> + <td><code><a href="the-iframe-element.html#htmlsourceelement">HTMLSourceElement</a></code></td> </tr><tr><th><code><a href="text-level-semantics.html#the-span-element">span</a></code></th> <td>Generic phrasing container</td> <td><a href="content-models.html#flow-content" title="Flow content">flow</a>; @@ -1288,7 +1288,7 @@ <td>Embedded styling information</td> <td><a href="content-models.html#metadata-content" title="Metadata content">metadata</a>; <a href="content-models.html#flow-content" title="Flow content">flow</a></td> - <td><code><a href="semantics.html#the-head-element-0">head</a></code>; + <td><code><a href="semantics.html#the-head-element">head</a></code>; <code><a href="scripting-1.html#the-noscript-element">noscript</a></code>*; <a href="content-models.html#flow-content" title="flow content">flow</a>*</td> <td>varies*</td> @@ -1410,10 +1410,10 @@ <code title="attr-time-datetime"><a href="text-level-semantics.html#attr-time-datetime">datetime</a></code>; <code title="attr-time-pubdate"><a href="text-level-semantics.html#attr-time-pubdate">pubdate</a></code></td> <td><code><a href="text-level-semantics.html#htmltimeelement">HTMLTimeElement</a></code></td> - </tr><tr><th><code><a href="semantics.html#the-title-element-0">title</a></code></th> + </tr><tr><th><code><a href="semantics.html#the-title-element">title</a></code></th> <td>Document title</td> <td><a href="content-models.html#metadata-content" title="Metadata content">metadata</a></td> - <td><code><a href="semantics.html#the-head-element-0">head</a></code></td> + <td><code><a href="semantics.html#the-head-element">head</a></code></td> <td><a href="content-models.html#text-content" title="text content">text</a></td> <td><a href="elements.html#global-attributes" title="global attributes">globals</a></td> <td><code><a href="semantics.html#htmltitleelement">HTMLTitleElement</a></code></td> @@ -1428,19 +1428,19 @@ <code><a href="tabular-data.html#the-td-element">td</a></code></td> <td><a href="elements.html#global-attributes" title="global attributes">globals</a></td> <td><code><a href="tabular-data.html#htmltablerowelement">HTMLTableRowElement</a></code></td> - </tr><tr><th><code><a href="video.html#the-track-element">track</a></code></th> + </tr><tr><th><code><a href="the-iframe-element.html#the-track-element">track</a></code></th> <td>Timed text track</td> <td>none</td> - <td><code><a href="video.html#audio">audio</a></code>; - <code><a href="video.html#video">video</a></code></td> + <td><code><a href="the-iframe-element.html#the-audio-element">audio</a></code>; + <code><a href="the-iframe-element.html#the-video-element">video</a></code></td> <td>empty</td> <td><a href="elements.html#global-attributes" title="global attributes">globals</a>; - <code title="attr-track-default"><a href="video.html#attr-track-default">default</a></code>; - <code title="attr-track-kind"><a href="video.html#attr-track-kind">kind</a></code>; - <code title="attr-track-label"><a href="video.html#attr-track-label">label</a></code>; - <code title="attr-track-src"><a href="video.html#attr-track-src">src</a></code>; - <code title="attr-track-srclang"><a href="video.html#attr-track-srclang">srclang</a></code></td> - <td><code><a href="video.html#htmltrackelement">HTMLTrackElement</a></code></td> + <code title="attr-track-default"><a href="the-iframe-element.html#attr-track-default">default</a></code>; + <code title="attr-track-kind"><a href="the-iframe-element.html#attr-track-kind">kind</a></code>; + <code title="attr-track-label"><a href="the-iframe-element.html#attr-track-label">label</a></code>; + <code title="attr-track-src"><a href="the-iframe-element.html#attr-track-src">src</a></code>; + <code title="attr-track-srclang"><a href="the-iframe-element.html#attr-track-srclang">srclang</a></code></td> + <td><code><a href="the-iframe-element.html#htmltrackelement">HTMLTrackElement</a></code></td> </tr><tr><th><code><a href="text-level-semantics.html#the-u-element">u</a></code></th> <td>Keywords</td> <td><a href="content-models.html#flow-content" title="Flow content">flow</a>; @@ -1464,26 +1464,26 @@ <td><a href="content-models.html#phrasing-content" title="Phrasing content">phrasing</a></td> <td><a href="elements.html#global-attributes" title="global attributes">globals</a></td> <td><code><a href="elements.html#htmlelement">HTMLElement</a></code></td> - </tr><tr><th><code><a href="video.html#video">video</a></code></th> + </tr><tr><th><code><a href="the-iframe-element.html#the-video-element">video</a></code></th> <td>Video player</td> <td><a href="content-models.html#flow-content" title="Flow content">flow</a>; <a href="content-models.html#phrasing-content" title="Phrasing content">phrasing</a>; <a href="content-models.html#embedded-content" title="Embedded content">embedded</a>; <a href="content-models.html#interactive-content" title="Interactive content">interactive</a></td> <td><a href="content-models.html#phrasing-content" title="Phrasing content">phrasing</a></td> - <td><code><a href="video.html#the-source-element">source</a></code>*; + <td><code><a href="the-iframe-element.html#the-source-element">source</a></code>*; <a href="content-models.html#transparent">transparent</a>*</td> <td><a href="elements.html#global-attributes" title="global attributes">globals</a>; - <code title="attr-media-src"><a href="video.html#attr-media-src">src</a></code>; - <code title="attr-video-poster"><a href="video.html#attr-video-poster">poster</a></code>; - <code title="attr-media-preload"><a href="video.html#attr-media-preload">preload</a></code>; - <code title="attr-media-autoplay"><a href="video.html#attr-media-autoplay">autoplay</a></code>; - <code title="attr-media-mediagroup"><a href="video.html#attr-media-mediagroup">mediagroup</a></code>; - <code title="attr-media-loop"><a href="video.html#attr-media-loop">loop</a></code>; - <code title="attr-media-controls"><a href="video.html#attr-media-controls">controls</a></code>; + <code title="attr-media-src"><a href="the-iframe-element.html#attr-media-src">src</a></code>; + <code title="attr-video-poster"><a href="the-iframe-element.html#attr-video-poster">poster</a></code>; + <code title="attr-media-preload"><a href="the-iframe-element.html#attr-media-preload">preload</a></code>; + <code title="attr-media-autoplay"><a href="the-iframe-element.html#attr-media-autoplay">autoplay</a></code>; + <code title="attr-media-mediagroup"><a href="the-iframe-element.html#attr-media-mediagroup">mediagroup</a></code>; + <code title="attr-media-loop"><a href="the-iframe-element.html#attr-media-loop">loop</a></code>; + <code title="attr-media-controls"><a href="the-iframe-element.html#attr-media-controls">controls</a></code>; <code title="attr-dim-width"><a href="the-map-element.html#attr-dim-width">width</a></code>; <code title="attr-dim-height"><a href="the-map-element.html#attr-dim-height">height</a></code></td> - <td><code><a href="video.html#htmlvideoelement">HTMLVideoElement</a></code></td> + <td><code><a href="the-iframe-element.html#htmlvideoelement">HTMLVideoElement</a></code></td> </tr><tr><th><code><a href="text-level-semantics.html#the-wbr-element">wbr</a></code></th> <td>Line breaking opportunity</td> <td><a href="content-models.html#flow-content" title="Flow content">flow</a>; @@ -1499,13 +1499,13 @@ </th></tr></thead><tbody><tr><td> <a href="content-models.html#metadata-content">Metadata content</a> </td><td> <code><a href="semantics.html#the-base-element">base</a></code>; - <code><a href="interactive-elements.html#the-command">command</a></code>; + <code><a href="interactive-elements.html#the-command-element">command</a></code>; <code><a href="semantics.html#the-link-element">link</a></code>; - <code><a href="semantics.html#meta">meta</a></code>; + <code><a href="semantics.html#the-meta-element">meta</a></code>; <code><a href="scripting-1.html#the-noscript-element">noscript</a></code>; - <code><a href="scripting-1.html#script">script</a></code>; + <code><a href="scripting-1.html#the-script-element">script</a></code>; <code><a href="semantics.html#the-style-element">style</a></code>; - <code><a href="semantics.html#the-title-element-0">title</a></code> + <code><a href="semantics.html#the-title-element">title</a></code> </td><td> — @@ -1516,7 +1516,7 @@ <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="video.html#audio">audio</a></code>; + <code><a href="the-iframe-element.html#the-audio-element">audio</a></code>; <code><a href="text-level-semantics.html#the-b-element">b</a></code>; <code><a href="text-level-semantics.html#the-bdi-element">bdi</a></code>; <code><a href="text-level-semantics.html#the-bdo-element">bdo</a></code>; @@ -1526,7 +1526,7 @@ <code><a href="the-canvas-element.html#the-canvas-element">canvas</a></code>; <code><a href="text-level-semantics.html#the-cite-element">cite</a></code>; <code><a href="text-level-semantics.html#the-code-element">code</a></code>; - <code><a href="interactive-elements.html#the-command">command</a></code>; + <code><a href="interactive-elements.html#the-command-element">command</a></code>; <code><a href="the-button-element.html#the-datalist-element">datalist</a></code>; <code><a href="edits.html#the-del-element">del</a></code>; <code><a href="interactive-elements.html#the-details-element">details</a></code>; @@ -1559,7 +1559,7 @@ <code><a href="the-map-element.html#the-map-element">map</a></code>; <code><a href="text-level-semantics.html#the-mark-element">mark</a></code>; <code><a href="the-map-element.html#math">math</a></code>; - <code><a href="interactive-elements.html#menus">menu</a></code>; + <code><a href="interactive-elements.html#the-menu-element">menu</a></code>; <code><a href="the-button-element.html#the-meter-element">meter</a></code>; <code><a href="sections.html#the-nav-element">nav</a></code>; <code><a href="scripting-1.html#the-noscript-element">noscript</a></code>; @@ -1573,7 +1573,7 @@ <code><a href="text-level-semantics.html#the-ruby-element">ruby</a></code>; <code><a href="text-level-semantics.html#the-s-element">s</a></code>; <code><a href="text-level-semantics.html#the-samp-element">samp</a></code>; - <code><a href="scripting-1.html#script">script</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="text-level-semantics.html#the-small-element">small</a></code>; @@ -1588,7 +1588,7 @@ <code><a href="text-level-semantics.html#the-u-element">u</a></code>; <code><a href="grouping-content.html#the-ul-element">ul</a></code>; <code><a href="text-level-semantics.html#the-var-element">var</a></code>; - <code><a href="video.html#video">video</a></code>; + <code><a href="the-iframe-element.html#the-video-element">video</a></code>; <code><a href="text-level-semantics.html#the-wbr-element">wbr</a></code>; <a href="content-models.html#text-content" title="text content">Text</a> </td><td> @@ -1619,7 +1619,7 @@ </td></tr><tr><td> <a href="content-models.html#phrasing-content">Phrasing content</a> </td><td> <code><a href="text-level-semantics.html#the-abbr-element">abbr</a></code>; - <code><a href="video.html#audio">audio</a></code>; + <code><a href="the-iframe-element.html#the-audio-element">audio</a></code>; <code><a href="text-level-semantics.html#the-b-element">b</a></code>; <code><a href="text-level-semantics.html#the-bdi-element">bdi</a></code>; <code><a href="text-level-semantics.html#the-bdo-element">bdo</a></code>; @@ -1628,7 +1628,7 @@ <code><a href="the-canvas-element.html#the-canvas-element">canvas</a></code>; <code><a href="text-level-semantics.html#the-cite-element">cite</a></code>; <code><a href="text-level-semantics.html#the-code-element">code</a></code>; - <code><a href="interactive-elements.html#the-command">command</a></code>; + <code><a href="interactive-elements.html#the-command-element">command</a></code>; <code><a href="the-button-element.html#the-datalist-element">datalist</a></code>; <code><a href="text-level-semantics.html#the-dfn-element">dfn</a></code>; <code><a href="text-level-semantics.html#the-em-element">em</a></code>; @@ -1651,7 +1651,7 @@ <code><a href="text-level-semantics.html#the-ruby-element">ruby</a></code>; <code><a href="text-level-semantics.html#the-s-element">s</a></code>; <code><a href="text-level-semantics.html#the-samp-element">samp</a></code>; - <code><a href="scripting-1.html#script">script</a></code>; + <code><a href="scripting-1.html#the-script-element">script</a></code>; <code><a href="the-button-element.html#the-select-element">select</a></code>; <code><a href="text-level-semantics.html#the-small-element">small</a></code>; <code><a href="text-level-semantics.html#the-span-element">span</a></code>; @@ -1663,7 +1663,7 @@ <code><a href="text-level-semantics.html#the-time-element">time</a></code>; <code><a href="text-level-semantics.html#the-u-element">u</a></code>; <code><a href="text-level-semantics.html#the-var-element">var</a></code>; - <code><a href="video.html#video">video</a></code>; + <code><a href="the-iframe-element.html#the-video-element">video</a></code>; <code><a href="text-level-semantics.html#the-wbr-element">wbr</a></code>; <a href="content-models.html#text-content" title="text content">Text</a> </td><td> @@ -1674,7 +1674,7 @@ <code><a href="the-map-element.html#the-map-element">map</a></code> (if it contains only <a href="content-models.html#phrasing-content">phrasing content</a>) </td></tr><tr><td> <a href="content-models.html#embedded-content">Embedded content</a> </td><td> - <code><a href="video.html#audio">audio</a></code> + <code><a href="the-iframe-element.html#the-audio-element">audio</a></code> <code><a href="the-canvas-element.html#the-canvas-element">canvas</a></code> <code><a href="the-iframe-element.html#the-embed-element">embed</a></code> <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code> @@ -1682,7 +1682,7 @@ <code><a href="the-map-element.html#math">math</a></code> <code><a href="the-iframe-element.html#the-object-element">object</a></code> <code><a href="the-map-element.html#svg">svg</a></code> - <code><a href="video.html#video">video</a></code> + <code><a href="the-iframe-element.html#the-video-element">video</a></code> </td><td> — @@ -1698,17 +1698,17 @@ <code><a href="the-button-element.html#the-select-element">select</a></code>; <code><a href="the-button-element.html#the-textarea-element">textarea</a></code>; </td><td> - <code><a href="video.html#audio">audio</a></code> (if the <code title="attr-media-controls"><a href="video.html#attr-media-controls">controls</a></code> attribute is present); + <code><a href="the-iframe-element.html#the-audio-element">audio</a></code> (if the <code title="attr-media-controls"><a href="the-iframe-element.html#attr-media-controls">controls</a></code> attribute is present); <code><a href="embedded-content-1.html#the-img-element">img</a></code> (if the <code title="attr-hyperlink-usemap"><a href="the-map-element.html#attr-hyperlink-usemap">usemap</a></code> attribute is present); <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); - <code><a href="interactive-elements.html#menus">menu</a></code> (if the <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute is in the <a href="interactive-elements.html#toolbar-state" title="toolbar state">toolbar</a> state); + <code><a href="interactive-elements.html#the-menu-element">menu</a></code> (if the <code title="attr-menu-type"><a href="interactive-elements.html#attr-menu-type">type</a></code> attribute is in the <a href="interactive-elements.html#toolbar-state" title="toolbar state">toolbar</a> state); <code><a href="the-iframe-element.html#the-object-element">object</a></code> (if the <code title="attr-hyperlink-usemap"><a href="the-map-element.html#attr-hyperlink-usemap">usemap</a></code> attribute is present); - <code><a href="video.html#video">video</a></code> (if the <code title="attr-media-controls"><a href="video.html#attr-media-controls">controls</a></code> attribute is present) + <code><a href="the-iframe-element.html#the-video-element">video</a></code> (if the <code title="attr-media-controls"><a href="the-iframe-element.html#attr-media-controls">controls</a></code> attribute is present) </td></tr><tr><td> <a href="sections.html#sectioning-root" title="sectioning root">Sectioning roots</a> </td><td> <code><a href="grouping-content.html#the-blockquote-element">blockquote</a></code>; - <code><a href="sections.html#the-body-element-0">body</a></code>; + <code><a href="sections.html#the-body-element">body</a></code>; <code><a href="interactive-elements.html#the-details-element">details</a></code>; <code><a href="forms.html#the-fieldset-element">fieldset</a></code>; <code><a href="grouping-content.html#the-figure-element">figure</a></code>; @@ -1847,9 +1847,9 @@ </td><td> Automatically focus the form control when the page is loaded </td><td> <a href="common-microsyntaxes.html#boolean-attribute">Boolean attribute</a> </td></tr><tr><th> <code title="">autoplay</code> - </th><td> <code title="attr-media-autoplay"><a href="video.html#attr-media-autoplay">audio</a></code>; - <code title="attr-media-autoplay"><a href="video.html#attr-media-autoplay">video</a></code> - </td><td> Hint that the <a href="video.html#media-resource">media resource</a> can be started automatically when the page is loaded + </th><td> <code title="attr-media-autoplay"><a href="the-iframe-element.html#attr-media-autoplay">audio</a></code>; + <code title="attr-media-autoplay"><a href="the-iframe-element.html#attr-media-autoplay">video</a></code> + </td><td> Hint that the <a href="the-iframe-element.html#media-resource">media resource</a> can be started automatically when the page is loaded </td><td> <a href="common-microsyntaxes.html#boolean-attribute">Boolean attribute</a> </td></tr><tr><th> <code title="">border</code> </th><td> <code title="attr-table-border"><a href="tabular-data.html#attr-table-border">border</a></code> @@ -1905,8 +1905,8 @@ </td><td> The element's context menu </td><td> <a href="elements.html#concept-id" title="concept-id">ID</a>* </td></tr><tr><th> <code title="">controls</code> - </th><td> <code title="attr-media-controls"><a href="video.html#attr-media-controls">audio</a></code>; - <code title="attr-media-controls"><a href="video.html#attr-media-controls">video</a></code> + </th><td> <code title="attr-media-controls"><a href="the-iframe-element.html#attr-media-controls">audio</a></code>; + <code title="attr-media-controls"><a href="the-iframe-element.html#attr-media-controls">video</a></code> </td><td> Show user agent controls </td><td> <a href="common-microsyntaxes.html#boolean-attribute">Boolean attribute</a> </td></tr><tr><th> <code title="">coords</code> @@ -1927,8 +1927,8 @@ </td><td> Value of the element </td><td> <a href="common-microsyntaxes.html#valid-date-or-time-string">Valid date or time string</a>* </td></tr><tr><th> <code title="">default</code> - </th><td> <code title="attr-track-default"><a href="video.html#attr-track-default">track</a></code> - </td><td> Enable the track if no other <a href="video.html#text-track">text track</a> is more suitable. + </th><td> <code title="attr-track-default"><a href="the-iframe-element.html#attr-track-default">track</a></code> + </td><td> Enable the track if no other <a href="the-iframe-element.html#text-track">text track</a> is more suitable. </td><td> <a href="common-microsyntaxes.html#boolean-attribute">Boolean attribute</a> </td></tr><tr><th> <code title="">defer</code> </th><td> <code title="attr-script-defer"><a href="scripting-1.html#attr-script-defer">script</a></code> @@ -2077,19 +2077,19 @@ </td><td> The type of cryptographic key to generate </td><td> <a href="elements.html#attribute-text">Text</a>* </td></tr><tr><th> <code title="">kind</code> - </th><td> <code title="attr-track-kind"><a href="video.html#attr-track-kind">track</a></code> + </th><td> <code title="attr-track-kind"><a href="the-iframe-element.html#attr-track-kind">track</a></code> </td><td> The type of text track - </td><td> "<code title="attr-track-kind-subtitles"><a href="video.html#attr-track-kind-subtitles">subtitles</a></code>"; - "<code title="attr-track-kind-captions"><a href="video.html#attr-track-kind-captions">captions</a></code>"; - "<code title="attr-track-kind-descriptions"><a href="video.html#attr-track-kind-descriptions">descriptions</a></code>"; - "<code title="attr-track-kind-chapters"><a href="video.html#attr-track-kind-chapters">chapters</a></code>"; - "<code title="attr-track-kind-metadata"><a href="video.html#attr-track-kind-metadata">metadata</a></code>" + </td><td> "<code title="attr-track-kind-subtitles"><a href="the-iframe-element.html#attr-track-kind-subtitles">subtitles</a></code>"; + "<code title="attr-track-kind-captions"><a href="the-iframe-element.html#attr-track-kind-captions">captions</a></code>"; + "<code title="attr-track-kind-descriptions"><a href="the-iframe-element.html#attr-track-kind-descriptions">descriptions</a></code>"; + "<code title="attr-track-kind-chapters"><a href="the-iframe-element.html#attr-track-kind-chapters">chapters</a></code>"; + "<code title="attr-track-kind-metadata"><a href="the-iframe-element.html#attr-track-kind-metadata">metadata</a></code>" </td></tr><tr><th> <code title="">label</code> </th><td> <code title="attr-command-label"><a href="interactive-elements.html#attr-command-label">command</a></code>; <code title="attr-menu-label"><a href="interactive-elements.html#attr-menu-label">menu</a></code>; <code title="attr-optgroup-label"><a href="the-button-element.html#attr-optgroup-label">optgroup</a></code>; <code title="attr-option-label"><a href="the-button-element.html#attr-option-label">option</a></code>; - <code title="attr-track-label"><a href="video.html#attr-track-label">track</a></code> + <code title="attr-track-label"><a href="the-iframe-element.html#attr-track-label">track</a></code> </td><td> User-visible label </td><td> <a href="elements.html#attribute-text">Text</a> </td></tr><tr><th> <code title="">lang</code> @@ -2101,9 +2101,9 @@ </td><td> List of autocomplete options </td><td> <a href="elements.html#concept-id" title="concept-id">ID</a>* </td></tr><tr><th> <code title="">loop</code> - </th><td> <code title="attr-media-loop"><a href="video.html#attr-media-loop">audio</a></code>; - <code title="attr-media-loop"><a href="video.html#attr-media-loop">video</a></code> - </td><td> Whether to loop the <a href="video.html#media-resource">media resource</a> + </th><td> <code title="attr-media-loop"><a href="the-iframe-element.html#attr-media-loop">audio</a></code>; + <code title="attr-media-loop"><a href="the-iframe-element.html#attr-media-loop">video</a></code> + </td><td> Whether to loop the <a href="the-iframe-element.html#media-resource">media resource</a> </td><td> <a href="common-microsyntaxes.html#boolean-attribute">Boolean attribute</a> </td></tr><tr><th> <code title="">low</code> </th><td> <code title="attr-meter-low"><a href="the-button-element.html#attr-meter-low">meter</a></code> @@ -2131,14 +2131,14 @@ </th><td> <code title="attr-hyperlink-media"><a href="links.html#attr-hyperlink-media">a</a></code>; <code title="attr-hyperlink-media"><a href="links.html#attr-hyperlink-media">area</a></code>; <code title="attr-link-media"><a href="semantics.html#attr-link-media">link</a></code>; - <code title="attr-source-media"><a href="video.html#attr-source-media">source</a></code>; + <code title="attr-source-media"><a href="the-iframe-element.html#attr-source-media">source</a></code>; <code title="attr-style-media"><a href="semantics.html#attr-style-media">style</a></code> </td><td> Applicable media </td><td> <a href="common-microsyntaxes.html#valid-media-query">Valid media query</a> </td></tr><tr><th> <code title="">mediagroup</code> - </th><td> <code title="attr-media-mediagroup"><a href="video.html#attr-media-mediagroup">audio</a></code>; - <code title="attr-media-mediagroup"><a href="video.html#attr-media-mediagroup">video</a></code> - </td><td> Groups <a href="video.html#media-element" title="media element">media elements</a> together with an implicit <code><a href="video.html#mediacontroller">MediaController</a></code> + </th><td> <code title="attr-media-mediagroup"><a href="the-iframe-element.html#attr-media-mediagroup">audio</a></code>; + <code title="attr-media-mediagroup"><a href="the-iframe-element.html#attr-media-mediagroup">video</a></code> + </td><td> Groups <a href="the-iframe-element.html#media-element" title="media element">media elements</a> together with an implicit <code><a href="the-iframe-element.html#mediacontroller">MediaController</a></code> </td><td> <a href="elements.html#attribute-text">Text</a> </td></tr><tr><th> <code title="">method</code> </th><td> <code title="attr-fs-method"><a href="association-of-controls-and-forms.html#attr-fs-method">form</a></code> @@ -2210,19 +2210,19 @@ </td><td> User-visible label to be placed within the form control </td><td> <a href="elements.html#attribute-text">Text</a>* </td></tr><tr><th> <code title="">poster</code> - </th><td> <code title="attr-video-poster"><a href="video.html#attr-video-poster">video</a></code> + </th><td> <code title="attr-video-poster"><a href="the-iframe-element.html#attr-video-poster">video</a></code> </td><td> Poster frame to show prior to video playback </td><td> <a href="urls.html#valid-non-empty-url-potentially-surrounded-by-spaces">Valid non-empty URL potentially surrounded by spaces</a> </td></tr><tr><th> <code title="">preload</code> - </th><td> <code title="attr-media-preload"><a href="video.html#attr-media-preload">audio</a></code>; - <code title="attr-media-preload"><a href="video.html#attr-media-preload">video</a></code> - </td><td> Hints how much buffering the <a href="video.html#media-resource">media resource</a> will likely need - </td><td> "<code title="attr-media-preload-none"><a href="video.html#attr-media-preload-none">none</a></code>"; - "<code title="attr-media-preload-metadata"><a href="video.html#attr-media-preload-metadata">metadata</a></code>"; - "<code title="attr-media-preload-auto"><a href="video.html#attr-media-preload-auto">auto</a></code>" + </th><td> <code title="attr-media-preload"><a href="the-iframe-element.html#attr-media-preload">audio</a></code>; + <code title="attr-media-preload"><a href="the-iframe-element.html#attr-media-preload">video</a></code> + </td><td> Hints how much buffering the <a href="the-iframe-element.html#media-resource">media resource</a> will likely need + </td><td> "<code title="attr-media-preload-none"><a href="the-iframe-element.html#attr-media-preload-none">none</a></code>"; + "<code title="attr-media-preload-metadata"><a href="the-iframe-element.html#attr-media-preload-metadata">metadata</a></code>"; + "<code title="attr-media-preload-auto"><a href="the-iframe-element.html#attr-media-preload-auto">auto</a></code>" </td></tr><tr><th> <code title="">pubdate</code> </th><td> <code title="attr-time-pubdate"><a href="text-level-semantics.html#attr-time-pubdate">time</a></code> - </td><td> Whether the element's value represents a publication time for the nearest <code><a href="sections.html#the-article-element">article</a></code> or <code><a href="sections.html#the-body-element-0">body</a></code> + </td><td> Whether the element's value represents a publication time for the nearest <code><a href="sections.html#the-article-element">article</a></code> or <code><a href="sections.html#the-body-element">body</a></code> </td><td> <a href="common-microsyntaxes.html#boolean-attribute">Boolean attribute</a> </td></tr><tr><th> <code title="">radiogroup</code> </th><td> <code title="attr-command-radiogroup"><a href="interactive-elements.html#attr-command-radiogroup">command</a></code> @@ -2310,15 +2310,15 @@ </td><td> Number of columns spanned by the element </td><td> <a href="common-microsyntaxes.html#valid-non-negative-integer">Valid non-negative integer</a> greater than zero </td></tr><tr><th> <code title="">src</code> - </th><td> <code title="attr-media-src"><a href="video.html#attr-media-src">audio</a></code>; + </th><td> <code title="attr-media-src"><a href="the-iframe-element.html#attr-media-src">audio</a></code>; <code title="attr-embed-src"><a href="the-iframe-element.html#attr-embed-src">embed</a></code>; <code title="attr-iframe-src"><a href="the-iframe-element.html#attr-iframe-src">iframe</a></code>; <code title="attr-img-src"><a href="embedded-content-1.html#attr-img-src">img</a></code>; <code title="attr-input-src"><a href="number-state.html#attr-input-src">input</a></code>; <code title="attr-script-src"><a href="scripting-1.html#attr-script-src">script</a></code>; - <code title="attr-source-src"><a href="video.html#attr-source-src">source</a></code>; - <code title="attr-track-src"><a href="video.html#attr-track-src">track</a></code>; - <code title="attr-media-src"><a href="video.html#attr-media-src">video</a></code> + <code title="attr-source-src"><a href="the-iframe-element.html#attr-source-src">source</a></code>; + <code title="attr-track-src"><a href="the-iframe-element.html#attr-track-src">track</a></code>; + <code title="attr-media-src"><a href="the-iframe-element.html#attr-media-src">video</a></code> </td><td> Address of the resource </td><td> <a href="urls.html#valid-non-empty-url-potentially-surrounded-by-spaces">Valid non-empty URL potentially surrounded by spaces</a> </td></tr><tr><th> <code title="">srcdoc</code> @@ -2326,7 +2326,7 @@ </td><td> A document to render in the <code><a href="the-iframe-element.html#the-iframe-element">iframe</a></code> </td><td> The source of <a href="the-iframe-element.html#an-iframe-srcdoc-document">an <code>iframe</code> <code title="attr-iframe-srcdoc">srcdoc</code> document</a>* </td></tr><tr><th> <code title="">srclang</code> - </th><td> <code title="attr-track-srclang"><a href="video.html#attr-track-srclang">track</a></code> + </th><td> <code title="attr-track-srclang"><a href="the-iframe-element.html#attr-track-srclang">track</a></code> </td><td> Language of the text track </td><td> Valid BCP 47 language tag </td></tr><tr><th> <code title="">start</code> @@ -2407,7 +2407,7 @@ </th><td> <code title="attr-embed-type"><a href="the-iframe-element.html#attr-embed-type">embed</a></code>; <code title="attr-object-type"><a href="the-iframe-element.html#attr-object-type">object</a></code>; <code title="attr-script-type"><a href="scripting-1.html#attr-script-type">script</a></code>; - <code title="attr-source-type"><a href="video.html#attr-source-type">source</a></code>; + <code title="attr-source-type"><a href="the-iframe-element.html#attr-source-type">source</a></code>; <code title="attr-style-type"><a href="semantics.html#attr-style-type">style</a></code> </td><td> Type of embedded resource </td><td> <a href="infrastructure.html#valid-mime-type">Valid MIME type</a> @@ -2494,12 +2494,12 @@ </td></tr><tr><th id="ix-handler-oncanplay"> <code title="">oncanplay</code> </th><td> <a href="webappapis.html#handler-oncanplay" title="handler-oncanplay">HTML elements</a> - </td><td> <code title="event-media-canplay"><a href="video.html#event-media-canplay">canplay</a></code> event handler + </td><td> <code title="event-media-canplay"><a href="the-iframe-element.html#event-media-canplay">canplay</a></code> event handler </td><td> <a href="webappapis.html#event-handler-content-attributes" title="event handler content attributes">Event handler content attribute</a> </td></tr><tr><th id="ix-handler-oncanplaythrough"> <code title="">oncanplaythrough</code> </th><td> <a href="webappapis.html#handler-oncanplaythrough" title="handler-oncanplaythrough">HTML elements</a> - </td><td> <code title="event-media-canplaythrough"><a href="video.html#event-media-canplaythrough">canplaythrough</a></code> event handler + </td><td> <code title="event-media-canplaythrough"><a href="the-iframe-element.html#event-media-canplaythrough">canplaythrough</a></code> event handler </td><td> <a href="webappapis.html#event-handler-content-attributes" title="event handler content attributes">Event handler content attribute</a> </td></tr><tr><th id="ix-handler-onchange"> <code title="">onchange</code> @@ -2564,17 +2564,17 @@ </td></tr><tr><th id="ix-handler-ondurationchange"> <code title="">ondurationchange</code> </th><td> <a href="webappapis.html#handler-ondurationchange" title="handler-ondurationchange">HTML elements</a> - </td><td> <code title="event-media-durationchange"><a href="video.html#event-media-durationchange">durationchange</a></code> event handler + </td><td> <code title="event-media-durationchange"><a href="the-iframe-element.html#event-media-durationchange">durationchange</a></code> event handler </td><td> <a href="webappapis.html#event-handler-content-attributes" title="event handler content attributes">Event handler content attribute</a> </td></tr><tr><th id="ix-handler-onemptied"> <code title="">onemptied</code> </th><td> <a href="webappapis.html#handler-onemptied" title="handler-onemptied">HTML elements</a> - </td><td> <code title="event-media-emptied"><a href="video.html#event-media-emptied">emptied</a></code> event handler + </td><td> <code title="event-media-emptied"><a href="the-iframe-element.html#event-media-emptied">emptied</a></code> event handler </td><td> <a href="webappapis.html#event-handler-content-attributes" title="event handler content attributes">Event handler content attribute</a> </td></tr><tr><th id="ix-handler-onended"> <code title="">onended</code> </th><td> <a href="webappapis.html#handler-onended" title="handler-onended">HTML elements</a> - </td><td> <code title="event-media-ended"><a href="video.html#event-media-ended">ended</a></code> event handler + </td><td> <code title="event-media-ended"><a href="the-iframe-element.html#event-media-ended">ended</a></code> event handler </td><td> <a href="webappapis.html#event-handler-content-attributes" title="event handler content attributes">Event handler content attribute</a> </td></tr><tr><th id="ix-handler-window-onerror"> <code title="">onerror</code> @@ -2639,17 +2639,17 @@ </td></tr><tr><th id="ix-handler-onloadeddata"> <code title="">onloadeddata</code> </th><td> <a href="webappapis.html#handler-onloadeddata" title="handler-onloadeddata">HTML elements</a> - </td><td> <code title="event-media-loadeddata"><a href="video.html#event-media-loadeddata">loadeddata</a></code> event handler + </td><td> <code title="event-media-loadeddata"><a href="the-iframe-element.html#event-media-loadeddata">loadeddata</a></code> event handler </td><td> <a href="webappapis.html#event-handler-content-attributes" title="event handler content attributes">Event handler content attribute</a> </td></tr><tr><th id="ix-handler-onloadedmetadata"> <code title="">onloadedmetadata</code> </th><td> <a href="webappapis.html#handler-onloadedmetadata" title="handler-onloadedmetadata">HTML elements</a> - </td><td> <code title="event-media-loadedmetadata"><a href="video.html#event-media-loadedmetadata">loadedmetadata</a></code> event handler + </td><td> <code title="event-media-loadedmetadata"><a href="the-iframe-element.html#event-media-loadedmetadata">loadedmetadata</a></code> event handler </td><td> <a href="webappapis.html#event-handler-content-attributes" title="event handler content attributes">Event handler content attribute</a> </td></tr><tr><th id="ix-handler-onloadstart"> <code title="">onloadstart</code> </th><td> <a href="webappapis.html#handler-onloadstart" title="handler-onloadstart">HTML elements</a> - </td><td> <code title="event-media-loadstart"><a href="video.html#event-media-loadstart">loadstart</a></code> event handler + </td><td> <code title="event-media-loadstart"><a href="the-iframe-element.html#event-media-loadstart">loadstart</a></code> event handler </td><td> <a href="webappapis.html#event-handler-content-attributes" title="event handler content attributes">Event handler content attribute</a> </td></tr><tr><th id="ix-handler-window-onmessage"> <code title="">onmessage</code> @@ -2709,17 +2709,17 @@ </td></tr><tr><th id="ix-handler-onpause"> <code title="">onpause</code> </th><td> <a href="webappapis.html#handler-onpause" title="handler-onpause">HTML elements</a> - </td><td> <code title="event-media-pause"><a href="video.html#event-media-pause">pause</a></code> event handler + </td><td> <code title="event-media-pause"><a href="the-iframe-element.html#event-media-pause">pause</a></code> event handler </td><td> <a href="webappapis.html#event-handler-content-attributes" title="event handler content attributes">Event handler content attribute</a> </td></tr><tr><th id="ix-handler-onplay"> <code title="">onplay</code> </th><td> <a href="webappapis.html#handler-onplay" title="handler-onplay">HTML elements</a> - </td><td> <code title="event-media-play"><a href="video.html#event-media-play">play</a></code> event handler + </td><td> <code title="event-media-play"><a href="the-iframe-element.html#event-media-play">play</a></code> event handler </td><td> <a href="webappapis.html#event-handler-content-attributes" title="event handler content attributes">Event handler content attribute</a> </td></tr><tr><th id="ix-handler-onplaying"> <code title="">onplaying</code> </th><td> <a href="webappapis.html#handler-onplaying" title="handler-onplaying">HTML elements</a> - </td><td> <code title="event-media-playing"><a href="video.html#event-media-playing">playing</a></code> event handler + </td><td> <code title="event-media-playing"><a href="the-iframe-element.html#event-media-playing">playing</a></code> event handler </td><td> <a href="webappapis.html#event-handler-content-attributes" title="event handler content attributes">Event handler content attribute</a> </td></tr><tr><th id="ix-handler-window-onpopstate"> <code title="">onpopstate</code> @@ -2729,12 +2729,12 @@ </td></tr><tr><th id="ix-handler-onprogress"> <code title="">onprogress</code> </th><td> <a href="webappapis.html#handler-onprogress" title="handler-onprogress">HTML elements</a> - </td><td> <code title="event-media-progress"><a href="video.html#event-media-progress">progress</a></code> event handler + </td><td> <code title="event-media-progress"><a href="the-iframe-element.html#event-media-progress">progress</a></code> event handler </td><td> <a href="webappapis.html#event-handler-content-attributes" title="event handler content attributes">Event handler content attribute</a> </td></tr><tr><th id="ix-handler-onratechange"> <code title="">onratechange</code> </th><td> <a href="webappapis.html#handler-onratechange" title="handler-onratechange">HTML elements</a> - </td><td> <code title="event-media-ratechange"><a href="video.html#event-media-ratechange">ratechange</a></code> event handler + </td><td> <code title="event-media-ratechange"><a href="the-iframe-element.html#event-media-ratechange">ratechange</a></code> event handler </td><td> <a href="webappapis.html#event-handler-content-attributes" title="event handler content attributes">Event handler content attribute</a> </td></tr><tr><th id="ix-handler-onreadystatechange"> <code title="">onreadystatechange</code> @@ -2769,12 +2769,12 @@ </td></tr><tr><th id="ix-handler-onseeked"> <code title="">onseeked</code> </th><td> <a href="webappapis.html#handler-onseeked" title="handler-onseeked">HTML elements</a> - </td><td> <code title="event-media-seeked"><a href="video.html#event-media-seeked">seeked</a></code> event handler + </td><td> <code title="event-media-seeked"><a href="the-iframe-element.html#event-media-seeked">seeked</a></code> event handler </td><td> <a href="webappapis.html#event-handler-content-attributes" title="event handler content attributes">Event handler content attribute</a> </td></tr><tr><th id="ix-handler-onseeking"> <code title="">onseeking</code> </th><td> <a href="webappapis.html#handler-onseeking" title="handler-onseeking">HTML elements</a> - </td><td> <code title="event-media-seeking"><a href="video.html#event-media-seeking">seeking</a></code> event handler + </td><td> <code title="event-media-seeking"><a href="the-iframe-element.html#event-media-seeking">seeking</a></code> event handler </td><td> <a href="webappapis.html#event-handler-content-attributes" title="event handler content attributes">Event handler content attribute</a> </td></tr><tr><th id="ix-handler-onselect"> <code title="">onselect</code> @@ -2789,7 +2789,7 @@ </td></tr><tr><th id="ix-handler-onstalled"> <code title="">onstalled</code> </th><td> <a href="webappapis.html#handler-onstalled" title="handler-onstalled">HTML elements</a> - </td><td> <code title="event-media-stalled"><a href="video.html#event-media-stalled">stalled</a></code> event handler + </td><td> <code title="event-media-stalled"><a href="the-iframe-element.html#event-media-stalled">stalled</a></code> event handler </td><td> <a href="webappapis.html#event-handler-content-attributes" title="event handler content attributes">Event handler content attribute</a> </td></tr><tr><th id="ix-handler-window-onstorage"> <code title="">onstorage</code> @@ -2804,12 +2804,12 @@ </td></tr><tr><th id="ix-handler-onsuspend"> <code title="">onsuspend</code> </th><td> <a href="webappapis.html#handler-onsuspend" title="handler-onsuspend">HTML elements</a> - </td><td> <code title="event-media-suspend"><a href="video.html#event-media-suspend">suspend</a></code> event handler + </td><td> <code title="event-media-suspend"><a href="the-iframe-element.html#event-media-suspend">suspend</a></code> event handler </td><td> <a href="webappapis.html#event-handler-content-attributes" title="event handler content attributes">Event handler content attribute</a> </td></tr><tr><th id="ix-handler-ontimeupdate"> <code title="">ontimeupdate</code> </th><td> <a href="webappapis.html#handler-ontimeupdate" title="handler-ontimeupdate">HTML elements</a> - </td><td> <code title="event-media-timeupdate"><a href="video.html#event-media-timeupdate">timeupdate</a></code> event handler + </td><td> <code title="event-media-timeupdate"><a href="the-iframe-element.html#event-media-timeupdate">timeupdate</a></code> event handler </td><td> <a href="webappapis.html#event-handler-content-attributes" title="event handler content attributes">Event handler content attribute</a> </td></tr><tr><th id="ix-handler-window-onundo"> <code title="">onundo</code> @@ -2824,12 +2824,12 @@ </td></tr><tr><th id="ix-handler-onvolumechange"> <code title="">onvolumechange</code> </th><td> <a href="webappapis.html#handler-onvolumechange" title="handler-onvolumechange">HTML elements</a> - </td><td> <code title="event-media-volumechange"><a href="video.html#event-media-volumechange">volumechange</a></code> event handler + </td><td> <code title="event-media-volumechange"><a href="the-iframe-element.html#event-media-volumechange">volumechange</a></code> event handler </td><td> <a href="webappapis.html#event-handler-content-attributes" title="event handler content attributes">Event handler content attribute</a> </td></tr><tr><th id="ix-handler-onwaiting"> <code title="">onwaiting</code> </th><td> <a href="webappapis.html#handler-onwaiting" title="handler-onwaiting">HTML elements</a> - </td><td> <code title="event-media-waiting"><a href="video.html#event-media-waiting">waiting</a></code> event handler + </td><td> <code title="event-media-waiting"><a href="the-iframe-element.html#event-media-waiting">waiting</a></code> event handler </td><td> <a href="webappapis.html#event-handler-content-attributes" title="event handler content attributes">Event handler content attribute</a> </td></tr></tbody></table><h3 class="no-num" id="interfaces">Interfaces</h3><p><i>This section is non-normative.</i></p><table><caption>List of interfaces for elements</caption> @@ -2853,8 +2853,8 @@ </td></tr><tr><td> <code><a href="sections.html#the-aside-element">aside</a></code> </td><td> <code><a href="elements.html#htmlelement">HTMLElement</a></code> - </td></tr><tr><td> <code><a href="video.html#audio">audio</a></code> - </td><td> <code><a href="video.html#htmlaudioelement">HTMLAudioElement</a></code> : <code><a href="video.html#htmlmediaelement">HTMLMediaElement</a></code> : <code><a href="elements.html#htmlelement">HTMLElement</a></code> + </td></tr><tr><td> <code><a href="the-iframe-element.html#the-audio-element">audio</a></code> + </td><td> <code><a href="the-iframe-element.html#htmlaudioelement">HTMLAudioElement</a></code> : <code><a href="the-iframe-element.html#htmlmediaelement">HTMLMediaElement</a></code> : <code><a href="elements.html#htmlelement">HTMLElement</a></code> </td></tr><tr><td> <code><a href="text-level-semantics.html#the-b-element">b</a></code> </td><td> <code><a href="elements.html#htmlelement">HTMLElement</a></code> @@ -2871,7 +2871,7 @@ </td></tr><tr><td> <code><a href="grouping-content.html#the-blockquote-element">blockquote</a></code> </td><td> <code><a href="grouping-content.html#htmlquoteelement">HTMLQuoteElement</a></code> : <code><a href="elements.html#htmlelement">HTMLElement</a></code> - </td></tr><tr><td> <code><a href="sections.html#the-body-element-0">body</a></code> + </td></tr><tr><td> <code><a href="sections.html#the-body-element">body</a></code> </td><td> <code><a href="sections.html#htmlbodyelement">HTMLBodyElement</a></code> : <code><a href="elements.html#htmlelement">HTMLElement</a></code> </td></tr><tr><td> <code><a href="text-level-semantics.html#the-br-element">br</a></code> @@ -2898,7 +2898,7 @@ </td></tr><tr><td> <code><a href="tabular-data.html#the-colgroup-element">colgroup</a></code> </td><td> <code><a href="tabular-data.html#htmltablecolelement">HTMLTableColElement</a></code> : <code><a href="elements.html#htmlelement">HTMLElement</a></code> - </td></tr><tr><td> <code><a href="interactive-elements.html#the-command">command</a></code> + </td></tr><tr><td> <code><a href="interactive-elements.html#the-command-element">command</a></code> </td><td> <code><a href="interactive-elements.html#htmlcommandelement">HTMLCommandElement</a></code> : <code><a href="elements.html#htmlelement">HTMLElement</a></code> </td></tr><tr><td> <code><a href="the-button-element.html#the-datalist-element">datalist</a></code> @@ -2943,7 +2943,7 @@ </td></tr><tr><td> <code><a href="forms.html#the-form-element">form</a></code> </td><td> <code><a href="forms.html#htmlformelement">HTMLFormElement</a></code> : <code><a href="elements.html#htmlelement">HTMLElement</a></code> - </td></tr><tr><td> <code><a href="semantics.html#the-head-element-0">head</a></code> + </td></tr><tr><td> <code><a href="semantics.html#the-head-element">head</a></code> </td><td> <code><a href="semantics.html#htmlheadelement">HTMLHeadElement</a></code> : <code><a href="elements.html#htmlelement">HTMLElement</a></code> </td></tr><tr><td> <code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code> @@ -2973,7 +2973,7 @@ </td></tr><tr><td> <code><a href="grouping-content.html#the-hr-element">hr</a></code> </td><td> <code><a href="grouping-content.html#htmlhrelement">HTMLHRElement</a></code> : <code><a href="elements.html#htmlelement">HTMLElement</a></code> - </td></tr><tr><td> <code><a href="semantics.html#the-html-element-0">html</a></code> + </td></tr><tr><td> <code><a href="semantics.html#the-html-element">html</a></code> </td><td> <code><a href="semantics.html#htmlhtmlelement">HTMLHtmlElement</a></code> : <code><a href="elements.html#htmlelement">HTMLElement</a></code> </td></tr><tr><td> <code><a href="text-level-semantics.html#the-i-element">i</a></code> @@ -3078,8 +3078,8 @@ </td></tr><tr><td> <code><a href="text-level-semantics.html#the-small-element">small</a></code> </td><td> <code><a href="elements.html#htmlelement">HTMLElement</a></code> - </td></tr><tr><td> <code><a href="video.html#the-source-element">source</a></code> - </td><td> <code><a href="video.html#htmlsourceelement">HTMLSourceElement</a></code> : <code><a href="elements.html#htmlelement">HTMLElement</a></code> + </td></tr><tr><td> <code><a href="the-iframe-element.html#the-source-element">source</a></code> + </td><td> <code><a href="the-iframe-element.html#htmlsourceelement">HTMLSourceElement</a></code> : <code><a href="elements.html#htmlelement">HTMLElement</a></code> </td></tr><tr><td> <code><a href="text-level-semantics.html#the-span-element">span</a></code> </td><td> <code><a href="text-level-semantics.html#htmlspanelement">HTMLSpanElement</a></code> : <code><a href="elements.html#htmlelement">HTMLElement</a></code> @@ -3123,14 +3123,14 @@ </td></tr><tr><td> <code><a href="text-level-semantics.html#the-time-element">time</a></code> </td><td> <code><a href="text-level-semantics.html#htmltimeelement">HTMLTimeElement</a></code> : <code><a href="elements.html#htmlelement">HTMLElement</a></code> - </td></tr><tr><td> <code><a href="semantics.html#the-title-element-0">title</a></code> + </td></tr><tr><td> <code><a href="semantics.html#the-title-element">title</a></code> </td><td> <code><a href="semantics.html#htmltitleelement">HTMLTitleElement</a></code> : <code><a href="elements.html#htmlelement">HTMLElement</a></code> </td></tr><tr><td> <code><a href="tabular-data.html#the-tr-element">tr</a></code> </td><td> <code><a href="tabular-data.html#htmltablerowelement">HTMLTableRowElement</a></code> : <code><a href="elements.html#htmlelement">HTMLElement</a></code> - </td></tr><tr><td> <code><a href="video.html#the-track-element">track</a></code> - </td><td> <code><a href="video.html#htmltrackelement">HTMLTrackElement</a></code> : <code><a href="elements.html#htmlelement">HTMLElement</a></code> + </td></tr><tr><td> <code><a href="the-iframe-element.html#the-track-element">track</a></code> + </td><td> <code><a href="the-iframe-element.html#htmltrackelement">HTMLTrackElement</a></code> : <code><a href="elements.html#htmlelement">HTMLElement</a></code> </td></tr><tr><td> <code><a href="text-level-semantics.html#the-u-element">u</a></code> </td><td> <code><a href="elements.html#htmlelement">HTMLElement</a></code> @@ -3141,8 +3141,8 @@ </td></tr><tr><td> <code><a href="text-level-semantics.html#the-var-element">var</a></code> </td><td> <code><a href="elements.html#htmlelement">HTMLElement</a></code> - </td></tr><tr><td> <code><a href="video.html#video">video</a></code> - </td><td> <code><a href="video.html#htmlvideoelement">HTMLVideoElement</a></code> : <code><a href="video.html#htmlmediaelement">HTMLMediaElement</a></code> : <code><a href="elements.html#htmlelement">HTMLElement</a></code> + </td></tr><tr><td> <code><a href="the-iframe-element.html#the-video-element">video</a></code> + </td><td> <code><a href="the-iframe-element.html#htmlvideoelement">HTMLVideoElement</a></code> : <code><a href="the-iframe-element.html#htmlmediaelement">HTMLMediaElement</a></code> : <code><a href="elements.html#htmlelement">HTMLElement</a></code> </td></tr><tr><td> <code><a href="text-level-semantics.html#the-wbr-element">wbr</a></code> </td><td> <code><a href="elements.html#htmlelement">HTMLElement</a></code> @@ -3246,7 +3246,7 @@ </td></tr><tr><td> <code title="event-show">show</code> </td><td> <code><a href="infrastructure.html#event">Event</a></code> - </td><td> Fired at a <code><a href="interactive-elements.html#menus">menu</a></code> element when it is shown as a context menu + </td><td> Fired at a <code><a href="interactive-elements.html#the-menu-element">menu</a></code> element when it is shown as a context menu </td></tr><tr><td> <code title="event-submit">submit</code> </td><td> <code><a href="infrastructure.html#event">Event</a></code> @@ -3257,6 +3257,6 @@ </td><td> <code><a href="infrastructure.html#event">Event</a></code> </td><td> Fired at the <code><a href="browsers.html#window">Window</a></code> object when the page is going away - </td></tr></tbody></table><p class="note">See also <a href="video.html#mediaevents">media element + </td></tr></tbody></table><p class="note">See also <a href="the-iframe-element.html#mediaevents">media element events</a>, <a href="offline.html#appcacheevents">application cache events</a>, and <a href="dnd.html#dndevents">drag-and-drop events</a>.</p></body></html> Index: the-button-element.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/the-button-element.html,v retrieving revision 1.9 retrieving revision 1.10 diff -u -d -r1.9 -r1.10 --- the-button-element.html 30 Apr 2011 11:35:46 -0000 1.9 +++ the-button-element.html 5 May 2011 18:12:09 -0000 1.10 @@ -1258,7 +1258,8 @@ 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>; - void <a href="association-of-controls-and-forms.html#dom-textarea-input-setselectionrange" title="dom-textarea/input-setSelectionRange">setSelectionRange</a>(in unsigned long start, in unsigned long end); + 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>(in unsigned long start, in unsigned long end, in optional DOMString direction); };</pre> </dd> </dl><p>The <code><a href="#the-textarea-element">textarea</a></code> element <a href="rendering.html#represents">represents</a> a @@ -1290,9 +1291,13 @@ specified.</p> <p>When a <code><a href="#the-textarea-element">textarea</a></code> is <a href="#concept-textarea-mutable" title="concept-textarea-mutable">mutable</a>, its <a href="#concept-textarea-raw-value" title="concept-textarea-raw-value">raw value</a> should be - editable by the user. Any time the user causes the element's <a href="#concept-textarea-raw-value" title="concept-textarea-raw-value">raw 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-textarea-element">textarea</a></code> + editable by the user: the user agent should allow the user to edit, + insert, and remove text, and to insert and remove line breaks in the + form of U+000A LINE FEED (LF) characters. Any time the user causes + the element's <a href="#concept-textarea-raw-value" title="concept-textarea-raw-value">raw + 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-textarea-element">textarea</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 @@ -1490,6 +1495,7 @@ <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> 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 @@ -1949,7 +1955,10 @@ completion represented by the element. The <dfn id="attr-progress-value" title="attr-progress-value"><code>value</code></dfn> attribute specifies how much of the task has been completed, and the <dfn id="attr-progress-max" title="attr-progress-max"><code>max</code></dfn> attribute specifies how much work the task requires in total. The units are arbitrary - and not specified.</p><p>Authors are encouraged to also include the current value and the + and not specified.</p><p class="note">To make an determinate progress bar, add a <code title="attr-progress-value"><a href="#attr-progress-value">value</a></code> attribute with the current + progress (either a number from 0.0 to 1.0, or, if the <code title="attr-progress-max"><a href="#attr-progress-max">max</a></code> attribute is specified, a + number from 0 to the value of the <code title="attr-progress-max"><a href="#attr-progress-max">max</a></code> attribute. To make an + indeterminate progress bar, remove the <code title="attr-progress-value"><a href="#attr-progress-value">value</a></code> attribute.</p><p>Authors are encouraged to also include the current value and the maximum value inline as text inside the element, so that the progress is made available to users of legacy user agents.</p><div class="example"> <p>Here is a snippet of a Web application that shows the progress Index: dnd.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/dnd.html,v retrieving revision 1.9 retrieving revision 1.10 diff -u -d -r1.9 -r1.10 --- dnd.html 30 Apr 2011 11:35:44 -0000 1.9 +++ dnd.html 5 May 2011 18:12:08 -0000 1.10 @@ -456,7 +456,7 @@ </dd> - <dt><i>File</i></dt> + <dt><i><a href="infrastructure.html#file">File</a></i></dt> <dd> <p>Binary data with a file name.</p> </dd> @@ -577,7 +577,7 @@ DOMString <a href="#dom-datatransfer-getdata" title="dom-DataTransfer-getData">getData</a>(in DOMString format); void <a href="#dom-datatransfer-setdata" title="dom-DataTransfer-setData">setData</a>(in DOMString format, in DOMString data); void <a href="#dom-datatransfer-cleardata" title="dom-DataTransfer-clearData">clearData</a>(in optional DOMString format); - readonly attribute <span>FileList</span> <a href="#dom-datatransfer-files" title="dom-DataTransfer-files">files</a>; + readonly attribute <a href="infrastructure.html#filelist">FileList</a> <a href="#dom-datatransfer-files" title="dom-DataTransfer-files">files</a>; };</pre><dl class="domintro"><dt><var title="">dataTransfer</var> . <code title="dom-DataTransfer-dropEffect"><a href="#dom-datatransfer-dropeffect">dropEffect</a></code> [ = <var title="">value</var> ]</dt> <dd> @@ -678,7 +678,7 @@ <dd> - <p>Returns a <code>FileList</code> of the files being dragged, if any.</p> + <p>Returns a <code><a href="infrastructure.html#filelist">FileList</a></code> of the files being dragged, if any.</p> </dd> @@ -773,7 +773,7 @@ <li><p>If there are any items in the <a href="#drag-data-store-item-list">drag data store item list</a> whose <a href="#the-drag-data-item-kind" title="the drag data item kind">kind</a> - is <i>File</i>, then add an entry to the list <var title="">L</var> + is <i><a href="infrastructure.html#file">File</a></i>, then add an entry to the list <var title="">L</var> consisting of the string "<code title="">Files</code>". (This value can be distinguished from the other values because it is not lowercase.)</p></li> @@ -783,7 +783,7 @@ <li><p>The strings produced by these steps are those in the list <var title="">L</var>.</p></li> - </ol><p>The <dfn id="dom-datatransfer-getdata" title="dom-DataTransfer-getData"><code>getData(<var title="">format</var>, <var title="">data</var>)</code></dfn> method + </ol><p>The <dfn id="dom-datatransfer-getdata" title="dom-DataTransfer-getData"><code>getData(<var title="">format</var>)</code></dfn> method must run the following steps:</p> <ol><li><p>If the <code><a href="#datatransfer">DataTransfer</a></code> object is no longer @@ -884,25 +884,25 @@ were included in the drag).</p> <p>The <dfn id="dom-datatransfer-files" title="dom-DataTransfer-files"><code>files</code></dfn> - attribute must return a <a href="infrastructure.html#live">live</a> <code>FileList</code> - sequence consisting of <code>File</code> objects representing the + attribute must return a <a href="infrastructure.html#live">live</a> <code><a href="infrastructure.html#filelist">FileList</a></code> + sequence consisting of <code><a href="infrastructure.html#file">File</a></code> objects representing the files found by the following steps. The same object must be returned - each time. Furthermore, for a given <code>FileList</code> object and - a given underlying file, the same <code>File</code> object must be + each time. Furthermore, for a given <code><a href="infrastructure.html#filelist">FileList</a></code> object and + a given underlying file, the same <code><a href="infrastructure.html#file">File</a></code> object must be used each time.</p> <ol><li><p>Start with an empty list <var title="">L</var>.</p></li> <li><p>If the <code><a href="#datatransfer">DataTransfer</a></code> object is no longer associated with a <a href="#drag-data-store">drag data store</a>, the - <code>FileList</code> is empty. Abort these steps; return the + <code><a href="infrastructure.html#filelist">FileList</a></code> is empty. Abort these steps; return the empty list <var title="">L</var>.</p></li> <li><p>If the <a href="#drag-data-store">drag data store</a>'s <a href="#drag-data-store-mode" title="drag data store mode">mode</a> is in the <a href="#concept-dnd-p" title="concept-dnd-p">protected mode</a>, abort these steps; return the empty list <var title="">L</var>.</p></li> <li><p>For each item in the <a href="#drag-data-store-item-list">drag data store item list</a> - whose <a href="#the-drag-data-item-kind" title="the drag data item kind">kind</a> is <i>File</i> , + whose <a href="#the-drag-data-item-kind" title="the drag data item kind">kind</a> is <i><a href="infrastructure.html#file">File</a></i> , add the item's data (the file, in particular its name and contents, as well as its <a href="#the-drag-data-item-type-string" title="the drag data item type string">type</a>) to the list <var title="">L</var>.</p></li> @@ -920,7 +920,7 @@ <a href="#dom-datatransferitems-removeitem" title="dom-DataTransferItems-removeItem">deleter</a> void (in unsigned long index); void <a href="#dom-datatransferitems-clear" title="dom-DataTransferItems-clear">clear</a>(); - <a href="#datatransferitem">DataTransferItem</a> <a href="#dom-datatransferitems-add" title="dom-DataTransferItems-add">add</a>(in DOMString data, in DOMString type); <a href="#datatransferitem">DataTransferItem</a> <a href="#dom-datatransferitems-add" title="dom-DataTransferItems-add">add</a>(in <span>File</span> data);};</pre><dl class="domintro"><dt><var title="">items</var> . <code title="dom-DataTransferItems-length"><a href="#dom-datatransferitems-length">length</a></code></dt> + <a href="#datatransferitem">DataTransferItem</a> <a href="#dom-datatransferitems-add" title="dom-DataTransferItems-add">add</a>(in DOMString data, in DOMString type); <a href="#datatransferitem">DataTransferItem</a> <a href="#dom-datatransferitems-add" title="dom-DataTransferItems-add">add</a>(in <a href="infrastructure.html#file">File</a> data);};</pre><dl class="domintro"><dt><var title="">items</var> . <code title="dom-DataTransferItems-length"><a href="#dom-datatransferitems-length">length</a></code></dt> <dd><p>Returns the number of items in the <a href="#drag-data-store">drag data store</a>.</p></dd> @@ -1053,15 +1053,15 @@ </dd> - <dt>If the first argument to the method is a <code>File</code></dt> + <dt>If the first argument to the method is a <code><a href="infrastructure.html#file">File</a></code></dt> <dd> <p>Add an item to the <a href="#drag-data-store-item-list">drag data store item list</a> whose <a href="#the-drag-data-item-kind" title="the drag data item kind">kind</a> is - <i>File</i>, whose <a href="#the-drag-data-item-type-string" title="the drag data item type string">type string</a> is the <code title="dom-Blob-type">type</code> of the <code>File</code>, + <i><a href="infrastructure.html#file">File</a></i>, whose <a href="#the-drag-data-item-type-string" title="the drag data item type string">type string</a> is the <code title="dom-Blob-type">type</code> of the <code><a href="infrastructure.html#file">File</a></code>, <a href="infrastructure.html#converted-to-ascii-lowercase">converted to ASCII lowercase</a>, and whose data is the - same as the <code>File</code>'s data.</p> + same as the <code><a href="infrastructure.html#file">File</a></code>'s data.</p> </dd> @@ -1077,7 +1077,7 @@ <code><a href="#datatransfer">DataTransfer</a></code> object.</p><pre class="idl">interface <dfn id="datatransferitem">DataTransferItem</dfn> { readonly attribute DOMString <a href="#dom-datatransferitem-kind" title="dom-DataTransferItem-kind">kind</a>; readonly attribute DOMString <a href="#dom-datatransferitem-type" title="dom-DataTransferItem-type">type</a>; - void <a href="#dom-datatransferitem-getasstring" title="dom-DataTransferItem-getAsString">getAsString</a>(in <a href="#functionstringcallback">FunctionStringCallback</a> callback); <span>File</span> <a href="#dom-datatransferitem-getasfile" title="dom-DataTransferItem-getAsFile">getAsFile</a>();}; + void <a href="#dom-datatransferitem-getasstring" title="dom-DataTransferItem-getAsString">getAsString</a>(in <a href="#functionstringcallback">FunctionStringCallback</a> callback); <a href="infrastructure.html#file">File</a> <a href="#dom-datatransferitem-getasfile" title="dom-DataTransferItem-getAsFile">getAsFile</a>();}; [Callback=FunctionOnly, NoInterfaceObject] interface <dfn id="functionstringcallback">FunctionStringCallback</dfn> { @@ -1108,7 +1108,7 @@ <dt><var title="">file</var> = <var title="">item</var> . <code title="dom-DataTransferItem-getAsFile"><a href="#dom-datatransferitem-getasfile">getAsFile</a></code>()</dt> <dd> - <p>Returns a <code>File</code> object, if <a href="#the-drag-data-item-kind">the drag data item kind</a> is <i>File</i>.</p> + <p>Returns a <code><a href="infrastructure.html#file">File</a></code> object, if <a href="#the-drag-data-item-kind">the drag data item kind</a> is <i><a href="infrastructure.html#file">File</a></i>.</p> </dd> @@ -1144,7 +1144,7 @@ <table><thead><tr><th> Kind </th><th> String </th></tr></thead><tbody><tr><td> <i>Plain Unicode string</i> </td><td> "<code title="">string</code>" - </td></tr><tr><td> <i>File</i> </td><td> "<code title="">file</code>" + </td></tr><tr><td> <i><a href="infrastructure.html#file">File</a></i> </td><td> "<code title="">file</code>" </td></tr></tbody></table><p>The <dfn id="dom-datatransferitem-type" title="dom-DataTransferItem-type"><code>type</code></dfn> attribute must return the empty string if the <code><a href="#datatransferitem">DataTransferItem</a></code> object is in the <i>disabled mode</i>; otherwise it must return @@ -1174,10 +1174,10 @@ <ol><li><p>If the <code><a href="#datatransferitem">DataTransferItem</a></code> object is not in the <i title="concept-dnd-rw"><a href="#concept-dnd-rw">read/write mode</a></i> or the <i title="concept-dnd-ro"><a href="#concept-dnd-ro">read-only mode</a></i>, return null and abort these steps.</p></li> - <li><p>If <a href="#the-drag-data-item-kind">the drag data item kind</a> is not <i>File</i>, + <li><p>If <a href="#the-drag-data-item-kind">the drag data item kind</a> is not <i><a href="infrastructure.html#file">File</a></i>, then return null and abort these steps.</p></li> - <li><p>Return a new <code>File</code> object representing the + <li><p>Return a new <code><a href="infrastructure.html#file">File</a></code> object representing the actual data of the item represented by the <code><a href="#datatransferitem">DataTransferItem</a></code> object.</p> @@ -1399,7 +1399,7 @@ </dt><dd>The MIME type of the file, if known, or "<code>application/octet-stream</code>" otherwise.</dd> <dt><a href="#the-drag-data-item-kind">The drag data item kind</a> - </dt><dd><i>File</i></dd> + </dt><dd><i><a href="infrastructure.html#file">File</a></i></dd> <dt>The actual data</dt> <dd>The file's contents and name.</dd> @@ -1652,7 +1652,7 @@ <dt>If the <a href="#current-target-element">current target element</a> is - <a href="dom.html#the-body-element">the body element</a></dt> + <a href="dom.html#the-body-element-0">the body element</a></dt> <dd><p>Leave the <a href="#current-target-element">current target element</a> unchanged.</p></dd> @@ -1662,14 +1662,14 @@ <dd> - <p><a href="#fire-a-dnd-event">Fire a DND event</a> named <code title="event-dragenter"><a href="#event-dragenter">dragenter</a></code> at <a href="dom.html#the-body-element">the body + <p><a href="#fire-a-dnd-event">Fire a DND event</a> named <code title="event-dragenter"><a href="#event-dragenter">dragenter</a></code> at <a href="dom.html#the-body-element-0">the body element</a>, and set the <a href="#current-target-element">current target - element</a> to <a href="dom.html#the-body-element">the body element</a>, regardless + element</a> to <a href="dom.html#the-body-element-0">the body element</a>, regardless of whether that event was canceled or not.</p> - <p class="note">If <a href="dom.html#the-body-element">the body element</a> is null, + <p class="note">If <a href="dom.html#the-body-element-0">the body element</a> is null, then the event will be fired at the <code><a href="infrastructure.html#document">Document</a></code> - object (as required by the definition of <a href="dom.html#the-body-element">the body + object (as required by the definition of <a href="dom.html#the-body-element-0">the body element</a>), but the <a href="#current-target-element">current target element</a> would be set to null, not the <code><a href="infrastructure.html#document">Document</a></code> object.</p></dd> @@ -1942,7 +1942,7 @@ </td><td>"<code title="">none</code>"</td> <td>Continue the drag-and-drop operation</td> </tr><tr><td><dfn id="event-dragenter" title="event-dragenter"><code>dragenter</code></dfn></td> - <td><a href="#immediate-user-selection">Immediate user selection</a> or <a href="dom.html#the-body-element">the body element</a></td> + <td><a href="#immediate-user-selection">Immediate user selection</a> or <a href="dom.html#the-body-element-0">the body element</a></td> <td>✓ Cancelable</td> <td><a href="#concept-dnd-p" title="concept-dnd-p">Protected mode</a> @@ -2073,7 +2073,7 @@ case-insensitive</a> match for the string "<code title="">f:</code>")<dt> </dt></dt><dd><p>Indicates that items with <a href="#the-drag-data-item-kind">the drag data item - kind</a> <i>File</i> and <a href="#the-drag-data-item-type-string">the drag data item type + kind</a> <i><a href="infrastructure.html#file">File</a></i> and <a href="#the-drag-data-item-type-string">the drag data item type string</a> set to a value that matches the remainder of the keyword are accepted.</p></dd> @@ -2158,7 +2158,7 @@ <dd> <p>Let <var title="">kind</var> be - <i>File</i>.</p> + <i><a href="infrastructure.html#file">File</a></i>.</p> </dd> @@ -2486,7 +2486,7 @@ that <a href="editing.html#contenteditable-delete">the selection be deleted</a>.</p></li> <li><p>Invoke the <a href="the-end.html#html-fragment-parsing-algorithm">HTML fragment parsing algorithm</a> - with an arbitrary orphan <code><a href="sections.html#the-body-element-0">body</a></code> element owned by the + with an arbitrary orphan <code><a href="sections.html#the-body-element">body</a></code> element owned by the same <code><a href="infrastructure.html#document">Document</a></code> as the <i title="">context</i> element and with the <var title="">value</var> argument as <i title="">input</i>.</p></li> <li><p>Insert the nodes returned by the previous step into the Index: links.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/links.html,v retrieving revision 1.9 retrieving revision 1.10 diff -u -d -r1.9 -r1.10 --- links.html 30 Apr 2011 11:35:45 -0000 1.9 +++ links.html 5 May 2011 18:12:08 -0000 1.10 @@ -1159,14 +1159,14 @@ — 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-0">body</a></code> elements marks up the main content of the + the <code><a href="sections.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"> <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-0">body</a></code> is marked up + the <em>other</em> content in the <code><a href="sections.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> @@ -1580,7 +1580,7 @@ <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 <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 specification might apply more specific rules regarding + <p>Other specifications might apply more specific rules regarding how these elements are to match these pseudo-elements, to mitigate some privacy concerns that apply with straightforward implementations of this requirement.</p> @@ -1619,7 +1619,7 @@ <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">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="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>elements that are <a href="editing.html#specially-focusable">specially focusable</a></li> @@ -1678,10 +1678,10 @@ <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="interactive-elements.html#the-command">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="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="grouping-content.html#the-li-element">li</a></code> elements that are children of - <code><a href="interactive-elements.html#menus">menu</a></code> elements, and that have a child element that + <code><a href="interactive-elements.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> @@ -1711,10 +1711,10 @@ <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="interactive-elements.html#the-command">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="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="grouping-content.html#the-li-element">li</a></code> elements that are children of - <code><a href="interactive-elements.html#menus">menu</a></code> elements, and that have a child element that + <code><a href="interactive-elements.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> @@ -1743,11 +1743,11 @@ <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 true</li> - <li><code><a href="interactive-elements.html#the-command">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 + <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> attribute</li> - <li><code><a href="interactive-elements.html#the-command">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 + <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> attribute</li> @@ -1758,12 +1758,19 @@ <dd> + + <p>The <code title="selector-indeterminate"><a href="#selector-indeterminate">:indeterminate</a></code> - pseudo-class must match <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 - <code title="dom-input-indeterminate"><a href="the-input-element.html#dom-input-indeterminate">indeterminate</a></code> IDL - attribute is set to true.</p> + pseudo-class must match any element falling into one of the + following categories:</p> - </dd> + <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 + <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> + + </ul></dd> <dt><dfn id="selector-default" title="selector-default"><code>:default</code></dfn></dt> Index: spec.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/spec.html,v retrieving revision 1.10 retrieving revision 1.11 diff -u -d -r1.10 -r1.11 --- spec.html 30 Apr 2011 11:35:46 -0000 1.10 +++ spec.html 5 May 2011 18:12:09 -0000 1.11 @@ -342,7 +342,7 @@ <h1>HTML5</h1> <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-29-april-2011">Editor's Draft 29 April 2011</h2> + <h2 class="no-num no-toc" id="editor-s-draft-5-may-2011">Editor's Draft 5 May 2011</h2> <dl><dt>Latest Published Version:</dt> <dd><a href="http://www.w3.org/TR/html5/">http://www.w3.org/TR/html5/</a></dd> <dt>Latest Editor's Draft:</dt> @@ -365,7 +365,7 @@ <a href="Overview.html">single page HTML</a>, <a href="spec.html">multipage HTML</a>, <a href="author/">web developer edition</a>. -This is revision 1.4852. +This is revision 1.4886. </p> <p class="copyright"><a href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2010 <a href="http://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a href="http://www.csail.mit.edu/"><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href="http://www.ercim.org/"><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>, <a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C @@ -482,7 +482,7 @@ Group</a> is the W3C working group responsible for this specification's progress along the W3C Recommendation track. - This specification is the 29 April 2011 Editor's Draft. + This specification is the 5 May 2011 Editor's Draft. </p><!-- UNDER NO CIRCUMSTANCES IS THE PRECEDING PARAGRAPH TO BE REMOVED OR EDITED WITHOUT TALKING TO IAN FIRST --><p>Work on this specification is also done at the <a href="http://www.whatwg.org/">WHATWG</a>. The W3C HTML working group actively pursues convergence with the WHATWG, as required by the <a href="http://www.w3.org/2007/03/HTML-WG-charter">W3C HTML working group charter</a>.</p><!-- UNDER NO CIRCUMSTANCES IS THE FOLLOWING PARAGRAPH TO BE REMOVED OR EDITED WITHOUT TALKING TO IAN FIRST --><p>This document was produced by a group operating under the <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/">5 @@ -623,13 +623,13 @@ <li><a href="apis-in-html-documents.html#insertadjacenthtml"><span class="secno">3.5.7 </span><code title="dom-insertAdjacentHTML">insertAdjacentHTML()</code></a></li></ol></li></ol></li> <li><a href="semantics.html#semantics"><span class="secno">4 </span>The elements of HTML</a> <ol><li><a href="semantics.html#the-root-element"><span class="secno">4.1 </span>The root element</a> - <ol><li><a href="semantics.html#the-html-element-0"><span class="secno">4.1.1 </span>The <code>html</code> element</a></li></ol></li> + <ol><li><a href="semantics.html#the-html-element"><span class="secno">4.1.1 </span>The <code>html</code> element</a></li></ol></li> <li><a href="semantics.html#document-metadata"><span class="secno">4.2 </span>Document metadata</a> - <ol><li><a href="semantics.html#the-head-element-0"><span class="secno">4.2.1 </span>The <code>head</code> element</a></li> - <li><a href="semantics.html#the-title-element-0"><span class="secno">4.2.2 </span>The <code>title</code> element</a></li> + <ol><li><a href="semantics.html#the-head-element"><span class="secno">4.2.1 </span>The <code>head</code> element</a></li> + <li><a href="semantics.html#the-title-element"><span class="secno">4.2.2 </span>The <code>title</code> element</a></li> <li><a href="semantics.html#the-base-element"><span class="secno">4.2.3 </span>The <code>base</code> element</a></li> <li><a href="semantics.html#the-link-element"><span class="secno">4.2.4 </span>The <code>link</code> element</a></li> - <li><a href="semantics.html#meta"><span class="secno">4.2.5 </span>The <code>meta</code> element</a> + <li><a href="semantics.html#the-meta-element"><span class="secno">4.2.5 </span>The <code>meta</code> element</a> <ol><li><a href="semantics.html#standard-metadata-names"><span class="secno">4.2.5.1 </span>Standard metadata names</a></li> <li><a href="semantics.html#other-metadata-names"><span class="secno">4.2.5.2 </span>Other metadata names</a></li> <li><a href="semantics.html#pragma-directives"><span class="secno">4.2.5.3 </span>Pragma directives</a></li> @@ -638,21 +638,19 @@ <li><a href="semantics.html#the-style-element"><span class="secno">4.2.6 </span>The <code>style</code> element</a></li> <li><a href="semantics.html#styling"><span class="secno">4.2.7 </span>Styling</a></li></ol></li> <li><a href="scripting-1.html#scripting-1"><span class="secno">4.3 </span>Scripting</a> - <ol><li><a href="scripting-1.html#script"><span class="secno">4.3.1 </span>The <code>script</code> element</a> + <ol><li><a href="scripting-1.html#the-script-element"><span class="secno">4.3.1 </span>The <code>script</code> element</a> <ol><li><a href="scripting-1.html#scriptingLanguages"><span class="secno">4.3.1.1 </span>Scripting languages</a></li> <li><a href="scripting-1.html#restrictions-for-contents-of-script-elements"><span class="secno">4.3.1.2 </span>Restrictions for contents of <code>script</code> elements</a></li> - <li><a href="scripting-1.html#inline-documentation-for-external-scripts"><span class="secno">4.3.1.3 </span>Inline documentation for external scripts</a></li></ol></li> + <li><a href="scripting-1.html#inline-documentation-for-external-scripts"><span class="secno">4.3.1.3 </span>Inline documentation for external scripts</a></li> + <li><a href="scripting-1.html#scriptTagXSLT"><span class="secno">4.3.1.4 </span>Interaction of <code>script</code> elements and XSLT</a></li></ol></li> <li><a href="scripting-1.html#the-noscript-element"><span class="secno">4.3.2 </span>The <code>noscript</code> element</a></li></ol></li> <li><a href="sections.html#sections"><span class="secno">4.4 </span>Sections</a> - <ol><li><a href="sections.html#the-body-element-0"><span class="secno">4.4.1 </span>The <code>body</code> element</a></li> + <ol><li><a href="sections.html#the-body-element"><span class="secno">4.4.1 </span>The <code>body</code> element</a></li> <li><a href="sections.html#the-section-element"><span class="secno">4.4.2 </span>The <code>section</code> element</a></li> <li><a href="sections.html#the-nav-element"><span class="secno">4.4.3 </span>The <code>nav</code> element</a></li> <li><a href="sections.html#the-article-element"><span class="secno">4.4.4 </span>The <code>article</code> element</a></li> <li><a href="sections.html#the-aside-element"><span class="secno">4.4.5 </span>The <code>aside</code> element</a></li> - <li><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements"><span class="secno">4.4.6 </span>The <code>h1</code>, <code>h2</code>, - <code>h3</code>, <code>h4</code>, - <code>h5</code>, and <code>h6</code> - elements</a></li> + <li><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements"><span class="secno">4.4.6 </span>The <code>h1</code>, <code>h2</code>, <code>h3</code>, <code>h4</code>, <code>h5</code>, and <code>h6</code> elements</a></li> <li><a href="sections.html#the-hgroup-element"><span class="secno">4.4.7 </span>The <code>hgroup</code> element</a></li> <li><a href="sections.html#the-header-element"><span class="secno">4.4.8 </span>The <code>header</code> element</a></li> <li><a href="sections.html#the-footer-element"><span class="secno">4.4.9 </span>The <code>footer</code> element</a></li> @@ -728,39 +726,39 @@ <li><a href="the-iframe-element.html#the-embed-element"><span class="secno">4.8.3 </span>The <code>embed</code> element</a></li> <li><a href="the-iframe-element.html#the-object-element"><span class="secno">4.8.4 </span>The <code>object</code> element</a></li> <li><a href="the-iframe-element.html#the-param-element"><span class="secno">4.8.5 </span>The <code>param</code> element</a></li> - <li><a href="video.html#video"><span class="secno">4.8.6 </span>The <code>video</code> element</a></li> - <li><a href="video.html#audio"><span class="secno">4.8.7 </span>The <code>audio</code> element</a></li> - <li><a href="video.html#the-source-element"><span class="secno">4.8.8 </span>The <code>source</code> element</a></li> - <li><a href="video.html#the-track-element"><span class="secno">4.8.9 </span>The <code>track</code> element</a></li> - <li><a href="video.html#media-elements"><span class="secno">4.8.10 </span>Media elements</a> - <ol><li><a href="video.html#error-codes"><span class="secno">4.8.10.1 </span>Error codes</a></li> - <li><a href="video.html#location-of-the-media-resource"><span class="secno">4.8.10.2 </span>Location of the media resource</a></li> - <li><a href="video.html#mime-types"><span class="secno">4.8.10.3 </span>MIME types</a></li> - <li><a href="video.html#network-states"><span class="secno">4.8.10.4 </span>Network states</a></li> - <li><a href="video.html#loading-the-media-resource"><span class="secno">4.8.10.5 </span>Loading the media resource</a></li> - <li><a href="video.html#offsets-into-the-media-resource"><span class="secno">4.8.10.6 </span>Offsets into the media resource</a></li> - <li><a href="video.html#the-ready-states"><span class="secno">4.8.10.7 </span>The ready states</a></li> - <li><a href="video.html#playing-the-media-resource"><span class="secno">4.8.10.8 </span>Playing the media resource</a></li> - <li><a href="video.html#seeking"><span class="secno">4.8.10.9 </span>Seeking</a></li> - <li><a href="video.html#media-resources-with-multiple-media-tracks"><span class="secno">4.8.10.10 </span>Media resources with multiple media tracks</a> - <ol><li><a href="video.html#tracklist-objects"><span class="secno">4.8.10.10.1 </span><code>TrackList</code> objects</a></li> - <li><a href="video.html#selecting-specific-audio-and-video-tracks-declaratively"><span class="secno">4.8.10.10.2 </span>Selecting specific audio and video tracks declaratively</a></li></ol></li> - <li><a href="video.html#synchronising-multiple-media-elements"><span class="secno">4.8.10.11 </span>Synchronising multiple media elements</a> - <ol><li><a href="video.html#introduction-0"><span class="secno">4.8.10.11.1 </span>Introduction</a></li> - <li><a href="video.html#media-controllers"><span class="secno">4.8.10.11.2 </span>Media controllers</a></li> - <li><a href="video.html#assigning-a-media-controller-declaratively"><span class="secno">4.8.10.11.3 </span>Assigning a media controller declaratively</a></li></ol></li> - <li><a href="video.html#timed-text-tracks"><span class="secno">4.8.10.12 </span>Timed text tracks</a> - <ol><li><a href="video.html#text-track-model"><span class="secno">4.8.10.12.1 </span>Text track model</a></li> - <li><a href="video.html#sourcing-in-band-text-tracks"><span class="secno">4.8.10.12.2 </span>Sourcing in-band text tracks</a></li> - <li><a href="video.html#sourcing-out-of-band-text-tracks"><span class="secno">4.8.10.12.3 </span>Sourcing out-of-band text tracks</a></li> - <li><a href="video.html#text-track-api"><span class="secno">4.8.10.12.4 </span>Text track API</a></li> - <li><a href="video.html#cue-events"><span class="secno">4.8.10.12.5 </span>Event definitions</a></li></ol></li> - <li><a href="video.html#user-interface"><span class="secno">4.8.10.13 </span>User interface</a></li> - <li><a href="video.html#time-ranges"><span class="secno">4.8.10.14 </span>Time ranges</a></li> - <li><a href="video.html#mediaevents"><span class="secno">4.8.10.15 </span>Event summary</a></li> - <li><a href="video.html#security-and-privacy-considerations"><span class="secno">4.8.10.16 </span>Security and privacy considerations</a></li> - <li><a href="video.html#best-practices-for-authors-using-media-elements"><span class="secno">4.8.10.17 </span>Best practices for authors using media elements</a></li> - <li><a href="video.html#best-practices-for-implementors-of-media-elements"><span class="secno">4.8.10.18 </span>Best practices for implementors of media elements</a></li></ol></li> + <li><a href="the-iframe-element.html#the-video-element"><span class="secno">4.8.6 </span>The <code>video</code> element</a></li> + <li><a href="the-iframe-element.html#the-audio-element"><span class="secno">4.8.7 </span>The <code>audio</code> element</a></li> + <li><a href="the-iframe-element.html#the-source-element"><span class="secno">4.8.8 </span>The <code>source</code> element</a></li> + <li><a href="the-iframe-element.html#the-track-element"><span class="secno">4.8.9 </span>The <code>track</code> element</a></li> + <li><a href="the-iframe-element.html#media-elements"><span class="secno">4.8.10 </span>Media elements</a> + <ol><li><a href="the-iframe-element.html#error-codes"><span class="secno">4.8.10.1 </span>Error codes</a></li> + <li><a href="the-iframe-element.html#location-of-the-media-resource"><span class="secno">4.8.10.2 </span>Location of the media resource</a></li> + <li><a href="the-iframe-element.html#mime-types"><span class="secno">4.8.10.3 </span>MIME types</a></li> + <li><a href="the-iframe-element.html#network-states"><span class="secno">4.8.10.4 </span>Network states</a></li> + <li><a href="the-iframe-element.html#loading-the-media-resource"><span class="secno">4.8.10.5 </span>Loading the media resource</a></li> + <li><a href="the-iframe-element.html#offsets-into-the-media-resource"><span class="secno">4.8.10.6 </span>Offsets into the media resource</a></li> + <li><a href="the-iframe-element.html#the-ready-states"><span class="secno">4.8.10.7 </span>The ready states</a></li> + <li><a href="the-iframe-element.html#playing-the-media-resource"><span class="secno">4.8.10.8 </span>Playing the media resource</a></li> + <li><a href="the-iframe-element.html#seeking"><span class="secno">4.8.10.9 </span>Seeking</a></li> + <li><a href="the-iframe-element.html#media-resources-with-multiple-media-tracks"><span class="secno">4.8.10.10 </span>Media resources with multiple media tracks</a> + <ol><li><a href="the-iframe-element.html#tracklist-objects"><span class="secno">4.8.10.10.1 </span><code>TrackList</code> objects</a></li> + <li><a href="the-iframe-element.html#selecting-specific-audio-and-video-tracks-declaratively"><span class="secno">4.8.10.10.2 </span>Selecting specific audio and video tracks declaratively</a></li></ol></li> + <li><a href="the-iframe-element.html#synchronising-multiple-media-elements"><span class="secno">4.8.10.11 </span>Synchronising multiple media elements</a> + <ol><li><a href="the-iframe-element.html#introduction-0"><span class="secno">4.8.10.11.1 </span>Introduction</a></li> + <li><a href="the-iframe-element.html#media-controllers"><span class="secno">4.8.10.11.2 </span>Media controllers</a></li> + <li><a href="the-iframe-element.html#assigning-a-media-controller-declaratively"><span class="secno">4.8.10.11.3 </span>Assigning a media controller declaratively</a></li></ol></li> + <li><a href="the-iframe-element.html#timed-text-tracks"><span class="secno">4.8.10.12 </span>Timed text tracks</a> + <ol><li><a href="the-iframe-element.html#text-track-model"><span class="secno">4.8.10.12.1 </span>Text track model</a></li> + <li><a href="the-iframe-element.html#sourcing-in-band-text-tracks"><span class="secno">4.8.10.12.2 </span>Sourcing in-band text tracks</a></li> + <li><a href="the-iframe-element.html#sourcing-out-of-band-text-tracks"><span class="secno">4.8.10.12.3 </span>Sourcing out-of-band text tracks</a></li> + <li><a href="the-iframe-element.html#text-track-api"><span class="secno">4.8.10.12.4 </span>Text track API</a></li> + <li><a href="the-iframe-element.html#cue-events"><span class="secno">4.8.10.12.5 </span>Event definitions</a></li></ol></li> + <li><a href="the-iframe-element.html#user-interface"><span class="secno">4.8.10.13 </span>User interface</a></li> + <li><a href="the-iframe-element.html#time-ranges"><span class="secno">4.8.10.14 </span>Time ranges</a></li> + <li><a href="the-iframe-element.html#mediaevents"><span class="secno">4.8.10.15 </span>Event summary</a></li> + <li><a href="the-iframe-element.html#security-and-privacy-considerations"><span class="secno">4.8.10.16 </span>Security and privacy considerations</a></li> + <li><a href="the-iframe-element.html#best-practices-for-authors-using-media-elements"><span class="secno">4.8.10.17 </span>Best practices for authors using media elements</a></li> + <li><a href="the-iframe-element.html#best-practices-for-implementors-of-media-elements"><span class="secno">4.8.10.18 </span>Best practices for implementors of media elements</a></li></ol></li> <li><a href="the-canvas-element.html#the-canvas-element"><span class="secno">4.8.11 </span>The <code>canvas</code> element</a> <ol><li><a href="the-canvas-element.html#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> @@ -877,8 +875,8 @@ <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"><span class="secno">4.11.3 </span>The <code>command</code> element</a></li> - <li><a href="interactive-elements.html#menus"><span class="secno">4.11.4 </span>The <code>menu</code> element</a> + <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> Index: number-state.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/number-state.html,v retrieving revision 1.8 retrieving revision 1.9 diff -u -d -r1.8 -r1.9 --- number-state.html 30 Apr 2011 11:35:45 -0000 1.8 +++ number-state.html 5 May 2011 18:12:08 -0000 1.9 @@ -451,7 +451,8 @@ <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>, and + <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> @@ -590,7 +591,8 @@ <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>, and + <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> @@ -730,6 +732,7 @@ <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>, <code class="no-backref" title="dom-input-valueAsDate"><a href="common-input-element-attributes.html#dom-input-valueasdate">valueAsDate</a></code>, and <code class="no-backref" title="dom-input-valueAsNumber"><a href="common-input-element-attributes.html#dom-input-valueasnumber">valueAsNumber</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>, @@ -823,6 +826,7 @@ <code class="no-backref" title="dom-input-selectedOption"><a href="common-input-element-attributes.html#dom-input-selectedoption">selectedOption</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>, <code class="no-backref" title="dom-input-valueAsDate"><a href="common-input-element-attributes.html#dom-input-valueasdate">valueAsDate</a></code>, and <code class="no-backref" title="dom-input-valueAsNumber"><a href="common-input-element-attributes.html#dom-input-valueasnumber">valueAsNumber</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>, @@ -938,6 +942,7 @@ <code class="no-backref" title="dom-input-selectedOption"><a href="common-input-element-attributes.html#dom-input-selectedoption">selectedOption</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>, <code class="no-backref" title="dom-input-valueAsDate"><a href="common-input-element-attributes.html#dom-input-valueasdate">valueAsDate</a></code>, and <code class="no-backref" title="dom-input-valueAsNumber"><a href="common-input-element-attributes.html#dom-input-valueasnumber">valueAsNumber</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>, @@ -1097,6 +1102,7 @@ <code class="no-backref" title="dom-input-selectedOption"><a href="common-input-element-attributes.html#dom-input-selectedoption">selectedOption</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>, <code class="no-backref" title="dom-input-valueAsDate"><a href="common-input-element-attributes.html#dom-input-valueasdate">valueAsDate</a></code>, and <code class="no-backref" title="dom-input-valueAsNumber"><a href="common-input-element-attributes.html#dom-input-valueasnumber">valueAsNumber</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>, @@ -1173,6 +1179,7 @@ <code class="no-backref" title="dom-input-selectedOption"><a href="common-input-element-attributes.html#dom-input-selectedoption">selectedOption</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>, <code class="no-backref" title="dom-input-valueAsDate"><a href="common-input-element-attributes.html#dom-input-valueasdate">valueAsDate</a></code>, and <code class="no-backref" title="dom-input-valueAsNumber"><a href="common-input-element-attributes.html#dom-input-valueasnumber">valueAsNumber</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>, @@ -1360,6 +1367,7 @@ <code class="no-backref" title="dom-input-selectedOption"><a href="common-input-element-attributes.html#dom-input-selectedoption">selectedOption</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>, <code class="no-backref" title="dom-input-valueAsDate"><a href="common-input-element-attributes.html#dom-input-valueasdate">valueAsDate</a></code>, and <code class="no-backref" title="dom-input-valueAsNumber"><a href="common-input-element-attributes.html#dom-input-valueasnumber">valueAsNumber</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>, @@ -1434,6 +1442,7 @@ <code class="no-backref" title="dom-input-selectedOption"><a href="common-input-element-attributes.html#dom-input-selectedoption">selectedOption</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>, <code class="no-backref" title="dom-input-valueAsDate"><a href="common-input-element-attributes.html#dom-input-valueasdate">valueAsDate</a></code>, and <code class="no-backref" title="dom-input-valueAsNumber"><a href="common-input-element-attributes.html#dom-input-valueasnumber">valueAsNumber</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>, @@ -1503,6 +1512,7 @@ <code class="no-backref" title="dom-input-selectedOption"><a href="common-input-element-attributes.html#dom-input-selectedoption">selectedOption</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>, <code class="no-backref" title="dom-input-valueAsDate"><a href="common-input-element-attributes.html#dom-input-valueasdate">valueAsDate</a></code>, and <code class="no-backref" title="dom-input-valueAsNumber"><a href="common-input-element-attributes.html#dom-input-valueasnumber">valueAsNumber</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>, Index: sections.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/sections.html,v retrieving revision 1.8 retrieving revision 1.9 diff -u -d -r1.8 -r1.9 --- sections.html 30 Apr 2011 11:35:46 -0000 1.8 +++ sections.html 5 May 2011 18:12:09 -0000 1.9 @@ -346,14 +346,11 @@ <a href="spec.html#contents">Table of contents</a> – <a href="grouping-content.html" class="next">4.5 Grouping content</a> <ol class="toc"><li><ol><li><a href="sections.html#sections"><span class="secno">4.4 </span>Sections</a> - <ol><li><a href="sections.html#the-body-element-0"><span class="secno">4.4.1 </span>The <code>body</code> element</a></li><li><a href="sections.html#the-section-element"><span class="secno">4.4.2 </span>The <code>section</code> element</a></li><li><a href="sections.html#the-nav-element"><span class="secno">4.4.3 </span>The <code>nav</code> element</a></li><li><a href="sections.html#the-article-element"><span class="secno">4.4.4 </span>The <code>article</code> element</a></li><li><a href="sections.html#the-aside-element"><span class="secno">4.4.5 </span>The <code>aside</code> element</a></li><li><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements"><span class="secno">4.4.6 </span>The <code>h1</code>, <code>h2</code>, - <code>h3</code>, <code>h4</code>, - <code>h5</code>, and <code>h6</code> - elements</a></li><li><a href="sections.html#the-hgroup-element"><span class="secno">4.4.7 </span>The <code>hgroup</code> element</a></li><li><a href="sections.html#the-header-element"><span class="secno">4.4.8 </span>The <code>header</code> element</a></li><li><a href="sections.html#the-footer-element"><span class="secno">4.4.9 </span>The <code>footer</code> element</a></li><li><a href="sections.html#the-address-element"><span class="secno">4.4.10 </span>The <code>address</code> element</a></li><li><a href="sections.html#headings-and-sections"><span class="secno">4.4.11 </span>Headings and sections</a> - <ol><li><a href="sections.html#outlines"><span class="secno">4.4.11.1 </span>Creating an outline</a></li></ol></li></ol></li></ol></li></ol></div><h3 id="sections"><span class="secno">4.4 </span>Sections</h3><h4 id="the-body-element-0"><span class="secno">4.4.1 </span>The <dfn><code>body</code></dfn> element</h4><dl class="element"><dt>Categories</dt> + <ol><li><a href="sections.html#the-body-element"><span class="secno">4.4.1 </span>The <code>body</code> element</a></li><li><a href="sections.html#the-section-element"><span class="secno">4.4.2 </span>The <code>section</code> element</a></li><li><a href="sections.html#the-nav-element"><span class="secno">4.4.3 </span>The <code>nav</code> element</a></li><li><a href="sections.html#the-article-element"><span class="secno">4.4.4 </span>The <code>article</code> element</a></li><li><a href="sections.html#the-aside-element"><span class="secno">4.4.5 </span>The <code>aside</code> element</a></li><li><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements"><span class="secno">4.4.6 </span>The <code>h1</code>, <code>h2</code>, <code>h3</code>, <code>h4</code>, <code>h5</code>, and <code>h6</code> elements</a></li><li><a href="sections.html#the-hgroup-element"><span class="secno">4.4.7 </span>The <code>hgroup</code> element</a></li><li><a href="sections.html#the-header-element"><span class="secno">4.4.8 </spanThe <code>header</code> element</a></li><li><a href="sections.html#the-footer-element"><span class="secno">4.4.9 </span>The <code>footer</code> element</a></li><li><a href="sections.html#the-address-element"><span class="secno">4.4.10 </span>The <code>address</code> element</a></li><li><a href="sections.html#headings-and-sections"><span class="secno">4.4.11 </span>Headings and sections</a> + <ol><li><a href="sections.html#outlines"><span class="secno">4.4.11.1 </span>Creating an outline</a></li></ol></li></ol></li></ol></li></ol></div><h3 id="sections"><span class="secno">4.4 </span>Sections</h3><h4 id="the-body-element"><span class="secno">4.4.1 </span>The <dfn><code>body</code></dfn> element</h4><dl class="element"><dt>Categories</dt> <dd><a href="#sectioning-root">Sectioning root</a>.</dd> <dt>Contexts in which this element can be used:</dt> - <dd>As the second element in an <code><a href="semantics.html#the-html-element-0">html</a></code> element.</dd> + <dd>As the second element in an <code><a href="semantics.html#the-html-element">html</a></code> element.</dd> <dt>Content model:</dt> <dd><a href="content-models.html#flow-content">Flow content</a>.</dd> <dt>Content attributes:</dt> @@ -403,39 +400,39 @@ attribute <a href="webappapis.html#function">Function</a> <a href="webappapis.html#handler-window-onunload" title="handler-window-onunload">onunload</a>; };</pre> </dd> - </dl><p>The <code><a href="#the-body-element-0">body</a></code> element <a href="rendering.html#represents">represents</a> the main - content of the document.</p><p>In conforming documents, there is only one <code><a href="#the-body-element-0">body</a></code> + </dl><p>The <code><a href="#the-body-element">body</a></code> element <a href="rendering.html#represents">represents</a> the main + content of the document.</p><p>In conforming documents, there is only one <code><a href="#the-body-element">body</a></code> element. The <code title="dom-document-body"><a href="dom.html#dom-document-body">document.body</a></code> IDL attribute provides scripts with easy access to a document's - <code><a href="#the-body-element-0">body</a></code> element.</p><div class="impl"> + <code><a href="#the-body-element">body</a></code> element.</p><div class="impl"> <p class="note">Some DOM operations (for example, parts of the - <a href="dnd.html#dnd">drag and drop</a> model) are defined in terms of "<a href="dom.html#the-body-element">the + <a href="dnd.html#dnd">drag and drop</a> model) are defined in terms of "<a href="dom.html#the-body-element-0">the body element</a>". This refers to a particular element in the DOM, as per the definition of the term, and not any arbitrary - <code><a href="#the-body-element-0">body</a></code> element.</p> + <code><a href="#the-body-element">body</a></code> element.</p> - </div><p>The <code><a href="#the-body-element-0">body</a></code> element exposes as <a href="webappapis.html#event-handler-content-attributes">event handler + </div><p>The <code><a href="#the-body-element">body</a></code> element exposes as <a href="webappapis.html#event-handler-content-attributes">event handler content attributes</a> a number of the <a href="webappapis.html#event-handlers">event handlers</a> of the <code><a href="browsers.html#window">Window</a></code> object. It also mirrors their <a href="webappapis.html#event-handler-idl-attributes">event handler IDL attributes</a>.</p><p>The <code title="handler-window-onblur"><a href="webappapis.html#handler-window-onblur">onblur</a></code>, <code title="handler-window-onerror"><a href="webappapis.html#handler-window-onerror">onerror</a></code>, <code title="handler-window-onfocus"><a href="webappapis.html#handler-window-onfocus">onfocus</a></code>, <code title="handler-window-onload"><a href="webappapis.html#handler-window-onload">onload</a></code>, and <code title="handler-window-onscroll"><a href="webappapis.html#handler-window-onscroll">onscroll</a></code> <a href="webappapis.html#event-handlers">event handlers</a> of the <code><a href="browsers.html#window">Window</a></code> object, exposed on the - <code><a href="#the-body-element-0">body</a></code> element, shadow the generic <a href="webappapis.html#event-handlers">event + <code><a href="#the-body-element">body</a></code> element, shadow the generic <a href="webappapis.html#event-handlers">event handlers</a> with the same names normally supported by <a href="infrastructure.html#html-elements">HTML - elements</a>.</p><p class="example">Thus, for example, a bubbling <code title="event-error">error</code> event fired on a child of <a href="dom.html#the-body-element">the + elements</a>.</p><p class="example">Thus, for example, a bubbling <code title="event-error">error</code> event fired on a child of <a href="dom.html#the-body-element-0">the body element</a> of a <code><a href="infrastructure.html#document">Document</a></code> would first trigger the <code title="handler-onerror"><a href="webappapis.html#handler-onerror">onerror</a></code> <a href="webappapis.html#event-handler-content-attributes">event handler content attributes</a> of that element, then that of the root - <code><a href="semantics.html#the-html-element-0">html</a></code> element, and only <em>then</em> would it trigger + <code><a href="semantics.html#the-html-element">html</a></code> element, and only <em>then</em> would it trigger the <code title="handler-window-onerror"><a href="webappapis.html#handler-window-onerror">onerror</a></code> <a href="webappapis.html#event-handler-content-attributes" title="event handler content attributes">event handler content - attribute</a> on the <code><a href="#the-body-element-0">body</a></code> element. This is because - the event would bubble from the target, to the <code><a href="#the-body-element-0">body</a></code>, to - the <code><a href="semantics.html#the-html-element-0">html</a></code>, to the <code><a href="infrastructure.html#document">Document</a></code>, to the + attribute</a> on the <code><a href="#the-body-element">body</a></code> element. This is because + the event would bubble from the target, to the <code><a href="#the-body-element">body</a></code>, to + the <code><a href="semantics.html#the-html-element">html</a></code>, to the <code><a href="infrastructure.html#document">Document</a></code>, to the <code><a href="browsers.html#window">Window</a></code>, and the <a href="webappapis.html#event-handlers" title="event handlers">event - handler</a> on the <code><a href="#the-body-element-0">body</a></code> is watching the - <code><a href="browsers.html#window">Window</a></code> not the <code><a href="#the-body-element-0">body</a></code>. A regular event - listener attached to the <code><a href="#the-body-element-0">body</a></code> using <code title="">addEventListener()</code>, however, would fire when the - event bubbled through the <code><a href="#the-body-element-0">body</a></code> and not when it reaches + handler</a> on the <code><a href="#the-body-element">body</a></code> is watching the + <code><a href="browsers.html#window">Window</a></code> not the <code><a href="#the-body-element">body</a></code>. A regular event + listener attached to the <code><a href="#the-body-element">body</a></code> using <code title="">addEventListener()</code>, however, would fire when the + event bubbled through the <code><a href="#the-body-element">body</a></code> and not when it reaches the <code><a href="browsers.html#window">Window</a></code> object.</p><div class="example"> <p>This page updates an indicator to show whether or not the user @@ -579,14 +576,14 @@ <dd>Uses <code><a href="elements.html#htmlelement">HTMLElement</a></code>.</dd> </dl><p>The <code><a href="#the-nav-element">nav</a></code> element <a href="rendering.html#represents">represents</a> a section of a page that links to other pages or to parts within the page: a - section with navigation links.</p><p>Not all groups of links on a page need to be in a - <code><a href="#the-nav-element">nav</a></code> element — only sections that consist of major - navigation blocks are appropriate for the <code><a href="#the-nav-element">nav</a></code> - element. In particular, it is common for footers to have a short - list of links to various pages of a site, such as the terms of - service, the home page, and a copyright page. The - <code><a href="#the-footer-element">footer</a></code> element alone is sufficient for such cases, - without a <code><a href="#the-nav-element">nav</a></code> element.</p><p class="note">User agents (such as screen readers) that are + section with navigation links.</p><p class="note">Not all groups of links on a page need to be in a + <code><a href="#the-nav-element">nav</a></code> element — the element is primarily intended + for sections that consist of major navigation blocks. In particular, + it is common for footers to have a short list of links to various + pages of a site, such as the terms of service, the home page, and a + copyright page. The <code><a href="#the-footer-element">footer</a></code> element alone is sufficient + for such cases; while a <code><a href="#the-nav-element">nav</a></code> element can be used in such + cases, it is usually unnecessary.</p><p class="note">User agents (such as screen readers) that are targeted at users who can benefit from navigation information being omitted in the initial rendering, or who can benefit from navigation information being immediately available, can use this element as a @@ -928,10 +925,7 @@ </footer> </body></pre> - </div><h4 id="the-h1-h2-h3-h4-h5-and-h6-elements"><span class="secno">4.4.6 </span>The <dfn><code>h1</code></dfn>, <dfn><code>h2</code></dfn>, - <dfn><code>h3</code></dfn>, <dfn><code>h4</code></dfn>, - <dfn><code>h5</code></dfn>, and <dfn><code>h6</code></dfn> - elements</h4><dl class="element"><dt>Categories</dt> + </div><h4 id="the-h1-h2-h3-h4-h5-and-h6-elements"><span class="secno">4.4.6 </span>The <dfn id="the-h1-element"><code>h1</code></dfn>, <dfn id="the-h2-element"><code>h2</code></dfn>, <dfn id="the-h3-element"><code>h3</code></dfn>, <dfn id="the-h4-element"><code>h4</code></dfn>, <dfn id="the-h5-element"><code>h5</code></dfn>, and <dfn id="the-h6-element"><code>h6</code></dfn> elements</h4><dl class="element"><dt>Categories</dt> <dd><a href="content-models.html#flow-content">Flow content</a>.</dd> <dd><a href="content-models.html#heading-content">Heading content</a>.</dd> <dd><a href="dnd.html#formatblock-candidate"><code title="">formatBlock</code> candidate</a>.</dd> @@ -1141,7 +1135,7 @@ content.</p><p class="note">The <code><a href="#the-footer-element">footer</a></code> element is not <a href="content-models.html#sectioning-content">sectioning content</a>; it doesn't introduce a new section.</p><p>When the nearest ancestor <a href="content-models.html#sectioning-content">sectioning content</a> or - <a href="#sectioning-root">sectioning root</a> element is <a href="dom.html#the-body-element">the body + <a href="#sectioning-root">sectioning root</a> element is <a href="dom.html#the-body-element-0">the body element</a>, then it applies to the whole page.</p><div class="example"> <p>Here is a page with two footers, one at the top and one at the @@ -1219,7 +1213,7 @@ <dd>Uses <code><a href="elements.html#htmlelement">HTMLElement</a></code>.</dd> </dl><p>The <code><a href="#the-address-element">address</a></code> element <a href="rendering.html#represents">represents</a> the contact information for its nearest <code><a href="#the-article-element">article</a></code> or - <code><a href="#the-body-element-0">body</a></code> element ancestor. If that is <a href="dom.html#the-body-element">the body + <code><a href="#the-body-element">body</a></code> element ancestor. If that is <a href="dom.html#the-body-element-0">the body element</a>, then the contact information applies to the document as a whole.</p><div class="example"> <p>For example, a page at the W3C Web site related to HTML might @@ -1246,34 +1240,34 @@ applicable entry from the following list:</p> <dl class="switch"><dt>If <var title="">node</var> is an <code><a href="#the-article-element">article</a></code> element</dt> - <dt>If <var title="">node</var> is a <code><a href="#the-body-element-0">body</a></code> element</dt> + <dt>If <var title="">node</var> is a <code><a href="#the-body-element">body</a></code> element</dt> <dd> <p>The contact information consists of all the <code><a href="#the-address-element">address</a></code> elements that have <var title="">node</var> - as an ancestor and do not have another <code><a href="#the-body-element-0">body</a></code> or + as an ancestor and do not have another <code><a href="#the-body-element">body</a></code> or <code><a href="#the-article-element">article</a></code> element ancestor that is a descendant of <var title="">node</var>.</p> </dd> <dt>If <var title="">node</var> has an ancestor element that is an <code><a href="#the-article-element">article</a></code> element</dt> - <dt>If <var title="">node</var> has an ancestor element that is a <code><a href="#the-body-element-0">body</a></code> element</dt> + <dt>If <var title="">node</var> has an ancestor element that is a <code><a href="#the-body-element">body</a></code> element</dt> <dd> <p>The contact information of <var title="">node</var> is the same as the contact information of the nearest <code><a href="#the-article-element">article</a></code> or - <code><a href="#the-body-element-0">body</a></code> element ancestor, whichever is nearest.</p> + <code><a href="#the-body-element">body</a></code> element ancestor, whichever is nearest.</p> </dd> - <dt>If <var title="">node</var>'s <code><a href="infrastructure.html#document">Document</a></code> has <a href="dom.html#the-body-element" title="the body element">a body element</a></dt> + <dt>If <var title="">node</var>'s <code><a href="infrastructure.html#document">Document</a></code> has <a href="dom.html#the-body-element-0" title="the body element">a body element</a></dt> <dd> <p>The contact information of <var title="">node</var> is the same - as the contact information of <a href="dom.html#the-body-element">the body element</a> of the + as the contact information of <a href="dom.html#the-body-element-0">the body element</a> of the <code><a href="infrastructure.html#document">Document</a></code>.</p> </dd> @@ -1314,7 +1308,7 @@ <code><a href="tabular-data.html#the-td-element">td</a></code> elements. These elements can have their own outlines, but the sections and headings inside these elements do not contribute to the outlines of their ancestors.</p><ul class="brief category-list"><li><code><a href="grouping-content.html#the-blockquote-element">blockquote</a></code></li> - <li><code><a href="#the-body-element-0">body</a></code></li> + <li><code><a href="#the-body-element">body</a></code></li> <li><code><a href="interactive-elements.html#the-details-element">details</a></code></li> <li><code><a href="forms.html#the-fieldset-element">fieldset</a></code></li> <li><code><a href="grouping-content.html#the-figure-element">figure</a></code></li> @@ -1340,7 +1334,7 @@ </body></pre> <p>...the structure would be:</p> <ol><li> - Foo (heading of explicit <code><a href="#the-body-element-0">body</a></code> section, containing the "Grunt" paragraph) + Foo (heading of explicit <code><a href="#the-body-element">body</a></code> section, containing the "Grunt" paragraph) <ol><li> Bar (heading starting implied section, containing a block quote and the "Baz" paragraph) </li> @@ -1453,10 +1447,10 @@ </body></pre> <p>...results in the following outline being created for the - <code><a href="#the-body-element-0">body</a></code> node (and thus the entire document):</p> + <code><a href="#the-body-element">body</a></code> node (and thus the entire document):</p> <ol class="brief"><li> - <p>Section created for <code><a href="#the-body-element-0">body</a></code> node.</p> + <p>Section created for <code><a href="#the-body-element">body</a></code> node.</p> <p>Associated with heading "A".</p> <p>Also associated with paragraph "B".</p> <p>Nested sections:</p> @@ -1671,7 +1665,7 @@ <li><p>Associate all nodes with the heading of the <a href="#concept-section" title="concept-section">section</a> with which they are associated, if any.</p></li> - <li><p>If <var title="">current outlinee</var> is <a href="dom.html#the-body-element">the body + <li><p>If <var title="">current outlinee</var> is <a href="dom.html#the-body-element-0">the body element</a>, then the outline created for that element is the <a href="#outline">outline</a> of the entire document.</p></li> @@ -1688,7 +1682,7 @@ <p class="note">Selecting the first <a href="#concept-section" title="concept-section">section</a> of the document therefore always takes the user to the top of the document, regardless of - where the first heading in the <code><a href="#the-body-element-0">body</a></code> is to be found.</p> + where the first heading in the <code><a href="#the-body-element">body</a></code> is to be found.</p> <p>The <dfn id="outline-depth">outline depth</dfn> of a <a href="content-models.html#heading-content">heading content</a> element associated with a <a href="#concept-section" title="concept-section">section</a> <var title="">section</var> @@ -1719,7 +1713,7 @@ </body></pre> <p>Although it contains no headings, this snippet has three - sections: a document (the <code><a href="#the-body-element-0">body</a></code>) with two subsections + sections: a document (the <code><a href="#the-body-element">body</a></code>) with two subsections (a <code><a href="#the-nav-element">nav</a></code> and an <code><a href="#the-aside-element">aside</a></code>). A user agent could present the outline as follows:</p> Index: introduction.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/introduction.html,v retrieving revision 1.8 retrieving revision 1.9 diff -u -d -r1.8 -r1.9 --- introduction.html 30 Apr 2011 11:35:45 -0000 1.8 +++ introduction.html 5 May 2011 18:12:08 -0000 1.9 @@ -622,29 +622,29 @@ 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-0">html</a></code><ul><li class="t1"><code><a href="semantics.html#the-head-element-0">head</a></code><ul><li class="t3"><code>#text</code>: <span title="">⏎␣␣</span></li><li class="t1"><code><a href="semantics.html#the-title-element-0">title</a></code><ul><li class="t3"><code>#text</code>: <span title="">Sample page</span></li></ul></li><li class="t3"><code>#text</code>: <span title="">⏎␣</span></li></ul></li><li class="t3"><code>#text</code>: <span title="">⏎␣</span></li><li class="t1"><code><a href="sections.html#the-body-element-0">body</a></code><ul><li class="t3"><code>#text</code>: <span title="">⏎␣␣</span></li><li class="t1"><code><a href="sections.html#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code><ul><li class="t3"><code>#txt</code>: <span title="">Sample page</span></li></ul></li><li class="t3"><code>#text</code>: <span title="">⏎␣␣</span></li><li class="t1"><code><a href="grouping-content.html#the-p-element">p</a></code><ul><li class="t3"><code>#text</code>: <span title="">This is a </span></li><li class="t1"><code><a href="text-level-semantics.html#the-a-element">a</a></code> <span class="t2" title=""><code class="attribute name">href</code>="<code class="attribute value">demo.html</code>"</span><ul><li class="t3"><code>#text</code>: <span title="">simple</span></li></ul></li><li class="t3"><code>#text</code>: <span title=""> sample.</span></li></ul></li><li class="t3"><code>#text</code>: <span title="">⏎␣␣</span></li><li class="t8"><code>#comment</code>: <span title=""> this is a comment </span></li><li class="t3"><code>#text</code>: <span title="">⏎␣⏎</span></li></ul></li></ul></li></ul><p>The <a href="infrastructure.html#root-element">root element</a> of thi tree is the - <code><a href="semantics.html#the-html-element-0">html</a></code> element, which is the element always found at the - root of HTML documents. It contains two elements, <code><a href="semantics.html#the-head-element-0">head</a></code> - and <code><a href="sections.html#the-body-element-0">body</a></code>, as well as a text node between them.</p><p>There are many more text nodes in the DOM tree than one would + 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</cod>: <span title="">Sample page</span></li></ul></li><li class="t3"><code>#text</code>: <span title="">⏎␣␣</span></li><li class="t1"><code><a href="grouping-content.html#the-p-element">p</a></code><ul><li class="t3"><code>#text</code>: <span title="">This is a </span></li><li class="t1"><code><a href="text-level-semantics.html#the-a-element">a</a></code> <span class="t2" title=""><code class="attribute name">href</code>="<code class="attribute value">demo.html</code>"</span><ul><li class="t3"><code>#text</code>: <span title="">simple</span></li></ul></li><li class="t3"><code>#text</code>: <span title=""> sample.</span></li></ul></li><li class="t3"><code>#text</code>: <span title="">⏎␣␣</span></li><li class="t8"><code>#comment</code>: <span title=""> this is a comment </span></li><li class="t3"><code>#text</code>: <span title="">⏎␣⏎</span></li></ul></li></ul></li></ul><p>The <a href="infrastructure.html#root-element">root element</a> of this tree i 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 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-0">head</a></code> start tag ends up being dropped silently, and all - the whitespace after the <code><a href="sections.html#the-body-element-0">body</a></code> end tag ends up placed at - the end of the <code><a href="sections.html#the-body-element-0">body</a></code>.</p><p>The <code><a href="semantics.html#the-head-element-0">head</a></code> element contains a <code><a href="semantics.html#the-title-element-0">title</a></code> + <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> element, which itself contains a text node with the text "Sample - page". Similarly, the <code><a href="sections.html#the-body-element-0">body</a></code> element contains an + 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 comment.</p><hr/><p>This DOM tree can be manipulated from scripts in the page. Scripts (typically in JavaScript) are small programs that can - be embedded using the <code><a href="scripting-1.html#script">script</a></code> element or using + be embedded using the <code><a href="scripting-1.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#script">script</a>> + <<a href="scripting-1.html#the-script-element">script</a>> <a href="dom.html#htmldocument" title="HTMLDocument">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'; </script> </form></pre><p>Each element in the DOM tree is represented by an object, and @@ -1164,14 +1164,14 @@ 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#script">script</a></code> element's + <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 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#script">script</a></code> + 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> attribute is present. This means that authors who are validating their documents are less likely to waste time with this kind of Index: commands.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/commands.html,v retrieving revision 1.8 retrieving revision 1.9 diff -u -d -r1.8 -r1.9 --- commands.html 30 Apr 2011 11:35:43 -0000 1.8 +++ commands.html 5 May 2011 18:12:07 -0000 1.9 @@ -509,7 +509,7 @@ not specify an icon, or if the element does not define a command, then the attribute must return null. This attribute will be shadowed by the <code title="dom-command-icon"><a href="interactive-elements.html#dom-command-icon">icon</a></code> IDL attribute on - <code><a href="interactive-elements.html#the-command">command</a></code> elements.</p> + <code><a href="interactive-elements.html#the-command-element">command</a></code> elements.</p> <p>The <dfn id="dom-command-ro-disabled" title="dom-command-ro-disabled"><code>disabled</code></dfn> attribute must return true if the command's <a href="#command-facet-disabledstate" title="command-facet-DisabledState">Disabled State</a> is that @@ -523,7 +523,7 @@ command is checked, and false if it is that the command is not checked. If the element does not define a command, the attribute must return false. This attribute will be shadowed by the <code title="">checked</code> IDL attribute on <code><a href="the-input-element.html#the-input-element">input</a></code> and - <code><a href="interactive-elements.html#the-command">command</a></code> elements.</p> + <code><a href="interactive-elements.html#the-command-element">command</a></code> elements.</p> <p class="note">The <a href="#command-facet-id" title="command-facet-ID">ID</a> facet @@ -735,10 +735,10 @@ <h5 id="using-the-command-element-to-define-a-command"><span class="secno">4.11.5.5 </span>Using the <dfn title="command-element"><code>command</code></dfn> element to define a command</h5> - <p>A <code><a href="interactive-elements.html#the-command">command</a></code> element <a href="#concept-command" title="concept-command">defines a command</a>.</p> + <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>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">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="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 "<code>radio</code>", "checkbox" if the attribute's value is "<code>checkbox</code>", and "command" otherwise.</p> Index: acknowledgements.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/acknowledgements.html,v retrieving revision 1.10 retrieving revision 1.11 diff -u -d -r1.10 -r1.11 --- acknowledgements.html 30 Apr 2011 11:35:43 -0000 1.10 +++ acknowledgements.html 5 May 2011 18:12:07 -0000 1.11 @@ -344,7 +344,7 @@ </div><div> <a href="references.html" class="prev">References</a> – <a href="spec.html#contents">Table of contents</a> - </div><h2 class="no-num" id="acknowledgements">Acknowledgements</h2><p class="XXX annotation"><span><a href="http://www.w3.org/html/wg/tracker/issues/139">ISSUE-139</a> (ack-microdata) blocks progress to Last Call</span></p><!-- ACKS --><p>Thanks to Tim Berners Lee for inventing HTML, without which none + </div><h2 class="no-num" id="acknowledgements">Acknowledgements</h2><p class="XXX annotation"><span><a href="http://www.w3.org/html/wg/tracker/issues/139">ISSUE-139</a> (ack-microdata) blocks progress to Last Call</span></p><!-- ACKS --><p>Thanks to Tim Berners-Lee for inventing HTML, without which none of this would exist.</p><p>Thanks to Aankhen, Index: syntax.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/syntax.html,v retrieving revision 1.9 retrieving revision 1.10 diff -u -d -r1.9 -r1.10 --- syntax.html 30 Apr 2011 11:35:46 -0000 1.9 +++ syntax.html 5 May 2011 18:12:09 -0000 1.10 @@ -370,7 +370,7 @@ </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-0">html</a></code> <a href="#syntax-elements" title="syntax-elements">element</a>.</li> + <li>The root element, in the form of an <code><a href="semantics.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> @@ -380,19 +380,19 @@ 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-0">html</a></code> element, and - space characters at the start of the <code><a href="semantics.html#the-html-element-0">html</a></code> element and - before the <code><a href="semantics.html#the-head-element-0">head</a></code> element, will be dropped when the + <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 document is parsed; space characters <em>after</em> the root - <code><a href="semantics.html#the-html-element-0">html</a></code> element will be parsed as if they were at the end - of the <code><a href="sections.html#the-body-element-0">body</a></code> element. Thus, space characters around the + <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 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-0">html</a></code> element's start tag (if it is not <a href="#syntax-tag-omission" title="syntax-tag-omission">omitted</a>), and after any comments - that are inside the <code><a href="semantics.html#the-html-element-0">html</a></code> element but before the - <code><a href="semantics.html#the-head-element-0">head</a></code> element.</p> + <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> </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 @@ -464,19 +464,19 @@ <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">command</a></code>, <code><a href="the-iframe-element.html#the-embed-element">embed</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#meta">meta</a></code>, - <code><a href="the-iframe-element.html#the-param-element">param</a></code>, <code><a href="video.html#the-source-element">source</a></code>, <code><a href="video.html#the-track-element">track</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> <dt><dfn id="raw-text-elements">Raw text elements</dfn></dt> - <dd><code><a href="scripting-1.html#script">script</a></code>, <code><a href="semantics.html#the-style-element">style</a></code></dd> + <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> <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-0">title</a></code></dd> + <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> <dt><dfn id="foreign-elements">Foreign elements</dfn></dt> @@ -746,21 +746,21 @@ </td></tr></tbody></table><p>No other namespaced attribute can be expressed in <a href="#syntax">the 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> does not mean the element is not present; it is implied, but it is still there. An HTML - document always has a root <code><a href="semantics.html#the-html-element-0">html</a></code> element, even if the + 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-0">html</a></code> element's <a href="#syntax-start-tag" title="syntax-start-tag">start tag</a> may be omitted if the - first thing inside the <code><a href="semantics.html#the-html-element-0">html</a></code> element is not a <a href="#syntax-comments" title="syntax-comments">comment</a>.</p><p>An <code><a href="semantics.html#the-html-element-0">html</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end - tag</a> may be omitted if the <code><a href="semantics.html#the-html-element-0">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-0">head</a></code> element's <a href="#syntax-start-tag" title="syntax-start-tag">start tag</a> may be omitted if the + 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 element is empty, or if the first thing inside the - <code><a href="semantics.html#the-head-element-0">head</a></code> element is an element.</p><p>A <code><a href="semantics.html#the-head-element-0">head</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end - tag</a> may be omitted if the <code><a href="semantics.html#the-head-element-0">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-0">body</a></code> element's <a href="#syntax-start-tag" title="syntax-start-tag">start tag</a> may be omitted if the - element is empty, or if the first thing inside the <code><a href="sections.html#the-body-element-0">body</a></code> + <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> 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-0">body</a></code> element is a <code><a href="scripting-1.html#script">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-0">body</a></code> element's <a href="#syntax-end-tag" title="syntax-end-tag">end - tag</a> may be omitted if the <code><a href="sections.html#the-body-element-0">body</a></code> element is not + 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>A <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 @@ -779,7 +779,7 @@ <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#menus">menu</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>, element, or if there is no more content in the parent element and Index: webappapis.html =================================================================== RCS file: /sources/public/html5/markup/html5-spec/webappapis.html,v retrieving revision 1.9 retrieving revision 1.10 diff -u -d -r1.9 -r1.10 --- webappapis.html 30 Apr 2011 11:35:46 -0000 1.9 +++ webappapis.html 5 May 2011 18:12:10 -0000 1.10 @@ -352,7 +352,7 @@ <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><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#script">script</a></code> elements.</li> + probably not limited to:</p><ul><li>Processing of <code><a href="scripting-1.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> elements, or an <code title="">@import</code> rule in a CSS @@ -1119,7 +1119,7 @@ return null on getting and must do nothing on setting.</p> <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-0">body</a></code> elements that do not have corresponding + <code><a href="sections.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 @@ -1337,8 +1337,8 @@ <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="video.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="video.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="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-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> @@ -1351,40 +1351,40 @@ </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="video.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="video.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="video.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="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-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="video.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="video.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="video.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="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-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="video.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="video.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="video.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="video.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="video.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="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-onreadystatechange" title="handler-onreadystatechange"><code>onreadystatechange</code></dfn> </td><td> <code title="event-readystatechange"><a href="dom.html#event-readystatechange">readystatechange</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="video.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="video.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="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-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="video.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="the-iframe-element.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="video.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="video.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="video.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="video.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="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> @@ -1393,7 +1393,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>) that must be supported by all <a href="infrastructure.html#html-elements">HTML - elements</a> other than <code><a href="sections.html#the-body-element-0">body</a></code>, as both content + elements</a> other than <code><a href="sections.html#the-body-element">body</a></code>, as both content attributes and IDL attributes, and on <code><a href="infrastructure.html#document">Document</a></code> objects, as IDL attributes:</p> @@ -1408,7 +1408,7 @@ event types</a>) that must be 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-0">body</a></code> and <code><a href="obsolete.html#frameset">frameset</a></code> elements:</p> + the <code><a href="sections.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>
Received on Thursday, 5 May 2011 18:12:42 UTC