Tweak presentation of category lists. (whatwg r3340) from poot on 2009-06-29 (public-html-diffs@w3.org from June 2009)

From: poot <cvsmail@w3.org>
Date: Mon, 29 Jun 2009 20:25:48 +0900 (JST)
To: public-html-diffs@w3.org
Message-Id: <20090629112548.AFAC12BBF5@toro.w3.mag.keio.ac.jp>
Tweak presentation of category lists. (whatwg r3340)

http://dev.w3.org/cvsweb/html5/spec/Overview.html?r1=1.2478&r2=1.2479&f=h
http://html5.org/tools/web-apps-tracker?from=3339&to=3340

===================================================================
RCS file: /sources/public/html5/spec/Overview.html,v
retrieving revision 1.2478
retrieving revision 1.2479
diff -u -d -r1.2478 -r1.2479
--- Overview.html 29 Jun 2009 11:05:18 -0000 1.2478
+++ Overview.html 29 Jun 2009 11:24:24 -0000 1.2479
@@ -85,6 +85,13 @@
    .brief li { margin: 0; padding: 0; }
    .brief li p { margin: 0; padding: 0; }
 
+   .category-list { margin-top: -0.75em; margin-bottom: 1em; line-height: 1.5; }
+   .category-list::before { content: '\21D2\A0'; font-size: 1.2em; font-weight: 900; }
+   .category-list li { display: inline; }
+   .category-list li:not(:last-child)::after { content: ', '; }
+   .category-list li > span, .category-list li > a { text-transform: lowercase; }
+   .category-list li * { text-transform: none; } /* don't affect <code> nested in <a> */
+
    .XXX { color: #E50000; background: white; border: solid red; padding: 0.5em; margin: 1em 0; }
    .XXX > :first-child { margin-top: 0; }
    p .XXX { line-height: 3em; }
@@ -7109,14 +7116,14 @@
   particular category.<h5 id="metadata-content"><span class="secno">3.4.1.1 </span>Metadata content</h5><p><dfn id="metadata-content-0">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><code><a href="#the-command">command</a></code>
-   <li><code><a href="#the-link-element">link</a></code>
-   <li><code><a href="#meta">meta</a></code>
-   <li><code><a href="#the-noscript-element">noscript</a></code>
-   <li><code><a href="#script">script</a></code>
-   <li><code><a href="#the-style-element">style</a></code>
-   <li><code><a href="#the-title-element">title</a></code>
+  conveys other "out of band" information.<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>
+   <li><code><a href="#the-noscript-element">noscript</a></code></li>
+   <li><code><a href="#script">script</a></code></li>
+   <li><code><a href="#the-style-element">style</a></code></li>
+   <li><code><a href="#the-title-element">title</a></code></li>
   </ul><p>Elements from other namespaces whose semantics are primarily
   metadata-related (e.g. RDF) are also <a href="#metadata-content-0">metadata
   content</a>.<div class="example">
@@ -7146,89 +7153,89 @@
    <p>This isn't possible in the HTML serialization, however.</p>
 
   </div><h5 id="flow-content"><span class="secno">3.4.1.2 </span>Flow content</h5><p>Most elements that are used in the body of documents and
-  applications are categorized as <dfn id="flow-content-0">flow content</dfn>.<ul class="brief category-list"><li><code><a href="#the-a-element">a</a></code>
-   <li><code><a href="#the-abbr-element">abbr</a></code>
-   <li><code><a href="#the-address-element">address</a></code>
-   <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><code><a href="#the-article-element">article</a></code>
-   <li><code><a href="#the-aside-element">aside</a></code>
-   <li><code><a href="#audio">audio</a></code>
-   <li><code><a href="#the-b-element">b</a></code>
-   <li><code><a href="#the-bb-element">bb</a></code>
-   <li><code><a href="#the-bdo-element">bdo</a></code>
-   <li><code><a href="#the-blockquote-element">blockquote</a></code>
-   <li><code><a href="#the-br-element">br</a></code>
-   <li><code><a href="#the-button-element">button</a></code>
-   <li><code><a href="#the-canvas-element">canvas</a></code>
-   <li><code><a href="#the-cite-element">cite</a></code>
-   <li><code><a href="#the-code-element">code</a></code>
-   <li><code><a href="#the-command">command</a></code>
-   <li><code><a href="#datagrid">datagrid</a></code>
-   <li><code><a href="#the-datalist-element">datalist</a></code>
-   <li><code><a href="#the-del-element">del</a></code>
-   <li><code><a href="#the-details-element">details</a></code>
-   <li><code><a href="#the-dfn-element">dfn</a></code>
-   <li><code><a href="#the-dialog-element">dialog</a></code>
-   <li><code><a href="#the-div-element">div</a></code>
-   <li><code><a href="#the-dl-element">dl</a></code>
-   <li><code><a href="#the-em-element">em</a></code>
-   <li><code><a href="#the-embed-element">embed</a></code>
-   <li><code><a href="#the-fieldset-element">fieldset</a></code>
-   <li><code><a href="#the-figure-element">figure</a></code>
-   <li><code><a href="#the-footer-element">footer</a></code>
-   <li><code><a href="#the-form-element">form</a></code>
-   <li><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h1</a></code>
-   <li><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h2</a></code>
-   <li><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h3</a></code>
-   <li><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h4</a></code>
-   <li><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code>
-   <li><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code>
-   <li><code><a href="#the-header-element">header</a></code>
-   <li><code><a href="#the-hgroup-element">hgroup</a></code>
-   <li><code><a href="#the-hr-element">hr</a></code>
-   <li><code><a href="#the-i-element">i</a></code>
-   <li><code><a href="#the-iframe-element">iframe</a></code>
-   <li><code><a href="#the-img-element">img</a></code>
-   <li><code><a href="#the-input-element">input</a></code>
-   <li><code><a href="#the-ins-element">ins</a></code>
-   <li><code><a href="#the-kbd-element">kbd</a></code>
-   <li><code><a href="#the-keygen-element">keygen</a></code>
-   <li><code><a href="#the-label-element">label</a></code>
-   <li><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)
-   <li><code><a href="#the-map-element">map</a></code>
-   <li><code><a href="#the-mark-element">mark</a></code>
-   <li><code>math</code>
-   <li><code><a href="#menus">menu</a></code>
-   <li><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)
-   <li><code><a href="#the-meter-element">meter</a></code>
-   <li><code><a href="#the-nav-element">nav</a></code>
-   <li><code><a href="#the-noscript-element">noscript</a></code>
-   <li><code><a href="#the-object-element">object</a></code>
-   <li><code><a href="#the-ol-element">ol</a></code>
-   <li><code><a href="#the-output-element">output</a></code>
-   <li><code><a href="#the-p-element">p</a></code>
-   <li><code><a href="#the-pre-element">pre</a></code>
-   <li><code><a href="#the-progress-element">progress</a></code>
-   <li><code><a href="#the-q-element">q</a></code>
-   <li><code><a href="#the-ruby-element">ruby</a></code>
-   <li><code><a href="#the-samp-element">samp</a></code>
-   <li><code><a href="#script">script</a></code>
-   <li><code><a href="#the-section-element">section</a></code>
-   <li><code><a href="#the-select-element">select</a></code>
-   <li><code><a href="#the-small-element">small</a></code>
-   <li><code><a href="#the-span-element">span</a></code>
-   <li><code><a href="#the-strong-element">strong</a></code>
-   <li><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)
-   <li><code><a href="#the-sub-and-sup-elements">sub</a></code>
-   <li><code><a href="#the-sub-and-sup-elements">sup</a></code>
-   <li><code><a href="#svg-0">svg</a></code>
-   <li><code><a href="#the-table-element">table</a></code>
-   <li><code><a href="#the-textarea-element">textarea</a></code>
-   <li><code><a href="#the-time-element">time</a></code>
-   <li><code><a href="#the-ul-element">ul</a></code>
-   <li><code><a href="#the-var-element">var</a></code>
-   <li><code><a href="#video">video</a></code>
-   <li><a href="#text-content" title="text content">Text</a>
+  applications are categorized as <dfn id="flow-content-0">flow content</dfn>.<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>
+   <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="#audio">audio</a></code></li>
+   <li><code><a href="#the-b-element">b</a></code></li>
+   <li><code><a href="#the-bb-element">bb</a></code></li>
+   <li><code><a href="#the-bdo-element">bdo</a></code></li>
+   <li><code><a href="#the-blockquote-element">blockquote</a></code></li>
+   <li><code><a href="#the-br-element">br</a></code></li>
+   <li><code><a href="#the-button-element">button</a></code></li>
+   <li><code><a href="#the-canvas-element">canvas</a></code></li>
+   <li><code><a href="#the-cite-element">cite</a></code></li>
+   <li><code><a href="#the-code-element">code</a></code></li>
+   <li><code><a href="#the-command">command</a></code></li>
+   <li><code><a href="#datagrid">datagrid</a></code></li>
+   <li><code><a href="#the-datalist-element">datalist</a></code></li>
+   <li><code><a href="#the-del-element">del</a></code></li>
+   <li><code><a href="#the-details-element">details</a></code></li>
+   <li><code><a href="#the-dfn-element">dfn</a></code></li>
+   <li><code><a href="#the-dialog-element">dialog</a></code></li>
+   <li><code><a href="#the-div-element">div</a></code></li>
+   <li><code><a href="#the-dl-element">dl</a></code></li>
+   <li><code><a href="#the-em-element">em</a></code></li>
+   <li><code><a href="#the-embed-element">embed</a></code></li>
+   <li><code><a href="#the-fieldset-element">fieldset</a></code></li>
+   <li><code><a href="#the-figure-element">figure</a></code></li>
+   <li><code><a href="#the-footer-element">footer</a></code></li>
+   <li><code><a href="#the-form-element">form</a></code></li>
+   <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>
+   <li><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code></li>
+   <li><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code></li>
+   <li><code><a href="#the-header-element">header</a></code></li>
+   <li><code><a href="#the-hgroup-element">hgroup</a></code></li>
+   <li><code><a href="#the-hr-element">hr</a></code></li>
+   <li><code><a href="#the-i-element">i</a></code></li>
+   <li><code><a href="#the-iframe-element">iframe</a></code></li>
+   <li><code><a href="#the-img-element">img</a></code></li>
+   <li><code><a href="#the-input-element">input</a></code></li>
+   <li><code><a href="#the-ins-element">ins</a></code></li>
+   <li><code><a href="#the-kbd-element">kbd</a></code></li>
+   <li><code><a href="#the-keygen-element">keygen</a></code></li>
+   <li><code><a href="#the-label-element">label</a></code></li>
+   <li><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)</li>
+   <li><code><a href="#the-map-element">map</a></code></li>
+   <li><code><a href="#the-mark-element">mark</a></code></li>
+   <li><code><a href="#math">math</a></code></li>
+   <li><code><a href="#menus">menu</a></code></li>
+   <li><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)</li>
+   <li><code><a href="#the-meter-element">meter</a></code></li>
+   <li><code><a href="#the-nav-element">nav</a></code></li>
+   <li><code><a href="#the-noscript-element">noscript</a></code></li>
+   <li><code><a href="#the-object-element">object</a></code></li>
+   <li><code><a href="#the-ol-element">ol</a></code></li>
+   <li><code><a href="#the-output-element">output</a></code></li>
+   <li><code><a href="#the-p-element">p</a></code></li>
+   <li><code><a href="#the-pre-element">pre</a></code></li>
+   <li><code><a href="#the-progress-element">progress</a></code></li>
+   <li><code><a href="#the-q-element">q</a></code></li>
+   <li><code><a href="#the-ruby-element">ruby</a></code></li>
+   <li><code><a href="#the-samp-element">samp</a></code></li>
+   <li><code><a href="#script">script</a></code></li>
+   <li><code><a href="#the-section-element">section</a></code></li>
+   <li><code><a href="#the-select-element">select</a></code></li>
+   <li><code><a href="#the-small-element">small</a></code></li>
+   <li><code><a href="#the-span-element">span</a></code></li>
+   <li><code><a href="#the-strong-element">strong</a></code></li>
+   <li><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)</li>
+   <li><code><a href="#the-sub-and-sup-elements">sub</a></code></li>
+   <li><code><a href="#the-sub-and-sup-elements">sup</a></code></li>
+   <li><code><a href="#svg-0">svg</a></code></li>
+   <li><code><a href="#the-table-element">table</a></code></li>
+   <li><code><a href="#the-textarea-element">textarea</a></code></li>
+   <li><code><a href="#the-time-element">time</a></code></li>
+   <li><code><a href="#the-ul-element">ul</a></code></li>
+   <li><code><a href="#the-var-element">var</a></code></li>
+   <li><code><a href="#video">video</a></code></li>
+   <li><a href="#text-content" title="text content">Text</a></li>
   </ul><p>As a general rule, elements whose content model allows any
   <a href="#flow-content-0">flow content</a> should have either at least one descendant
   <a href="#text-node">text node</a> that is not <a href="#inter-element-whitespace">inter-element
