[html5] r1260 - /

whatwg at whatwg.org whatwg at whatwg.org
Tue Feb 26 23:37:20 PST 2008


Author: ianh
Date: 2008-02-26 23:37:16 -0800 (Tue, 26 Feb 2008)
New Revision: 1260

Modified:
   index
   source
Log:
[e] (0) Changed the sections around to remove overuse of the word 'prose' an the word 'phrase'

Modified: index
===================================================================
--- index	2008-02-27 07:19:16 UTC (rev 1259)
+++ index	2008-02-27 07:37:16 UTC (rev 1260)
@@ -467,7 +467,8 @@
         </ul>
       </ul>
 
-     <li><a href="#prose0"><span class=secno>3.9 </span>Prose</a>
+     <li><a href="#grouping"><span class=secno>3.9 </span>Grouping
+      content</a>
       <ul class=toc>
        <li><a href="#the-p"><span class=secno>3.9.1 </span>The <code>p</code>
         element</a>
@@ -478,495 +479,489 @@
        <li><a href="#the-br"><span class=secno>3.9.3 </span>The
         <code>br</code> element</a>
 
-       <li><a href="#the-dialog"><span class=secno>3.9.4 </span>The
+       <li><a href="#the-pre"><span class=secno>3.9.4 </span>The
+        <code>pre</code> element</a>
+
+       <li><a href="#the-dialog"><span class=secno>3.9.5 </span>The
         <code>dialog</code> element</a>
 
-       <li><a href="#the-blockquote"><span class=secno>3.9.5 </span>The
+       <li><a href="#the-blockquote"><span class=secno>3.9.6 </span>The
         <code>blockquote</code> element</a>
-      </ul>
 
-     <li><a href="#preformatted"><span class=secno>3.10 </span>Preformatted
-      text</a>
-      <ul class=toc>
-       <li><a href="#the-pre"><span class=secno>3.10.1 </span>The
-        <code>pre</code> element</a>
-      </ul>
-
-     <li><a href="#lists0"><span class=secno>3.11 </span>Lists</a>
-      <ul class=toc>
-       <li><a href="#the-ol"><span class=secno>3.11.1 </span>The
+       <li><a href="#the-ol"><span class=secno>3.9.7 </span>The
         <code>ol</code> element</a>
 
-       <li><a href="#the-ul"><span class=secno>3.11.2 </span>The
+       <li><a href="#the-ul"><span class=secno>3.9.8 </span>The
         <code>ul</code> element</a>
 
-       <li><a href="#the-li"><span class=secno>3.11.3 </span>The
+       <li><a href="#the-li"><span class=secno>3.9.9 </span>The
         <code>li</code> element</a>
 
-       <li><a href="#the-dl"><span class=secno>3.11.4 </span>The
+       <li><a href="#the-dl"><span class=secno>3.9.10 </span>The
         <code>dl</code> element</a>
 
-       <li><a href="#the-dt"><span class=secno>3.11.5 </span>The
+       <li><a href="#the-dt"><span class=secno>3.9.11 </span>The
         <code>dt</code> element</a>
 
-       <li><a href="#the-dd"><span class=secno>3.11.6 </span>The
+       <li><a href="#the-dd"><span class=secno>3.9.12 </span>The
         <code>dd</code> element</a>
       </ul>
 
-     <li><a href="#phrase"><span class=secno>3.12 </span>Phrase elements</a>
+     <li><a href="#text-level"><span class=secno>3.10 </span>Text-level
+      semantics</a>
       <ul class=toc>
-       <li><a href="#the-a"><span class=secno>3.12.1 </span>The
+       <li><a href="#the-a"><span class=secno>3.10.1 </span>The
         <code>a</code> element</a>
 
-       <li><a href="#the-q"><span class=secno>3.12.2 </span>The
+       <li><a href="#the-q"><span class=secno>3.10.2 </span>The
         <code>q</code> element</a>
 
-       <li><a href="#the-cite"><span class=secno>3.12.3 </span>The
+       <li><a href="#the-cite"><span class=secno>3.10.3 </span>The
         <code>cite</code> element</a>
 
-       <li><a href="#the-em"><span class=secno>3.12.4 </span>The
+       <li><a href="#the-em"><span class=secno>3.10.4 </span>The
         <code>em</code> element</a>
 
-       <li><a href="#the-strong"><span class=secno>3.12.5 </span>The
+       <li><a href="#the-strong"><span class=secno>3.10.5 </span>The
         <code>strong</code> element</a>
 
-       <li><a href="#the-small"><span class=secno>3.12.6 </span>The
+       <li><a href="#the-small"><span class=secno>3.10.6 </span>The
         <code>small</code> element</a>
 
-       <li><a href="#the-mark"><span class=secno>3.12.7 </span>The
+       <li><a href="#the-mark"><span class=secno>3.10.7 </span>The
         <code>mark</code> element</a>
 
-       <li><a href="#the-dfn"><span class=secno>3.12.8 </span>The
+       <li><a href="#the-dfn"><span class=secno>3.10.8 </span>The
         <code>dfn</code> element</a>
 
-       <li><a href="#the-abbr"><span class=secno>3.12.9 </span>The
+       <li><a href="#the-abbr"><span class=secno>3.10.9 </span>The
         <code>abbr</code> element</a>
 
-       <li><a href="#the-time"><span class=secno>3.12.10 </span>The
+       <li><a href="#the-time"><span class=secno>3.10.10 </span>The
         <code>time</code> element</a>
 
-       <li><a href="#the-progress"><span class=secno>3.12.11 </span>The
+       <li><a href="#the-progress"><span class=secno>3.10.11 </span>The
         <code>progress</code> element</a>
 
-       <li><a href="#the-meter"><span class=secno>3.12.12 </span>The
+       <li><a href="#the-meter"><span class=secno>3.10.12 </span>The
         <code>meter</code> element</a>
 
-       <li><a href="#the-code"><span class=secno>3.12.13 </span>The
+       <li><a href="#the-code"><span class=secno>3.10.13 </span>The
         <code>code</code> element</a>
 
-       <li><a href="#the-var"><span class=secno>3.12.14 </span>The
+       <li><a href="#the-var"><span class=secno>3.10.14 </span>The
         <code>var</code> element</a>
 
-       <li><a href="#the-samp"><span class=secno>3.12.15 </span>The
+       <li><a href="#the-samp"><span class=secno>3.10.15 </span>The
         <code>samp</code> element</a>
 
-       <li><a href="#the-kbd"><span class=secno>3.12.16 </span>The
+       <li><a href="#the-kbd"><span class=secno>3.10.16 </span>The
         <code>kbd</code> element</a>
 
-       <li><a href="#the-sub"><span class=secno>3.12.17 </span>The
+       <li><a href="#the-sub"><span class=secno>3.10.17 </span>The
         <code>sub</code> and <code>sup</code> elements</a>
 
-       <li><a href="#the-span"><span class=secno>3.12.18 </span>The
+       <li><a href="#the-span"><span class=secno>3.10.18 </span>The
         <code>span</code> element</a>
 
-       <li><a href="#the-i"><span class=secno>3.12.19 </span>The
+       <li><a href="#the-i"><span class=secno>3.10.19 </span>The
         <code>i</code> element</a>
 
-       <li><a href="#the-b"><span class=secno>3.12.20 </span>The
+       <li><a href="#the-b"><span class=secno>3.10.20 </span>The
         <code>b</code> element</a>
 
-       <li><a href="#the-bdo"><span class=secno>3.12.21 </span>The
+       <li><a href="#the-bdo"><span class=secno>3.10.21 </span>The
         <code>bdo</code> element</a>
 
-       <li><a href="#usage"><span class=secno>3.12.22 </span>Usage
+       <li><a href="#usage"><span class=secno>3.10.22 </span>Usage
         summary</a>
       </ul>
 
-     <li><a href="#edits"><span class=secno>3.13 </span>Edits</a>
+     <li><a href="#edits"><span class=secno>3.11 </span>Edits</a>
       <ul class=toc>
-       <li><a href="#the-ins"><span class=secno>3.13.1 </span>The
+       <li><a href="#the-ins"><span class=secno>3.11.1 </span>The
         <code>ins</code> element</a>
 
-       <li><a href="#the-del"><span class=secno>3.13.2 </span>The
+       <li><a href="#the-del"><span class=secno>3.11.2 </span>The
         <code>del</code> element</a>
 
-       <li><a href="#attributes"><span class=secno>3.13.3 </span>Attributes
+       <li><a href="#attributes"><span class=secno>3.11.3 </span>Attributes
         common to <code>ins</code> and <code>del</code> elements</a>
       </ul>
 
-     <li><a href="#embedded0"><span class=secno>3.14 </span>Embedded
+     <li><a href="#embedded0"><span class=secno>3.12 </span>Embedded
       content</a>
       <ul class=toc>
-       <li><a href="#the-figure"><span class=secno>3.14.1 </span>The
+       <li><a href="#the-figure"><span class=secno>3.12.1 </span>The
         <code>figure</code> element</a>
 
-       <li><a href="#the-img"><span class=secno>3.14.2 </span>The
+       <li><a href="#the-img"><span class=secno>3.12.2 </span>The
         <code>img</code> element</a>
 
-       <li><a href="#the-iframe"><span class=secno>3.14.3 </span>The
+       <li><a href="#the-iframe"><span class=secno>3.12.3 </span>The
         <code>iframe</code> element</a>
 
-       <li><a href="#the-embed"><span class=secno>3.14.4 </span>The
+       <li><a href="#the-embed"><span class=secno>3.12.4 </span>The
         <code>embed</code> element</a>
 
-       <li><a href="#the-object"><span class=secno>3.14.5 </span>The
+       <li><a href="#the-object"><span class=secno>3.12.5 </span>The
         <code>object</code> element</a>
 
-       <li><a href="#the-param"><span class=secno>3.14.6 </span>The
+       <li><a href="#the-param"><span class=secno>3.12.6 </span>The
         <code>param</code> element</a>
 
-       <li><a href="#video"><span class=secno>3.14.7 </span>The
+       <li><a href="#video"><span class=secno>3.12.7 </span>The
         <code>video</code> element</a>
         <ul class=toc>
-         <li><a href="#video0"><span class=secno>3.14.7.1. </span>Video and
+         <li><a href="#video0"><span class=secno>3.12.7.1. </span>Video and
           audio codecs for <code>video</code> elements</a>
         </ul>
 
-       <li><a href="#audio"><span class=secno>3.14.8 </span>The
+       <li><a href="#audio"><span class=secno>3.12.8 </span>The
         <code>audio</code> element</a>
         <ul class=toc>
-         <li><a href="#audio0"><span class=secno>3.14.8.1. </span>Audio
+         <li><a href="#audio0"><span class=secno>3.12.8.1. </span>Audio
           codecs for <code>audio</code> elements</a>
         </ul>
 
-       <li><a href="#media"><span class=secno>3.14.9 </span>Media
+       <li><a href="#media"><span class=secno>3.12.9 </span>Media
         elements</a>
         <ul class=toc>
-         <li><a href="#error"><span class=secno>3.14.9.1. </span>Error
+         <li><a href="#error"><span class=secno>3.12.9.1. </span>Error
           codes</a>
 
-         <li><a href="#location"><span class=secno>3.14.9.2. </span>Location
+         <li><a href="#location"><span class=secno>3.12.9.2. </span>Location
           of the media resource</a>
 
-         <li><a href="#network0"><span class=secno>3.14.9.3. </span>Network
+         <li><a href="#network0"><span class=secno>3.12.9.3. </span>Network
           states</a>
 
-         <li><a href="#loading"><span class=secno>3.14.9.4. </span>Loading
+         <li><a href="#loading"><span class=secno>3.12.9.4. </span>Loading
           the media resource</a>
 
-         <li><a href="#offsets"><span class=secno>3.14.9.5. </span>Offsets
+         <li><a href="#offsets"><span class=secno>3.12.9.5. </span>Offsets
           into the media resource</a>
 
-         <li><a href="#the-ready"><span class=secno>3.14.9.6. </span>The
+         <li><a href="#the-ready"><span class=secno>3.12.9.6. </span>The
           ready states</a>
 
-         <li><a href="#playing"><span class=secno>3.14.9.7. </span>Playing
+         <li><a href="#playing"><span class=secno>3.12.9.7. </span>Playing
           the media resource</a>
 
-         <li><a href="#seeking"><span class=secno>3.14.9.8.
+         <li><a href="#seeking"><span class=secno>3.12.9.8.
           </span>Seeking</a>
 
-         <li><a href="#cue-ranges"><span class=secno>3.14.9.9. </span>Cue
+         <li><a href="#cue-ranges"><span class=secno>3.12.9.9. </span>Cue
           ranges</a>
 
-         <li><a href="#user-interface"><span class=secno>3.14.9.10.
+         <li><a href="#user-interface"><span class=secno>3.12.9.10.
           </span>User interface</a>
 
-         <li><a href="#time-range"><span class=secno>3.14.9.11. </span>Time
+         <li><a href="#time-range"><span class=secno>3.12.9.11. </span>Time
           range</a>
 
-         <li><a href="#mediaevents"><span class=secno>3.14.9.12. </span>Event
+         <li><a href="#mediaevents"><span class=secno>3.12.9.12. </span>Event
           summary</a>
 
-         <li><a href="#security0"><span class=secno>3.14.9.13.
+         <li><a href="#security0"><span class=secno>3.12.9.13.
           </span>Security and privacy considerations</a>
         </ul>
 
-       <li><a href="#the-source"><span class=secno>3.14.10 </span>The
+       <li><a href="#the-source"><span class=secno>3.12.10 </span>The
         <code>source</code> element</a>
 
-       <li><a href="#the-canvas"><span class=secno>3.14.11 </span>The
+       <li><a href="#the-canvas"><span class=secno>3.12.11 </span>The
         <code>canvas</code> element</a>
         <ul class=toc>
-         <li><a href="#the-2d"><span class=secno>3.14.11.1. </span>The 2D
+         <li><a href="#the-2d"><span class=secno>3.12.11.1. </span>The 2D
           context</a>
           <ul class=toc>
-           <li><a href="#the-canvas0"><span class=secno>3.14.11.1.1.
+           <li><a href="#the-canvas0"><span class=secno>3.12.11.1.1.
             </span>The canvas state</a>
 
-           <li><a href="#transformations"><span class=secno>3.14.11.1.2.
+           <li><a href="#transformations"><span class=secno>3.12.11.1.2.
             </span>Transformations</a>
 
-           <li><a href="#compositing"><span class=secno>3.14.11.1.3.
+           <li><a href="#compositing"><span class=secno>3.12.11.1.3.
             </span>Compositing</a>
 
-           <li><a href="#colors"><span class=secno>3.14.11.1.4. </span>Colors
+           <li><a href="#colors"><span class=secno>3.12.11.1.4. </span>Colors
             and styles</a>
 
-           <li><a href="#line-styles"><span class=secno>3.14.11.1.5.
+           <li><a href="#line-styles"><span class=secno>3.12.11.1.5.
             </span>Line styles</a>
 
-           <li><a href="#shadows"><span class=secno>3.14.11.1.6.
+           <li><a href="#shadows"><span class=secno>3.12.11.1.6.
             </span>Shadows</a>
 
-           <li><a href="#simple"><span class=secno>3.14.11.1.7. </span>Simple
+           <li><a href="#simple"><span class=secno>3.12.11.1.7. </span>Simple
             shapes (rectangles)</a>
 
-           <li><a href="#complex"><span class=secno>3.14.11.1.8.
+           <li><a href="#complex"><span class=secno>3.12.11.1.8.
             </span>Complex shapes (paths)</a>
 
