Working with Lists

Semantic structuring of list elements.

[pageoneresults]

While setting up a page that serves as an index for a particular section of a site, I am currently using an ordered list <ol> to categorize the content.

I've always wondered at what point you could use an <h4> through <h6> element according to the specifications.

Does this look semantically correct?

<h1></h1>
<ol>
<li>
<h2></h2>
<ul>
<li>
<h3></h3>
<ul>
<li>
<ul>
<li>
<h4></h4>
<ul>
<li>
<ul>
<li>
<h5></h5>
<ul>
<li>
<ul>
<li>
<h6></h6>
<ul>
<li></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li></li>
</ul>
</li>
<li></li>
</ul>
</li>
</ol>

Yes, I do use the Outline option when validating pages like this. The outline looks just like the page does when viewed in the browser. Nice!

Keep in mind that the above code is for one section of the <ol>. There are about 10 categories (ordered) total with a barrage of sub-categories (some ordered, others unordered). Working with lists is fun!

[Robin_reala]

Looks fine to me. You're not making the usual mistake of nesting the headers or sublists directly inside parent lists instead of list items, so it's all good.