@@ -7241,77 +7248,77 @@
   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.<h5 id="sectioning-content"><span class="secno">3.4.1.3 </span>Sectioning content</h5><p><dfn id="sectioning-content-0">Sectioning content</dfn> is content that defines the scope
-  of <a href="#heading-content-0" 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><code><a href="#the-aside-element">aside</a></code>
-   <li><code><a href="#the-nav-element">nav</a></code>
-   <li><code><a href="#the-section-element">section</a></code>
+  of <a href="#heading-content-0" 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>
+   <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>
   </ul><p>Each <a href="#sectioning-content-0">sectioning content</a> element potentially has a
   heading and an <a href="#outline">outline</a>. See the section on
   <a href="#headings-and-sections">headings and sections</a> for further details.<p class="note">There are also certain elements that are <a href="#sectioning-root" title="sectioning root">sectioning roots</a>. These are distinct
   from <a href="#sectioning-content-0">sectioning content</a>, but they can also have an
   <a href="#outline">outline</a>.<h5 id="heading-content"><span class="secno">3.4.1.4 </span>Heading content</h5><p><dfn id="heading-content-0">Heading content</dfn> defines the header of a section
   (whether explicitly marked up using <a href="#sectioning-content-0">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><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h2</a></code>
-   <li><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h3</a></code>
-   <li><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h4</a></code>
-   <li><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code>
-   <li><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code>
-   <li><code><a href="#the-hgroup-element">hgroup</a></code>
+  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>
+   <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>
+   <li><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h5</a></code></li>
+   <li><code><a href="#the-h1-h2-h3-h4-h5-and-h6-elements">h6</a></code></li>
+   <li><code><a href="#the-hgroup-element">hgroup</a></code></li>
   </ul><h5 id="phrasing-content"><span class="secno">3.4.1.5 </span>Phrasing content</h5><p><dfn id="phrasing-content-0">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-0">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-0">phrasing content</a>)