-           <li><a href="#images"><span class=secno>3.14.11.1.9.
+           <li><a href="#images"><span class=secno>3.12.11.1.9.
             </span>Images</a>
 
-           <li><a href="#pixel"><span class=secno>3.14.11.1.10. </span>Pixel
+           <li><a href="#pixel"><span class=secno>3.12.11.1.10. </span>Pixel
             manipulation</a>
 
-           <li><a href="#drawing"><span class=secno>3.14.11.1.11.
+           <li><a href="#drawing"><span class=secno>3.12.11.1.11.
             </span>Drawing model</a>
           </ul>
 
-         <li><a href="#color"><span class=secno>3.14.11.2. </span>Color
+         <li><a href="#color"><span class=secno>3.12.11.2. </span>Color
           spaces and color correction</a>
 
-         <li><a href="#security1"><span class=secno>3.14.11.3.
+         <li><a href="#security1"><span class=secno>3.12.11.3.
           </span>Security with <code>canvas</code> elements</a>
         </ul>
 
-       <li><a href="#the-map"><span class=secno>3.14.12 </span>The
+       <li><a href="#the-map"><span class=secno>3.12.12 </span>The
         <code>map</code> element</a>
 
-       <li><a href="#the-area"><span class=secno>3.14.13 </span>The
+       <li><a href="#the-area"><span class=secno>3.12.13 </span>The
         <code>area</code> element</a>
 
-       <li><a href="#image-maps"><span class=secno>3.14.14 </span>Image
+       <li><a href="#image-maps"><span class=secno>3.12.14 </span>Image
         maps</a>
 
-       <li><a href="#dimension"><span class=secno>3.14.15 </span>Dimension
+       <li><a href="#dimension"><span class=secno>3.12.15 </span>Dimension
         attributes</a>
       </ul>
 
-     <li><a href="#tabular"><span class=secno>3.15 </span>Tabular data</a>
+     <li><a href="#tabular"><span class=secno>3.13 </span>Tabular data</a>
       <ul class=toc>
-       <li><a href="#the-table"><span class=secno>3.15.1 </span>The
+       <li><a href="#the-table"><span class=secno>3.13.1 </span>The
         <code>table</code> element</a>
 
-       <li><a href="#the-caption"><span class=secno>3.15.2 </span>The
+       <li><a href="#the-caption"><span class=secno>3.13.2 </span>The
         <code>caption</code> element</a>
 
-       <li><a href="#the-colgroup"><span class=secno>3.15.3 </span>The
+       <li><a href="#the-colgroup"><span class=secno>3.13.3 </span>The
         <code>colgroup</code> element</a>
 
-       <li><a href="#the-col"><span class=secno>3.15.4 </span>The
+       <li><a href="#the-col"><span class=secno>3.13.4 </span>The
         <code>col</code> element</a>
 
-       <li><a href="#the-tbody"><span class=secno>3.15.5 </span>The
+       <li><a href="#the-tbody"><span class=secno>3.13.5 </span>The
         <code>tbody</code> element</a>
 
-       <li><a href="#the-thead"><span class=secno>3.15.6 </span>The
+       <li><a href="#the-thead"><span class=secno>3.13.6 </span>The
         <code>thead</code> element</a>
 
-       <li><a href="#the-tfoot"><span class=secno>3.15.7 </span>The
+       <li><a href="#the-tfoot"><span class=secno>3.13.7 </span>The
         <code>tfoot</code> element</a>
 
-       <li><a href="#the-tr"><span class=secno>3.15.8 </span>The
+       <li><a href="#the-tr"><span class=secno>3.13.8 </span>The
         <code>tr</code> element</a>
 
-       <li><a href="#the-td"><span class=secno>3.15.9 </span>The
+       <li><a href="#the-td"><span class=secno>3.13.9 </span>The
         <code>td</code> element</a>
 
-       <li><a href="#the-th"><span class=secno>3.15.10 </span>The
+       <li><a href="#the-th"><span class=secno>3.13.10 </span>The
         <code>th</code> element</a>
 
-       <li><a href="#processing"><span class=secno>3.15.11 </span>Processing
+       <li><a href="#processing"><span class=secno>3.13.11 </span>Processing
         model</a>
         <ul class=toc>
-         <li><a href="#forming"><span class=secno>3.15.11.1. </span>Forming a
+         <li><a href="#forming"><span class=secno>3.13.11.1. </span>Forming a
           table</a>
 
          <li><a href="#header-and-data-cell-semantics"><span
-          class=secno>3.15.11.2. </span>Forming relationships between data
+          class=secno>3.13.11.2. </span>Forming relationships between data
           cells and header cells</a>
         </ul>
       </ul>
 
-     <li><a href="#forms"><span class=secno>3.16 </span>Forms</a>
+     <li><a href="#forms"><span class=secno>3.14 </span>Forms</a>
       <ul class=toc>
-       <li><a href="#the-form"><span class=secno>3.16.1 </span>The
+       <li><a href="#the-form"><span class=secno>3.14.1 </span>The
         <code>form</code> element</a>
 
-       <li><a href="#the-fieldset"><span class=secno>3.16.2 </span>The
+       <li><a href="#the-fieldset"><span class=secno>3.14.2 </span>The
         <code>fieldset</code> element</a>
 
-       <li><a href="#the-input"><span class=secno>3.16.3 </span>The
+       <li><a href="#the-input"><span class=secno>3.14.3 </span>The
         <code>input</code> element</a>
 
-       <li><a href="#the-button"><span class=secno>3.16.4 </span>The
+       <li><a href="#the-button"><span class=secno>3.14.4 </span>The
         <code>button</code> element</a>
 
-       <li><a href="#the-label"><span class=secno>3.16.5 </span>The
+       <li><a href="#the-label"><span class=secno>3.14.5 </span>The
         <code>label</code> element</a>
 
-       <li><a href="#the-select"><span class=secno>3.16.6 </span>The
+       <li><a href="#the-select"><span class=secno>3.14.6 </span>The
         <code>select</code> element</a>
 
-       <li><a href="#the-datalist"><span class=secno>3.16.7 </span>The
+       <li><a href="#the-datalist"><span class=secno>3.14.7 </span>The
         <code>datalist</code> element</a>
 
-       <li><a href="#the-optgroup"><span class=secno>3.16.8 </span>The
+       <li><a href="#the-optgroup"><span class=secno>3.14.8 </span>The
         <code>optgroup</code> element</a>
 
-       <li><a href="#the-option"><span class=secno>3.16.9 </span>The
+       <li><a href="#the-option"><span class=secno>3.14.9 </span>The
         <code>option</code> element</a>
 
-       <li><a href="#the-textarea"><span class=secno>3.16.10 </span>The
+       <li><a href="#the-textarea"><span class=secno>3.14.10 </span>The
         <code>textarea</code> element</a>
 
-       <li><a href="#the-output"><span class=secno>3.16.11 </span>The
+       <li><a href="#the-output"><span class=secno>3.14.11 </span>The
         <code>output</code> element</a>
 
-       <li><a href="#processing0"><span class=secno>3.16.12 </span>Processing
+       <li><a href="#processing0"><span class=secno>3.14.12 </span>Processing
         model</a>
         <ul class=toc>
-         <li><a href="#form-submission"><span class=secno>3.16.12.1.
+         <li><a href="#form-submission"><span class=secno>3.14.12.1.
           </span>Form submission</a>
         </ul>
       </ul>
 
-     <li><a href="#scripting0"><span class=secno>3.17 </span>Scripting</a>
+     <li><a href="#scripting0"><span class=secno>3.15 </span>Scripting</a>
       <ul class=toc>
-       <li><a href="#script"><span class=secno>3.17.1 </span>The
+       <li><a href="#script"><span class=secno>3.15.1 </span>The
         <code>script</code> element</a>
         <ul class=toc>
-         <li><a href="#scriptingLanguages"><span class=secno>3.17.1.1.
+         <li><a href="#scriptingLanguages"><span class=secno>3.15.1.1.
           </span>Scripting languages</a>
         </ul>
 
-       <li><a href="#the-noscript"><span class=secno>3.17.2 </span>The
+       <li><a href="#the-noscript"><span class=secno>3.15.2 </span>The
         <code>noscript</code> element</a>
 
-       <li><a href="#the-event-source"><span class=secno>3.17.3 </span>The
+       <li><a href="#the-event-source"><span class=secno>3.15.3 </span>The
         <code>event-source</code> element</a>
       </ul>
 
-     <li><a href="#interactive-elements"><span class=secno>3.18
+     <li><a href="#interactive-elements"><span class=secno>3.16
       </span>Interactive elements</a>
       <ul class=toc>
-       <li><a href="#the-details"><span class=secno>3.18.1 </span>The
+       <li><a href="#the-details"><span class=secno>3.16.1 </span>The
         <code>details</code> element</a>
 
-       <li><a href="#datagrid"><span class=secno>3.18.2 </span>The
+       <li><a href="#datagrid"><span class=secno>3.16.2 </span>The
         <code>datagrid</code> element</a>
         <ul class=toc>
-         <li><a href="#the-datagrid"><span class=secno>3.18.2.1. </span>The
+         <li><a href="#the-datagrid"><span class=secno>3.16.2.1. </span>The
           <code>datagrid</code> data model</a>
 
-         <li><a href="#how-rows"><span class=secno>3.18.2.2. </span>How rows
+         <li><a href="#how-rows"><span class=secno>3.16.2.2. </span>How rows
           are identified</a>
 
-         <li><a href="#the-data"><span class=secno>3.18.2.3. </span>The data
+         <li><a href="#the-data"><span class=secno>3.16.2.3. </span>The data
           provider interface</a>
 
-         <li><a href="#the-default"><span class=secno>3.18.2.4. </span>The
+         <li><a href="#the-default"><span class=secno>3.16.2.4. </span>The
           default data provider</a>
           <ul class=toc>
            <li><a href="#commonDefaultDataGridMethodDefinitions"><span
-            class=secno>3.18.2.4.1. </span>Common default data provider
+            class=secno>3.16.2.4.1. </span>Common default data provider
             method definitions for cells</a>
           </ul>
 
-         <li><a href="#populating"><span class=secno>3.18.2.5.
+         <li><a href="#populating"><span class=secno>3.16.2.5.
           </span>Populating the <code>datagrid</code> element</a>
 
-         <li><a href="#updating"><span class=secno>3.18.2.6. </span>Updating
+         <li><a href="#updating"><span class=secno>3.16.2.6. </span>Updating
           the <code>datagrid</code></a>
 
-         <li><a href="#requirements"><span class=secno>3.18.2.7.
+         <li><a href="#requirements"><span class=secno>3.16.2.7.
           </span>Requirements for interactive user agents</a>
 
-         <li><a href="#the-selection"><span class=secno>3.18.2.8. </span>The
+         <li><a href="#the-selection"><span class=secno>3.16.2.8. </span>The
           selection</a>
 
-         <li><a href="#columns"><span class=secno>3.18.2.9. </span>Columns
+         <li><a href="#columns"><span class=secno>3.16.2.9. </span>Columns
           and captions</a>
         </ul>
 
-       <li><a href="#the-command"><span class=secno>3.18.3 </span>The
+       <li><a href="#the-command"><span class=secno>3.16.3 </span>The
         <code>command</code> element</a>
 
-       <li><a href="#menus"><span class=secno>3.18.4 </span>The
+       <li><a href="#menus"><span class=secno>3.16.4 </span>The
         <code>menu</code> element</a>
         <ul class=toc>
-         <li><a href="#menus-intro"><span class=secno>3.18.4.1.
+         <li><a href="#menus-intro"><span class=secno>3.16.4.1.
           </span>Introduction</a>
 
-         <li><a href="#building"><span class=secno>3.18.4.2. </span>Building
+         <li><a href="#building"><span class=secno>3.16.4.2. </span>Building
           menus and tool bars</a>
 
-         <li><a href="#context"><span class=secno>3.18.4.3. </span>Context
+         <li><a href="#context"><span class=secno>3.16.4.3. </span>Context
           menus</a>
 
-         <li><a href="#toolbars"><span class=secno>3.18.4.4.
+         <li><a href="#toolbars"><span class=secno>3.16.4.4.
           </span>Toolbars</a>
         </ul>
 
-       <li><a href="#commands"><span class=secno>3.18.5 </span>Commands</a>
+       <li><a href="#commands"><span class=secno>3.16.5 </span>Commands</a>
         <ul class=toc>
-         <li><a href="#using"><span class=secno>3.18.5.1. </span>Using the
+         <li><a href="#using"><span class=secno>3.16.5.1. </span>Using the
           <code>a</code> element to define a command</a>
 
-         <li><a href="#using0"><span class=secno>3.18.5.2. </span>Using the
+         <li><a href="#using0"><span class=secno>3.16.5.2. </span>Using the
           <code>button</code> element to define a command</a>
 
-         <li><a href="#using1"><span class=secno>3.18.5.3. </span>Using the
+         <li><a href="#using1"><span class=secno>3.16.5.3. </span>Using the
           <code>input</code> element to define a command</a>
 
-         <li><a href="#using2"><span class=secno>3.18.5.4. </span>Using the
+         <li><a href="#using2"><span class=secno>3.16.5.4. </span>Using the
           <code>option</code> element to define a command</a>
 
-         <li><a href="#using3"><span class=secno>3.18.5.5. </span>Using the
+         <li><a href="#using3"><span class=secno>3.16.5.5. </span>Using the
           <code>command</code> element to define a command</a>
         </ul>
       </ul>
 
-     <li><a href="#datatemplate"><span class=secno>3.19 </span>Data
+     <li><a href="#datatemplate"><span class=secno>3.17 </span>Data
       Templates</a>
       <ul class=toc>
-       <li><a href="#introduction0"><span class=secno>3.19.1
+       <li><a href="#introduction0"><span class=secno>3.17.1
         </span>Introduction</a>
 
-       <li><a href="#the-datatemplate"><span class=secno>3.19.2 </span>The
+       <li><a href="#the-datatemplate"><span class=secno>3.17.2 </span>The
         <code>datatemplate</code> element</a>
 
-       <li><a href="#the-rule"><span class=secno>3.19.3 </span>The
+       <li><a href="#the-rule"><span class=secno>3.17.3 </span>The
         <code>rule</code> element</a>
 
-       <li><a href="#the-nest"><span class=secno>3.19.4 </span>The
+       <li><a href="#the-nest"><span class=secno>3.17.4 </span>The
         <code>nest</code> element</a>
 
-       <li><a href="#global0"><span class=secno>3.19.5 </span>Global
+       <li><a href="#global0"><span class=secno>3.17.5 </span>Global
         attributes for data templates</a>
 
-       <li><a href="#processing1"><span class=secno>3.19.6 </span>Processing
+       <li><a href="#processing1"><span class=secno>3.17.6 </span>Processing
         model</a>
         <ul class=toc>
-         <li><a href="#the-originalcontent"><span class=secno>3.19.6.1.
+         <li><a href="#the-originalcontent"><span class=secno>3.17.6.1.
           </span>The <code title=dom-originalContent>originalContent</code>
           DOM attribute</a>
 
-         <li><a href="#the-template"><span class=secno>3.19.6.2. </span>The
+         <li><a href="#the-template"><span class=secno>3.17.6.2. </span>The
           <code title=attr-template>template</code> attribute</a>
 
-         <li><a href="#the-ref"><span class=secno>3.19.6.3. </span>The <code
+         <li><a href="#the-ref"><span class=secno>3.17.6.3. </span>The <code
           title=attr-ref>ref</code> attribute</a>
 
-         <li><a href="#the-nodedatatemplate"><span class=secno>3.19.6.4.
+         <li><a href="#the-nodedatatemplate"><span class=secno>3.17.6.4.
           </span>The <code>NodeDataTemplate</code> interface</a>
 
