[html5] r4797 - [e] (0) First crack at an index table for the categories. If you have any ideas [...]

whatwg at whatwg.org whatwg at whatwg.org
Tue Feb 23 02:32:37 PST 2010


Author: ianh
Date: 2010-02-23 02:32:35 -0800 (Tue, 23 Feb 2010)
New Revision: 4797

Modified:
   complete.html
   index
   source
Log:
[e] (0) First crack at an index table for the categories. If you have any ideas of how better to arrange this, please let me know.
Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=8936

Modified: complete.html
===================================================================
--- complete.html	2010-02-23 09:26:42 UTC (rev 4796)
+++ complete.html	2010-02-23 10:32:35 UTC (rev 4797)
@@ -1258,6 +1258,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></ol></li>
  <li><a class=no-num href=#references>References</a></li>
@@ -8772,6 +8773,7 @@
   up the relationship of the document with other documents, or that
   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>
@@ -8818,6 +8820,7 @@
   <p>Most elements that are used in the body of documents and
   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>
@@ -8924,6 +8927,7 @@
   <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>.</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>
@@ -8943,6 +8947,7 @@
   (whether explicitly marked up using <a href=#sectioning-content>sectioning content</a>
   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>
@@ -8956,6 +8961,7 @@
   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>.</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>
@@ -9038,6 +9044,7 @@
   resource into the document, or content from another vocabulary that
   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>
@@ -9071,6 +9078,7 @@
   <p><dfn id=interactive-content>Interactive content</dfn> is content that is specifically
   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>
@@ -14556,6 +14564,7 @@
   outlines, but the sections and headings inside these elements do not
   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> -->
@@ -31359,6 +31368,7 @@
   <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.</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>
@@ -31380,6 +31390,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>
@@ -31397,6 +31408,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>
@@ -31414,6 +31426,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>
@@ -31429,6 +31442,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>
@@ -86979,10 +86993,312 @@
     </table><p>An asterisk (*) in a cell indicates that the actual rules are more complicated than indicated in the table above.</p>
 
 
-  <h3 class=no-num id=attributes-0>Attributes</h3>
 
+
+  <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> 
+      —
+
+    <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-link-element>link</a></code> (if the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present);
+      <code><a href=#meta>meta</a></code> (if the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present);
+      
+      <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>
+      —
+
+    <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>
+      —
+
+    <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-link-element>link</a></code> (if the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present);
+      
+      <code><a href=#the-map-element>map</a></code> (if it contains only <a href=#phrasing-content>phrasing content</a>)<!--
+      --><!--
+      -->; <code><a href=#meta>meta</a></code> (if the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present)<!--
+      --><!--
+      -->
+
+    <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>
+      —
+
+    <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>
+      —
+
+    <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>
+      —
+
+    <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>
+      —
+
+    <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>
+      —
+
+    <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>
+      —
+
+    <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>
+      —
+
+  </table><h3 class=no-num id=attributes-0>Attributes</h3>
+
+  <p><i>This section is non-normative.</i></p>
+
   <table><caption>List of attributes (excluding event handler content attributes)</caption>
    <thead><tr><th> Attribute
      <th> Element(s)

Modified: index
===================================================================
--- index	2010-02-23 09:26:42 UTC (rev 4796)
+++ index	2010-02-23 10:32:35 UTC (rev 4797)
@@ -1137,6 +1137,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>
@@ -8676,6 +8677,7 @@
   up the relationship of the document with other documents, or that
   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>
@@ -8722,6 +8724,7 @@
   <p>Most elements that are used in the body of documents and
   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>
@@ -8828,6 +8831,7 @@
   <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>.</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>
@@ -8847,6 +8851,7 @@
   (whether explicitly marked up using <a href=#sectioning-content>sectioning content</a>
   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>
@@ -8860,6 +8865,7 @@
   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>.</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>
@@ -8942,6 +8948,7 @@
   resource into the document, or content from another vocabulary that
   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>
@@ -8975,6 +8982,7 @@
   <p><dfn id=interactive-content>Interactive content</dfn> is content that is specifically
   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>
@@ -14460,6 +14468,7 @@
   outlines, but the sections and headings inside these elements do not
   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> -->
@@ -31266,6 +31275,7 @@
   <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.</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>
@@ -31287,6 +31297,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>
@@ -31304,6 +31315,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>
@@ -31321,6 +31333,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>
@@ -31336,6 +31349,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>
@@ -81283,10 +81297,312 @@
     </table><p>An asterisk (*) in a cell indicates that the actual rules are more complicated than indicated in the table above.</p>
 
 
-  <h3 class=no-num id=attributes-0>Attributes</h3>
 
+
+  <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> 
+      —
+
+    <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-link-element>link</a></code> (if the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present);
+      <code><a href=#meta>meta</a></code> (if the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present);
+      
+      <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>
+      —
+
+    <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>
+      —
+
+    <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-link-element>link</a></code> (if the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present);
+      
+      <code><a href=#the-map-element>map</a></code> (if it contains only <a href=#phrasing-content>phrasing content</a>)<!--
+      --><!--
+      -->; <code><a href=#meta>meta</a></code> (if the <code title=attr-itemprop><a href=#names:-the-itemprop-attribute>itemprop</a></code> attribute is present)<!--
+      --><!--
+      -->
+
+    <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>
+      —
+
+    <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>
+      —
+
+    <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>
+      —
+
+    <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>
+      —
+
+    <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>
+      —
+
+    <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>
+      —
+
+    <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>
+      —
+
+  </table><h3 class=no-num id=attributes-0>Attributes</h3>
+
+  <p><i>This section is non-normative.</i></p>
+
   <table><caption>List of attributes (excluding event handler content attributes)</caption>
    <thead><tr><th> Attribute
      <th> Element(s)

Modified: source
===================================================================
--- source	2010-02-23 09:26:42 UTC (rev 4796)
+++ source	2010-02-23 10:32:35 UTC (rev 4797)
@@ -3,7 +3,7 @@
  !   Adding a new element involves editing the following sections:
  !    - description of the element's categories
  !    - images/content-venn.svg
- !    - element, attribute, and interface indexes
+ !    - element, attribute, content model, and interface indexes
  !    - parser
  !    - rendering
  !    - obsolete section
@@ -8825,6 +8825,7 @@
   up the relationship of the document with other documents, or that
   conveys other "out of band" information.</p>
 
+  <!-- when updating this also update the category index -->
   <ul class="brief category-list">
    <li><code>base</code></li>
    <li><code>command</code></li>
@@ -8874,6 +8875,7 @@
   <p>Most elements that are used in the body of documents and
   applications are categorized as <dfn>flow content</dfn>.</p>
 
+  <!-- when updating this also update the category index -->
   <ul class="brief category-list">
    <li><code>a</code></li>
    <li><code>abbr</code></li>
@@ -8984,6 +8986,7 @@
   of <span title="heading content">headings</span> and <span
   title="footer">footers</span>.</p>
 
+  <!-- when updating this also update the category index -->
   <ul class="brief category-list">
    <li><code>article</code></li>
    <li><code>aside</code></li>
@@ -9007,6 +9010,7 @@
   (whether explicitly marked up using <span>sectioning content</span>
   elements, or implied by the heading content itself).</p>
 
+  <!-- when updating this also update the category index -->
   <ul class="brief category-list">
    <li><code>h1</code></li>
    <li><code>h2</code></li>
@@ -9025,6 +9029,7 @@
   level. Runs of <span>phrasing content</span> form <span
   title="paragraph">paragraphs</span>.</p>
 
+  <!-- when updating this also update the category index -->
   <ul class="brief category-list">
    <li><code>a</code> (if it contains only <span>phrasing content</span>)</li>
    <li><code>abbr</code></li>
@@ -9111,6 +9116,7 @@
   resource into the document, or content from another vocabulary that
   is inserted into the document.</p>
 
+  <!-- when updating this also update the category index -->
   <ul class="brief category-list">
    <li><code>audio</code></li>
    <li><code>canvas</code></li>
@@ -9147,6 +9153,7 @@
   <p><dfn>Interactive content</dfn> is content that is specifically
   intended for user interaction.</p>
 
+  <!-- when updating this also update the category index -->
   <ul class="brief category-list">
    <li><code>a</code></li>
    <li><code>audio</code> (if the <code title="attr-media-controls">controls</code> attribute is present)</li>
@@ -15330,6 +15337,7 @@
   outlines, but the sections and headings inside these elements do not
   contribute to the outlines of their ancestors.</p>
 
+  <!-- when updating this also update the category index -->
   <ul class="brief category-list">
    <li><code>blockquote</code></li>
    <li><code>body</code></li>
@@ -34601,6 +34609,7 @@
   title="attr-fae-form">form</code> content attribute with a matching
   <code title="dom-fae-form">form</code> IDL attribute.</p>
 
+  <!-- when updating this also update the category index -->
   <ul class="brief category-list">
    <li><code>button</code></li>
    <li><code>fieldset</code></li>
@@ -34629,6 +34638,7 @@
     and <code title="dom-fieldset-elements"><var
     title="">fieldset</var>.elements</code> APIs.</p>
 
+    <!-- when updating this also update the category index -->
     <ul class="brief category-list">
      <li><code>button</code></li>
      <li><code>fieldset</code></li>
@@ -34649,6 +34659,7 @@
     <p>Denotes elements that can be associated with <code>label</code>
     elements.</p>
 
+    <!-- when updating this also update the category index -->
     <ul class="brief category-list">
      <li><code>button</code></li>
      <li><code>input</code></li>
@@ -34671,6 +34682,7 @@
     set</a> when a <code>form</code> element is <span
     title="concept-form-submit">submitted</span>.</p>
 
+    <!-- when updating this also update the category index -->
     <ul class="brief category-list">
      <li><code>button</code></li>
      <li><code>input</code></li>
@@ -34689,6 +34701,7 @@
     <p>Denotes elements that can be affected when a <code>form</code>
     element is <span title="concept-form-reset">reset</span>.</p>
 
+    <!-- when updating this also update the category index -->
     <ul class="brief category-list">
      <li><code>input</code></li>
      <li><code>keygen</code></li>
@@ -96998,6 +97011,329 @@
   <p>An asterisk (*) in a cell indicates that the actual rules are more complicated than indicated in the table above.</p>
 
 
+
+
+  <h3 class="no-num">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> <span>Metadata content</span>
+     <td> 
+      <code>base</code>;
+      <code>command</code>;
+      <code>link</code>;
+      <code>meta</code>;
+      <code>noscript</code>;
+      <code>script</code>;
+      <code>style</code>;
+      <code>title</code>
+     <td> 
+      —
+
+    <tr>
+     <td> <span>Flow content</span>
+     <td>
+      <code>a</code>;
+      <code>abbr</code>;
+      <code>address</code>;
+      <code>article</code>;
+      <code>aside</code>;
+      <code>audio</code>;
+      <code>b</code>;
+      <code>bdo</code>;
+      <code>blockquote</code>;
+      <code>br</code>;
+      <code>button</code>;
+      <code>canvas</code>;
+      <code>cite</code>;
+      <code>code</code>;
+      <code>command</code>;
+      <!-- v2DATAGRID <code>datagrid</code>; -->
+      <code>datalist</code>;
+      <code>del</code>;
+      <code>details</code>;
+      <code>dfn</code>;
+      <code>div</code>;
+      <code>dl</code>;
+      <code>em</code>;
+      <code>embed</code>;
+      <code>fieldset</code>;
+      <code>figure</code>;
+      <code>footer</code>;
+      <code>form</code>;
+      <code>h1</code>;
+      <code>h2</code>;
+      <code>h3</code>;
+      <code>h4</code>;
+      <code>h5</code>;
+      <code>h6</code>;
+      <code>header</code>;
+      <code>hgroup</code>;
+      <code>hr</code>;
+      <code>i</code>;
+      <code>iframe</code>;
+      <code>img</code>;
+      <code>input</code>;
+      <code>ins</code>;
+      <code>kbd</code>;
+      <code>keygen</code>;
+      <code>label</code>;
+      <code>map</code>;
+      <code>mark</code>;
+      <code>math</code>;
+      <code>menu</code>;
+      <code>meter</code>;
+      <code>nav</code>;
+      <code>noscript</code>;
+      <code>object</code>;
+      <code>ol</code>;
+      <code>output</code>;
+      <code>p</code>;
+      <code>pre</code>;
+      <code>progress</code>;
+      <code>q</code>;
+      <code>ruby</code>;
+      <code>samp</code>;
+      <code>script</code>;
+      <code>section</code>;
+      <code>select</code>;
+      <code>small</code>;
+      <code>span</code>;
+      <code>strong</code>;
+      <code>sub</code>;
+      <code>sup</code>;
+      <code>svg</code>;
+      <code>table</code>;
+      <code>textarea</code>;
+      <code>time</code>;
+      <code>ul</code>;
+      <code>var</code>;
+      <code>video</code>;
+      <span title="text content">Text</span>
+     <td>
+      <code>area</code> (if it is a descendant of a <code>map</code> element);
+      <!--END w3c-html-->
+      <code>link</code> (if the <code title="attr-itemprop">itemprop</code> attribute is present);
+      <code>meta</code> (if the <code title="attr-itemprop">itemprop</code> attribute is present);
+      <!--START w3c-html-->
+      <code>style</code> (if the <code title="attr-style-scoped">scoped</code> attribute is present)
+
+    <tr>
+     <td> <span>Sectioning content</span>
+     <td>
+      <code>article</code>;
+      <code>aside</code>;
+      <code>nav</code>;
+      <code>section</code>
+     <td>
+      —
+
+    <tr>
+     <td> <span>Heading content</span>
+     <td>
+      <code>h1</code>;
+      <code>h2</code>;
+      <code>h3</code>;
+      <code>h4</code>;
+      <code>h5</code>;
+      <code>h6</code>;
+      <code>hgroup</code>
+     <td>
+      —
+
+    <tr>
+     <td> <span>Phrasing content</span>
+     <td>
+      <code>abbr</code>;
+      <code>audio</code>;
+      <code>b</code>;
+      <code>bdo</code>;
+      <code>br</code>;
+      <code>button</code>;
+      <code>canvas</code>;
+      <code>cite</code>;
+      <code>code</code>;
+      <code>command</code>;
+      <code>datalist</code>;
+      <code>dfn</code>;
+      <code>em</code>;
+      <code>embed</code>;
+      <code>i</code>;
+      <code>iframe</code>;
+      <code>img</code>;
+      <code>input</code>;
+      <code>kbd</code>;
+      <code>keygen</code>;
+      <code>label</code>;
+      <code>mark</code>;
+      <code>math</code>;
+      <code>meter</code>;
+      <code>noscript</code>;
+      <code>object</code>;
+      <code>output</code>;
+      <code>progress</code>;
+      <code>q</code>;
+      <code>ruby</code>;
+      <code>samp</code>;
+      <code>script</code>;
+      <code>select</code>;
+      <code>small</code>;
+      <code>span</code>;
+      <code>strong</code>;
+      <code>sub</code>;
+      <code>sup</code>;
+      <code>svg</code>;
+      <code>textarea</code>;
+      <code>time</code>;
+      <code>var</code>;
+      <code>video</code>;
+      <span title="text content">Text</span>
+     <td>
+      <code>a</code> (if it contains only <span>phrasing content</span>);
+      <code>area</code> (if it is a descendant of a  <code>map</code> element);
+      <code>del</code> (if it contains only <span>phrasing content</span>);
+      <code>ins</code> (if it contains only <span>phrasing content</span>);
+      <!--END w3c-html-->
+      <code>link</code> (if the <code title="attr-itemprop">itemprop</code> attribute is present);
+      <!--START w3c-html-->
+      <code>map</code> (if it contains only <span>phrasing content</span>)<!--
+      --><!--END w3c-html--><!--
+      -->; <code>meta</code> (if the <code title="attr-itemprop">itemprop</code> attribute is present)<!--
+      --><!--START w3c-html--><!--
+      -->
+
+    <tr>
+     <td> <span>Embedded content</span>
+     <td>
+      <code>audio</code>
+      <code>canvas</code>
+      <code>embed</code>
+      <code>iframe</code>
+      <code>img</code>
+      <code>math</code>
+      <code>object</code>
+      <code>svg</code>
+      <code>video</code>
+     <td>
+      —
+
+    <tr>
+     <td> <span>Interactive content</span>
+     <td>
+      <code>a</code>;
+      <code>button</code>;
+      <!-- v2DATAGRID <code>datagrid</code>; -->
+      <code>details</code>;
+      <code>embed</code>;
+      <code>iframe</code>;
+      <code>keygen</code>;
+      <code>label</code>;
+      <code>select</code>;
+      <code>textarea</code>;
+     <td>
+      <code>audio</code> (if the <code title="attr-media-controls">controls</code> attribute is present);
+      <code>img</code> (if the <code title="attr-hyperlink-usemap">usemap</code> attribute is present);
+      <code>input</code> (if the <code title="attr-input-type">type</code> attribute is <em>not</em> in the <span title="attr-input-type-hidden">Hidden</span> state);
+      <code>menu</code> (if the <code title="attr-menu-type">type</code> attribute is in the <span title="toolbar state">toolbar</span> state);
+      <code>object</code> (if the <code title="attr-hyperlink-usemap">usemap</code> attribute is present)<!-- see also comment in <object> section -->;
+      <code>video</code> (if the <code title="attr-media-controls">controls</code> attribute is present)
+
+    <tr>
+     <td> <span title="sectioning root">Sectioning roots</span>
+     <td>
+      <code>blockquote</code>;
+      <code>body</code>;
+      <!-- v2DATAGRID <code>datagrid</code>; -->
+      <code>details</code>;
+      <code>fieldset</code>;
+      <code>figure</code>;
+      <code>td</code>
+     <td>
+      —
+
+    <tr>
+     <td> <span title="form-associated element">Form-associated elements</span>
+     <td>
+      <code>button</code>;
+      <code>fieldset</code>;
+      <code>input</code>;
+      <code>keygen</code>;
+      <code>label</code>;
+      <code>meter</code>;
+      <code>object</code>;
+      <code>output</code>;
+      <code>progress</code>;
+      <code>select</code>;
+      <code>textarea</code>
+     <td>
+      —
+
+    <tr>
+     <td> <span title="category-listed">Listed</span>
+     <td>
+      <code>button</code>;
+      <code>fieldset</code>;
+      <code>input</code>;
+      <code>keygen</code>;
+      <code>object</code>;
+      <code>output</code>;
+      <code>select</code>;
+      <code>textarea</code>
+     <td>
+      —
+
+    <tr>
+     <td> <span title="category-label">Labelable</span>
+     <td>
+      <code>button</code>;
+      <code>input</code>;
+      <code>keygen</code>;
+      <code>meter</code>;
+      <code>output</code>;
+      <code>progress</code>;
+      <code>select</code>;
+      <code>textarea</code>
+     <td>
+      —
+
+    <tr>
+     <td> <span title="category-submit">Submittable elements</span>
+     <td>
+      <code>button</code>;
+      <code>input</code>;
+      <code>keygen</code>;
+      <code>object</code>;
+      <code>select</code>;
+      <code>textarea</code>
+     <td>
+      —
+
+    <tr>
+     <td> <span title="category-reset">Resettable elements</span>
+     <td>
+      <code>input</code>;
+      <code>keygen</code>;
+      <code>output</code>;
+      <code>select</code>;
+      <code>textarea</code>
+     <td>
+      —
+
+  </table>
+
+
+
   <h3 class="no-num">Attributes</h3>
 
   <p><i>This section is non-normative.</i></p>




More information about the Commit-Watchers mailing list