-   <li><code><a href="#the-abbr-element">abbr</a></code> (if it is a descendant of a <code><a href="#the-map-element">map</a></code> element)
-   <li><code><a href="#the-area-element">area</a></code>
-   <li><code><a href="#audio">audio</a></code>
-   <li><code><a href="#the-b-element">b</a></code>
-   <li><code><a href="#the-bb-element">bb</a></code>
-   <li><code><a href="#the-bdo-element">bdo</a></code>
-   <li><code><a href="#the-br-element">br</a></code>
-   <li><code><a href="#the-button-element">button</a></code>
-   <li><code><a href="#the-canvas-element">canvas</a></code>
-   <li><code><a href="#the-cite-element">cite</a></code>
-   <li><code><a href="#the-code-element">code</a></code>
-   <li><code><a href="#the-command">command</a></code>
-   <li><code><a href="#the-datalist-element">datalist</a></code>
-   <li><code><a href="#the-del-element">del</a></code> (if it contains only <a href="#phrasing-content-0">phrasing content</a>)
-   <li><code><a href="#the-dfn-element">dfn</a></code>
-   <li><code><a href="#the-em-element">em</a></code>
-   <li><code><a href="#the-embed-element">embed</a></code>
-   <li><code><a href="#the-i-element">i</a></code>
-   <li><code><a href="#the-iframe-element">iframe</a></code>
-   <li><code><a href="#the-img-element">img</a></code>
-   <li><code><a href="#the-input-element">input</a></code>
-   <li><code><a href="#the-ins-element">ins</a></code> (if it contains only <a href="#phrasing-content-0">phrasing content</a>)
-   <li><code><a href="#the-kbd-element">kbd</a></code>
-   <li><code><a href="#the-keygen-element">keygen</a></code>
-   <li><code><a href="#the-label-element">label</a></code>
-   <li><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)
-   <li><code><a href="#the-map-element">map</a></code> (if it contains only <a href="#phrasing-content-0">phrasing content</a>)
-   <li><code><a href="#the-mark-element">mark</a></code>
-   <li><code>math</code>
-   <li><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)
-   <li><code><a href="#the-meter-element">meter</a></code>
-   <li><code><a href="#the-noscript-element">noscript</a></code>
-   <li><code><a href="#the-object-element">object</a></code>
-   <li><code><a href="#the-output-element">output</a></code>
-   <li><code><a href="#the-progress-element">progress</a></code>
-   <li><code><a href="#the-q-element">q</a></code>
-   <li><code><a href="#the-ruby-element">ruby</a></code>
-   <li><code><a href="#the-samp-element">samp</a></code>
-   <li><code><a href="#script">script</a></code>
-   <li><code><a href="#the-select-element">select</a></code>
-   <li><code><a href="#the-small-element">small</a></code>
-   <li><code><a href="#the-span-element">span</a></code>
-   <li><code><a href="#the-strong-element">strong</a></code>
-   <li><code><a href="#the-sub-and-sup-elements">sub</a></code>
-   <li><code><a href="#the-sub-and-sup-elements">sup</a></code>
-   <li><code><a href="#svg-0">svg</a></code>
-   <li><code><a href="#the-textarea-element">textarea</a></code>
-   <li><code><a href="#the-time-element">time</a></code>
-   <li><code><a href="#the-var-element">var</a></code>
-   <li><code><a href="#video">video</a></code>
-   <li><a href="#text-content" title="text content">Text</a>
+  level. Runs of <a href="#phrasing-content-0">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-0">phrasing content</a>)</li>
+   <li><code><a href="#the-abbr-element">abbr</a></code> (if it is a descendant of a <code><a href="#the-map-element">map</a></code> element)</li>
+   <li><code><a href="#the-area-element">area</a></code></li>
+   <li><code><a href="#audio">audio</a></code></li>
+   <li><code><a href="#the-b-element">b</a></code></li>
+   <li><code><a href="#the-bb-element">bb</a></code></li>
+   <li><code><a href="#the-bdo-element">bdo</a></code></li>
+   <li><code><a href="#the-br-element">br</a></code></li>
+   <li><code><a href="#the-button-element">button</a></code></li>
+   <li><code><a href="#the-canvas-element">canvas</a></code></li>
+   <li><code><a href="#the-cite-element">cite</a></code></li>
+   <li><code><a href="#the-code-element">code</a></code></li>
+   <li><code><a href="#the-command">command</a></code></li>
+   <li><code><a href="#the-datalist-element">datalist</a></code></li>
+   <li><code><a href="#the-del-element">del</a></code> (if it contains only <a href="#phrasing-content-0">phrasing content</a>)</li>
+   <li><code><a href="#the-dfn-element">dfn</a></code></li>
+   <li><code><a href="#the-em-element">em</a></code></li>
+   <li><code><a href="#the-embed-element">embed</a></code></li>
+   <li><code><a href="#the-i-element">i</a></code></li>
+   <li><code><a href="#the-iframe-element">iframe</a></code></li>
+   <li><code><a href="#the-img-element">img</a></code></li>
+   <li><code><a href="#the-input-element">input</a></code></li>
+   <li><code><a href="#the-ins-element">ins</a></code> (if it contains only <a href="#phrasing-content-0">phrasing content</a>)</li>
+   <li><code><a href="#the-kbd-element">kbd</a></code></li>
+   <li><code><a href="#the-keygen-element">keygen</a></code></li>
+   <li><code><a href="#the-label-element">label</a></code></li>
+   <li><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)</li>
+   <li><code><a href="#the-map-element">map</a></code> (if it contains only <a href="#phrasing-content-0">phrasing content</a>)</li>
+   <li><code><a href="#the-mark-element">mark</a></code></li>
+   <li><code><a href="#math">math</a></code></li>
+   <li><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)</li>
+   <li><code><a href="#the-meter-element">meter</a></code></li>
+   <li><code><a href="#the-noscript-element">noscript</a></code></li>
+   <li><code><a href="#the-object-element">object</a></code></li>
+   <li><code><a href="#the-output-element">output</a></code></li>
+   <li><code><a href="#the-progress-element">progress</a></code></li>
+   <li><code><a href="#the-q-element">q</a></code></li>
+   <li><code><a href="#the-ruby-element">ruby</a></code></li>
+   <li><code><a href="#the-samp-element">samp</a></code></li>
+   <li><code><a href="#script">script</a></code></li>
+   <li><code><a href="#the-select-element">select</a></code></li>
+   <li><code><a href="#the-small-element">small</a></code></li>
+   <li><code><a href="#the-span-element">span</a></code></li>
+   <li><code><a href="#the-strong-element">strong</a></code></li>
+   <li><code><a href="#the-sub-and-sup-elements">sub</a></code></li>
+   <li><code><a href="#the-sub-and-sup-elements">sup</a></code></li>
+   <li><code><a href="#svg-0">svg</a></code></li>
+   <li><code><a href="#the-textarea-element">textarea</a></code></li>
+   <li><code><a href="#the-time-element">time</a></code></li>
+   <li><code><a href="#the-var-element">var</a></code></li>
+   <li><code><a href="#video">video</a></code></li>
+   <li><a href="#text-content" title="text content">Text</a></li>
   </ul><p>As a general rule, elements whose content model allows any
   <a href="#phrasing-content-0">phrasing content</a> should have either at least one
   descendant <a href="#text-node">text node</a> that is not <a href="#inter-element-whitespace">inter-element
