- 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