-         <li><a href="#mutations"><span class=secno>3.19.6.5.
+         <li><a href="#mutations"><span class=secno>3.17.6.5.
           </span>Mutations</a>
 
-         <li><a href="#updating0"><span class=secno>3.19.6.6. </span>Updating
+         <li><a href="#updating0"><span class=secno>3.17.6.6. </span>Updating
           the generated content</a>
         </ul>
       </ul>
 
-     <li><a href="#miscellaneous"><span class=secno>3.20 </span>Miscellaneous
+     <li><a href="#miscellaneous"><span class=secno>3.18 </span>Miscellaneous
       elements</a>
       <ul class=toc>
-       <li><a href="#the-legend"><span class=secno>3.20.1 </span>The
+       <li><a href="#the-legend"><span class=secno>3.18.1 </span>The
         <code>legend</code> element</a>
 
-       <li><a href="#the-div"><span class=secno>3.20.2 </span>The
+       <li><a href="#the-div"><span class=secno>3.18.2 </span>The
         <code>div</code> element</a>
       </ul>
     </ul>
@@ -5962,7 +5957,7 @@
   <ul class=brief>
    <li><a href="#metadata0">Metadata content</a>
 
-   <li><a href="#prose1">Prose content</a>
+   <li><a href="#prose0">Prose content</a>
 
    <li><a href="#sectioning0">Sectioning content</a>
 
@@ -6003,10 +5998,10 @@
   <h5 id=prose><span class=secno>3.3.3.2. </span>Prose content</h5>
 
   <p>Most elements that are used in the body of documents and applications
-   are categorised as <dfn id=prose1>prose content</dfn>.
+   are categorised as <dfn id=prose0>prose content</dfn>.
 
   <p>As a general rule, elements whose content model allows any <a
-   href="#prose1">prose content</a> should have either at least one
+   href="#prose0">prose content</a> should have either at least one
    descendant text node that is not <a href="#inter-element">inter-element
    whitespace</a>, or at least one descendant element node that is <a
    href="#embedded1">embedded content</a>. For the purposes of this
@@ -6045,8 +6040,8 @@
    title=paragraph>paragraphs</a>.
 
   <p>All <a href="#phrasing0">phrasing content</a> is also <a
-   href="#prose1">prose content</a>. Any content model that expects <a
-   href="#prose1">prose content</a> also expects <a
+   href="#prose0">prose content</a>. Any content model that expects <a
+   href="#prose0">prose content</a> also expects <a
    href="#phrasing0">phrasing content</a>.
 
   <p>As a general rule, elements whose content model allows any <a
@@ -6072,9 +6067,9 @@
    inserted into the document.
 
   <p>All <a href="#embedded1">embedded content</a> is also <a
-   href="#phrasing0">phrasing content</a> (and <a href="#prose1">prose
+   href="#phrasing0">phrasing content</a> (and <a href="#prose0">prose
    content</a>). Any content model that expects <a href="#phrasing0">phrasing
-   content</a> (or <a href="#prose1">prose content</a>) also expects <a
+   content</a> (or <a href="#prose0">prose content</a>) also expects <a
    href="#embedded1">embedded content</a>.
 
   <p>Elements that are from namespaces other than the <a
@@ -6162,7 +6157,7 @@
 
   <p>When a transparent or semi-transparent element has no parent, then the
    part of its content model that is "transparent" must instead be treated as
-   accepting any <a href="#prose1">prose content</a>.
+   accepting any <a href="#prose0">prose content</a>.
 
   <h4 id=paragraphs><span class=secno>3.3.5 </span>Paragraphs</h4>
 
@@ -6172,7 +6167,7 @@
    address is also a paragraph, as is a part of a form, a byline, or a stanza
    in a poem.
 
-  <p>Paragraphs in <a href="#prose1">prose content</a> are defined relative
+  <p>Paragraphs in <a href="#prose0">prose content</a> are defined relative
    to what the document looks like without the <code><a
    href="#ins">ins</a></code> and <code><a href="#del">del</a></code>
    elements complicating matters. Let <var title="">view</var> be a view of
@@ -7949,7 +7944,7 @@
 
    <dd>If the <code title=attr-style-scoped><a
     href="#scoped">scoped</a></code> attribute is present: <a
-    href="#prose1">prose content</a>.
+    href="#prose0">prose content</a>.
 
    <dt>Contexts in which this element may be used:
 
@@ -7964,7 +7959,7 @@
 
    <dd>If the <code title=attr-style-scoped><a
     href="#scoped">scoped</a></code> attribute is present: where <a
-    href="#prose1">prose content</a> is expected, but before any sibling
+    href="#prose0">prose content</a> is expected, but before any sibling
     elements other than <code><a href="#style">style</a></code> elements and
     before any text nodes other than <a href="#inter-element">inter-element
     whitespace</a>.
@@ -8045,7 +8040,7 @@
   <p>If the <code title=attr-style-scoped><a href="#scoped">scoped</a></code>
    attribute <em>is</em> specified, then the <code><a
    href="#style">style</a></code> element must be the child of a <a
-   href="#prose1">prose content</a> element, before any text nodes other than
+   href="#prose0">prose content</a> element, before any text nodes other than
    <a href="#inter-element">inter-element whitespace</a>, and before any
    elements other than other <code><a href="#style">style</a></code>
    elements.
@@ -8210,7 +8205,7 @@
 
    <dt>Content model:
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dt>Element-specific attributes:
 
@@ -8243,17 +8238,17 @@
   <dl class=element>
    <dt>Categories
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dd><a href="#sectioning0">Sectioning content</a>.
 
    <dt>Contexts in which this element may be used:
 
-   <dd>Where <a href="#prose1">prose content</a> is expected.
+   <dd>Where <a href="#prose0">prose content</a> is expected.
 
    <dt>Content model:
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dt>Element-specific attributes:
 
@@ -8281,17 +8276,17 @@
   <dl class=element>
    <dt>Categories
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dd><a href="#sectioning0">Sectioning content</a>.
 
    <dt>Contexts in which this element may be used:
 
-   <dd>Where <a href="#prose1">prose content</a> is expected.
+   <dd>Where <a href="#prose0">prose content</a> is expected.
 
    <dt>Content model:
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dt>Element-specific attributes:
 
@@ -8350,17 +8345,17 @@
   <dl class=element>
    <dt>Categories
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dd><a href="#sectioning0">Sectioning content</a>.
 
    <dt>Contexts in which this element may be used:
 
-   <dd>Where <a href="#prose1">prose content</a> is expected.
+   <dd>Where <a href="#prose0">prose content</a> is expected.
 
    <dt>Content model:
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dt>Element-specific attributes:
 
@@ -8411,17 +8406,17 @@
   <dl class=element>
    <dt>Categories
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dd><a href="#sectioning0">Sectioning content</a>.
 
    <dt>Contexts in which this element may be used:
 
-   <dd>Where <a href="#prose1">prose content</a> is expected.
+   <dd>Where <a href="#prose0">prose content</a> is expected.
 
    <dt>Content model:
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dt>Element-specific attributes:
 
@@ -8484,13 +8479,13 @@
   <dl class=element>
    <dt>Categories
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dd><a href="#heading0">Heading content</a>.
 
    <dt>Contexts in which this element may be used:
 
-   <dd>Where <a href="#prose1">prose content</a> is expected.
+   <dd>Where <a href="#prose0">prose content</a> is expected.
 
    <dt>Content model:
 
@@ -8522,17 +8517,17 @@
   <dl class=element>
    <dt>Categories
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dd><a href="#heading0">Heading content</a>.
 
    <dt>Contexts in which this element may be used:
 
-   <dd>Where <a href="#prose1">prose content</a> is expected.
+   <dd>Where <a href="#prose0">prose content</a> is expected.
 
    <dt>Content model:
 
-   <dd><a href="#prose1">Prose content</a>, including at least one descendant
+   <dd><a href="#prose0">Prose content</a>, including at least one descendant
     that is <a href="#heading0">heading content</a>, but no <a
     href="#sectioning0">sectioning content</a> descendants other than
     <code><a href="#blockquote">blockquote</a></code> elements, no <code><a
@@ -8615,15 +8610,15 @@
   <dl class=element>
    <dt>Categories
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dt>Contexts in which this element may be used:
 
-   <dd>Where <a href="#prose1">prose content</a> is expected.
+   <dd>Where <a href="#prose0">prose content</a> is expected.
 
    <dt>Content model:
 
-   <dd><a href="#prose1">Prose content</a>, but with no <a
+   <dd><a href="#prose0">Prose content</a>, but with no <a
     href="#heading0">heading content</a> descendants, no <a
     href="#sectioning0">sectioning content</a> descendants other than
     <code><a href="#blockquote">blockquote</a></code> elements, and no
@@ -8675,15 +8670,15 @@
   <dl class=element>
    <dt>Categories
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dt>Contexts in which this element may be used:
 
-   <dd>Where <a href="#prose1">prose content</a> is expected.
+   <dd>Where <a href="#prose0">prose content</a> is expected.
 
    <dt>Content model:
 
-   <dd><a href="#prose1">Prose content</a>, but with no <a
+   <dd><a href="#prose0">Prose content</a>, but with no <a
     href="#heading0">heading content</a> descendants, no <a
     href="#sectioning0">sectioning content</a> descendants, no <code><a
     href="#footer">footer</a></code> element descendants, and no <code><a
@@ -9159,7 +9154,8 @@
    original single page becomes the heading of the site, repeated on every
    page.
 
-  <h3 id=prose0><span class=secno>3.9 </span>Prose</h3>
+  <h3 id=grouping><span class=secno>3.9 </span>Grouping content</h3>
+  <!-- XXX ew, find a better section name -->
 
   <h4 id=the-p><span class=secno>3.9.1 </span>The <dfn
    id=p><code>p</code></dfn> element</h4>
@@ -9167,11 +9163,11 @@
   <dl class=element>
    <dt>Categories
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dt>Contexts in which this element may be used:
 
-   <dd>Where <a href="#prose1">prose content</a> is expected.
+   <dd>Where <a href="#prose0">prose content</a> is expected.
 
    <dt>Content model:
 
@@ -9250,11 +9246,11 @@
   <dl class=element>
    <dt>Categories
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dt>Contexts in which this element may be used:
 
-   <dd>Where <a href="#prose1">prose content</a> is expected.
+   <dd>Where <a href="#prose0">prose content</a> is expected.
 
    <dt>Content model:
 
@@ -9351,17 +9347,119 @@
   content shouldn't go over the wire, though. We need to make it
   illegal while still defining what it means. Maybe. -->
 
-  <h4 id=the-dialog><span class=secno>3.9.4 </span>The <dfn
+  <h4 id=the-pre><span class=secno>3.9.4 </span>The <dfn
+   id=pre><code>pre</code></dfn> element</h4>
+
+  <dl class=element>
+   <dt>Categories
+
+   <dd><a href="#prose0">Prose content</a>.
+
+   <dt>Contexts in which this element may be used:
+
+   <dd>Where <a href="#prose0">prose content</a> is expected.
+
+   <dt>Content model:
+
+   <dd><a href="#phrasing0">Phrasing content</a>.
+
+   <dt>Element-specific attributes:
+
+   <dd>None.
+
+   <dt>DOM interface:
+
+   <dd>No difference from <code><a
+    href="#htmlelement">HTMLElement</a></code>.
+  </dl>
+
+  <p>The <code><a href="#pre">pre</a></code> element represents a block of
+   preformatted text, in which structure is represented by typographic
+   conventions rather than by elements.
+
+  <p>Some examples of cases where the <code><a href="#pre">pre</a></code>
+   element could be used:
+
+  <ul>
+   <li>Including an e-mail, with paragraphs indicated by blank lines, lists
+    indicated by lines prefixed with a bullet, and so on.
+
+   <li>Including fragments of computer code, with structure indicated
+    according to the conventions of that language.
+
+   <li>Displaying ASCII art.</li>
+   <!-- XXX need a note about non-visual UAs -->
+  </ul>
+
+  <p>To represent a block of computer code, the <code><a
+   href="#pre">pre</a></code> element can be used with a <code><a
+   href="#code">code</a></code> element; to represent a block of computer
+   output the <code><a href="#pre">pre</a></code> element can be used with a
+   <code><a href="#samp">samp</a></code> element. Similarly, the <code><a
+   href="#kbd">kbd</a></code> element can be used within a <code><a
+   href="#pre">pre</a></code> element to indicate text that the user is to
+   enter.
+
+  <div class=example>
+   <p>In the following snippet, a sample of computer code is presented.</p>
+
+   <pre><p>This is the <code>Panel</code> constructor:</p>
+<pre><code>function Panel(element, canClose, closeHandler) {
+  this.element = element;
+  this.canClose = canClose;
+  this.closeHandler = function () { if (closeHandler) closeHandler() };
+}</code></pre></pre>
+  </div>
+
+  <div class=example>
+   <p>In the following snippet, <code><a href="#samp">samp</a></code> and
+    <code><a href="#kbd">kbd</a></code> elements are mixed in the contents of
+    a <code><a href="#pre">pre</a></code> element to show a session of Zork
+    I.</p>
+
+   <pre><pre><samp>You are in an open field west of a big white house with a boarded
+front door.
+There is a small mailbox here.
+
+></samp> <kbd>open mailbox</kbd>
+
+<samp>Opening the mailbox reveals:
+A leaflet.
+
+></samp></pre></pre>
+  </div>
+
+  <div class=example>
+   <p>The following shows a contemporary poem that uses the <code><a
+    href="#pre">pre</a></code> element to preserve its unusual formatting,
+    which forms an intrinsic part of the poem itself.</p>
+
+   <pre><pre>                maxling
+
+it is with a          heart
+               heavy
+
+that i admit loss of a feline
+        so           loved
+
+a friend lost to the
+        unknown
+                                (night)
+
+~cdr 11dec07</pre></pre>
+  </div>
+
+  <h4 id=the-dialog><span class=secno>3.9.5 </span>The <dfn
    id=dialog><code>dialog</code></dfn> element</h4>
 
   <dl class=element>
    <dt>Categories
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dt>Contexts in which this element may be used:
 
-   <dd>Where <a href="#prose1">prose content</a> is expected.
+   <dd>Where <a href="#prose0">prose content</a> is expected.
 
    <dt>Content model:
 
@@ -9419,23 +9517,23 @@
    and <code><a href="#blockquote">blockquote</a></code> elements for other
    ways to cite or quote.
 
-  <h4 id=the-blockquote><span class=secno>3.9.5 </span>The <dfn
+  <h4 id=the-blockquote><span class=secno>3.9.6 </span>The <dfn
    id=blockquote><code>blockquote</code></dfn> element</h4>
 
   <dl class=element>
    <dt>Categories
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dd><a href="#sectioning1">Sectioning root</a>.
 
    <dt>Contexts in which this element may be used:
 
-   <dd>Where <a href="#prose1">prose content</a> is expected.
+   <dd>Where <a href="#prose0">prose content</a> is expected.
 
    <dt>Content model:
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dt>Element-specific attributes:
 
@@ -9486,123 +9584,17 @@
    href="#blockquote">blockquote</a></code> elements, but with the <code><a
    href="#dialog">dialog</a></code> element.
 
-  <h3 id=preformatted><span class=secno>3.10 </span>Preformatted text</h3>
-
-  <h4 id=the-pre><span class=secno>3.10.1 </span>The <dfn
-   id=pre><code>pre</code></dfn> element</h4>
-
-  <dl class=element>
-   <dt>Categories
-
-   <dd><a href="#prose1">Prose content</a>.
-
-   <dt>Contexts in which this element may be used:
-
-   <dd>Where <a href="#prose1">prose content</a> is expected.
-
-   <dt>Content model:
-
-   <dd><a href="#phrasing0">Phrasing content</a>.
-
-   <dt>Element-specific attributes:
-
-   <dd>None.
-
-   <dt>DOM interface:
-
-   <dd>No difference from <code><a
-    href="#htmlelement">HTMLElement</a></code>.
-  </dl>
-
-  <p>The <code><a href="#pre">pre</a></code> element represents a block of
-   preformatted text, in which structure is represented by typographic
-   conventions rather than by elements.
-
-  <p>Some examples of cases where the <code><a href="#pre">pre</a></code>
-   element could be used:
-
-  <ul>
-   <li>Including an e-mail, with paragraphs indicated by blank lines, lists
-    indicated by lines prefixed with a bullet, and so on.
-
-   <li>Including fragments of computer code, with structure indicated
-    according to the conventions of that language.
-
-   <li>Displaying ASCII art.</li>
-   <!-- XXX need a note about non-visual UAs -->
-  </ul>
-
-  <p>To represent a block of computer code, the <code><a
-   href="#pre">pre</a></code> element can be used with a <code><a
-   href="#code">code</a></code> element; to represent a block of computer
-   output the <code><a href="#pre">pre</a></code> element can be used with a
-   <code><a href="#samp">samp</a></code> element. Similarly, the <code><a
-   href="#kbd">kbd</a></code> element can be used within a <code><a
-   href="#pre">pre</a></code> element to indicate text that the user is to
-   enter.
-
-  <div class=example>
-   <p>In the following snippet, a sample of computer code is presented.</p>
-
-   <pre><p>This is the <code>Panel</code> constructor:</p>
-<pre><code>function Panel(element, canClose, closeHandler) {
-  this.element = element;
-  this.canClose = canClose;
-  this.closeHandler = function () { if (closeHandler) closeHandler() };
-}</code></pre></pre>
-  </div>
-
-  <div class=example>
-   <p>In the following snippet, <code><a href="#samp">samp</a></code> and
-    <code><a href="#kbd">kbd</a></code> elements are mixed in the contents of
-    a <code><a href="#pre">pre</a></code> element to show a session of Zork
-    I.</p>
-
-   <pre><pre><samp>You are in an open field west of a big white house with a boarded
-front door.
-There is a small mailbox here.
-
-></samp> <kbd>open mailbox</kbd>
-
-<samp>Opening the mailbox reveals:
-A leaflet.
-
-></samp></pre></pre>
-  </div>
-
-  <div class=example>
-   <p>The following shows a contemporary poem that uses the <code><a
-    href="#pre">pre</a></code> element to preserve its unusual formatting,
-    which forms an intrinsic part of the poem itself.</p>
-
-   <pre><pre>                maxling
-
-it is with a          heart
-               heavy
-
-that i admit loss of a feline
-        so           loved
-
-a friend lost to the
-        unknown
-                                (night)
-
-~cdr 11dec07</pre></pre>
-  </div>
-
-  <h3 id=lists0><span class=secno>3.11 </span>Lists</h3>
-
-  <h4 id=the-ol><span class=secno>3.11.1 </span>The <dfn
+  <h4 id=the-ol><span class=secno>3.9.7 </span>The <dfn
    id=ol><code>ol</code></dfn> element</h4>
 
   <dl class=element>
    <dt>Categories
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dt>Contexts in which this element may be used:
 
-   <dd>Where <a href="#prose1">prose content</a> is expected.</dd>
+   <dd>Where <a href="#prose0">prose content</a> is expected.</dd>
    <!--XXXSPAN
    <dd>As the only child of a <code>span</code> element.</dd>
 -->
@@ -9710,17 +9702,17 @@
 </ol></pre>
   </div>
 
-  <h4 id=the-ul><span class=secno>3.11.2 </span>The <dfn
+  <h4 id=the-ul><span class=secno>3.9.8 </span>The <dfn
    id=ul><code>ul</code></dfn> element</h4>
 
   <dl class=element>
    <dt>Categories
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dt>Contexts in which this element may be used:
 
-   <dd>Where <a href="#prose1">prose content</a> is expected.</dd>
+   <dd>Where <a href="#prose0">prose content</a> is expected.</dd>
    <!--XXXSPAN
    <dd>As the only child of a <code>span</code> element.</dd>
 -->
@@ -9777,7 +9769,7 @@
 </ul></pre>
   </div>
 
-  <h4 id=the-li><span class=secno>3.11.3 </span>The <dfn
+  <h4 id=the-li><span class=secno>3.9.9 </span>The <dfn
    id=li><code>li</code></dfn> element</h4>
 
   <dl class=element>
@@ -9801,7 +9793,7 @@
    <dd>When the element is a child of an <code>ol</code> or <code>ul/code> element that is itself the child of a <code>span</code> element: <span>phrasing content</span>.</dd>
 -->
 
-   <dd>Otherwise: <a href="#prose1">prose content</a>.
+   <dd>Otherwise: <a href="#prose0">prose content</a>.
 
    <dt>Element-specific attributes:
 
@@ -9891,17 +9883,17 @@
 </figure></pre>
   </div>
 
-  <h4 id=the-dl><span class=secno>3.11.4 </span>The <dfn
+  <h4 id=the-dl><span class=secno>3.9.10 </span>The <dfn
    id=dl><code>dl</code></dfn> element</h4>
 
   <dl class=element>
    <dt>Categories
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dt>Contexts in which this element may be used:
 
-   <dd>Where <a href="#prose1">prose content</a> is expected.
+   <dd>Where <a href="#prose0">prose content</a> is expected.
 
    <dt>Content model:
 
@@ -10036,7 +10028,7 @@
    speaker/line pair comes after the next). For an example of how to mark up
    dialogue, see the <code><a href="#dialog">dialog</a></code> element.
 