@@ -7328,15 +7335,15 @@
   node">text nodes</a> are empty or contain just <a href="#space-character" title="space
   character">space characters</a>).<h5 id="embedded-content"><span class="secno">3.4.1.6 </span>Embedded content</h5><p><dfn id="embedded-content-2">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><code><a href="#the-canvas-element">canvas</a></code>
-   <li><code><a href="#the-embed-element">embed</a></code>
-   <li><code><a href="#the-iframe-element">iframe</a></code>
-   <li><code><a href="#the-img-element">img</a></code>
-   <li><code>math</code>
-   <li><code><a href="#the-object-element">object</a></code>
-   <li><code><a href="#svg-0">svg</a></code>
-   <li><code><a href="#video">video</a></code>
+  is inserted into the document.<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>
+   <li><code><a href="#the-img-element">img</a></code></li>
+   <li><code><a href="#math">math</a></code></li>
+   <li><code><a href="#the-object-element">object</a></code></li>
+   <li><code><a href="#svg-0">svg</a></code></li>
+   <li><code><a href="#video">video</a></code></li>
   </ul><p>Elements that are from namespaces other than the <a href="#html-namespace-0">HTML
   namespace</a> and that convey content but not metadata, are
   <a href="#embedded-content-2">embedded content</a> for the purposes of the content models
