[whatwg] List Headers

Benjamin Hawkes-Lewis bhawkeslewis at googlemail.com
Wed Feb 4 13:03:35 PST 2009

On 4/2/09 20:39, Garrett Smith wrote:
>   <ol style="list-style-type: iroha">
>     <lh>Dry:</lh>
>       <li>1c flour</li>
>       <li>1/4c sugar</li>
>       <li>1tsp baking soda</li>
>     <lh>Wet:</lh>
>       <li>1 egg</li>
>       <li>1/2c milk</li>
>       <li>1tsp vanilla extract</li>
>    </ol>


Does that markup solve any user problems that following traditional, 
markup does not?

    <ol style="list-style-type: iroha">
      <li class="list-header">Dry:
            <li>1c flour</li>
            <li>1/4c sugar</li>
            <li>1tsp baking soda</li>
      <li class="list-header">Wet:
            <li>1 egg</li>
            <li>1/2c milk</li>
            <li>1tsp vanilla extract</li>

Pros of lh:

* User agents could give a different default style to "LH" (e.g. bold in 
a visual medium, or reading "list header" in an speech medium).
* Fewer bytes.

Pros of traditional markup:

* Can style sublists without introducing new features to CSS.
* Works correctly in existing user agents (e.g. list navigation in 
screen readers).

Benjamin Hawkes-Lewis

More information about the whatwg mailing list