- From: Ian Hickson via cvs-syncmail <cvsmail@w3.org>
- Date: Sat, 09 Jan 2010 01:10:42 +0000
- To: public-html-commits@w3.org
Update of /sources/public/html5/vocabulary In directory hutz:/tmp/cvs-serv17788 Modified Files: Overview.html Log Message: Put back <details> into the W3C copy of the spec. (whatwg r4552) Index: Overview.html =================================================================== RCS file: /sources/public/html5/vocabulary/Overview.html,v retrieving revision 1.1 retrieving revision 1.2 diff -u -d -r1.1 -r1.2 --- Overview.html 8 Jan 2010 23:53:07 -0000 1.1 +++ Overview.html 9 Jan 2010 01:10:40 -0000 1.2 @@ -262,7 +262,7 @@ <h1>HTML5 Vocabulary</h1> <h2 class="no-num no-toc" id="generatedID"></h2> - <h2 class="no-num no-toc" id="editor-s-draft-8-january-2010">Editor's Draft 8 January 2010</h2> + <h2 class="no-num no-toc" id="editor-s-draft-9-january-2010">Editor's Draft 9 January 2010</h2> <dl><dt>Latest Published Version:</dt> <dd><a href="http://www.w3.org/TR/html-vocabulary/">http://www.w3.org/TR/html-vocabulary/</a></dd> <dt>Latest Editor's Draft:</dt> @@ -274,8 +274,7 @@ <dt>Editors:</dt> <dd><a href="mailto:ian@hixie.ch">Ian Hickson</a>, Google, Inc.</dd> <dd>David Hyatt, Apple, Inc.</dd> - </dl><p>This specification is available in the following formats: <a href="Overview.html">single page HTML</a>, <a href="spec.html">multipage HTML</a>. This is $Revision$.</p> - <p class="copyright"><a href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> + </dl><p class="copyright"><a href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2009 <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 @@ -348,7 +347,7 @@ specification's progress along the W3C Recommendation track. - This specification is the 8 January 2010 Editor's Draft. + This specification is the 9 January 2010 Editor's Draft. </p><!-- UNDER NO CIRCUMSTANCES IS THE PRECEDING PARAGRAPH TO BE REMOVED OR EDITED WITHOUT TALKING TO IAN FIRST --><!-- relationship to other work (required) --><p>This specification is part of <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/">a larger specification</a> being produced by the <a href="http://www.whatwg.org/">WHATWG</a>. <!-- UNDER NO CIRCUMSTANCES IS THE FOLLOWING PARAGRAPH TO BE REMOVED OR EDITED WITHOUT TALKING TO IAN FIRST --> @@ -677,24 +676,25 @@ <li><a href="#event-dispatch"><span class="secno">3.10.21 </span>Event dispatch</a></ol></li> <li><a href="#interactive-elements"><span class="secno">3.11 </span>Interactive elements</a> <ol> - <li><a href="#the-command"><span class="secno">3.11.1 </span>The <code>command</code> element</a></li> - <li><a href="#menus"><span class="secno">3.11.2 </span>The <code>menu</code> element</a> + <li><a href="#the-details-element"><span class="secno">3.11.1 </span>The <code>details</code> element</a></li> + <li><a href="#the-command"><span class="secno">3.11.2 </span>The <code>command</code> element</a></li> + <li><a href="#menus"><span class="secno">3.11.3 </span>The <code>menu</code> element</a> <ol> - <li><a href="#menus-intro"><span class="secno">3.11.2.1 </span>Introduction</a></li> - <li><a href="#building-menus-and-toolbars"><span class="secno">3.11.2.2 </span>Building menus and toolbars</a></li> - <li><a href="#context-menus"><span class="secno">3.11.2.3 </span>Context menus</a></li> - <li><a href="#toolbars"><span class="secno">3.11.2.4 </span>Toolbars</a></ol></li> - <li><a href="#commands"><span class="secno">3.11.3 </span>Commands</a> + <li><a href="#menus-intro"><span class="secno">3.11.3.1 </span>Introduction</a></li> + <li><a href="#building-menus-and-toolbars"><span class="secno">3.11.3.2 </span>Building menus and toolbars</a></li> + <li><a href="#context-menus"><span class="secno">3.11.3.3 </span>Context menus</a></li> + <li><a href="#toolbars"><span class="secno">3.11.3.4 </span>Toolbars</a></ol></li> + <li><a href="#commands"><span class="secno">3.11.4 </span>Commands</a> <ol> - <li><a href="#using-the-a-element-to-define-a-command"><span class="secno">3.11.3.1 </span>Using the <code>a</code> element to define a command</a></li> - <li><a href="#using-the-button-element-to-define-a-command"><span class="secno">3.11.3.2 </span>Using the <code>button</code> element to define a command</a></li> - <li><a href="#using-the-input-element-to-define-a-command"><span class="secno">3.11.3.3 </span>Using the <code>input</code> element to define a command</a></li> - <li><a href="#using-the-option-element-to-define-a-command"><span class="secno">3.11.3.4 </span>Using the <code>option</code> element to define a command</a></li> - <li><a href="#using-the-command-element-to-define-a-command"><span class="secno">3.11.3.5 </span>Using the <code>command</code> element to define + <li><a href="#using-the-a-element-to-define-a-command"><span class="secno">3.11.4.1 </span>Using the <code>a</code> element to define a command</a></li> + <li><a href="#using-the-button-element-to-define-a-command"><span class="secno">3.11.4.2 </span>Using the <code>button</code> element to define a command</a></li> + <li><a href="#using-the-input-element-to-define-a-command"><span class="secno">3.11.4.3 </span>Using the <code>input</code> element to define a command</a></li> + <li><a href="#using-the-option-element-to-define-a-command"><span class="secno">3.11.4.4 </span>Using the <code>option</code> element to define a command</a></li> + <li><a href="#using-the-command-element-to-define-a-command"><span class="secno">3.11.4.5 </span>Using the <code>command</code> element to define a command</a></li> - <li><a href="#using-the-accesskey-attribute-on-a-label-element-to-define-a-command"><span class="secno">3.11.3.6 </span>Using the <code title="attr-accesskey">accesskey</code> attribute on a <code>label</code> element to define a command</a></li> - <li><a href="#using-the-accesskey-attribute-on-a-legend-element-to-define-a-command"><span class="secno">3.11.3.7 </span>Using the <code title="attr-accesskey">accesskey</code> attribute on a <code>legend</code> element to define a command</a></li> - <li><a href="#using-the-accesskey-attribute-to-define-a-command-on-other-elements"><span class="secno">3.11.3.8 </span>Using the <code title="attr-accesskey">accesskey</code> attribute to define a command on other elements</a></ol></ol></li> + <li><a href="#using-the-accesskey-attribute-on-a-label-element-to-define-a-command"><span class="secno">3.11.4.6 </span>Using the <code title="attr-accesskey">accesskey</code> attribute on a <code>label</code> element to define a command</a></li> + <li><a href="#using-the-accesskey-attribute-on-a-legend-element-to-define-a-command"><span class="secno">3.11.4.7 </span>Using the <code title="attr-accesskey">accesskey</code> attribute on a <code>legend</code> element to define a command</a></li> + <li><a href="#using-the-accesskey-attribute-to-define-a-command-on-other-elements"><span class="secno">3.11.4.8 </span>Using the <code title="attr-accesskey">accesskey</code> attribute to define a command on other elements</a></ol></ol></li> <li><a href="#common-idioms-without-dedicated-elements"><span class="secno">3.12 </span>Common idioms without dedicated elements</a> <ol> <li><a href="#tag-clouds"><span class="secno">3.12.1 </span>Tag clouds</a></li> @@ -882,20 +882,21 @@ <ol> <li><a href="#introduction-2"><span class="secno">6.4.1 </span>Introduction</a></li> <li><a href="#the-button-element-0"><span class="secno">6.4.2 </span>The <code>button</code> element</a></li> - <li><a href="#the-input-element-as-a-text-entry-widget"><span class="secno">6.4.3 </span>The <code>input</code> element as a text entry widget</a></li> - <li><a href="#the-input-element-as-domain-specific-widgets"><span class="secno">6.4.4 </span>The <code>input</code> element as domain-specific widgets</a></li> - <li><a href="#the-input-element-as-a-range-control"><span class="secno">6.4.5 </span>The <code>input</code> element as a range control</a></li> - <li><a href="#the-input-element-as-a-color-well"><span class="secno">6.4.6 </span>The <code>input</code> element as a color well</a></li> - <li><a href="#the-input-element-as-a-check-box-and-radio-button-widgets"><span class="secno">6.4.7 </span>The <code>input</code> element as a check box and radio button widgets</a></li> - <li><a href="#the-input-element-as-a-file-upload-control"><span class="secno">6.4.8 </span>The <code>input</code> element as a file upload control</a></li> - <li><a href="#the-input-element-as-a-button"><span class="secno">6.4.9 </span>The <code>input</code> element as a button</a></li> - <li><a href="#the-marquee-element-0"><span class="secno">6.4.10 </span>The <code>marquee</code> element</a></li> - <li><a href="#the-meter-element-0"><span class="secno">6.4.11 </span>The <code>meter</code> element</a></li> - <li><a href="#the-progress-element-0"><span class="secno">6.4.12 </span>The <code>progress</code> element</a></li> - <li><a href="#the-select-element-0"><span class="secno">6.4.13 </span>The <code>select</code> element</a></li> - <li><a href="#the-textarea-element-0"><span class="secno">6.4.14 </span>The <code>textarea</code> element</a></li> - <li><a href="#the-keygen-element-0"><span class="secno">6.4.15 </span>The <code>keygen</code> element</a></li> - <li><a href="#the-time-element-0"><span class="secno">6.4.16 </span>The <code>time</code> element</a></ol></li> + <li><a href="#the-details-element-0"><span class="secno">6.4.3 </span>The <code>details</code> element</a></li> + <li><a href="#the-input-element-as-a-text-entry-widget"><span class="secno">6.4.4 </span>The <code>input</code> element as a text entry widget</a></li> + <li><a href="#the-input-element-as-domain-specific-widgets"><span class="secno">6.4.5 </span>The <code>input</code> element as domain-specific widgets</a></li> + <li><a href="#the-input-element-as-a-range-control"><span class="secno">6.4.6 </span>The <code>input</code> element as a range control</a></li> + <li><a href="#the-input-element-as-a-color-well"><span class="secno">6.4.7 </span>The <code>input</code> element as a color well</a></li> + <li><a href="#the-input-element-as-a-check-box-and-radio-button-widgets"><span class="secno">6.4.8 </span>The <code>input</code> element as a check box and radio button widgets</a></li> + <li><a href="#the-input-element-as-a-file-upload-control"><span class="secno">6.4.9 </span>The <code>input</code> element as a file upload control</a></li> + <li><a href="#the-input-element-as-a-button"><span class="secno">6.4.10 </span>The <code>input</code> element as a button</a></li> + <li><a href="#the-marquee-element-0"><span class="secno">6.4.11 </span>The <code>marquee</code> element</a></li> + <li><a href="#the-meter-element-0"><span class="secno">6.4.12 </span>The <code>meter</code> element</a></li> + <li><a href="#the-progress-element-0"><span class="secno">6.4.13 </span>The <code>progress</code> element</a></li> + <li><a href="#the-select-element-0"><span class="secno">6.4.14 </span>The <code>select</code> element</a></li> + <li><a href="#the-textarea-element-0"><span class="secno">6.4.15 </span>The <code>textarea</code> element</a></li> + <li><a href="#the-keygen-element-0"><span class="secno">6.4.16 </span>The <code>keygen</code> element</a></li> + <li><a href="#the-time-element-0"><span class="secno">6.4.17 </span>The <code>time</code> element</a></ol></li> <li><a href="#frames-and-framesets"><span class="secno">6.5 </span>Frames and framesets</a></li> <li><a href="#interactive-media"><span class="secno">6.6 </span>Interactive media</a> <ol> @@ -2570,6 +2571,7 @@ <!-- v2DATAGRID <li><code>datagrid</code></li> --> <li><code><a href="#the-datalist-element">datalist</a></code></li> <li><code><a href="#the-del-element">del</a></code></li> + <li><code><a href="#the-details-element">details</a></code></li> <li><code><a href="#the-dfn-element">dfn</a></code></li> <li><code><a href="#the-div-element">div</a></code></li> <li><code><a href="#the-dl-element">dl</a></code></li> @@ -2751,6 +2753,7 @@ <li><code><a href="#audio">audio</a></code> (if the <code title="attr-media-controls"><a href="#attr-media-controls">controls</a></code> attribute is present)</li> <li><code><a href="#the-button-element">button</a></code></li> <!-- v2DATAGRID <li><code>datagrid</code></li> --> + <li><code><a href="#the-details-element">details</a></code></li> <li><code><a href="#the-embed-element">embed</a></code></li> <li><code><a href="#the-iframe-element">iframe</a></code></li> <li><code><a href="#the-img-element">img</a></code> (if the <code title="attr-hyperlink-usemap"><a href="#attr-hyperlink-usemap">usemap</a></code> attribute is present)</li> @@ -5728,7 +5731,11 @@ </div><h3 id="scripting"><span class="secno">3.3 </span>Scripting</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p>Scripts allow authors to add interactivity to their documents.<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>Authors are also encouraged to make their applications degrade + maintainable, and many users disable scripting.<div class="example"> + <p>For example, instead of using script to show or hide a section + to show more details, the <code><a href="#the-details-element">details</a></code> element could be + used.</p> + </div><p>Authors are also encouraged to make their applications degrade gracefully in the absence of scripting support.<div class="example"> <p>For example, if an author provides a link in a table header to dynamically resort the table, the link could also be made to @@ -7521,6 +7528,7 @@ contribute to the outlines of their ancestors.<ul class="brief category-list"><li><code><a href="#the-blockquote-element">blockquote</a></code></li> <li><code><a href="#the-body-element-0">body</a></code></li> <!-- v2DATAGRID <li><code>datagrid</code></li> --> + <li><code><a href="#the-details-element">details</a></code></li> <li><code><a href="#the-fieldset-element">fieldset</a></code></li> <li><code><a href="#the-figure-element">figure</a></code></li> <li><code><a href="#the-td-element">td</a></code></li> @@ -8632,6 +8640,7 @@ <dt>Contexts in which this element may be used:</dt> <dd>Before <code><a href="#the-dd-element">dd</a></code> or <code><a href="#the-dt-element">dt</a></code> elements inside <code><a href="#the-dl-element">dl</a></code> elements.</dd> <dd>In a <code><a href="#the-figure-element">figure</a></code> element containing no other <code><a href="#the-dt-element">dt</a></code> element children.</dd> + <dd>As the first child of a <code><a href="#the-details-element">details</a></code> element.</dd> <dt>Content model:</dt> <dd>When the parent node is a <code><a href="#the-figure-element">figure</a></code> element: <a href="#flow-content">flow content</a>, but with no descendant <code><a href="#the-figure-element">figure</a></code> elements.</dd> <dd>Otherwise: <a href="#phrasing-content">phrasing content</a>.</dd> @@ -8639,10 +8648,11 @@ <dd><a href="#global-attributes">Global attributes</a></dd> <dt>DOM interface:</dt> <dd>Uses <code><a href="#htmlelement">HTMLElement</a></code>.</dd> - </dl><p>The <code><a href="#the-dt-element">dt</a></code> element <a href="#represents">represents</a> - the term, or name, part of a term-description group in a description - list (<code><a href="#the-dl-element">dl</a></code> element)<!-- - -->.<p class="note">The <code><a href="#the-dt-element">dt</a></code> element itself, when used in a + </dl><p>The <code><a href="#the-dt-element">dt</a></code> element <a href="#represents">represents</a> either: the + term, or name, part of a term-description group in a description + list (<code><a href="#the-dl-element">dl</a></code> element); or, the caption of a + <code><a href="#the-figure-element">figure</a></code> element; or, the summary of a + <code><a href="#the-details-element">details</a></code> element.<p class="note">The <code><a href="#the-dt-element">dt</a></code> element itself, when used in a <code><a href="#the-dl-element">dl</a></code> element, does not indicate that its contents are a term being defined, but this can be indicated using the <code><a href="#the-dfn-element">dfn</a></code> element.<h4 id="the-dd-element"><span class="secno">3.5.11 </span>The <dfn><code>dd</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt> @@ -8650,17 +8660,18 @@ <dt>Contexts in which this element may be used:</dt> <dd>After <code><a href="#the-dt-element">dt</a></code> or <code><a href="#the-dd-element">dd</a></code> elements inside <code><a href="#the-dl-element">dl</a></code> elements.</dd> <dd>In a <code><a href="#the-figure-element">figure</a></code> element containing no other <code><a href="#the-dd-element">dd</a></code> element children.</dd> + <dd>As the last child of a <code><a href="#the-details-element">details</a></code> element.</dd> <dt>Content model:</dt> <dd><a href="#flow-content">Flow content</a>.</dd> <dt>Content attributes:</dt> <dd><a href="#global-attributes">Global attributes</a></dd> <dt>DOM interface:</dt> <dd>Uses <code><a href="#htmlelement">HTMLElement</a></code>.</dd> - </dl><p>The <code><a href="#the-dd-element">dd</a></code> element <a href="#represents">represents</a> - the + </dl><p>The <code><a href="#the-dd-element">dd</a></code> element <a href="#represents">represents</a> either: the description, definition, or value, part of a term-description group - in a description list (<code><a href="#the-dl-element">dl</a></code> element)<!-- - -->.<div class="example"> + in a description list (<code><a href="#the-dl-element">dl</a></code> element); or, the data of a + <code><a href="#the-figure-element">figure</a></code> element; or, the details of a + <code><a href="#the-details-element">details</a></code> element.<div class="example"> <p>A <code><a href="#the-dl-element">dl</a></code> can be used to define a vocabulary list, like in a dictionary. In the following example, each entry, given by a @@ -17024,6 +17035,37 @@ </table></pre></div> </dd> + <dt>In the table's <code><a href="#the-caption-element">caption</a></code>, in a <code><a href="#the-details-element">details</a></code> element</dt> + + <dd> + <div class="example"><pre><table> + <caption> + <strong>Characteristics with positive and negative sides.</strong> + <details> + <dt>Help</dt> + <dd> + <p>Characteristics are given in the second column, with the + negative side in the left column and the positive side in the right + column.</p> + </dd> + </details> + </caption> + <thead> + <tr> + <th id="n"> Negative + <th> Characteristic + <th> Positive + <tbody> + <tr> + <td headers="n r1"> Sad + <th id="r1"> Mood + <td> Happy + <tr> + <td headers="n r2"> Failing + <th id="r2"> Grade + <td> Passing +</table></pre></div> + </dd> <dt>Next to the table, in the same <code><a href="#the-figure-element">figure</a></code></dt> @@ -27840,7 +27882,94 @@ <span>tree order</span>, <span>fire a simple event</span> named <var title="">event name</var> at the element.</li> - </ol></div><h3 id="interactive-elements"><span class="secno">3.11 </span>Interactive elements</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p><!-- v2DATAGRID + </ol></div><h3 id="interactive-elements"><span class="secno">3.11 </span>Interactive elements</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><h4 id="the-details-element"><span class="secno">3.11.1 </span>The <dfn><code>details</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt> + <dd><a href="#flow-content">Flow content</a>.</dd> + <dd><a href="#sectioning-root">Sectioning root</a>.</dd> + <dd><a href="#interactive-content">Interactive content</a>.</dd> + <dt>Contexts in which this element may be used:</dt> + <dd>Where <a href="#flow-content">flow content</a> is expected.</dd> + <dt>Content model:</dt> + <dd>Optionally one <code><a href="#the-dt-element">dt</a></code> element, followed by one <code><a href="#the-dd-element">dd</a></code> element.</dd> + <dt>Content attributes:</dt> + <dd><a href="#global-attributes">Global attributes</a></dd> + <dd><code title="attr-details-open"><a href="#attr-details-open">open</a></code></dd> + <dt>DOM interface:</dt> + <dd> +<pre class="idl">interface <dfn id="htmldetailselement">HTMLDetailsElement</dfn> : <a href="#htmlelement">HTMLElement</a> { + attribute boolean <a href="#dom-details-open" title="dom-details-open">open</a>; +};</pre> + </dd> + </dl><p>The <code><a href="#the-details-element">details</a></code> element <a href="#represents">represents</a> a + disclosure widget from which the user can obtain additional + information or controls.<p class="note">The <code><a href="#the-details-element">details</a></code> element is not appropriate + for footnotes. Please see <a href="#footnotes">the section on + footnotes</a> for details on how to mark up footnotes.<p>The <span class="impl">first</span> <code><a href="#the-dt-element">dt</a></code> element child + of the element, if any, <a href="#represents">represents</a> the summary of the + details. <span class="impl">If there is no child <code><a href="#the-dt-element">dt</a></code> + element, the user agent should provide its own legend + (e.g. "Details").</span><p>The <span class="impl">first</span> <code><a href="#the-dd-element">dd</a></code> element child + of the element<span class="impl">, if any,</span> + <a href="#represents">represents</a> the details. <span class="impl">If there is + no child <code><a href="#the-dd-element">dd</a></code> element, then there are no + details.</span><p>The <dfn id="attr-details-open" title="attr-details-open"><code>open</code></dfn> + content attribute is a <span>boolean attribute</span>. If present, + it indicates that the details are to be shown to the user. If the + attribute is absent, the details are not to be shown.<div class="impl"> + + <p>If the attribute is removed, then the details should be + hidden. If the attribute is added, the details should be shown.</p> + + <p>The user agent should allow the user to request that the details + be shown or hidden. To honor a request for the details to be shown, + the user agent must set the <code title="attr-details-open"><a href="#attr-details-open">open</a></code> attribute on the element to + the value <code title="">open</code>. To honor a request for the + details to be hidden, the user agent must remove the <code title="attr-details-open"><a href="#attr-details-open">open</a></code> attribute from the + element.</p> + + <p>The <dfn id="dom-details-open" title="dom-details-open"><code>open</code></dfn> + attribute must <span>reflect</span> the <code title="attr-details-open"><a href="#attr-details-open">open</a></code> content attribute.</p> + + </div><div class="example"> + + <p>The following example shows the <code><a href="#the-details-element">details</a></code> element + being used to hide technical details in a progress report.</p> + + <pre><section class="progress window"> + <h1>Copying "Really Achieving Your Childhood Dreams"</h1> + <details> + <dt>Copying... <progress max="375505392" value="97543282"></progress> 25%</dt> + <dd> + <dl> + <dt>Transfer rate:</dt> <dd>452KB/s</dd> + <dt>Local filename:</dt> <dd>/home/rpausch/raycd.m4v</dd> + <dt>Remote filename:</dt> <dd>/var/www/lectures/raycd.m4v</dd> + <dt>Duration:</dt> <dd>01:16:27</dd> + <dt>Color profile:</dt> <dd>SD (6-1-6)</dd> + <dt>Dimensions:</dt> <dd>320×240</dd> + </dl> + </dd> + </details> +</section></pre> + + </div><div class="example"> + + <p>The following shows how a <code><a href="#the-details-element">details</a></code> element can be + used to hide some controls by default:</p> + + <pre><details> + <dt>Name & Extension: + <dd> + <p><input type=text name=fn value="Pillar Magazine.pdf"> + <p><label><input type=checkbox name=ext checked> Hide extension</label> +</details></pre> + + <p>One could use this in conjuction with other <code><a href="#the-details-element">details</a></code> + in a list to allow the user to collapse a set of fields down to a + small set of headings, with the ability to open each one.</p> + + <p class="details-example"><img alt="" src="http://dev.w3.org/html5/spec/images/sample-details-1.png"><img alt="" src="http://dev.w3.org/html5/spec/images/sample-details-2.png"></p> + + </div><!-- v2DATAGRID <h4 id="datagrid">The <dfn><code>datagrid</code></dfn> element</h4> <dl class="element"> @@ -30433,7 +30562,7 @@ ...define drag and drop in datagrids; selectiondraggable... - -> ---><h4 id="the-command"><span class="secno">3.11.1 </span>The <dfn><code>command</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt> +--><h4 id="the-command"><span class="secno">3.11.2 </span>The <dfn><code>command</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt> <dd><a href="#metadata-content">Metadata content</a>.</dd> <dd><a href="#flow-content">Flow content</a>.</dd> <dd><a href="#phrasing-content">Phrasing content</a>.</dd> @@ -30609,7 +30738,7 @@ label="Publish" icon="icons/pub.png" onclick="publish()"> </menu></pre> - </div><h4 id="menus"><span class="secno">3.11.2 </span>The <dfn><code>menu</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt> + </div><h4 id="menus"><span class="secno">3.11.3 </span>The <dfn><code>menu</code></dfn> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><dl class="element"><dt>Categories</dt> <dd><a href="#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="#interactive-content">Interactive content</a>.</dd> <dt>Contexts in which this element may be used:</dt> @@ -30657,7 +30786,7 @@ <span>reflect</span> the respective content attributes of the same name.</p> - </div><h5 id="menus-intro"><span class="secno">3.11.2.1 </span>Introduction</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p><i>This section is non-normative.</i><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">3.11.3.1 </span>Introduction</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p><i>This section is non-normative.</i><p>The <code><a href="#menus">menu</a></code> element is used to define context menus and toolbars.<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:<pre><menu type="toolbar"> @@ -30708,7 +30837,7 @@ the <code><a href="#menus">menu</a></code> element or of its <code><a href="#the-li-element">li</a></code> children.<div class="impl"> - <h5 id="building-menus-and-toolbars"><span class="secno">3.11.2.2 </span><dfn>Building menus and toolbars</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> + <h5 id="building-menus-and-toolbars"><span class="secno">3.11.3.2 </span><dfn>Building menus and toolbars</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> <p>A menu (or toolbar) consists of a list of zero or more of the following components:</p> @@ -30788,7 +30917,7 @@ <li>Any separator at the start or end of the menu must be removed.</li> - </ol></div><h5 id="context-menus"><span class="secno">3.11.2.3 </span><dfn>Context menus</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p>The <dfn id="attr-contextmenu" title="attr-contextmenu"><code>contextmenu</code></dfn> + </ol></div><h5 id="context-menus"><span class="secno">3.11.3.3 </span><dfn>Context menus</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><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 ID of a <code><a href="#menus">menu</a></code> element in the DOM. <span class="impl">If the node that would be obtained by @@ -30868,7 +30997,7 @@ </div><div class="impl"> - <h5 id="toolbars"><span class="secno">3.11.2.4 </span><dfn>Toolbars</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> + <h5 id="toolbars"><span class="secno">3.11.3.4 </span><dfn>Toolbars</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> <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 must <a href="#building-menus-and-toolbars" title="building menus and toolbars">build</a> the @@ -30879,7 +31008,7 @@ <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> - </div><h4 id="commands"><span class="secno">3.11.3 </span>Commands</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p>A <dfn id="concept-command" title="concept-command">command</dfn> is the abstraction + </div><h4 id="commands"><span class="secno">3.11.4 </span>Commands</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p>A <dfn id="concept-command" title="concept-command">command</dfn> is the abstraction behind menu items, buttons, and links.<!--v2COMMAND: Once a command is defined, other parts of the interface can refer to the same command, allowing many access points to a single feature to share @@ -31112,7 +31241,7 @@ encouraged to do this especially for commands that have <a href="#command-facet-accesskey" title="command-facet-AccessKey">Access Keys</a>, as a way to advertise those keys to the user.<div class="impl"> - <h5 id="using-the-a-element-to-define-a-command"><span class="secno">3.11.3.1 </span><dfn title="a-command">Using the <code>a</code> element to define a command</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> + <h5 id="using-the-a-element-to-define-a-command"><span class="secno">3.11.4.1 </span><dfn title="a-command">Using the <code>a</code> element to define a command</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> <p>An <code><a href="#the-a-element">a</a></code> element with an <code title="attr-hyperlink-href">href</code> attribute <a href="#concept-command" title="concept-command">defines a command</a>.</p> @@ -31158,7 +31287,7 @@ command is to <span title="fire a click event">fire a <code title="event-click">click</code> event</span> at the element.</p> - <h5 id="using-the-button-element-to-define-a-command"><span class="secno">3.11.3.2 </span><dfn title="button-command">Using the <code>button</code> element to define a command</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> + <h5 id="using-the-button-element-to-define-a-command"><span class="secno">3.11.4.2 </span><dfn title="button-command">Using the <code>button</code> element to define a command</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> <p>A <code><a href="#the-button-element">button</a></code> element always <a href="#concept-command" title="concept-command">defines a command</a>.</p> @@ -31170,7 +31299,7 @@ State</a> of the command mirrors the <a href="#concept-fe-disabled" title="concept-fe-disabled">disabled</a> state of the button.</p> - <h5 id="using-the-input-element-to-define-a-command"><span class="secno">3.11.3.3 </span><dfn title="input-command">Using the <code>input</code> element to define a command</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> + <h5 id="using-the-input-element-to-define-a-command"><span class="secno">3.11.4.3 </span><dfn title="input-command">Using the <code>input</code> element to define a command</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> <p>An <code><a href="#the-input-element">input</a></code> element whose <code title="attr-input-type"><a href="#attr-input-type">type</a></code> attribute is in one of the <a href="#submit-button-state" title="attr-input-type-submit">Submit Button</a>, <a href="#reset-button-state" title="attr-input-type-reset">Reset Button</a>, <a href="#image-button-state" title="attr-input-type-image">Image Button</a>, <a href="#button-state" title="attr-input-type-button">Button</a>, <a href="#radio-button-state" title="attr-input-type-radio">Radio Button</a>, or <a href="#checkbox-state" title="attr-input-type-checkbox">Checkbox</a> states <a href="#concept-command" title="concept-command">defines a command</a>.</p> @@ -31241,7 +31370,7 @@ element.</p> - <h5 id="using-the-option-element-to-define-a-command"><span class="secno">3.11.3.4 </span><dfn title="option-command">Using the <code>option</code> element to define a command</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> + <h5 id="using-the-option-element-to-define-a-command"><span class="secno">3.11.4.4 </span><dfn title="option-command">Using the <code>option</code> element to define a command</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> <p>An <code><a href="#the-option-element">option</a></code> element with an ancestor <code><a href="#the-select-element">select</a></code> element and either no <code title="attr-option-value"><a href="#attr-option-value">value</a></code> attribute or a <code title="attr-option-value"><a href="#attr-option-value">value</a></code> attribute that is not the @@ -31294,7 +31423,7 @@ element.</p> - <h5 id="using-the-command-element-to-define-a-command"><span class="secno">3.11.3.5 </span>Using the <dfn title="command-element"><code>command</code></dfn> element to define + <h5 id="using-the-command-element-to-define-a-command"><span class="secno">3.11.4.5 </span>Using the <dfn title="command-element"><code>command</code></dfn> element to define a command</h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> <p>A <code><a href="#the-command">command</a></code> element <a href="#concept-command" title="concept-command">defines a command</a>.</p> @@ -31351,7 +31480,7 @@ - <h5 id="using-the-accesskey-attribute-on-a-label-element-to-define-a-command"><span class="secno">3.11.3.6 </span><dfn title="label-command">Using the <code title="attr-accesskey">accesskey</code> attribute on a <code>label</code> element to define a command</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> + <h5 id="using-the-accesskey-attribute-on-a-label-element-to-define-a-command"><span class="secno">3.11.4.6 </span><dfn title="label-command">Using the <code title="attr-accesskey">accesskey</code> attribute on a <code>label</code> element to define a command</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> <p>A <code><a href="#the-label-element">label</a></code> element that has an <span>assigned access key</span> and a <a href="#labeled-control">labeled control</a> and whose @@ -31392,7 +31521,7 @@ - <h5 id="using-the-accesskey-attribute-on-a-legend-element-to-define-a-command"><span class="secno">3.11.3.7 </span><dfn title="legend-command">Using the <code title="attr-accesskey">accesskey</code> attribute on a <code>legend</code> element to define a command</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> + <h5 id="using-the-accesskey-attribute-on-a-legend-element-to-define-a-command"><span class="secno">3.11.4.7 </span><dfn title="legend-command">Using the <code title="attr-accesskey">accesskey</code> attribute on a <code>legend</code> element to define a command</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> <p>A <code><a href="#the-legend-element">legend</a></code> element that has an <span>assigned access key</span> and is a child of a <code><a href="#the-fieldset-element">fieldset</a></code> element that @@ -31436,7 +31565,7 @@ - <h5 id="using-the-accesskey-attribute-to-define-a-command-on-other-elements"><span class="secno">3.11.3.8 </span><dfn title="accesskey-command">Using the <code title="attr-accesskey">accesskey</code> attribute to define a command on other elements</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> + <h5 id="using-the-accesskey-attribute-to-define-a-command-on-other-elements"><span class="secno">3.11.4.8 </span><dfn title="accesskey-command">Using the <code title="attr-accesskey">accesskey</code> attribute to define a command on other elements</dfn></h5><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> <p>An element that has an <span>assigned access key</span> <a href="#concept-command" title="concept-command">defines a command</a>.</p> @@ -34079,7 +34208,7 @@ <code><a href="#the-blockquote-element">blockquote</a></code>, <code><a href="#the-body-element-0">body</a></code>, <code><a href="#the-br-element">br</a></code>, <code><a href="#center">center</a></code>, <code><a href="#the-col-element">col</a></code>, <code><a href="#the-colgroup-element">colgroup</a></code>, <code><a href="#the-command">command</a></code>, <!--v2DDATAGRID--><code>datagrid</code>, - <code><a href="#the-dd-element">dd</a></code>, <code>details</code>, <code><a href="#dir">dir</a></code>, + <code><a href="#the-dd-element">dd</a></code>, <code><a href="#the-details-element">details</a></code>, <code><a href="#dir">dir</a></code>, <code><a href="#the-div-element">div</a></code>, <code><a href="#the-dl-element">dl</a></code>, <code><a href="#the-dt-element">dt</a></code>, <code><a href="#the-embed-element">embed</a></code>, <code><a href="#the-fieldset-element">fieldset</a></code>, <code><a href="#the-figure-element">figure</a></code>, <code><a href="#the-footer-element">footer</a></code>, <code><a href="#the-form-element">form</a></code>, <code><a href="#frame">frame</a></code>, @@ -44461,7 +44590,38 @@ </div> --><div class="impl"> - <h4 id="the-input-element-as-a-text-entry-widget"><span class="secno">6.4.3 </span>The <code><a href="#the-input-element">input</a></code> element as a text entry widget</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> + <h4 id="the-details-element-0"><span class="secno">6.4.3 </span>The <code><a href="#the-details-element">details</a></code> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> + + <pre class="css">@namespace url(http://www.w3.org/1999/xhtml); + +details { binding: <i title="">details</i>; }</pre> + + <p>When the <i title="">details</i> binding applies to a + <code><a href="#the-details-element">details</a></code> element, the element is expected to render as a + 'block' box with its 'padding-left' property set to '40px'. The + element's shadow tree is expected to take the element's first child + <code><a href="#the-dt-element">dt</a></code> element, if any, and place it in a first 'block' box + container, and then take the element's first child <code><a href="#the-dd-element">dd</a></code> + element, if any, and place it in a second 'block' box container, + ignoring all the other children of the element.</p> + + <p>The first container is expected to contain at least one line box, + and that line box is expected to contain a disclosure widget + (typically a triangle), horizontally positioned within the left + padding of the <code><a href="#the-details-element">details</a></code> element. That widget is expected + to allow the user to request that the details be shown or + hidden.</p> + + <p>The second container is expected to have its 'overflow' property + set to 'hidden'. When the <code><a href="#the-details-element">details</a></code> element does not have + an <code title="attr-details-open"><a href="#attr-details-open">open</a></code> attribute, this + second container is expected to be removed from the rendering.</p> + + <!-- http://mail.gnome.org/archives/usability/2006-June/msg00015.html --> + + </div><div class="impl"> + + <h4 id="the-input-element-as-a-text-entry-widget"><span class="secno">6.4.4 </span>The <code><a href="#the-input-element">input</a></code> element as a text entry widget</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> <pre class="css">@namespace url(http://www.w3.org/1999/xhtml); @@ -44505,7 +44665,7 @@ </div><div class="impl"> - <h4 id="the-input-element-as-domain-specific-widgets"><span class="secno">6.4.4 </span>The <code><a href="#the-input-element">input</a></code> element as domain-specific widgets</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> + <h4 id="the-input-element-as-domain-specific-widgets"><span class="secno">6.4.5 </span>The <code><a href="#the-input-element">input</a></code> element as domain-specific widgets</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> <pre class="css">@namespace url(http://www.w3.org/1999/xhtml); @@ -44557,7 +44717,7 @@ </div><div class="impl"> - <h4 id="the-input-element-as-a-range-control"><span class="secno">6.4.5 </span>The <code><a href="#the-input-element">input</a></code> element as a range control</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> + <h4 id="the-input-element-as-a-range-control"><span class="secno">6.4.6 </span>The <code><a href="#the-input-element">input</a></code> element as a range control</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> <pre class="css">@namespace url(http://www.w3.org/1999/xhtml); @@ -44580,7 +44740,7 @@ </div><div class="impl"> - <h4 id="the-input-element-as-a-color-well"><span class="secno">6.4.6 </span>The <code><a href="#the-input-element">input</a></code> element as a color well</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> + <h4 id="the-input-element-as-a-color-well"><span class="secno">6.4.7 </span>The <code><a href="#the-input-element">input</a></code> element as a color well</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> <pre class="css">@namespace url(http://www.w3.org/1999/xhtml); @@ -44599,7 +44759,7 @@ </div><div class="impl"> - <h4 id="the-input-element-as-a-check-box-and-radio-button-widgets"><span class="secno">6.4.7 </span>The <code><a href="#the-input-element">input</a></code> element as a check box and radio button widgets</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> + <h4 id="the-input-element-as-a-check-box-and-radio-button-widgets"><span class="secno">6.4.8 </span>The <code><a href="#the-input-element">input</a></code> element as a check box and radio button widgets</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> <pre class="css">@namespace url(http://www.w3.org/1999/xhtml); @@ -44618,7 +44778,7 @@ </div><div class="impl"> - <h4 id="the-input-element-as-a-file-upload-control"><span class="secno">6.4.8 </span>The <code><a href="#the-input-element">input</a></code> element as a file upload control</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> + <h4 id="the-input-element-as-a-file-upload-control"><span class="secno">6.4.9 </span>The <code><a href="#the-input-element">input</a></code> element as a file upload control</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> <pre class="css">@namespace url(http://www.w3.org/1999/xhtml); @@ -44633,7 +44793,7 @@ </div><div class="impl"> - <h4 id="the-input-element-as-a-button"><span class="secno">6.4.9 </span>The <code><a href="#the-input-element">input</a></code> element as a button</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> + <h4 id="the-input-element-as-a-button"><span class="secno">6.4.10 </span>The <code><a href="#the-input-element">input</a></code> element as a button</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> <pre class="css">@namespace url(http://www.w3.org/1999/xhtml); @@ -44651,7 +44811,7 @@ </div><div class="impl"> - <h4 id="the-marquee-element-0"><span class="secno">6.4.10 </span>The <code><a href="#the-marquee-element">marquee</a></code> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> + <h4 id="the-marquee-element-0"><span class="secno">6.4.11 </span>The <code><a href="#the-marquee-element">marquee</a></code> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> <pre class="css">@namespace url(http://www.w3.org/1999/xhtml); @@ -44814,7 +44974,7 @@ </div><div class="impl"> - <h4 id="the-meter-element-0"><span class="secno">6.4.11 </span>The <code><a href="#the-meter-element">meter</a></code> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> + <h4 id="the-meter-element-0"><span class="secno">6.4.12 </span>The <code><a href="#the-meter-element">meter</a></code> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> <pre class="css">@namespace url(http://www.w3.org/1999/xhtml); @@ -44844,7 +45004,7 @@ </div><div class="impl"> - <h4 id="the-progress-element-0"><span class="secno">6.4.12 </span>The <code><a href="#the-progress-element">progress</a></code> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> + <h4 id="the-progress-element-0"><span class="secno">6.4.13 </span>The <code><a href="#the-progress-element">progress</a></code> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> <pre class="css">@namespace url(http://www.w3.org/1999/xhtml); @@ -44880,7 +45040,7 @@ </div><div class="impl"> - <h4 id="the-select-element-0"><span class="secno">6.4.13 </span>The <code><a href="#the-select-element">select</a></code> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> + <h4 id="the-select-element-0"><span class="secno">6.4.14 </span>The <code><a href="#the-select-element">select</a></code> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> <pre class="css">@namespace url(http://www.w3.org/1999/xhtml); @@ -44936,7 +45096,7 @@ </div><div class="impl"> - <h4 id="the-textarea-element-0"><span class="secno">6.4.14 </span>The <code><a href="#the-textarea-element">textarea</a></code> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> + <h4 id="the-textarea-element-0"><span class="secno">6.4.15 </span>The <code><a href="#the-textarea-element">textarea</a></code> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> <pre class="css">@namespace url(http://www.w3.org/1999/xhtml); @@ -44985,7 +45145,7 @@ </div><div class="impl"> - <h4 id="the-keygen-element-0"><span class="secno">6.4.15 </span>The <code><a href="#the-keygen-element">keygen</a></code> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> + <h4 id="the-keygen-element-0"><span class="secno">6.4.16 </span>The <code><a href="#the-keygen-element">keygen</a></code> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> <pre class="css">@namespace url(http://www.w3.org/1999/xhtml); @@ -44998,7 +45158,7 @@ </div><div class="impl"> - <h4 id="the-time-element-0"><span class="secno">6.4.16 </span>The <code><a href="#the-time-element">time</a></code> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> + <h4 id="the-time-element-0"><span class="secno">6.4.17 </span>The <code><a href="#the-time-element">time</a></code> element</h4><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i></p> <pre class="css">@namespace url(http://www.w3.org/1999/xhtml); @@ -47451,6 +47611,7 @@ <td>none</td> <td><code><a href="#the-dl-element">dl</a></code>; <code><a href="#the-figure-element">figure</a></code>; + <code><a href="#the-details-element">details</a></code></td> <td><a href="#flow-content" title="Flow content">flow</a></td> <td><a href="#global-attributes" title="global attributes">globals</a></td> <td><code><a href="#htmlelement">HTMLElement</a></code></td> @@ -47464,6 +47625,17 @@ <code title="attr-mod-cite"><a href="#attr-mod-cite">cite</a></code>; <code title="attr-mod-datetime"><a href="#attr-mod-datetime">datetime</a></code></td> <td><code><a href="#htmlmodelement">HTMLModElement</a></code></td> + <tr><th><code><a href="#the-details-element">details</a></code></th> + <td>Disclosure control for hiding details</td> + <td><a href="#flow-content" title="Flow content">flow</a>; + <a href="#sectioning-root" title="Sectioning root">sectioning root</a>; + <a href="#interactive-content" title="Interactive content">interactive</a></td> + <td><a href="#flow-content" title="Flow content">flow</a></td> + <td><code><a href="#the-dt-element">dt</a></code>*; + <code><a href="#the-dd-element">dd</a></code>*</td> + <td><a href="#global-attributes" title="global attributes">globals</a>; + <code title="attr-details-open"><a href="#attr-details-open">open</a></code></td> + <td><code><a href="#htmldetailselement">HTMLDetailsElement</a></code></td> <tr><th><code><a href="#the-dfn-element">dfn</a></code></th> <td>Defining instance</td> <td><a href="#flow-content" title="Flow content">flow</a>; @@ -47493,6 +47665,7 @@ <td>none</td> <td><code><a href="#the-dl-element">dl</a></code>; <code><a href="#the-figure-element">figure</a></code>; + <code><a href="#the-details-element">details</a></code></td> <td>varies*</td> <td><a href="#global-attributes" title="global attributes">globals</a></td> <td><code><a href="#htmlelement">HTMLElement</a></code></td> @@ -48617,6 +48790,10 @@ <td> <code title="attr-fs-novalidate"><a href="#attr-fs-novalidate">form</a></code> <td> Bypass form control validation for <a href="#form-submission">form submission</a> <td> <span>Boolean attribute</span> + <tr><th> <code title="">open</code> + <td> <code title="attr-details-open"><a href="#attr-details-open">details</a></code> + <td> Whether the details are visible + <td> <span>Boolean attribute</span> <tr><th> <code title="">optimum</code> <td> <code title="attr-meter-optimum"><a href="#attr-meter-optimum">meter</a></code> <td> Optimum value in gauge @@ -49335,6 +49512,10 @@ <tr><td> <code><a href="#the-dd-element">dd</a></code> <td> <code><a href="#htmlelement">HTMLElement</a></code> + + <tr><td> <code><a href="#the-details-element">details</a></code> + <td> <code><a href="#htmldetailselement">HTMLDetailsElement</a></code> : <code><a href="#htmlelement">HTMLElement</a></code> + <tr><td> <code><a href="#the-div-element">div</a></code> <td> <code><a href="#htmldivelement">HTMLDivElement</a></code> : <code><a href="#htmlelement">HTMLElement</a></code>
Received on Saturday, 9 January 2010 01:10:45 UTC