@@ -7350,22 +7357,22 @@
 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-0">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><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><code><a href="#the-bb-element">bb</a></code>
-   <li><code><a href="#the-button-element">button</a></code>
-   <li><code><a href="#datagrid">datagrid</a></code>
-   <li><code><a href="#the-details-element">details</a></code>
-   <li><code><a href="#the-embed-element">embed</a></code>
-   <li><code><a href="#the-img-element">img</a></code> (if the <code title="attr-hyperlink-usemap"><a href="#attr-hyperlink-usemap">usemap</a></code> attribute is present)
-   <li><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)
-   <li><code><a href="#the-keygen-element">keygen</a></code>
-   <li><code><a href="#the-label-element">label</a></code>
-   <li><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="#tool-bar-state" title="tool bar state">tool bar</a> state)
-   <li><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 -->
-   <li><code><a href="#the-select-element">select</a></code>
-   <li><code><a href="#the-textarea-element">textarea</a></code>
-   <li><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)
+  intended for user interaction.<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-bb-element">bb</a></code></li>
+   <li><code><a href="#the-button-element">button</a></code></li>
+   <li><code><a href="#datagrid">datagrid</a></code></li>
+   <li><code><a href="#the-details-element">details</a></code></li>
+   <li><code><a href="#the-embed-element">embed</a></code></li>
+   <li><code><a href="#the-img-element">img</a></code> (if the <code title="attr-hyperlink-usemap"><a href="#attr-hyperlink-usemap">usemap</a></code> attribute is present)</li>
+   <li><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)</li>
+   <li><code><a href="#the-keygen-element">keygen</a></code></li>
+   <li><code><a href="#the-label-element">label</a></code></li>
+   <li><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="#tool-bar-state" title="tool bar state">tool bar</a> state)</li>
+   <li><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 --></li>
+   <li><code><a href="#the-select-element">select</a></code></li>
+   <li><code><a href="#the-textarea-element">textarea</a></code></li>
+   <li><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)</li>
   </ul><p>Certain elements in HTML have an <a href="#activation-behavior">activation
   behavior</a>, which means that the user can activate them. This
   triggers a sequence of events dependent on the activation mechanism,