-  <h4 id=the-dt><span class=secno>3.11.5 </span>The <dfn
+  <h4 id=the-dt><span class=secno>3.9.11 </span>The <dfn
    id=dt><code>dt</code></dfn> element</h4>
 
   <dl class=element>
@@ -10078,7 +10070,7 @@
    that its contents are a term being defined, but this can be indicated
    using the <code><a href="#dfn">dfn</a></code> element.
 
-  <h4 id=the-dd><span class=secno>3.11.6 </span>The <dfn
+  <h4 id=the-dd><span class=secno>3.9.12 </span>The <dfn
    id=dd><code>dd</code></dfn> element</h4>
 
   <dl class=element>
@@ -10097,7 +10089,7 @@
 
    <dt>Content model:
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dt>Element-specific attributes:
 
@@ -10115,10 +10107,11 @@
    discourse, or quote, part in a conversation (<code><a
    href="#dialog">dialog</a></code> element).
 
-  <h3 id=phrase><span class=secno>3.12 </span>Phrase elements</h3>
+  <h3 id=text-level><span class=secno>3.10 </span>Text-level semantics</h3>
+  <!-- XXX ew, find a better section name -->
   <!-- XXX ruby (delayed until someone can define it with error handling rules) -->
 
-  <h4 id=the-a><span class=secno>3.12.1 </span>The <dfn
+  <h4 id=the-a><span class=secno>3.10.1 </span>The <dfn
    id=a><code>a</code></dfn> element</h4>
 
   <dl class=element>
@@ -10291,7 +10284,7 @@
    href="#reflect">reflect</a> the <code title=attr-hyperlink-rel><a
    href="#rel3">rel</a></code> content attribute.
 
-  <h4 id=the-q><span class=secno>3.12.2 </span>The <dfn
+  <h4 id=the-q><span class=secno>3.10.2 </span>The <dfn
    id=q><code>q</code></dfn> element</h4>
 
   <dl class=element>
@@ -10337,7 +10330,7 @@
    element.</p>
   <!-- XXX need examples -->
 
-  <h4 id=the-cite><span class=secno>3.12.3 </span>The <dfn
+  <h4 id=the-cite><span class=secno>3.10.3 </span>The <dfn
    id=cite2><code>cite</code></dfn> element</h4>
 
   <dl class=element>
@@ -10462,7 +10455,7 @@
   ...</pre>
   </div>
 
-  <h4 id=the-em><span class=secno>3.12.4 </span>The <dfn
+  <h4 id=the-em><span class=secno>3.10.4 </span>The <dfn
    id=em><code>em</code></dfn> element</h4>
 
   <dl class=element>
@@ -10542,7 +10535,7 @@
 
   -->
 
-  <h4 id=the-strong><span class=secno>3.12.5 </span>The <dfn
+  <h4 id=the-strong><span class=secno>3.10.5 </span>The <dfn
    id=strong><code>strong</code></dfn> element</h4>
 
   <dl class=element>
@@ -10591,7 +10584,7 @@
 ten meters.</strong></strong> You have been warned.</p></pre>
   </div>
 
-  <h4 id=the-small><span class=secno>3.12.6 </span>The <dfn
+  <h4 id=the-small><span class=secno>3.10.6 </span>The <dfn
    id=small><code>small</code></dfn> element</h4>
 
   <dl class=element>
@@ -10652,7 +10645,7 @@
    <pre><p><strong><small>Continued use of this service will result in a kiss.</small></strong></p></pre>
   </div>
 
-  <h4 id=the-mark><span class=secno>3.12.7 </span>The <dfn
+  <h4 id=the-mark><span class=secno>3.10.7 </span>The <dfn
    id=mark><code>mark</code></dfn> element</h4>
 
   <dl class=element>
@@ -10800,7 +10793,7 @@
 wormhole connection.</mark></p></pre>
   </div>
 
-  <h4 id=the-dfn><span class=secno>3.12.8 </span>The <dfn
+  <h4 id=the-dfn><span class=secno>3.10.8 </span>The <dfn
    id=dfn><code>dfn</code></dfn> element</h4>
 
   <dl class=element>
@@ -10918,7 +10911,7 @@
 - mpt
 -->
 
-  <h4 id=the-abbr><span class=secno>3.12.9 </span>The <dfn
+  <h4 id=the-abbr><span class=secno>3.10.9 </span>The <dfn
    id=abbr><code>abbr</code></dfn> element</h4>
 
   <dl class=element>
@@ -10982,7 +10975,7 @@
 <p>Jack used a <abbr>Zat</abbr> to make the boxes of evidence disappear.</p></pre>
   </div>
 
-  <h4 id=the-time><span class=secno>3.12.10 </span>The <dfn
+  <h4 id=the-time><span class=secno>3.10.10 </span>The <dfn
    id=time><code>time</code></dfn> element</h4>
 
   <dl class=element>
@@ -11132,7 +11125,7 @@
    for marking event dates in hCalendar markup. Thus the DOM APIs are likely
    to be used as ways to generate interactive calendar widgets or some such.
 
-  <h4 id=the-progress><span class=secno>3.12.11 </span>The <dfn
+  <h4 id=the-progress><span class=secno>3.10.11 </span>The <dfn
    id=progress><code>progress</code></dfn> element</h4>
 
   <dl class=element>
@@ -11318,7 +11311,7 @@
    attribute must return -1. Otherwise, it must return the result of dividing
    the current value by the maximum value.
 
-  <h4 id=the-meter><span class=secno>3.12.12 </span>The <dfn
+  <h4 id=the-meter><span class=secno>3.10.12 </span>The <dfn
    id=meter><code>meter</code></dfn> element</h4>
   <!-- Keep this after <progress> and NOT close to <time> -->
 
@@ -11699,7 +11692,7 @@
 should we make the contents accessible in some way, e.g. as a tooltip?
 -->
 
-  <h4 id=the-code><span class=secno>3.12.13 </span>The <dfn
+  <h4 id=the-code><span class=secno>3.10.13 </span>The <dfn
    id=code><code>code</code></dfn> element</h4>
 
   <dl class=element>
@@ -11753,7 +11746,7 @@
   <p class=note>See the <code><a href="#pre">pre</a></code> element for more
    detais.
 
-  <h4 id=the-var><span class=secno>3.12.14 </span>The <dfn
+  <h4 id=the-var><span class=secno>3.10.14 </span>The <dfn
    id=var><code>var</code></dfn> element</h4>
 
   <dl class=element>
@@ -11795,7 +11788,7 @@
 flavours of ice cream to be available for purchase!</p></pre>
   </div>
 
-  <h4 id=the-samp><span class=secno>3.12.15 </span>The <dfn
+  <h4 id=the-samp><span class=secno>3.10.15 </span>The <dfn
    id=samp><code>samp</code></dfn> element</h4>
 
   <dl class=element>
@@ -11848,7 +11841,7 @@
 <samp class="prompt">jdoe at demo:~$</samp> <samp class="cursor">_</samp></samp></pre></pre>
   </div>
 
-  <h4 id=the-kbd><span class=secno>3.12.16 </span>The <dfn
+  <h4 id=the-kbd><span class=secno>3.10.16 </span>The <dfn
    id=kbd><code>kbd</code></dfn> element</h4>
 
   <dl class=element>
@@ -11910,7 +11903,7 @@
 </p></pre>
   </div>
 
-  <h4 id=the-sub><span class=secno>3.12.17 </span>The <dfn
+  <h4 id=the-sub><span class=secno>3.10.17 </span>The <dfn
    id=sub><code>sub</code></dfn> and <dfn id=sup><code>sup</code></dfn>
    elements</h4>
 
@@ -11983,7 +11976,7 @@
    <pre>f(<var>x</var>, <var>n</var>) = log<sub>4</sub><var>x</var><sup><var>n</var></sup></pre>
   </div>
 
-  <h4 id=the-span><span class=secno>3.12.18 </span>The <dfn
+  <h4 id=the-span><span class=secno>3.10.18 </span>The <dfn
    id=span><code>span</code></dfn> element</h4>
 
   <dl class=element>
@@ -12032,7 +12025,7 @@
   </div>
 -->
 
-  <h4 id=the-i><span class=secno>3.12.19 </span>The <dfn
+  <h4 id=the-i><span class=secno>3.10.19 </span>The <dfn
    id=i><code>i</code></dfn> element</h4>
 
   <dl class=element>
@@ -12106,7 +12099,7 @@
    restyled. Thus, it is not the case that content in <code><a
    href="#i">i</a></code> elements will necessarily be italicised.
 
-  <h4 id=the-b><span class=secno>3.12.20 </span>The <dfn
+  <h4 id=the-b><span class=secno>3.10.20 </span>The <dfn
    id=b><code>b</code></dfn> element</h4>
 
   <dl class=element>
@@ -12194,7 +12187,7 @@
    restyled. Thus, it is not the case that content in <code><a
    href="#b">b</a></code> elements will necessarily be boldened.
 
-  <h4 id=the-bdo><span class=secno>3.12.21 </span>The <dfn
+  <h4 id=the-bdo><span class=secno>3.10.21 </span>The <dfn
    id=bdo><code>bdo</code></dfn> element</h4>
 
   <dl class=element>
@@ -12251,14 +12244,14 @@
    <a href="#refsCSS21">[CSS21]</a></p>
   <!-- XXX need examples -->
 
-  <h4 id=usage><span class=secno>3.12.22 </span>Usage summary</h4>
+  <h4 id=usage><span class=secno>3.10.22 </span>Usage summary</h4>
 
   <p class=big-issue>We need to summarise the various elements, in particular
    to distinguish b/i/em/strong/var/q/mark/cite.</p>
   <!-- XXX when you do this, also reorder the elements in this section
   to bring the related ones closer together. -->
 
-  <h3 id=edits><span class=secno>3.13 </span>Edits</h3>
+  <h3 id=edits><span class=secno>3.11 </span>Edits</h3>
 
   <p>The <code><a href="#ins">ins</a></code> and <code><a
    href="#del">del</a></code> elements represent edits to the document.
