W3C home > Mailing lists > Public > public-html-commits@w3.org > January 2010

html5/vocabulary Overview.html,1.1,1.2

From: Ian Hickson via cvs-syncmail <cvsmail@w3.org>
Date: Sat, 09 Jan 2010 01:10:42 +0000
To: public-html-commits@w3.org
Message-Id: <E1NTPql-0004dh-2M@lionel-hutz.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>
    &copy; 2009 <a href="http://www.w3.org/"><abbr title="World Wide
    Web Consortium">W3C</abbr></a><sup>&reg;</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 @@
 &lt;/table&gt;</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>&lt;table&gt;
+ &lt;caption&gt;
+  &lt;strong&gt;Characteristics with positive and negative sides.&lt;/strong&gt;
+  &lt;details&gt;
+   &lt;dt&gt;Help&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Characteristics are given in the second column, with the
+    negative side in the left column and the positive side in the right
+    column.&lt;/p&gt;
+   &lt;/dd&gt;
+  &lt;/details&gt;
+ &lt;/caption&gt;
+ &lt;thead&gt;
+  &lt;tr&gt;
+   &lt;th id="n"&gt; Negative
+   &lt;th&gt; Characteristic
+   &lt;th&gt; Positive
+ &lt;tbody&gt;
+  &lt;tr&gt;
+   &lt;td headers="n r1"&gt; Sad
+   &lt;th id="r1"&gt; Mood
+   &lt;td&gt; Happy
+  &lt;tr&gt;
+   &lt;td headers="n r2"&gt; Failing
+   &lt;th id="r2"&gt; Grade
+   &lt;td&gt; Passing
+&lt;/table&gt;</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>&lt;section class="progress window"&gt;
+ &lt;h1&gt;Copying "Really Achieving Your Childhood Dreams"&lt;/h1&gt;
+ &lt;details&gt;
+  &lt;dt&gt;Copying... &lt;progress max="375505392" value="97543282"&gt;&lt;/progress&gt; 25%&lt;/dt&gt;
+  &lt;dd&gt;
+   &lt;dl&gt;
+    &lt;dt&gt;Transfer rate:&lt;/dt&gt; &lt;dd&gt;452KB/s&lt;/dd&gt;
+    &lt;dt&gt;Local filename:&lt;/dt&gt; &lt;dd&gt;/home/rpausch/raycd.m4v&lt;/dd&gt;
+    &lt;dt&gt;Remote filename:&lt;/dt&gt; &lt;dd&gt;/var/www/lectures/raycd.m4v&lt;/dd&gt;
+    &lt;dt&gt;Duration:&lt;/dt&gt; &lt;dd&gt;01:16:27&lt;/dd&gt;
+    &lt;dt&gt;Color profile:&lt;/dt&gt; &lt;dd&gt;SD (6-1-6)&lt;/dd&gt;
+    &lt;dt&gt;Dimensions:&lt;/dt&gt; &lt;dd&gt;320&times;240&lt;/dd&gt;
+   &lt;/dl&gt;
+  &lt;/dd&gt;
+ &lt;/details&gt;
+&lt;/section&gt;</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>&lt;details&gt;
+ &lt;dt&gt;Name &amp; Extension:
+ &lt;dd&gt;
+  &lt;p&gt;&lt;input type=text name=fn value="Pillar Magazine.pdf"&gt;
+  &lt;p&gt;&lt;label&gt;&lt;input type=checkbox name=ext checked&gt; Hide extension&lt;/label&gt;
+&lt;/details&gt;</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()"&gt;
 &lt;/menu&gt;</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>&lt;menu type="toolbar"&gt;
@@ -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 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Saturday, 9 January 2010 01:10:45 GMT