@@ -10993,11 +11000,11 @@
   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><code><a href="#the-body-element">body</a></code>
-   <li><code><a href="#datagrid">datagrid</a></code>
-   <li><code><a href="#the-figure-element">figure</a></code>
-   <li><code><a href="#the-td-element">td</a></code>
+  contribute to the outlines of their ancestors.<ul class="brief category-list"><li><code><a href="#the-blockquote-element">blockquote</a></code></li>
+   <li><code><a href="#the-body-element">body</a></code></li>
+   <li><code><a href="#datagrid">datagrid</a></code></li>
+   <li><code><a href="#the-figure-element">figure</a></code></li>
+   <li><code><a href="#the-td-element">td</a></code></li>
   </ul><div class="example">
    <p>For the following fragment:</p>
    <pre>&lt;body&gt;
@@ -22767,7 +22774,7 @@
   user agent must act as if it had rerun the algorithms for image
   maps.</p>
 
-  </div><h4 id="mathml"><span class="secno">4.8.15 </span>MathML</h4><p>The <code>math</code> element from the <a href="#mathml-namespace">MathML
+  </div><h4 id="mathml"><span class="secno">4.8.15 </span>MathML</h4><p>The <dfn id="math"><code>math</code></dfn> element from the <a href="#mathml-namespace">MathML
   namespace</a> falls into the <a href="#embedded-content-2">embedded content</a>
   category for the purposes of the content models in this
   specification.<div class="impl">