@@ -12328,7 +12321,7 @@
     title=paragraph>implied paragraphs</a>.</p>
   </div>
 
-  <h4 id=the-ins><span class=secno>3.13.1 </span>The <dfn
+  <h4 id=the-ins><span class=secno>3.11.1 </span>The <dfn
    id=ins><code>ins</code></dfn> element</h4>
 
   <dl class=element>
@@ -12337,14 +12330,14 @@
    <dd>When the element only contains <a href="#phrasing0">phrasing
     content</a>: <a href="#phrasing0">phrasing content</a>.
 
-   <dd>Otherwise: <a href="#prose1">prose content</a>.
+   <dd>Otherwise: <a href="#prose0">prose content</a>.
 
    <dt>Contexts in which this element may be used:
 
    <dd>When the element only contains <a href="#phrasing0">phrasing
     content</a>: where <a href="#phrasing0">phrasing content</a> is expected.
 
-   <dd>Otherwise: where <a href="#prose1">prose content</a> is expected.
+   <dd>Otherwise: where <a href="#prose0">prose content</a> is expected.
 
    <dt>Content model:
 
@@ -12426,7 +12419,7 @@
    something. Can you guess what? -->
    </div>
 
-  <h4 id=the-del><span class=secno>3.13.2 </span>The <dfn
+  <h4 id=the-del><span class=secno>3.11.2 </span>The <dfn
    id=del><code>del</code></dfn> element</h4>
 
   <dl class=element>
@@ -12435,14 +12428,14 @@
    <dd>When the element only contains <a href="#phrasing0">phrasing
     content</a>: <a href="#phrasing0">phrasing content</a>.
 
-   <dd>Otherwise: <a href="#prose1">prose content</a>.
+   <dd>Otherwise: <a href="#prose0">prose content</a>.
 
    <dt>Contexts in which this element may be used:
 
    <dd>When the element only contains <a href="#phrasing0">phrasing
     content</a>: where <a href="#phrasing0">phrasing content</a> is expected.
 
-   <dd>Otherwise: where <a href="#prose1">prose content</a> is expected.
+   <dd>Otherwise: where <a href="#prose0">prose content</a> is expected.
 
    <dt>Content model:
 
@@ -12466,7 +12459,7 @@
   <p><code><a href="#del">del</a></code> elements should not cross <a
    href="#paragraph" title=paragraph>implied paragraph</a> boundaries.
 
-  <h4 id=attributes><span class=secno>3.13.3 </span>Attributes common to
+  <h4 id=attributes><span class=secno>3.11.3 </span>Attributes common to
    <code><a href="#ins">ins</a></code> and <code><a
    href="#del">del</a></code> elements</h4>
 
@@ -12514,31 +12507,31 @@
    title=dom-mod-datetime><code>dateTime</code></dfn> DOM attribute must
    reflect the element's <code title="">datetime</code> content attribute.
 
-  <h3 id=embedded0><span class=secno>3.14 </span>Embedded content</h3>
+  <h3 id=embedded0><span class=secno>3.12 </span>Embedded content</h3>
 
-  <h4 id=the-figure><span class=secno>3.14.1 </span>The <dfn
+  <h4 id=the-figure><span class=secno>3.12.1 </span>The <dfn
    id=figure><code>figure</code></dfn> element</h4>
 
   <dl class=element>
    <dt>Categories
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dd><a href="#sectioning1">Sectioning root</a>.
 
    <dt>Contexts in which this element may be used:
 
-   <dd>Where <a href="#prose1">prose content</a> is expected.
+   <dd>Where <a href="#prose0">prose content</a> is expected.
 
    <dt>Content model:
 
    <dd>Either: one <code><a href="#legend">legend</a></code> element followed
-    by <a href="#prose1">prose content</a>.
+    by <a href="#prose0">prose content</a>.
 
-   <dd>Or: <a href="#prose1">Prose content</a> followed by one <code><a
+   <dd>Or: <a href="#prose0">Prose content</a> followed by one <code><a
     href="#legend">legend</a></code> element.
 
-   <dd>Or: <a href="#prose1">Prose content</a>.
+   <dd>Or: <a href="#prose0">Prose content</a>.
 
    <dt>Element-specific attributes:
 
@@ -12551,7 +12544,7 @@
   </dl>
 
   <p>The <code><a href="#figure">figure</a></code> element represents some <a
-   href="#prose1">prose content</a>, optionally with a caption, which can be
+   href="#prose0">prose content</a>, optionally with a caption, which can be
    moved away from the main flow of the document without affecting the
    document's meaning.
 
@@ -12655,7 +12648,7 @@
 </figure></pre>
   </div>
 
-  <h4 id=the-img><span class=secno>3.14.2 </span>The <dfn
+  <h4 id=the-img><span class=secno>3.12.2 </span>The <dfn
    id=img><code>img</code></dfn> element</h4>
 
   <dl class=element>
@@ -13196,7 +13189,7 @@
    href="#complete">complete</a></code> can change while a script is
    executing.
 
-  <h4 id=the-iframe><span class=secno>3.14.3 </span>The <dfn
+  <h4 id=the-iframe><span class=secno>3.12.3 </span>The <dfn
    id=iframe><code>iframe</code></dfn> element</h4>
 
   <dl class=element>
@@ -13306,7 +13299,7 @@
    title=dom-iframe-src><code>src</code></dfn> must <a
    href="#reflect">reflect</a> the content attribute of the same name.
 
-  <h4 id=the-embed><span class=secno>3.14.4 </span>The <dfn
+  <h4 id=the-embed><span class=secno>3.12.4 </span>The <dfn
    id=embed><code>embed</code></dfn> element</h4>
 
   <dl class=element>
@@ -13436,7 +13429,7 @@
    href="#reflect">reflect</a> the respective content attributes of the same
    name.
 
-  <h4 id=the-object><span class=secno>3.14.5 </span>The <dfn
+  <h4 id=the-object><span class=secno>3.12.5 </span>The <dfn
    id=object><code>object</code></dfn> element</h4>
 
   <dl class=element>
@@ -13705,7 +13698,7 @@
    href="#reflect">reflect</a> the respective content attributes of the same
    name.
 
-  <h4 id=the-param><span class=secno>3.14.6 </span>The <dfn
+  <h4 id=the-param><span class=secno>3.12.6 </span>The <dfn
    id=param><code>param</code></dfn> element</h4>
 
   <dl class=element>
@@ -13716,7 +13709,7 @@
    <dt>Contexts in which this element may be used:
 
    <dd>As a child of an <code><a href="#object">object</a></code> element,
-    before any <a href="#prose1">prose content</a>.
+    before any <a href="#prose0">prose content</a>.
 
    <dt>Content model:
 
@@ -13762,7 +13755,7 @@
    href="#reflect">reflect</a> the respective content attributes of the same
    name.
 
-  <h4 id=video><span class=secno>3.14.7 </span>The <dfn
+  <h4 id=video><span class=secno>3.12.7 </span>The <dfn
    id=video1><code>video</code></dfn> element</h4>
 
   <dl class=element>
@@ -13971,7 +13964,7 @@
    interface features may be provided to easily allow the user to obtain a
    full-screen playback mode.
 
-  <h5 id=video0><span class=secno>3.14.7.1. </span>Video and audio codecs for
+  <h5 id=video0><span class=secno>3.12.7.1. </span>Video and audio codecs for
    <code><a href="#video1">video</a></code> elements</h5>
 
   <p>User agents may support any video and audio codecs and container
@@ -13991,7 +13984,7 @@
   <p class=note>Certain user agents might support no codecs at all, e.g. text
    browsers running over SSH connections.
 
-  <h4 id=audio><span class=secno>3.14.8 </span>The <dfn
+  <h4 id=audio><span class=secno>3.12.8 </span>The <dfn
    id=audio1><code>audio</code></dfn> element</h4>
 
   <dl class=element>
@@ -14087,7 +14080,7 @@
    href="#actively">actively playing</a>, audio must not play for the
    element.
 
-  <h5 id=audio0><span class=secno>3.14.8.1. </span>Audio codecs for <code><a
+  <h5 id=audio0><span class=secno>3.12.8.1. </span>Audio codecs for <code><a
    href="#audio1">audio</a></code> elements</h5>
 
   <p>User agents may support any audio codecs and container formats.
@@ -14097,7 +14090,7 @@
   <!-- XXX mention that this spec doesn't require native support or
   plugin support, either is fine -->
 
-  <h4 id=media><span class=secno>3.14.9 </span>Media elements</h4>
+  <h4 id=media><span class=secno>3.12.9 </span>Media elements</h4>
 
   <p><dfn id=media5 title="media element">Media elements</dfn> implement the
    following interface:
@@ -14210,7 +14203,7 @@
    resource</dfn> is used to refer to the complete set of media data, e.g.
    the complete video file, or complete audio file.
 
-  <h5 id=error><span class=secno>3.14.9.1. </span>Error codes</h5>
+  <h5 id=error><span class=secno>3.12.9.1. </span>Error codes</h5>
 
   <p>All <a href="#media5" title="media element">media elements</a> have an
    associated error status, which records the last error the element
@@ -14254,7 +14247,7 @@
     href="#media8">media resource</a>.
   </dl>
 
-  <h5 id=location><span class=secno>3.14.9.2. </span>Location of the media
+  <h5 id=location><span class=secno>3.12.9.2. </span>Location of the media
    resource</h5>
 
   <p>The <dfn id=src5 title=attr-media-src><code>src</code></dfn> content
@@ -14362,7 +14355,7 @@
    href="#empty" title=dom-media-EMPTY>EMPTY</a>, and the absolute URL of the
    <a href="#chosen">chosen media resource</a> otherwise.
 
-  <h5 id=network0><span class=secno>3.14.9.3. </span>Network states</h5>
+  <h5 id=network0><span class=secno>3.12.9.3. </span>Network states</h5>
 
   <p>As <a href="#media5" title="media element">media elements</a> interact
    with the network, they go through several states. The <dfn id=networkstate
@@ -14416,7 +14409,7 @@
    the <code title=dom-media-networkState><a
    href="#networkstate">networkState</a></code> attribute changes value.
 
-  <h5 id=loading><span class=secno>3.14.9.4. </span>Loading the media
+  <h5 id=loading><span class=secno>3.12.9.4. </span>Loading the media
    resource</h5>
 
   <p>All <a href="#media5" title="media element">media elements</a> have a
@@ -14827,7 +14820,7 @@
    point, but if, e.g. the user agent uses HTTP range requests in response to
    seeking, then there could be multiple ranges.
 
-  <h5 id=offsets><span class=secno>3.14.9.5. </span>Offsets into the media
+  <h5 id=offsets><span class=secno>3.12.9.5. </span>Offsets into the media
    resource</h5>
 
   <p>The <dfn id=duration
@@ -15026,7 +15019,7 @@
      end.
   </ol>
 
-  <h5 id=the-ready><span class=secno>3.14.9.6. </span>The ready states</h5>
+  <h5 id=the-ready><span class=secno>3.12.9.6. </span>The ready states</h5>
 
   <p><a href="#media5" title="media element">Media elements</a> have a
    <em>ready state</em>, which describes to what degree they are ready to be
@@ -15189,7 +15182,7 @@
    title=dom-media-autoplay><code>autoplay</code></dfn> DOM attribute must <a
    href="#reflect">reflect</a> the content attribute of the same name.
 
-  <h5 id=playing><span class=secno>3.14.9.7. </span>Playing the media
+  <h5 id=playing><span class=secno>3.12.9.7. </span>Playing the media
    resource</h5>
 
   <p>The <dfn id=paused title=dom-media-paused><code>paused</code></dfn>
@@ -15483,7 +15476,7 @@
    href="#media8">media resource</a>, if any, that the user agent has so far
    rendered, at the time the attribute is evaluated.
 
-  <h5 id=seeking><span class=secno>3.14.9.8. </span>Seeking</h5>
+  <h5 id=seeking><span class=secno>3.12.9.8. </span>Seeking</h5>
 
   <p>The <dfn id=seeking0 title=dom-media-seeking><code>seeking</code></dfn>
    attribute must initially have the value false.
@@ -15576,7 +15569,7 @@
    href="#duration">duration</a></code> attribute's value (which would equal
    the time of the last frame).
 
-  <h5 id=cue-ranges><span class=secno>3.14.9.9. </span>Cue ranges</h5>
+  <h5 id=cue-ranges><span class=secno>3.12.9.9. </span>Cue ranges</h5>
 
   <p><a href="#media5" title="media element">Media elements</a> have a set of
    <dfn id=cue-ranges0 title="cue range">cue ranges</dfn>. Each cue range is
@@ -15747,7 +15740,7 @@
   XXX if you change this make sure to also look up the other mentions
   of handleEvent() in this file -->
 
-  <h5 id=user-interface><span class=secno>3.14.9.10. </span>User interface</h5>
+  <h5 id=user-interface><span class=secno>3.12.9.10. </span>User interface</h5>
 
   <p>The <dfn id=controls
    title=attr-media-controls><code>controls</code></dfn> attribute is a <a
@@ -15812,7 +15805,7 @@
    title=event-volumechange><a href="#volumechange">volumechange</a></code>
    at the <a href="#media5">media element</a>.
 
-  <h5 id=time-range><span class=secno>3.14.9.11. </span>Time range</h5>
+  <h5 id=time-range><span class=secno>3.12.9.11. </span>Time range</h5>
 
   <p>Objects implementing the <code><a
    href="#timeranges">TimeRanges</a></code> interface represent a list of
@@ -15863,7 +15856,7 @@
    of <a href="#media5" title="media element">media elements</a> must be the
    same as that element's <a href="#media8">media resource</a>'s timeline.
 
-  <h5 id=mediaevents><span class=secno>3.14.9.12. </span>Event summary</h5>
+  <h5 id=mediaevents><span class=secno>3.12.9.12. </span>Event summary</h5>
 
   <p>The following events fire on <a href="#media5" title="media
    element">media elements</a> as part of the processing model described
@@ -16186,7 +16179,7 @@
      <td>
   </table>
 
-  <h5 id=security0><span class=secno>3.14.9.13. </span>Security and privacy
+  <h5 id=security0><span class=secno>3.12.9.13. </span>Security and privacy
    considerations</h5>
 
   <p class=big-issue>Talk about making sure interactive media files (e.g.
@@ -16194,7 +16187,7 @@
    not exposing any sensitive data like metadata from tracks in the media
    files (intranet snooping risk)
 
-  <h4 id=the-source><span class=secno>3.14.10 </span>The <dfn
+  <h4 id=the-source><span class=secno>3.12.10 </span>The <dfn
    id=source><code>source</code></dfn> element</h4>
 
   <dl class=element>
@@ -16205,7 +16198,7 @@
    <dt>Contexts in which this element may be used:
 
    <dd>As a child of a <a href="#media5">media element</a>, before any <a
-    href="#prose1">prose content</a>.
+    href="#prose0">prose content</a>.
 
    <dt>Content model:
 
@@ -16397,7 +16390,7 @@
    href="#reflect">reflect</a> the respective content attributes of the same
    name.
 
-  <h4 id=the-canvas><span class=secno>3.14.11 </span>The <dfn
+  <h4 id=the-canvas><span class=secno>3.12.11 </span>The <dfn
    id=canvas><code>canvas</code></dfn> element</h4>
 
   <dl class=element>
@@ -16605,7 +16598,7 @@
    href="#todataurl">toDataURL()</a></code> to allow authors to more
    carefully control compression settings, image metadata, etc.
 
-  <h5 id=the-2d><span class=secno>3.14.11.1. </span>The 2D context</h5>
+  <h5 id=the-2d><span class=secno>3.12.11.1. </span>The 2D context</h5>
 
   <p>When the <code title=dom-canvas-getContext><a
    href="#getcontext">getContext()</a></code> method of a <code><a
@@ -16746,7 +16739,7 @@
    > exceptions when passing in non-finite arguments.
   -->
 
-  <h6 id=the-canvas0><span class=secno>3.14.11.1.1. </span>The canvas state</h6>
+  <h6 id=the-canvas0><span class=secno>3.12.11.1.1. </span>The canvas state</h6>
 
   <p>Each context maintains a stack of drawing states. <dfn id=drawing0
    title="drawing state">Drawing states</dfn> consist of:
@@ -16814,7 +16807,7 @@
 > But how would it interact with normal calls to ctx.restore()?
   -->
 
-  <h6 id=transformations><span class=secno>3.14.11.1.2. </span><dfn
+  <h6 id=transformations><span class=secno>3.12.11.1.2. </span><dfn
    id=transformations0
    title=dom-context-2d-transformation>Transformations</dfn></h6>
 
@@ -16897,7 +16890,7 @@
    title="">dx</var>, <var title="">dy</var>)</code> method with the same
    arguments.
 
