html5/spec Overview.html,1.3843,1.3844

Update of /sources/public/html5/spec
In directory hutz:/tmp/cvs-serv31544

Modified Files:
	Overview.html 
Log Message:
First crack at an index table for the categories. If you have any ideas of how better to arrange this, please let me know. (whatwg r4797)

Index: Overview.html
===================================================================
RCS file: /sources/public/html5/spec/Overview.html,v
retrieving revision 1.3843
retrieving revision 1.3844
diff -u -d -r1.3843 -r1.3844
--- Overview.html	23 Feb 2010 09:26:47 -0000	1.3843
+++ Overview.html	23 Feb 2010 10:32:41 -0000	1.3844
@@ -1240,6 +1240,7 @@
  <li><a class="no-num" href="#index">Index</a>
   <ol>
    <li><a class="no-num" href="#elements-1">Elements</a></li>
+   <li><a class="no-num" href="#element-content-categories">Element content categories</a></li>
    <li><a class="no-num" href="#attributes-0">Attributes</a></li>
    <li><a class="no-num" href="#interfaces">Interfaces</a></li>
    <li><a class="no-num" href="#events-0">Events</a></ol></li>
@@ -7499,7 +7500,7 @@
   particular category.<h6 id="metadata-content-0"><span class="secno">3.2.5.1.1 </span>Metadata content</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p><dfn id="metadata-content">Metadata content</dfn> is content that sets up the
   presentation or behavior of the rest of the content, or that sets
   up the relationship of the document with other documents, or that
-  conveys other "out of band" information.<ul class="brief category-list"><li><code><a href="#the-base-element">base</a></code></li>
+  conveys other "out of band" information.</p><!-- when updating this also update the category index --><ul class="brief category-list"><li><code><a href="#the-base-element">base</a></code></li>
    <li><code><a href="#the-command">command</a></code></li>
    <li><code><a href="#the-link-element">link</a></code></li>
    <li><code><a href="#meta">meta</a></code></li>
@@ -7536,7 +7537,7 @@
    <p>This isn't possible in the HTML serialization, however.</p>
 
   </div><h6 id="flow-content-0"><span class="secno">3.2.5.1.2 </span>Flow content</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p>Most elements that are used in the body of documents and
-  applications are categorized as <dfn id="flow-content">flow content</dfn>.<ul class="brief category-list"><li><code><a href="#the-a-element">a</a></code></li>
+  applications are categorized as <dfn id="flow-content">flow content</dfn>.</p><!-- when updating this also update the category index --><ul class="brief category-list"><li><code><a href="#the-a-element">a</a></code></li>
    <li><code><a href="#the-abbr-element">abbr</a></code></li>
    <li><code><a href="#the-address-element">address</a></code></li>
    <li><code><a href="#the-area-element">area</a></code> (if it is a descendant of a <code><a href="#the-map-element">map</a></code> element)</li>
@@ -7627,7 +7628,7 @@
   when it is used as a placeholder which will later be filled in by a
   script, or when the element is part of a template and would on most
   pages be filled in but on some pages is not relevant.<h6 id="sectioning-content-0"><span class="secno">3.2.5.1.3 </span>Sectioning content</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p><dfn id="sectioning-content">Sectioning content</dfn> is content that defines the scope
-  of <a href="#heading-content" title="heading content">headings</a> and <a href="#the-footer-element" title="footer">footers</a>.<ul class="brief category-list"><li><code><a href="#the-article-element">article</a></code></li>
+  of <a href="#heading-content" title="heading content">headings</a> and <a href="#the-footer-element" title="footer">footers</a>.</p><!-- when updating this also update the category index --><ul class="brief category-list"><li><code><a href="#the-article-element">article</a></code></li>
    <li><code><a href="#the-aside-element">aside</a></code></li>
    <li><code><a href="#the-nav-element">nav</a></code></li>
    <li><code><a href="#the-section-element">section</a></code></li>