@@ -24758,15 +24765,15 @@
   content</a>, and <a href="#interactive-content-0">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> DOM attribute.<ul class="brief category-list"><li><code><a href="#the-button-element">button</a></code>
-   <li><code><a href="#the-fieldset-element">fieldset</a></code>
-   <li><code><a href="#the-input-element">input</a></code>
-   <li><code><a href="#the-keygen-element">keygen</a></code>
-   <li><code><a href="#the-label-element">label</a></code>
-   <li><code><a href="#the-object-element">object</a></code>
-   <li><code><a href="#the-output-element">output</a></code>
-   <li><code><a href="#the-select-element">select</a></code>
-   <li><code><a href="#the-textarea-element">textarea</a></code>
+  <code title="dom-fae-form"><a href="#dom-fae-form">form</a></code> DOM attribute.<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>
+   <li><code><a href="#the-label-element">label</a></code></li>
+   <li><code><a href="#the-object-element">object</a></code></li>
+   <li><code><a href="#the-output-element">output</a></code></li>
+   <li><code><a href="#the-select-element">select</a></code></li>
+   <li><code><a href="#the-textarea-element">textarea</a></code></li>
   </ul><p>The <a href="#form-associated-element" title="form-associated element">form-associated
   elements</a> fall into several subcategories:<dl><dt><dfn id="category-listed" title="category-listed">Listed</dfn></dt>
 