-  <h6 id=compositing><span class=secno>3.14.11.1.3. </span>Compositing</h6>
+  <h6 id=compositing><span class=secno>3.12.11.1.3. </span>Compositing</h6>
 
   <p>All drawing operations are affected by the global compositing
    attributes, <code title=dom-context-2d-globalAlpha><a
@@ -17037,7 +17030,7 @@
    href="#globalcompositeoperation">globalCompositeOperation</a></code>
    attribute must initially have the value <code>source-over</code>.
 
-  <h6 id=colors><span class=secno>3.14.11.1.4. </span>Colors and styles</h6>
+  <h6 id=colors><span class=secno>3.12.11.1.4. </span>Colors and styles</h6>
 
   <p>The <dfn id=strokestyle
    title=dom-context-2d-strokeStyle><code>strokeStyle</code></dfn> attribute
@@ -17317,7 +17310,7 @@
       canvas then using that canvas as the pattern.
   -->
 
-  <h6 id=line-styles><span class=secno>3.14.11.1.5. </span>Line styles</h6>
+  <h6 id=line-styles><span class=secno>3.12.11.1.5. </span>Line styles</h6>
 
   <p>The <dfn id=linewidth
    title=dom-context-2d-lineWidth><code>lineWidth</code></dfn> attribute
@@ -17432,7 +17425,7 @@
 > allowing whatever behaviour the graphics library has.)
   -->
 
-  <h6 id=shadows><span class=secno>3.14.11.1.6. </span><dfn
+  <h6 id=shadows><span class=secno>3.12.11.1.6. </span><dfn
    id=shadows0>Shadows</dfn></h6>
 
   <p>All drawing operations are affected by the four global shadow
@@ -17551,7 +17544,7 @@
      part of the drawing model described below.</p>
   </ol>
 
-  <h6 id=simple><span class=secno>3.14.11.1.7. </span>Simple shapes
+  <h6 id=simple><span class=secno>3.12.11.1.7. </span>Simple shapes
    (rectangles)</h6>
 
   <p>There are three methods that immediately draw rectangles to the bitmap.
@@ -17612,7 +17605,7 @@
    will draw a line instead (the path for the outline is just a straight line
    along the non-zero dimension).
 
-  <h6 id=complex><span class=secno>3.14.11.1.8. </span>Complex shapes (paths)</h6>
+  <h6 id=complex><span class=secno>3.12.11.1.8. </span>Complex shapes (paths)</h6>
 
   <p>The context always has a current path. There is only one current path,
    it is not part of the <span title=dom-context-2d->drawing state</span>.
@@ -17861,7 +17854,7 @@
    If either of the arguments is infinite or NaN, then the method must return
    false.
 
-  <h6 id=images><span class=secno>3.14.11.1.9. </span>Images</h6>
+  <h6 id=images><span class=secno>3.12.11.1.9. </span>Images</h6>
 
   <p>To draw images onto the canvas, the <dfn id=drawimage
    title=dom-context-2d-drawImage><code>drawImage</code></dfn> method can be