@@ -7637,7 +7638,7 @@
   from <a href="#sectioning-content">sectioning content</a>, but they can also have an
   <a href="#outline">outline</a>.<h6 id="heading-content-0"><span class="secno">3.2.5.1.4 </span>Heading content</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p><dfn id="heading-content">Heading content</dfn> defines the header of a section
   (whether explicitly marked up using <a href="#sectioning-content">sectioning content</a>
-  elements, or implied by the heading content itself).<ul class="brief category-list"><li><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code></li>
+  elements, or implied by the heading content itself).</p><!-- when updating this also update the category index --><ul class="brief category-list"><li><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code></li>
    <li><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h2</a></code></li>
    <li><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h3</a></code></li>
    <li><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h4</a></code></li>
@@ -7646,7 +7647,7 @@
    <li><code><a href="#the-hgroup-element">hgroup</a></code></li>
   </ul><h6 id="phrasing-content-0"><span class="secno">3.2.5.1.5 </span>Phrasing content</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p><dfn id="phrasing-content">Phrasing content</dfn> is the text of the document, as well
   as elements that mark up that text at the intra-paragraph
-  level. Runs of <a href="#phrasing-content">phrasing content</a> form <a href="#paragraph" title="paragraph">paragraphs</a>.<ul class="brief category-list"><li><code><a href="#the-a-element">a</a></code> (if it contains only <a href="#phrasing-content">phrasing content</a>)</li>
+  level. Runs of <a href="#phrasing-content">phrasing content</a> form <a href="#paragraph" title="paragraph">paragraphs</a>.</p><!-- when updating this also update the category index --><ul class="brief category-list"><li><code><a href="#the-a-element">a</a></code> (if it contains only <a href="#phrasing-content">phrasing content</a>)</li>
    <li><code><a href="#the-abbr-element">abbr</a></code></li>
    <li><code><a href="#the-area-element">area</a></code> (if it is a descendant of a <code><a href="#the-map-element">map</a></code> element)</li>
    <li><code><a href="#audio">audio</a></code></li>
@@ -7711,7 +7712,7 @@
   node">text nodes</a> are empty or contain just <a href="#space-character" title="space
   character">space characters</a>).<h6 id="embedded-content-0"><span class="secno">3.2.5.1.6 </span>Embedded content</h6><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p><dfn id="embedded-content">Embedded content</dfn> is content that imports another
   resource into the document, or content from another vocabulary that
-  is inserted into the document.<ul class="brief category-list"><li><code><a href="#audio">audio</a></code></li>
+  is inserted into the document.</p><!-- when updating this also update the category index --><ul class="brief category-list"><li><code><a href="#audio">audio</a></code></li>
    <li><code><a href="#the-canvas-element">canvas</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>
@@ -7733,7 +7734,7 @@
 http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20HTML%3E%0A%3Cform%20action%3D%22http%3A//google.com/%22%20onsubmit%3D%22w%28%27onsubmit%27%29%22%3E%3Cem%3EA%3C/em%3E%3C/form%3E%0A%3Cscript%3E%0Adocument.getElementsByTagName%28%27form%27%29%5B0%5D.attachEvent%28%27onsubmit%27%2C%20function%20%28%29%20%7B%20w%28%27submit%20fired%27%29%20%7D%29%3B%0Adocument.getElementsByTagName%28%27form%27%29%5B0%5D.fireEvent%28%27onsubmit%27%29%3B%0A%3C/script%3E
 http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20HTML%3E%0A%3Cform%20action%3D%22http%3A//google.com/%22%3EX%3C/form%3E%0A%3Cscript%3E%0Avar%20evt%20%3D%20document.createEvent%28%22Events%22%29%3B%0Aevt.initEvent%28%22submit%22%2C%20true%2C%20true%29%3B%0Adocument.getElementsByTagName%28%27form%27%29%5B0%5D.dispatchEvent%28evt%29%3B%0A%3C/script%3E
 --><p><dfn id="interactive-content">Interactive content</dfn> is content that is specifically
-  intended for user interaction.<ul class="brief category-list"><li><code><a href="#the-a-element">a</a></code></li>
+  intended for user interaction.</p><!-- when updating this also update the category index --><ul class="brief category-list"><li><code><a href="#the-a-element">a</a></code></li>
    <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> -->
