When writing an ordered list, numbers usually go sequentially up from 1, to 2, to 3 and so on. Anyone with the most basic knowledge of HTML knows that these lists should be represented with the
However, what happens when you want to skip a number?
In this post I’ll outline why one might want to do this and provide the solution for achieving the desired result.
Good question. I’ll give you an example.
Let’s say you’re writing a top 5 list. For example, you’re writing a list of the top 5 NBA regular season records of all time. On this list, it turns out that there is a tie for the third place spot (there really is at the time of writing this post). In that case, you would want to skip position four and go straight five…
We know that
<li> children that just automatically go up. So how do we skip number 4?
It turns out, this scenario is accounted for in the HTML spec via the
value attribute. Simply tell the browser which number a particular item on the list should be, and it will accommodate.
<ol> <li>Golden State Warriors, 2015-16 | 73-9</li> <li>Chicago Bulls 1995-96 | 72-10</li> <li>Los Angeles Lakes, 1971-72 / Chicago Bulls, 1996-97 | 69-13 (TIE)</li> <li value="5">Philadelphia 76ers, 1966-67 | 68-13</li> </ol>
Per the HTML spec, if you continue adding list items after providing a
value it will continue where you left off.
<ol> <li>One</li> <li>Two</li> <li value="4">Four</li> <li>Five</li> </ol>
I have yet to find a Markdown parser that offers support for supplying a
value to a child
<li> of an
<ol>. In fact, the Markdown spec contains some language implying that being able to do so would not be desired. Unfortunately, if you want to skip a number in an ordered list in a Markdown document, you’ll need to write raw HTML
I hope some of you found this article interesting and useful. If you have any questions or comments, feel free to drop a note below, or, as always, you can reach me on Twitter as well.
Did you enjoy this blog post?
If so, please consider checking out my side project Domain Clamp. It's a SaaS which monitors domains and SSL certificates and sends notifications before anything expires. If you work at an agency, then you're probably not the registrant for your client's domains or the SSL certificate owner. This means you won't get expiration notifications. You don't want a client's domain or SSL certificate to expire under your watch. Believe me, I've been there.
Domain Clamp solves this problem by letting you monitor the SSL certificate and registration for any domain you'd damn please. Free accounts are available so please head on over »