@@ -17964,7 +17957,7 @@
   of the target element, not the rendered image (e.g. height/width
   attributes don't affect it -->
 
-  <h6 id=pixel><span class=secno>3.14.11.1.10. </span><dfn id=pixel0>Pixel
+  <h6 id=pixel><span class=secno>3.12.11.1.10. </span><dfn id=pixel0>Pixel
    manipulation</dfn></h6>
   <!--
   <span>ImageData</span> <span title="dom-context-2d-createImageData">createImageData</span>(in float sw, in float sh);
@@ -18273,7 +18266,7 @@
 </html></pre>
   </div>
 
-  <h6 id=drawing><span class=secno>3.14.11.1.11. </span>Drawing model</h6>
+  <h6 id=drawing><span class=secno>3.12.11.1.11. </span>Drawing model</h6>
 
   <p>When a shape or image is painted, user agents must follow these steps,
    in the order given (or act as if they do):
@@ -18319,7 +18312,7 @@
   <p class="big-issue">Well, one day.</p>
 -->
 
-  <h5 id=color><span class=secno>3.14.11.2. </span>Color spaces and color
+  <h5 id=color><span class=secno>3.12.11.2. </span>Color spaces and color
    correction</h5>
 
   <p>The <code><a href="#canvas">canvas</a></code> APIs must perform colour
@@ -18363,7 +18356,7 @@
    href="#todataurl">toDataURL()</a></code> method to the canvas, given the
    appropriate dimensions, has no visible effect.
 
-  <h5 id=security1><span class=secno>3.14.11.3. </span>Security with <code><a
+  <h5 id=security1><span class=secno>3.12.11.3. </span>Security with <code><a
    href="#canvas">canvas</a></code> elements</h5>
 
   <p><strong>Information leakage</strong> can occur if scripts from one
@@ -18437,21 +18430,21 @@
    <i>origin-clean</i> flag is set to false is called, the method must
    immediately raise a security exception.
 
-  <h4 id=the-map><span class=secno>3.14.12 </span>The <dfn
+  <h4 id=the-map><span class=secno>3.12.12 </span>The <dfn
    id=map><code>map</code></dfn> element</h4>
 
   <dl class=element>
    <dt>Categories
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dt>Contexts in which this element may be used:
 
-   <dd>Where <a href="#prose1">prose content</a> is expected.
+   <dd>Where <a href="#prose0">prose content</a> is expected.
 
    <dt>Content model:
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dt>Element-specific attributes:
 
@@ -18488,7 +18481,7 @@
    elements that are associated with this <code><a href="#map">map</a></code>
    element according to the <a href="#image">image map</a> processing model.
 
-  <h4 id=the-area><span class=secno>3.14.13 </span>The <dfn
+  <h4 id=the-area><span class=secno>3.12.13 </span>The <dfn
    id=area><code>area</code></dfn> element</h4>
 
   <dl class=element>
@@ -18742,7 +18735,7 @@
    href="#reflect">reflect</a> the <code title=attr-hyperlink-rel><a
    href="#rel3">rel</a></code> content attribute.
 
-  <h4 id=image-maps><span class=secno>3.14.14 </span>Image maps</h4>
+  <h4 id=image-maps><span class=secno>3.12.14 </span>Image maps</h4>
   <!-- TESTS
   http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20html%3E%0A%3Cimg%20src%3D%22http%3A//hixie.ch/resources/images/smallcats%22%20usemap%3D%23a%20onclick%3Dw%28%27img%27%29%3E%0A%3Cmap%20name%3Da%3E%0A%20%3Carea%20onclick%3Dw%28%271%27%29%20coords%3D%270%25%200%25%20100%25%20100%25%27%20href%3Djavascript%3A%3E%0A%3C/map%3E
   http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20html%3E%0A%3Cbody%20onfocus%3D%22w%28document.activeElement.tagName%29%22%3E%0A%3Cimg%20src%3D%22http%3A//hixie.ch/resources/images/smallcats%22%20usemap%3D%23a%20onclick%3Dw%28%27img%27%29%20onfocus%3D%22w%28document.activeElement.tagName%29%22%3E%0A%3Cimg%20src%3D%22http%3A//hixie.ch/resources/images/sample%22%20usemap%3D%23a%20onclick%3Dw%28%27img%27%29%20onfocus%3D%22w%28document.activeElement.tagName%29%22%3E%0A%3Cmap%20name%3Da%20onfocus%3D%22w%28document.activeElement.tagName%29%22%3E%0A%20%3Carea%20onclick%3Dw%28%271%27%29%20coords%3D%270%200%2050%2050%27%20href%3Djavascript%3A%20onfocus%3D%22w%28document.activeElement.tagName%29%22%3E%0A%3C/map%3E%0A%3Cscript%3E%0A%20var%20x%20%3D%20document.getElementsByTagName%28%27img%27%29%5B0%5D%3B%0A%20x.parentNode.appendChild%28x%29%3B%0A%20document.getElementsByTagName%28%27area%27%29%5B0%5D.focus%28%29%3B%0A%3C/script%3E
@@ -19038,7 +19031,7 @@
    then the user agent must act as if it had rerun the algorithms for image
    maps.
 
-  <h4 id=dimension><span class=secno>3.14.15 </span><dfn
+  <h4 id=dimension><span class=secno>3.12.15 </span><dfn
    id=dimension0>Dimension attributes</dfn></h4>
 
   <p>The <dfn id=width3 title=attr-dim-width><code>width</code></dfn> and
@@ -19077,19 +19070,19 @@
    href="#video1">video</a></code> elements must reflect the content
    attributes of the same name.
 
-  <h3 id=tabular><span class=secno>3.15 </span>Tabular data</h3>
+  <h3 id=tabular><span class=secno>3.13 </span>Tabular data</h3>
 
-  <h4 id=the-table><span class=secno>3.15.1 </span>The <dfn
+  <h4 id=the-table><span class=secno>3.13.1 </span>The <dfn
    id=table><code>table</code></dfn> element</h4>
 
   <dl class=element>
    <dt>Categories
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dt>Contexts in which this element may be used:
 
-   <dd>Where <a href="#prose1">prose content</a> is expected.
+   <dd>Where <a href="#prose0">prose content</a> is expected.
 
    <dt>Content model:
 
@@ -19349,7 +19342,7 @@
    href="#rows">rows</a></code> collection, the method must instead raise an
    <code>INDEX_SIZE_ERR</code> exception.
 
-  <h4 id=the-caption><span class=secno>3.15.2 </span>The <dfn
+  <h4 id=the-caption><span class=secno>3.13.2 </span>The <dfn
    id=caption0><code>caption</code></dfn> element</h4>
 
   <dl class=element>
@@ -19384,7 +19377,7 @@
   <p>The <code><a href="#caption0">caption</a></code> element takes part in
    the <a href="#table0">table model</a>.
 
-  <h4 id=the-colgroup><span class=secno>3.15.3 </span>The <dfn
+  <h4 id=the-colgroup><span class=secno>3.13.3 </span>The <dfn
    id=colgroup><code>colgroup</code></dfn> element</h4>
 
   <dl class=element>
@@ -19441,7 +19434,7 @@
    same name, with the exception that on setting, if the new value is 0, then
    an <code>INDEX_SIZE_ERR</code> exception must be raised.
 
-  <h4 id=the-col><span class=secno>3.15.4 </span>The <dfn
+  <h4 id=the-col><span class=secno>3.13.4 </span>The <dfn
    id=col><code>col</code></dfn> element</h4>
 
   <dl class=element>
@@ -19497,7 +19490,7 @@
    same name, with the exception that on setting, if the new value is 0, then
    an <code>INDEX_SIZE_ERR</code> exception must be raised.
 
-  <h4 id=the-tbody><span class=secno>3.15.5 </span>The <dfn
+  <h4 id=the-tbody><span class=secno>3.13.5 </span>The <dfn
    id=tbody><code>tbody</code></dfn> element</h4>
 
   <dl class=element>
@@ -19584,7 +19577,7 @@
    href="#rows0">rows</a></code> collection, the method must instead raise an
    <code>INDEX_SIZE_ERR</code> exception.
 
-  <h4 id=the-thead><span class=secno>3.15.6 </span>The <dfn
+  <h4 id=the-thead><span class=secno>3.13.6 </span>The <dfn
    id=thead0><code>thead</code></dfn> element</h4>
 
   <dl class=element>
@@ -19627,7 +19620,7 @@
   <p>The <code><a href="#thead0">thead</a></code> element takes part in the
    <a href="#table0">table model</a>.
 
-  <h4 id=the-tfoot><span class=secno>3.15.7 </span>The <dfn
+  <h4 id=the-tfoot><span class=secno>3.13.7 </span>The <dfn
    id=tfoot0><code>tfoot</code></dfn> element</h4>
 
   <dl class=element>
@@ -19679,7 +19672,7 @@
   <p>The <code><a href="#tfoot0">tfoot</a></code> element takes part in the
    <a href="#table0">table model</a>.
 
-  <h4 id=the-tr><span class=secno>3.15.8 </span>The <dfn
+  <h4 id=the-tr><span class=secno>3.13.8 </span>The <dfn
    id=tr><code>tr</code></dfn> element</h4>
 
   <dl class=element>
@@ -19795,7 +19788,7 @@
    href="#cells">cells</a></code> collection, the method must instead raise
    an <code>INDEX_SIZE_ERR</code> exception.
 
-  <h4 id=the-td><span class=secno>3.15.9 </span>The <dfn
+  <h4 id=the-td><span class=secno>3.13.9 </span>The <dfn
    id=td><code>td</code></dfn> element</h4>
 
   <dl class=element>
@@ -19809,7 +19802,7 @@
 
    <dt>Content model:
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dt>Element-specific attributes:
 
@@ -19872,7 +19865,7 @@
    is more powerful than <code title="">scope=""</code>, should be included.
    This has not yet been considered.
 
-  <h4 id=the-th><span class=secno>3.15.10 </span>The <dfn
+  <h4 id=the-th><span class=secno>3.13.10 </span>The <dfn
    id=th><code>th</code></dfn> element</h4>
 
   <dl class=element>
@@ -19987,7 +19980,7 @@
    therefore also has the DOM attributes defined above in the <code><a
    href="#td">td</a></code> section.
 
-  <h4 id=processing><span class=secno>3.15.11 </span>Processing model</h4>
+  <h4 id=processing><span class=secno>3.13.11 </span>Processing model</h4>
 
   <p>The various table elements and their content attributes together define
    the <dfn id=table0>table model</dfn>.
@@ -20090,7 +20083,7 @@
    represented by <code><a href="#table">table</a></code> elements and their
    descendants. Documents must not have table model errors.
 
-  <h5 id=forming><span class=secno>3.15.11.1. </span>Forming a table</h5>
+  <h5 id=forming><span class=secno>3.13.11.1. </span>Forming a table</h5>
 
   <p>To determine which elements correspond to which slots in a <a
    href="#table1" title=concept-table>table</a> associated with a <code><a
@@ -20576,7 +20569,7 @@
    title=concept-cell>cell</a> anchored to them, then this is a <a
    href="#table2">table model error</a>.
 
-  <h5 id=header-and-data-cell-semantics><span class=secno>3.15.11.2.
+  <h5 id=header-and-data-cell-semantics><span class=secno>3.13.11.2.
    </span>Forming relationships between data cells and header cells</h5>
 
   <p>Each data cell can be assigned zero or more header cells. The <dfn
@@ -20698,7 +20691,7 @@
     </dl>
   </ol>
 
-  <h3 id=forms><span class=secno>3.16 </span>Forms</h3>
+  <h3 id=forms><span class=secno>3.14 </span>Forms</h3>
   <!-- XXX everything in WF2 -->
 
   <p class=big-issue>This section will contain definitions of the
@@ -20709,54 +20702,54 @@
   <!-- From HTML4: BUTTON FIELDSET FORM INPUT LABEL OPTGROUP OPTION
   SELECT TEXTAREA -->
 
-  <h4 id=the-form><span class=secno>3.16.1 </span>The <code>form</code>
+  <h4 id=the-form><span class=secno>3.14.1 </span>The <code>form</code>
    element</h4>
 
-  <h4 id=the-fieldset><span class=secno>3.16.2 </span>The
+  <h4 id=the-fieldset><span class=secno>3.14.2 </span>The
    <code>fieldset</code> element</h4>
 
-  <h4 id=the-input><span class=secno>3.16.3 </span>The <code>input</code>
+  <h4 id=the-input><span class=secno>3.14.3 </span>The <code>input</code>
    element</h4>
 
-  <h4 id=the-button><span class=secno>3.16.4 </span>The <code>button</code>
+  <h4 id=the-button><span class=secno>3.14.4 </span>The <code>button</code>
    element</h4>
 
-  <h4 id=the-label><span class=secno>3.16.5 </span>The <code>label</code>
+  <h4 id=the-label><span class=secno>3.14.5 </span>The <code>label</code>
    element</h4>
 
-  <h4 id=the-select><span class=secno>3.16.6 </span>The <code>select</code>
+  <h4 id=the-select><span class=secno>3.14.6 </span>The <code>select</code>
    element</h4>
 
-  <h4 id=the-datalist><span class=secno>3.16.7 </span>The
+  <h4 id=the-datalist><span class=secno>3.14.7 </span>The
    <code>datalist</code> element</h4>
 
-  <h4 id=the-optgroup><span class=secno>3.16.8 </span>The
+  <h4 id=the-optgroup><span class=secno>3.14.8 </span>The
    <code>optgroup</code> element</h4>
 
-  <h4 id=the-option><span class=secno>3.16.9 </span>The <code>option</code>
+  <h4 id=the-option><span class=secno>3.14.9 </span>The <code>option</code>
    element</h4>
 
-  <h4 id=the-textarea><span class=secno>3.16.10 </span>The
+  <h4 id=the-textarea><span class=secno>3.14.10 </span>The
    <code>textarea</code> element</h4>
 
-  <h4 id=the-output><span class=secno>3.16.11 </span>The <code>output</code>
+  <h4 id=the-output><span class=secno>3.14.11 </span>The <code>output</code>
    element</h4>
 
-  <h4 id=processing0><span class=secno>3.16.12 </span>Processing model</h4>
+  <h4 id=processing0><span class=secno>3.14.12 </span>Processing model</h4>
 
   <p class=big-issue>See <a
    href="http://www.whatwg.org/specs/web-forms/current-work/#extend-form-controls">WF2</a>
    for now
 
-  <h5 id=form-submission><span class=secno>3.16.12.1. </span>Form submission</h5>
+  <h5 id=form-submission><span class=secno>3.14.12.1. </span>Form submission</h5>
 
   <p class=big-issue>See <a
    href="http://www.whatwg.org/specs/web-forms/current-work/#form-submission">WF2</a>
    for now
 
-  <h3 id=scripting0><span class=secno>3.17 </span>Scripting</h3>
+  <h3 id=scripting0><span class=secno>3.15 </span>Scripting</h3>
 
-  <h4 id=script><span class=secno>3.17.1 </span>The <dfn
+  <h4 id=script><span class=secno>3.15.1 </span>The <dfn
    id=script0><code>script</code></dfn> element</h4>
 
   <dl class=element>
@@ -21148,7 +21141,7 @@
    way as the <code><a href="#textcontent">textContent</a></code> DOM
    attribute.
 
-  <h5 id=scriptingLanguages><span class=secno>3.17.1.1. </span>Scripting
+  <h5 id=scriptingLanguages><span class=secno>3.15.1.1. </span>Scripting
    languages</h5>
 
   <p>A user agent is said to <dfn id=support>support the scripting
@@ -21179,7 +21172,7 @@
    XXX we should reference #refsRFC4329 http://www.ietf.org/rfc/rfc4329
   -->
 
-  <h4 id=the-noscript><span class=secno>3.17.2 </span>The <dfn
+  <h4 id=the-noscript><span class=secno>3.15.2 </span>The <dfn
    id=noscript><code>noscript</code></dfn> element</h4>
 
   <dl class=element>
@@ -21323,7 +21316,7 @@
    XML the parser is not affected by such state, and thus the element would
    not have the desired effect.
 
-  <h4 id=the-event-source><span class=secno>3.17.3 </span>The <dfn
+  <h4 id=the-event-source><span class=secno>3.15.3 </span>The <dfn
    id=event-source><code>event-source</code></dfn> element</h4>
 
   <dl class=element>
@@ -21409,10 +21402,10 @@
   <p>The <dfn id=src12 title=dom-event-source-src><code>src</code></dfn> DOM
    attribute must reflect the content attribute of the same name.
 
-  <h3 id=interactive-elements><span class=secno>3.18 </span>Interactive
+  <h3 id=interactive-elements><span class=secno>3.16 </span>Interactive
    elements</h3>
 
-  <h4 id=the-details><span class=secno>3.18.1 </span>The <dfn
+  <h4 id=the-details><span class=secno>3.16.1 </span>The <dfn
    id=details><code>details</code></dfn> element</h4>
 
   <dl class=element>
@@ -21422,12 +21415,12 @@
 
    <dt>Contexts in which this element may be used:
 
-   <dd>Where <a href="#prose1">prose content</a> is expected.
+   <dd>Where <a href="#prose0">prose content</a> is expected.
 
    <dt>Content model:
 
    <dd>One <code><a href="#legend">legend</a></code> element followed by <a
-    href="#prose1">prose content</a>.
+    href="#prose0">prose content</a>.
 
    <dt>Element-specific attributes:
 
@@ -21489,7 +21482,7 @@
    reflecting state has been a pain in the neck before. But is it
    semantically ok?
 
-  <h4 id=datagrid><span class=secno>3.18.2 </span>The <dfn
+  <h4 id=datagrid><span class=secno>3.16.2 </span>The <dfn
    id=datagrid0><code>datagrid</code></dfn> element</h4>
 
   <dl class=element>
@@ -21503,13 +21496,13 @@
 
    <dt>Contexts in which this element may be used:
 
-   <dd>Where <a href="#prose1">prose content</a> is expected.
+   <dd>Where <a href="#prose0">prose content</a> is expected.
 
    <dt>Content model:
 
    <dd>Either: Nothing.
 
-   <dd>Or: <a href="#prose1">Prose content</a>, but where the first element
+   <dd>Or: <a href="#prose0">Prose content</a>, but where the first element
     child node, if any, is not a <code><a href="#table">table</a></code>
     element.
 
@@ -21581,7 +21574,7 @@
    <code title=attr-datagrid-disabled><a
    href="#disabled3">disabled</a></code> content attributes respectively.
 
-  <h5 id=the-datagrid><span class=secno>3.18.2.1. </span>The <code><a
+  <h5 id=the-datagrid><span class=secno>3.16.2.1. </span>The <code><a
    href="#datagrid0">datagrid</a></code> data model</h5>
 
   <p><em>This section is non-normative.</em>
@@ -21628,7 +21621,7 @@
    scripted data providers.</p>
   <!-- XXX check xrefs -->
 
-  <h5 id=how-rows><span class=secno>3.18.2.2. </span>How rows are identified</h5>
+  <h5 id=how-rows><span class=secno>3.16.2.2. </span>How rows are identified</h5>
 
   <p>The chains of numbers that give a row's path, or identifier, are
    represented by objects that implement the <a
@@ -21659,7 +21652,7 @@
    href="#getchildatposition">GetChildAtPosition()</a></code> methods ever
    get called with the empty path.
 
-  <h5 id=the-data><span class=secno>3.18.2.3. </span>The data provider
+  <h5 id=the-data><span class=secno>3.16.2.3. </span>The data provider
    interface</h5>
 
   <p><em>The conformance criteria in this section apply to any implementation
@@ -22126,7 +22119,7 @@
 -->
   </table>
 
-  <h5 id=the-default><span class=secno>3.18.2.4. </span>The default data
+  <h5 id=the-default><span class=secno>3.16.2.4. </span>The default data
    provider</h5>
 
   <p>The user agent must supply a default data provider for the case where
@@ -22629,7 +22622,7 @@
      <code><a href="#datagrid0">datagrid</a></code>.</p>
   </dl>
 
-  <h6 id=commonDefaultDataGridMethodDefinitions><span class=secno>3.18.2.4.1.
+  <h6 id=commonDefaultDataGridMethodDefinitions><span class=secno>3.16.2.4.1.
    </span>Common default data provider method definitions for cells</h6>
 
   <p>These definitions are used for the cell-specific methods of the default
@@ -22770,7 +22763,7 @@
   </dl>
   <!-- XXX Calculated cells, like in spreadsheets? -->
 
-  <h5 id=populating><span class=secno>3.18.2.5. </span>Populating the
+  <h5 id=populating><span class=secno>3.16.2.5. </span>Populating the
    <code><a href="#datagrid0">datagrid</a></code> element</h5>
 
   <p>A <code><a href="#datagrid0">datagrid</a></code> must be disabled until
@@ -23215,7 +23208,7 @@
   <!-- XXX speaking of which, do we actually want that
   limitation? -->
 
-  <h5 id=updating><span class=secno>3.18.2.6. </span>Updating the <code><a
+  <h5 id=updating><span class=secno>3.16.2.6. </span>Updating the <code><a
    href="#datagrid0">datagrid</a></code></h5>
 
   <p>Whenever the <code title=dom-datagrid-data><a
@@ -23295,7 +23288,7 @@
    href="#inconsistentDataProvider">likely to result in inconsistent
    renderings</a>, and the user agent is likely to disable the data grid.
 
-  <h5 id=requirements><span class=secno>3.18.2.7. </span>Requirements for
+  <h5 id=requirements><span class=secno>3.16.2.7. </span>Requirements for
    interactive user agents</h5>
 
   <p><em>This section only applies to interactive user agents.</em>
@@ -23364,7 +23357,7 @@
    provider's method was invoked.</p>
   <!-- XXXPA <p class="big-issue">define actions (performAction(), etc)</p> -->
 
-  <h5 id=the-selection><span class=secno>3.18.2.8. </span>The selection</h5>
+  <h5 id=the-selection><span class=secno>3.16.2.8. </span>The selection</h5>
 
   <p><em>This section only applies to interactive user agents. For other user
    agents, the <code title=dom-datagrid-selection><a
@@ -23490,7 +23483,7 @@
    relation to the <code><a href="#selection1">Selection</a></code>
    interface.
 
-  <h5 id=columns><span class=secno>3.18.2.9. </span>Columns and captions</h5>
+  <h5 id=columns><span class=secno>3.16.2.9. </span>Columns and captions</h5>
 
   <p><em>This section only applies to interactive user agents.</em>
 
@@ -23542,7 +23535,7 @@
   <p class="big-issue">define drag and drop in datagrids; selectiondraggable, etc.</p>
 -->
 
-  <h4 id=the-command><span class=secno>3.18.3 </span>The <dfn
+  <h4 id=the-command><span class=secno>3.16.3 </span>The <dfn
    id=command0><code>command</code></dfn> element</h4>
 
   <dl class=element>
@@ -23755,20 +23748,20 @@
   <p class=note><code><a href="#command0">command</a></code> elements are not
    rendered unless they <a href="#menu" title=menu>form part of a menu</a>.
 
-  <h4 id=menus><span class=secno>3.18.4 </span>The <dfn
+  <h4 id=menus><span class=secno>3.16.4 </span>The <dfn
    id=menu><code>menu</code></dfn> element</h4>
 
   <dl class=element>
    <dt>Categories
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dd>If there is a <code><a href="#menu">menu</a></code> element ancestor:
     <a href="#phrasing0">phrasing content</a>.
 
    <dt>Contexts in which this element may be used:
 
-   <dd>Where <a href="#prose1">prose content</a> is expected.
+   <dd>Where <a href="#prose0">prose content</a> is expected.
 
    <dd>If there is a <code><a href="#menu">menu</a></code> element ancestor:
     where <a href="#phrasing0">phrasing content</a> is expected.
@@ -23834,7 +23827,7 @@
    represents an unordered list of items (each represented by an <code><a
    href="#li">li</a></code> element), each of which represents a command that
    the user may perform or activate, or, if the element has no <code><a
-   href="#li">li</a></code> element children, <a href="#prose1">prose
+   href="#li">li</a></code> element children, <a href="#prose0">prose
    content</a> describing available commands.
 
   <p>The <dfn id=label1 title=attr-menu-label><code>label</code></dfn>
@@ -23864,7 +23857,7 @@
    the UA must invoke the <code title=dom-form-submit>submit()</code> method
    of the <code>form</code> element indicated by that DOM attribute.
 
-  <h5 id=menus-intro><span class=secno>3.18.4.1. </span>Introduction</h5>
+  <h5 id=menus-intro><span class=secno>3.16.4.1. </span>Introduction</h5>
 
   <p><em>This section is non-normative.</em>
 
@@ -23962,7 +23955,7 @@
 
 -->
 
-  <h5 id=building><span class=secno>3.18.4.2. </span><dfn
+  <h5 id=building><span class=secno>3.16.4.2. </span><dfn
    id=building0>Building menus and tool bars</dfn></h5>
 
   <p>A menu (or tool bar) consists of a list of zero or more of the following
@@ -24051,7 +24044,7 @@
    <li>Any separator at the start or end of the menu must be removed.
   </ol>
 
-  <h5 id=context><span class=secno>3.18.4.3. </span><dfn id=context2>Context
+  <h5 id=context><span class=secno>3.16.4.3. </span><dfn id=context2>Context
    menus</dfn></h5>
 
   <p>The <dfn id=contextmenu
@@ -24119,7 +24112,7 @@
    href="#reflect">reflect</a> the <code title=attr-contextmenu><a
    href="#contextmenu">contextmenu</a></code> content attribute.
 
-  <h5 id=toolbars><span class=secno>3.18.4.4. </span>Toolbars</h5>
+  <h5 id=toolbars><span class=secno>3.16.4.4. </span>Toolbars</h5>
 
   <p><dfn id=toolbars0>Toolbars</dfn> are a kind of menu that is always
    visible.
@@ -24136,7 +24129,7 @@
   <p>The user agent must reflect changes made to the <code><a
    href="#menu">menu</a></code>'s DOM immediately in the UI.
 
-  <h4 id=commands><span class=secno>3.18.5 </span>Commands</h4>
+  <h4 id=commands><span class=secno>3.16.5 </span>Commands</h4>
 
   <p>A <dfn id=command1 title=concept-command>command</dfn> is the
    abstraction behind menu items, buttons, and links. Once a command is
@@ -24343,7 +24336,7 @@
    href="#using7">option</a></code>, <code title=command-element><a
    href="#command3">command</a></code>.
 
-  <h5 id=using><span class=secno>3.18.5.1. </span><dfn id=using4
+  <h5 id=using><span class=secno>3.16.5.1. </span><dfn id=using4
    title=a-command>Using the <code>a</code> element to define a command</dfn></h5>
 
   <p>An <code><a href="#a">a</a></code> element with an <code
@@ -24400,7 +24393,7 @@
    command is to <a href="#firing" title="fire a click event">fire a <code
    title="">click</code> event</a> at the element.
 
-  <h5 id=using0><span class=secno>3.18.5.2. </span><dfn id=using5
+  <h5 id=using0><span class=secno>3.16.5.2. </span><dfn id=using5
    title=button-command>Using the <code>button</code> element to define a
    command</dfn></h5>
 
@@ -24426,7 +24419,7 @@
    <code>move-up</code> button type is disabled when it would have no
    effect).
 
