[whatwg] List Headers

[Garrett Smith]

On Wed, Feb 4, 2009 at 2:45 AM, Ian Hickson <ian at hixie.ch> wrote:
> On Wed, 4 Feb 2009, Robert O'Rourke wrote:
>>
>> Are there any plans to bring list headers from HTML3 into HTML5? They'd
>> make a lot of markup patterns simpler and be very very useful when it
>> comes to styling.
>
> You can do this in HTML5, using <figure> and <legend>:
>
>   <figure>
>    <legend>A header for the list</legend>
>    <ul>
>     <li>List item</li>
>     <li>List item</li>
>     <li>List item</li>
>    </ul>
>   </figure>
>

The results of this example vary.

Firefox 3 adds a border around the list as a result of the legend
element. It looks as if Firefox added an anonymous "fieldset" (though
I don't know if that is what happened). Other browsers do not do that.

The figure element is used to annotate a section that could be moved
away from the main document. The <figure> element is like <section>,
but it indicates that the section can be removed from the document and
the contents will still have semantic meaning, similar to the
<article> element.

Garrett