April 20, 2004

SimpleQuiz › Part XV: Numbered List Pairs

This quiz is certainly one of those grey areas -- a comparison that may have some begging that there must be a better way to spend one's time.

Figure 1
Figure 1

Still with me? Good. Last December, we sort of touched on this topic, with a question on Multi-Paragraph List Items. But for this question specifically, take a look at Figure 1. The goal: to present a numbered list, with each list item containing a bold title, followed by a description on the next line.

Seems like an ordered list (<ol>) would be the best choice, but how to handle the description on the next line is the head scratcher.

I've run into this dilemma several times in the past few months, asking myself which is better. Again, each method may be splitting hairs, but I'm curious what you, the esteemed readers of SimpleBits thinks.

As added incentive, and to reward at least one person that, like me, actually enjoys ruminating about the subtleties of hand-crafted markup -- I'm giving away one (1) free official SimpleBits T-shirt, hand-drawn by yours truly at pixeltees. Since there is no correct answer, I'll be selecting one comment to feature in the Conclusion of this particular quiz. If your comment is chosen (for whatever reason) -- you get the free shirt.

Q: Which of the following methods would you choose for marking up a numbered list of titles and descriptions?

  1. <ol>
      <li>First Step Title<br />
      First step description goes here.</li>
      <li>Second Step Title<br />
      Second step description goes here.</li>
    </ol>
  2. <dl>
      <dt>1. First Step Title</dt>
      <dd>First step description goes here.</dd>
      <dt>2. Second Step Title</dt>
      <dd>Second step description goes here.</dd>
    </dl>
  3. <ol>
      <li>First Step Title
      <p>First step description goes here.</p></li>
      <li>Second Step Title
      <p>Second step description goes here.</p></li>
    </ol>