-  <h5 id=using1><span class=secno>3.18.5.3. </span><dfn id=using6
+  <h5 id=using1><span class=secno>3.16.5.3. </span><dfn id=using6
    title=input-command>Using the <code>input</code> element to define a
    command</dfn></h5>
 
@@ -24499,7 +24492,7 @@
   is probably wrong for radio and checkbox types, depending on how we
   define <input>. -->
 
-  <h5 id=using2><span class=secno>3.18.5.4. </span><dfn id=using7
+  <h5 id=using2><span class=secno>3.16.5.4. </span><dfn id=using7
    title=option-command>Using the <code>option</code> element to define a
    command</dfn></h5>
 
@@ -24559,7 +24552,7 @@
    <code>select</code> element (if there is one), as if the selection had
    been changed directly.
 
-  <h5 id=using3><span class=secno>3.18.5.5. </span>Using the <dfn id=command3
+  <h5 id=using3><span class=secno>3.16.5.5. </span>Using the <dfn id=command3
    title=command-element><code>command</code></dfn> element to define a
    command</h5>
 
@@ -24618,13 +24611,13 @@
   <!-- XXX update to
   point to dom-click when we remove dom-command-click -->
 
-  <h3 id=datatemplate><span class=secno>3.19 </span>Data Templates</h3>
+  <h3 id=datatemplate><span class=secno>3.17 </span>Data Templates</h3>
 
-  <h4 id=introduction0><span class=secno>3.19.1 </span>Introduction</h4>
+  <h4 id=introduction0><span class=secno>3.17.1 </span>Introduction</h4>
 
   <p class=big-issue>...examples...
 
-  <h4 id=the-datatemplate><span class=secno>3.19.2 </span>The <dfn
+  <h4 id=the-datatemplate><span class=secno>3.17.2 </span>The <dfn
    id=datatemplate0><code>datatemplate</code></dfn> element</h4>
 
   <dl class=element>
@@ -24632,7 +24625,7 @@
 
    <dd><a href="#metadata0">Metadata content</a>.
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dt>Contexts in which this element may be used:
 
@@ -24641,7 +24634,7 @@
 
    <dd>Where <a href="#metadata0">metadata content</a> is expected.
 
-   <dd>Where <a href="#prose1">prose content</a> is expected.
+   <dd>Where <a href="#prose0">prose content</a> is expected.
 
    <dt>Content model:
 
@@ -24661,7 +24654,7 @@
    brings together the various rules that form a data template. The element
    doesn't itself do anything exciting.
 
-  <h4 id=the-rule><span class=secno>3.19.3 </span>The <dfn
+  <h4 id=the-rule><span class=secno>3.17.3 </span>The <dfn
    id=rule><code>rule</code></dfn> element</h4>
 
   <dl class=element>
@@ -24738,7 +24731,7 @@
    attributes must reflect the <code title=attr-rule-mode><a
    href="#mode">mode</a></code> content attribute.
 
-  <h4 id=the-nest><span class=secno>3.19.4 </span>The <dfn
+  <h4 id=the-nest><span class=secno>3.17.4 </span>The <dfn
    id=nest><code>nest</code></dfn> element</h4>
 
   <dl class=element>
@@ -24800,7 +24793,7 @@
    attribute must reflect the <code title=attr-nest-mode><a
    href="#mode1">mode</a></code> content attribute.
 
-  <h4 id=global0><span class=secno>3.19.5 </span>Global attributes for data
+  <h4 id=global0><span class=secno>3.17.5 </span>Global attributes for data
    templates</h4>
   <!-- authoring side, with DOM reflections -->
 
@@ -24854,10 +24847,10 @@
    attribute must reflect the <code title=attr-registrationmark><a
    href="#registrationmark">registrationmark</a></code> content attribute.
 
-  <h4 id=processing1><span class=secno>3.19.6 </span>Processing model</h4>
+  <h4 id=processing1><span class=secno>3.17.6 </span>Processing model</h4>
   <!-- ua side -->
 
-  <h5 id=the-originalcontent><span class=secno>3.19.6.1. </span>The <code
+  <h5 id=the-originalcontent><span class=secno>3.17.6.1. </span>The <code
    title=dom-originalContent><a
    href="#originalcontent">originalContent</a></code> DOM attribute</h5>
 
@@ -24875,7 +24868,7 @@
    just as the <code title=dom-templateElement><a
    href="#templateelement">templateElement</a></code> DOM attribute can.
 
-  <h5 id=the-template><span class=secno>3.19.6.2. </span>The <code
+  <h5 id=the-template><span class=secno>3.17.6.2. </span>The <code
    title=attr-template><a href="#template">template</a></code> attribute</h5>
 
   <p><dfn id=setting title=datatemplate-template-set>Setting</dfn>: When an
@@ -25002,7 +24995,7 @@
    <code><a href="#datatemplate0">datatemplate</a></code> element. Initially,
    the attribute must have the value null.
 
-  <h5 id=the-ref><span class=secno>3.19.6.3. </span>The <code
+  <h5 id=the-ref><span class=secno>3.17.6.3. </span>The <code
    title=attr-ref><a href="#ref">ref</a></code> attribute</h5>
 
   <p><dfn id=setting0 title=datatemplate-ref-set>Setting</dfn>: When an <a
@@ -25092,7 +25085,7 @@
    that is also null, in which case no template is currently being applied.
    Initially, the attribute must have the value null.
 
-  <h5 id=the-nodedatatemplate><span class=secno>3.19.6.4. </span>The <code><a
+  <h5 id=the-nodedatatemplate><span class=secno>3.17.6.4. </span>The <code><a
    href="#nodedatatemplate">NodeDataTemplate</a></code> interface</h5>
 
   <p>All objects that implement the <code>Node</code> interface must also
@@ -25111,7 +25104,7 @@
    for updating the generated content</a> of elements that are using the data
    template feature.
 
-  <h5 id=mutations><span class=secno>3.19.6.5. </span>Mutations</h5>
+  <h5 id=mutations><span class=secno>3.17.6.5. </span>Mutations</h5>
 
   <p>An element with a non-null <code title=dom-templateElement><a
    href="#templateelement">templateElement</a></code> is said to be a <dfn
@@ -25156,7 +25149,7 @@
    a template whenever either the backing data changes or the template itself
    changes.
 
-  <h5 id=updating0><span class=secno>3.19.6.6. </span>Updating the generated
+  <h5 id=updating0><span class=secno>3.17.6.6. </span>Updating the generated
    content</h5>
 
   <p>When the user agent is to <dfn id=update title=datatemplate-regen>update
@@ -25499,9 +25492,9 @@
   <!-- this is basically used for expanding
   nodeValue values -->
 
-  <h3 id=miscellaneous><span class=secno>3.20 </span>Miscellaneous elements</h3>
+  <h3 id=miscellaneous><span class=secno>3.18 </span>Miscellaneous elements</h3>
 
-  <h4 id=the-legend><span class=secno>3.20.1 </span>The <dfn
+  <h4 id=the-legend><span class=secno>3.18.1 </span>The <dfn
    id=legend><code>legend</code></dfn> element</h4>
 
   <dl class=element>
@@ -25538,7 +25531,7 @@
    or explanatory caption for the rest of the contents of the <code><a
    href="#legend">legend</a></code> element's parent element.
 
-  <h4 id=the-div><span class=secno>3.20.2 </span>The <dfn
+  <h4 id=the-div><span class=secno>3.18.2 </span>The <dfn
    id=div><code>div</code></dfn> element</h4>
 
   <dl class=element>
@@ -25548,11 +25541,11 @@
 
    <dt>Contexts in which this element may be used:
 
-   <dd>Where <a href="#prose1">prose content</a> is expected.
+   <dd>Where <a href="#prose0">prose content</a> is expected.
 
    <dt>Content model:
 
-   <dd><a href="#prose1">Prose content</a>.
+   <dd><a href="#prose0">Prose content</a>.
 
    <dt>Element-specific attributes:
 
@@ -35183,7 +35176,7 @@
     <p>...then the user agent must do nothing.</p>
 
     <p>Otherwise, the user agent must, for every position in the selection,
-     take the furthest <a href="#prose1">prose content</a> ancestor element
+     take the furthest <a href="#prose0">prose content</a> ancestor element
      of that position that contains only <a href="#phrasing0">phrasing
      content</a>, and, if that element is a descendant of the editing host,
      rename it (as if the <code title="">Element.renameNode()</code> method

Modified: source
===================================================================
--- source	2008-02-27 07:19:16 UTC (rev 1259)
+++ source	2008-02-27 07:37:16 UTC (rev 1260)
@@ -7516,7 +7516,7 @@
 
 
 
-  <h3>Prose</h3>
+  <h3>Grouping content</h3><!-- XXX ew, find a better section name -->
 
   <h4>The <dfn><code>p</code></dfn> element</h4>
 
@@ -7682,6 +7682,103 @@
   illegal while still defining what it means. Maybe. -->
 
 
+  <h4>The <dfn><code>pre</code></dfn> element</h4>
+
+  <dl class="element">
+   <dt>Categories</dt>
+   <dd><span>Prose content</span>.</dd>
+   <dt>Contexts in which this element may be used:</dt>
+   <dd>Where <span>prose content</span> is expected.</dd>
+   <dt>Content model:</dt>
+   <dd><span>Phrasing content</span>.</dd>
+   <dt>Element-specific attributes:</dt>
+   <dd>None.</dd>
+   <dt>DOM interface:</dt>
+   <dd>No difference from <code>HTMLElement</code>.</dd>
+  </dl>
+
+  <p>The <code>pre</code> element represents a block of preformatted
+  text, in which structure is represented by typographic conventions
+  rather than by elements.</p>
+
+  <p>Some examples of cases where the <code>pre</code> element could
+  be used:</p>
+
+  <ul>
+
+   <li>Including an e-mail, with paragraphs indicated by blank lines,
+   lists indicated by lines prefixed with a bullet, and so on.</li>
+
+   <li>Including fragments of computer code, with structure indicated
+   according to the conventions of that language.</li>
+
+   <li>Displaying ASCII art.</li> <!-- XXX need a note about non-visual UAs -->
+
+  </ul>
+
+  <p>To represent a block of computer code, the <code>pre</code>
+  element can be used with a <code>code</code> element; to represent a
+  block of computer output the <code>pre</code> element can be used
+  with a <code>samp</code> element. Similarly, the <code>kbd</code>
+  element can be used within a <code>pre</code> element to indicate
+  text that the user is to enter.</p>
+
+  <div class="example">
+
+   <p>In the following snippet, a sample of computer code is
+   presented.</p>
+
+   <pre><p>This is the <code>Panel</code> constructor:</p>
+<pre><code>function Panel(element, canClose, closeHandler) {
+  this.element = element;
+  this.canClose = canClose;
+  this.closeHandler = function () { if (closeHandler) closeHandler() };
+}</code></pre></pre>
+
+  </div>
+
+  <div class="example">
+
+   <p>In the following snippet, <code>samp</code> and <code>kbd</code>
+   elements are mixed in the contents of a <code>pre</code> element to
+   show a session of Zork I.</p>
+
+   <pre><pre><samp>You are in an open field west of a big white house with a boarded
+front door.
+There is a small mailbox here.
+
+></samp> <kbd>open mailbox</kbd>
+
+<samp>Opening the mailbox reveals:
+A leaflet.
+
+></samp></pre></pre>
+
+  </div>
+
+  <div class="example">
+
+   <p>The following shows a contemporary poem that uses the
+   <code>pre</code> element to preserve its unusual formatting, which
+   forms an intrinsic part of the poem itself.</p>
+
+   <pre><pre>                maxling
+
+it is with a          heart
+               heavy
+
+that i admit loss of a feline
+        so           loved
+
+a friend lost to the
+        unknown
+                                (night)
+
+~cdr 11dec07</pre></pre>
+
+  </div>
+
+
   <h4>The <dfn><code>dialog</code></dfn> element</h4>
 
   <dl class="element">
@@ -7789,108 +7886,6 @@
 
 
 
-  <h3>Preformatted text</h3>
-
-  <h4>The <dfn><code>pre</code></dfn> element</h4>
-
-  <dl class="element">
-   <dt>Categories</dt>
-   <dd><span>Prose content</span>.</dd>
-   <dt>Contexts in which this element may be used:</dt>
-   <dd>Where <span>prose content</span> is expected.</dd>
-   <dt>Content model:</dt>
-   <dd><span>Phrasing content</span>.</dd>
-   <dt>Element-specific attributes:</dt>
-   <dd>None.</dd>
-   <dt>DOM interface:</dt>
-   <dd>No difference from <code>HTMLElement</code>.</dd>
-  </dl>
-
-  <p>The <code>pre</code> element represents a block of preformatted
-  text, in which structure is represented by typographic conventions
-  rather than by elements.</p>
-
-  <p>Some examples of cases where the <code>pre</code> element could
-  be used:</p>
-
-  <ul>
-
-   <li>Including an e-mail, with paragraphs indicated by blank lines,
-   lists indicated by lines prefixed with a bullet, and so on.</li>
-
-   <li>Including fragments of computer code, with structure indicated
-   according to the conventions of that language.</li>
-
-   <li>Displaying ASCII art.</li> <!-- XXX need a note about non-visual UAs -->
-
-  </ul>
-
-  <p>To represent a block of computer code, the <code>pre</code>
-  element can be used with a <code>code</code> element; to represent a
-  block of computer output the <code>pre</code> element can be used
-  with a <code>samp</code> element. Similarly, the <code>kbd</code>
-  element can be used within a <code>pre</code> element to indicate
-  text that the user is to enter.</p>
-
-  <div class="example">
-
-   <p>In the following snippet, a sample of computer code is
-   presented.</p>
-
-   <pre><p>This is the <code>Panel</code> constructor:</p>
-<pre><code>function Panel(element, canClose, closeHandler) {
-  this.element = element;
-  this.canClose = canClose;
-  this.closeHandler = function () { if (closeHandler) closeHandler() };
-}</code></pre></pre>
-
-  </div>
-
-  <div class="example">
-
-   <p>In the following snippet, <code>samp</code> and <code>kbd</code>
-   elements are mixed in the contents of a <code>pre</code> element to
-   show a session of Zork I.</p>
-
-   <pre><pre><samp>You are in an open field west of a big white house with a boarded
-front door.
-There is a small mailbox here.
-
-></samp> <kbd>open mailbox</kbd>
-
-<samp>Opening the mailbox reveals:
-A leaflet.
-
-></samp></pre></pre>
-
-  </div>
-
-  <div class="example">
-
-   <p>The following shows a contemporary poem that uses the
-   <code>pre</code> element to preserve its unusual formatting, which
-   forms an intrinsic part of the poem itself.</p>
-
-   <pre><pre>                maxling
-
-it is with a          heart
-               heavy
-
-that i admit loss of a feline
-        so           loved
-
-a friend lost to the
-        unknown
-                                (night)
-
-~cdr 11dec07</pre></pre>
-
-  </div>
-
-
-
-  <h3>Lists</h3>
-
   <h4>The <dfn><code>ol</code></dfn> element</h4>
 
   <dl class="element">
@@ -8334,7 +8329,7 @@
   quote, part in a conversation (<code>dialog</code> element).</p>
 
 
-  <h3>Phrase elements</h3>
+  <h3>Text-level semantics</h3><!-- XXX ew, find a better section name -->
 
   <!-- XXX ruby (delayed until someone can define it with error handling rules) -->
 




More information about the Commit-Watchers mailing list