@@ -12541,7 +12542,7 @@
   root">sectioning roots</dfn>, including <code><a href="#the-blockquote-element">blockquote</a></code> and
   <code><a href="#the-td-element">td</a></code> elements. These elements can have their own
   outlines, but the sections and headings inside these elements do not
-  contribute to the outlines of their ancestors.<ul class="brief category-list"><li><code><a href="#the-blockquote-element">blockquote</a></code></li>
+  contribute to the outlines of their ancestors.</p><!-- when updating this also update the category index --><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>
@@ -24820,7 +24821,7 @@
   content</a>, and <a href="#interactive-content">interactive content</a>.<p>A number of the elements are <dfn id="form-associated-element" title="form-associated
   element">form-associated elements</dfn>, which means they can have a
   <a href="#form-owner">form owner</a> and, to expose this, have a <code title="attr-fae-form"><a href="#attr-fae-form">form</a></code> content attribute with a matching
-  <code title="dom-fae-form"><a href="#dom-fae-form">form</a></code> IDL attribute.<ul class="brief category-list"><li><code><a href="#the-button-element">button</a></code></li>
+  <code title="dom-fae-form"><a href="#dom-fae-form">form</a></code> IDL attribute.</p><!-- when updating this also update the category index --><ul class="brief category-list"><li><code><a href="#the-button-element">button</a></code></li>
    <li><code><a href="#the-fieldset-element">fieldset</a></code></li>
    <li><code><a href="#the-input-element">input</a></code></li>
    <li><code><a href="#the-keygen-element">keygen</a></code></li>
@@ -24839,6 +24840,7 @@
     <p>Denotes elements that are listed in the <code title="dom-form-elements"><a href="#dom-form-elements"><var title="">form</var>.elements</a></code>
     and <code title="dom-fieldset-elements"><a href="#dom-fieldset-elements"><var title="">fieldset</var>.elements</a></code> APIs.</p>
 
+    <!-- when updating this also update the category index -->
     <ul class="brief category-list"><li><code><a href="#the-button-element">button</a></code></li>
      <li><code><a href="#the-fieldset-element">fieldset</a></code></li>
      <li><code><a href="#the-input-element">input</a></code></li>
@@ -24856,6 +24858,7 @@
     <p>Denotes elements that can be associated with <code><a href="#the-label-element">label</a></code>
     elements.</p>
 
+    <!-- when updating this also update the category index -->
     <ul class="brief category-list"><li><code><a href="#the-button-element">button</a></code></li>
      <li><code><a href="#the-input-element">input</a></code></li>
      <li><code><a href="#the-keygen-element">keygen</a></code></li>
@@ -24873,6 +24876,7 @@
     <p>Denotes elements that can be used for <a href="#constructing-form-data-set">constructing the form data
     set</a> when a <code><a href="#the-form-element">form</a></code> element is <a href="#concept-form-submit" title="concept-form-submit">submitted</a>.</p>
 
+    <!-- when updating this also update the category index -->
     <ul class="brief category-list"><li><code><a href="#the-button-element">button</a></code></li>
      <li><code><a href="#the-input-element">input</a></code></li>
      <li><code><a href="#the-keygen-element">keygen</a></code></li>
@@ -24888,6 +24892,7 @@
     <p>Denotes elements that can be affected when a <code><a href="#the-form-element">form</a></code>
     element is <a href="#concept-form-reset" title="concept-form-reset">reset</a>.</p>
 
+    <!-- when updating this also update the category index -->
     <ul class="brief category-list"><li><code><a href="#the-input-element">input</a></code></li>
      <li><code><a href="#the-keygen-element">keygen</a></code></li>
      <li><code><a href="#the-output-element">output</a></code></li>
@@ -66364,7 +66369,291 @@
          <code title="attr-dim-width"><a href="#attr-dim-width">width</a></code>;
          <code title="attr-dim-height"><a href="#attr-dim-height">height</a></code></td>
      <td><code><a href="#htmlvideoelement">HTMLVideoElement</a></code></td>
