Camen Design Forum

Semantic markup thread

TorbjornLunde

My current problem:

Currently I’m creating a website that has a 25 entries, and they are named by number. At the top I want a navigation for this. Now, the order of this is important, so a natural fit would be:

<nav>
<ol>
<li><a href="/1">1</a></li>
<li><a href="/2">2</a></li>
.....
<li><a href="/25">25</a></li>
</ol>
</nav>

However, that feels a bit odd, since the titles are numbers, but OL already produces numbers by the browser.

Most pagination (which is a similar scenario) uses a div and then divs with pagination. This strikes me as not very semantic.

Of course I could use UL, but that’s wrong too. The order *does* matter.

So far I’m thinking maybe using OL and styling away the generated numbers, is the right way to go.

What do you guys think?

Append

(Leave this as-is, it’s a trap!)

Only the original author or a moderator can append to this post.

Pro tip: Use markup to add links, quotes and more.

Your friendly neighbourhood moderators: Kroc, Impressed, Martijn