@@ -24775,14 +24782,14 @@
     <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>
 
-    <ul class="brief category-list"><li><code><a href="#the-button-element">button</a></code>
-     <li><code><a href="#the-fieldset-element">fieldset</a></code>
-     <li><code><a href="#the-input-element">input</a></code>
-     <li><code><a href="#the-keygen-element">keygen</a></code>
-     <li><code><a href="#the-object-element">object</a></code>
-     <li><code><a href="#the-output-element">output</a></code>
-     <li><code><a href="#the-select-element">select</a></code>
-     <li><code><a href="#the-textarea-element">textarea</a></code>
+    <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>
+     <li><code><a href="#the-object-element">object</a></code></li>
+     <li><code><a href="#the-output-element">output</a></code></li>
+     <li><code><a href="#the-select-element">select</a></code></li>
+     <li><code><a href="#the-textarea-element">textarea</a></code></li>
     </ul></dd>
 
    <dt><dfn id="category-label" title="category-label">Labelable</dfn></dt>
@@ -24792,11 +24799,11 @@
     <p>Denotes elements that can be associated with <code><a href="#the-label-element">label</a></code>
     elements.</p>
 
-    <ul class="brief category-list"><li><code><a href="#the-button-element">button</a></code>
-     <li><code><a href="#the-input-element">input</a></code>
-     <li><code><a href="#the-keygen-element">keygen</a></code>
-     <li><code><a href="#the-select-element">select</a></code>
-     <li><code><a href="#the-textarea-element">textarea</a></code>
+    <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>
+     <li><code><a href="#the-select-element">select</a></code></li>
+     <li><code><a href="#the-textarea-element">textarea</a></code></li>
     </ul></dd>
 
    <dt><dfn id="category-submit" title="category-submit">Submittable elements</dfn></dt>
@@ -24806,12 +24813,12 @@
     <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>
 
-    <ul class="brief category-list"><li><code><a href="#the-button-element">button</a></code>
-     <li><code><a href="#the-input-element">input</a></code>
-     <li><code><a href="#the-keygen-element">keygen</a></code>
-     <li><code><a href="#the-object-element">object</a></code>
-     <li><code><a href="#the-select-element">select</a></code>
-     <li><code><a href="#the-textarea-element">textarea</a></code>
+    <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>
+     <li><code><a href="#the-object-element">object</a></code></li>
+     <li><code><a href="#the-select-element">select</a></code></li>
+     <li><code><a href="#the-textarea-element">textarea</a></code></li>
     </ul></dd>
 
    <dt><dfn id="category-reset" title="category-reset">Resettable elements</dfn></dt>
@@ -24821,11 +24828,11 @@
     <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>
 
-    <ul class="brief category-list"><li><code><a href="#the-input-element">input</a></code>
-     <li><code><a href="#the-keygen-element">keygen</a></code>
-     <li><code><a href="#the-output-element">output</a></code>
-     <li><code><a href="#the-select-element">select</a></code>
-     <li><code><a href="#the-textarea-element">textarea</a></code>
+    <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>
+     <li><code><a href="#the-select-element">select</a></code></li>
+     <li><code><a href="#the-textarea-element">textarea</a></code></li>
     </ul></dd>
 
   </dl><p>In addition, some <a href="#category-submit" title="category-submit">submittable
Received on Monday, 29 June 2009 11:26:27 UTC