-    </table><p>An asterisk (*) in a cell indicates that the actual rules are more complicated than indicated in the table above.<h3 class="no-num" id="attributes-0">Attributes</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p><i>This section is non-normative.</i><table><caption>List of attributes (excluding event handler content attributes)</caption>
+    </table><p>An asterisk (*) in a cell indicates that the actual rules are more complicated than indicated in the table above.<h3 class="no-num" id="element-content-categories">Element content categories</h3><p><i>This section is non-normative.</i></p><!-- when updating this also check the category-list <ul>s --><table><caption>List of element content categories</caption>
+   <thead><tr><th> Category
+     <th> Elements
+     <th> Elements with exceptions
+   <tbody><tr><td> <a href="#metadata-content">Metadata content</a>
+     <td> 
+      <code><a href="#the-base-element">base</a></code>;
+      <code><a href="#the-command">command</a></code>;
+      <code><a href="#the-link-element">link</a></code>;
+      <code><a href="#meta">meta</a></code>;
+      <code><a href="#the-noscript-element">noscript</a></code>;
+      <code><a href="#script">script</a></code>;
+      <code><a href="#the-style-element">style</a></code>;
+      <code><a href="#the-title-element-0">title</a></code>
+     <td> 
+      &mdash;
+
+    <tr><td> <a href="#flow-content">Flow content</a>
+     <td>
+      <code><a href="#the-a-element">a</a></code>;
+      <code><a href="#the-abbr-element">abbr</a></code>;
+      <code><a href="#the-address-element">address</a></code>;
+      <code><a href="#the-article-element">article</a></code>;
+      <code><a href="#the-aside-element">aside</a></code>;
+      <code><a href="#audio">audio</a></code>;
+      <code><a href="#the-b-element">b</a></code>;
+      <code><a href="#the-bdo-element">bdo</a></code>;
+      <code><a href="#the-blockquote-element">blockquote</a></code>;
+      <code><a href="#the-br-element">br</a></code>;
+      <code><a href="#the-button-element">button</a></code>;
+      <code><a href="#the-canvas-element">canvas</a></code>;
+      <code><a href="#the-cite-element">cite</a></code>;
+      <code><a href="#the-code-element">code</a></code>;
+      <code><a href="#the-command">command</a></code>;
+      <!-- v2DATAGRID <code>datagrid</code>; -->
+      <code><a href="#the-datalist-element">datalist</a></code>;
+      <code><a href="#the-del-element">del</a></code>;
+      <code><a href="#the-details-element">details</a></code>;
+      <code><a href="#the-dfn-element">dfn</a></code>;
+      <code><a href="#the-div-element">div</a></code>;
+      <code><a href="#the-dl-element">dl</a></code>;
+      <code><a href="#the-em-element">em</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="#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code>;
+      <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h2</a></code>;
+      <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h3</a></code>;
+      <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h4</a></code>;
+      <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code>;
+      <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code>;
+      <code><a href="#the-header-element">header</a></code>;
+      <code><a href="#the-hgroup-element">hgroup</a></code>;
+      <code><a href="#the-hr-element">hr</a></code>;
+      <code><a href="#the-i-element">i</a></code>;
+      <code><a href="#the-iframe-element">iframe</a></code>;
+      <code><a href="#the-img-element">img</a></code>;
+      <code><a href="#the-input-element">input</a></code>;
+      <code><a href="#the-ins-element">ins</a></code>;
+      <code><a href="#the-kbd-element">kbd</a></code>;
+      <code><a href="#the-keygen-element">keygen</a></code>;
+      <code><a href="#the-label-element">label</a></code>;
+      <code><a href="#the-map-element">map</a></code>;
+      <code><a href="#the-mark-element">mark</a></code>;
+      <code><a href="#math">math</a></code>;
+      <code><a href="#menus">menu</a></code>;
+      <code><a href="#the-meter-element">meter</a></code>;
+      <code><a href="#the-nav-element">nav</a></code>;
+      <code><a href="#the-noscript-element">noscript</a></code>;
+      <code><a href="#the-object-element">object</a></code>;
+      <code><a href="#the-ol-element">ol</a></code>;
+      <code><a href="#the-output-element">output</a></code>;
+      <code><a href="#the-p-element">p</a></code>;
+      <code><a href="#the-pre-element">pre</a></code>;
+      <code><a href="#the-progress-element">progress</a></code>;
+      <code><a href="#the-q-element">q</a></code>;
+      <code><a href="#the-ruby-element">ruby</a></code>;
+      <code><a href="#the-samp-element">samp</a></code>;
+      <code><a href="#script">script</a></code>;
+      <code><a href="#the-section-element">section</a></code>;
+      <code><a href="#the-select-element">select</a></code>;
+      <code><a href="#the-small-element">small</a></code>;
+      <code><a href="#the-span-element">span</a></code>;
+      <code><a href="#the-strong-element">strong</a></code>;
+      <code><a href="#the-sub-and-sup-elements">sub</a></code>;
+      <code><a href="#the-sub-and-sup-elements">sup</a></code>;
+      <code><a href="#svg">svg</a></code>;
+      <code><a href="#the-table-element">table</a></code>;
+      <code><a href="#the-textarea-element">textarea</a></code>;
+      <code><a href="#the-time-element">time</a></code>;
+      <code><a href="#the-ul-element">ul</a></code>;
+      <code><a href="#the-var-element">var</a></code>;
+      <code><a href="#video">video</a></code>;
+      <a href="#text-content" title="text content">Text</a>
+     <td>
+      <code><a href="#the-area-element">area</a></code> (if it is a descendant of a <code><a href="#the-map-element">map</a></code> element);
+      <code><a href="#the-style-element">style</a></code> (if the <code title="attr-style-scoped"><a href="#attr-style-scoped">scoped</a></code> attribute is present)
+
+    <tr><td> <a href="#sectioning-content">Sectioning content</a>
+     <td>
+      <code><a href="#the-article-element">article</a></code>;
+      <code><a href="#the-aside-element">aside</a></code>;
+      <code><a href="#the-nav-element">nav</a></code>;
+      <code><a href="#the-section-element">section</a></code>
+     <td>
+      &mdash;
+
+    <tr><td> <a href="#heading-content">Heading content</a>
+     <td>
+      <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code>;
+      <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h2</a></code>;
+      <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h3</a></code>;
+      <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h4</a></code>;
+      <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code>;
+      <code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code>;
+      <code><a href="#the-hgroup-element">hgroup</a></code>
+     <td>
+      &mdash;
+
+    <tr><td> <a href="#phrasing-content">Phrasing content</a>
+     <td>
+      <code><a href="#the-abbr-element">abbr</a></code>;
+      <code><a href="#audio">audio</a></code>;
+      <code><a href="#the-b-element">b</a></code>;
+      <code><a href="#the-bdo-element">bdo</a></code>;
+      <code><a href="#the-br-element">br</a></code>;
+      <code><a href="#the-button-element">button</a></code>;
+      <code><a href="#the-canvas-element">canvas</a></code>;
+      <code><a href="#the-cite-element">cite</a></code>;
+      <code><a href="#the-code-element">code</a></code>;
+      <code><a href="#the-command">command</a></code>;
+      <code><a href="#the-datalist-element">datalist</a></code>;
+      <code><a href="#the-dfn-element">dfn</a></code>;
+      <code><a href="#the-em-element">em</a></code>;
+      <code><a href="#the-embed-element">embed</a></code>;
+      <code><a href="#the-i-element">i</a></code>;
+      <code><a href="#the-iframe-element">iframe</a></code>;
+      <code><a href="#the-img-element">img</a></code>;
+      <code><a href="#the-input-element">input</a></code>;
+      <code><a href="#the-kbd-element">kbd</a></code>;
+      <code><a href="#the-keygen-element">keygen</a></code>;
+      <code><a href="#the-label-element">label</a></code>;
+      <code><a href="#the-mark-element">mark</a></code>;
+      <code><a href="#math">math</a></code>;
+      <code><a href="#the-meter-element">meter</a></code>;
+      <code><a href="#the-noscript-element">noscript</a></code>;
+      <code><a href="#the-object-element">object</a></code>;
+      <code><a href="#the-output-element">output</a></code>;
+      <code><a href="#the-progress-element">progress</a></code>;
+      <code><a href="#the-q-element">q</a></code>;
+      <code><a href="#the-ruby-element">ruby</a></code>;
+      <code><a href="#the-samp-element">samp</a></code>;
+      <code><a href="#script">script</a></code>;
+      <code><a href="#the-select-element">select</a></code>;
+      <code><a href="#the-small-element">small</a></code>;
+      <code><a href="#the-span-element">span</a></code>;
+      <code><a href="#the-strong-element">strong</a></code>;
+      <code><a href="#the-sub-and-sup-elements">sub</a></code>;
+      <code><a href="#the-sub-and-sup-elements">sup</a></code>;
+      <code><a href="#svg">svg</a></code>;
+      <code><a href="#the-textarea-element">textarea</a></code>;
+      <code><a href="#the-time-element">time</a></code>;
+      <code><a href="#the-var-element">var</a></code>;
+      <code><a href="#video">video</a></code>;
+      <a href="#text-content" title="text content">Text</a>
+     <td>
+      <code><a href="#the-a-element">a</a></code> (if it contains only <a href="#phrasing-content">phrasing content</a>);
+      <code><a href="#the-area-element">area</a></code> (if it is a descendant of a  <code><a href="#the-map-element">map</a></code> element);
+      <code><a href="#the-del-element">del</a></code> (if it contains only <a href="#phrasing-content">phrasing content</a>);
+      <code><a href="#the-ins-element">ins</a></code> (if it contains only <a href="#phrasing-content">phrasing content</a>);
+      <code><a href="#the-map-element">map</a></code> (if it contains only <a href="#phrasing-content">phrasing content</a>)<!--
+      -->
+
+    <tr><td> <a href="#embedded-content">Embedded content</a>
+     <td>
+      <code><a href="#audio">audio</a></code>
+      <code><a href="#the-canvas-element">canvas</a></code>
+      <code><a href="#the-embed-element">embed</a></code>
+      <code><a href="#the-iframe-element">iframe</a></code>
+      <code><a href="#the-img-element">img</a></code>
+      <code><a href="#math">math</a></code>
+      <code><a href="#the-object-element">object</a></code>
+      <code><a href="#svg">svg</a></code>
+      <code><a href="#video">video</a></code>
+     <td>
+      &mdash;
+
+    <tr><td> <a href="#interactive-content">Interactive content</a>
+     <td>
+      <code><a href="#the-a-element">a</a></code>;
+      <code><a href="#the-button-element">button</a></code>;
+      <!-- v2DATAGRID <code>datagrid</code>; -->
+      <code><a href="#the-details-element">details</a></code>;
+      <code><a href="#the-embed-element">embed</a></code>;
+      <code><a href="#the-iframe-element">iframe</a></code>;
+      <code><a href="#the-keygen-element">keygen</a></code>;
+      <code><a href="#the-label-element">label</a></code>;
+      <code><a href="#the-select-element">select</a></code>;
+      <code><a href="#the-textarea-element">textarea</a></code>;
+     <td>
+      <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);
+      <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);
+      <code><a href="#the-input-element">input</a></code> (if the <code title="attr-input-type"><a href="#attr-input-type">type</a></code> attribute is <em>not</em> in the <a href="#hidden-state" title="attr-input-type-hidden">Hidden</a> state);
+      <code><a href="#menus">menu</a></code> (if the <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);
+      <code><a href="#the-object-element">object</a></code> (if the <code title="attr-hyperlink-usemap"><a href="#attr-hyperlink-usemap">usemap</a></code> attribute is present)<!-- see also comment in <object> section -->;
+      <code><a href="#video">video</a></code> (if the <code title="attr-media-controls"><a href="#attr-media-controls">controls</a></code> attribute is present)
+
+    <tr><td> <a href="#sectioning-root" title="sectioning root">Sectioning roots</a>
+     <td>
+      <code><a href="#the-blockquote-element">blockquote</a></code>;
+      <code><a href="#the-body-element-0">body</a></code>;
+      <!-- v2DATAGRID <code>datagrid</code>; -->
+      <code><a href="#the-details-element">details</a></code>;
+      <code><a href="#the-fieldset-element">fieldset</a></code>;
+      <code><a href="#the-figure-element">figure</a></code>;
+      <code><a href="#the-td-element">td</a></code>
+     <td>
+      &mdash;
+
+    <tr><td> <a href="#form-associated-element" title="form-associated element">Form-associated elements</a>
+     <td>
+      <code><a href="#the-button-element">button</a></code>;
+      <code><a href="#the-fieldset-element">fieldset</a></code>;
+      <code><a href="#the-input-element">input</a></code>;
+      <code><a href="#the-keygen-element">keygen</a></code>;
+      <code><a href="#the-label-element">label</a></code>;
+      <code><a href="#the-meter-element">meter</a></code>;
+      <code><a href="#the-object-element">object</a></code>;
+      <code><a href="#the-output-element">output</a></code>;
+      <code><a href="#the-progress-element">progress</a></code>;
+      <code><a href="#the-select-element">select</a></code>;
+      <code><a href="#the-textarea-element">textarea</a></code>
+     <td>
+      &mdash;
+
+    <tr><td> <a href="#category-listed" title="category-listed">Listed</a>
+     <td>
+      <code><a href="#the-button-element">button</a></code>;
+      <code><a href="#the-fieldset-element">fieldset</a></code>;
+      <code><a href="#the-input-element">input</a></code>;
+      <code><a href="#the-keygen-element">keygen</a></code>;
+      <code><a href="#the-object-element">object</a></code>;
+      <code><a href="#the-output-element">output</a></code>;
+      <code><a href="#the-select-element">select</a></code>;
+      <code><a href="#the-textarea-element">textarea</a></code>
+     <td>
+      &mdash;
+
+    <tr><td> <a href="#category-label" title="category-label">Labelable</a>
+     <td>
+      <code><a href="#the-button-element">button</a></code>;
+      <code><a href="#the-input-element">input</a></code>;
+      <code><a href="#the-keygen-element">keygen</a></code>;
+      <code><a href="#the-meter-element">meter</a></code>;
+      <code><a href="#the-output-element">output</a></code>;
+      <code><a href="#the-progress-element">progress</a></code>;
+      <code><a href="#the-select-element">select</a></code>;
+      <code><a href="#the-textarea-element">textarea</a></code>
+     <td>
+      &mdash;
+
+    <tr><td> <a href="#category-submit" title="category-submit">Submittable elements</a>
+     <td>
+      <code><a href="#the-button-element">button</a></code>;
+      <code><a href="#the-input-element">input</a></code>;
+      <code><a href="#the-keygen-element">keygen</a></code>;
+      <code><a href="#the-object-element">object</a></code>;
+      <code><a href="#the-select-element">select</a></code>;
+      <code><a href="#the-textarea-element">textarea</a></code>
+     <td>
+      &mdash;
+
+    <tr><td> <a href="#category-reset" title="category-reset">Resettable elements</a>
+     <td>
+      <code><a href="#the-input-element">input</a></code>;
+      <code><a href="#the-keygen-element">keygen</a></code>;
+      <code><a href="#the-output-element">output</a></code>;
+      <code><a href="#the-select-element">select</a></code>;
+      <code><a href="#the-textarea-element">textarea</a></code>
+     <td>
+      &mdash;
+
+  </table><h3 class="no-num" id="attributes-0">Attributes</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p><i>This section is non-normative.</i><table><caption>List of attributes (excluding event handler content attributes)</caption>
    <thead><tr><th> Attribute
      <th> Element(s)
      <th> Description

Received on Tuesday, 23 February 2010 10:32:46 UTC