[whatwg] WA1 - The Section Header Problem

[Matthew Raymond]

Henri Sivonen wrote:
> On Nov 17, 2004, at 20:13, Matthew Raymond wrote:
>> a outline based on semantic document structure would yield #1, whereas 
>> an outline based on importance would yield #2
> 
> Doesn't look good.

    Could you be more specific?

> How should a CMS combine documents some of which used <h1>...<h6> and 
> others <h> & <section>?

    The header elements (<h>, <h1>-<h6>) contain header information and 
importance. The <section> element establishes semantic document 
structure. They can be combined directly. It's only a question of 
whether the user agent vendors choose to use the importance level to add 
further structure to the outline. Here's an example:

| <h1>Heading 1</h1>
| <h3>Heading 2</h3>
| <h4>Heading 3</h4>
| <h2>Heading 4</h2>
| <h5>Heading 5</h5>
| <h6>Heading 6</h6>
| <h3>Heading 7</h3>
| <h1>Heading 8</h1>
| <h4>Heading 9</h4>
| <h2>Heading 10</h2>
| <h5>Heading 11</h5>
| <h3>Heading 12</h3>

    This markup can be easily rewritten using <section> elements to add 
semantic structure:

| <section><h>Heading 1</h>
|  <section><h3>Heading 2</h3></section>
|  <section><h4>Heading 3</h4></section>
|  <section><h>Heading 4</h>
|   <section><h5>Heading 5</h5>
|    <section><h6>Heading 6</h6></section>
|   </section>
|   <section><h>Heading 7</h></section>
|  </section>
| </section>
| <section><h>Heading 8</h>
|  <section><h4>Heading 9</h4></section>
|  <section><h>Heading 10</h>
|   <section><h5>Heading 11</h5></section>
|   <section><h>Heading 12</h></section>
|  </section>
| <section>

    Or you could use only <h> and section elements:

| <section><h>Heading 1</h>
|  <section level="3"><h>Heading 2</h></section>
|  <section level="4"><h>Heading 3</h></section>
|  <section><h>Heading 4</h>
|   <section level="5"><h>Heading 5</h>
|    <section><h>Heading 6</h></section>
|   </section>
|   <section><h>Heading 7</h></section>
|  </section>
| </section>
| <section><h>Heading 8</h>
|  <section level="4"><h>Heading 9</h></section>
|  <section><h>Heading 10</h>
|   <section level="5"><h>Heading 11</h></section>
|   <section><h>Heading 12</h></section>
|  </section>
| <section>