I sure didn’t! Tomek Sułkowsi shows how we can reverse the numbering of ordered lists with a simple HTML attribute:
<ol reversed>
<li>Apple</li>
<li>Banana</li>
<li>Pear</li>
</ol>And the start attribute can be added to begin the list at a number other than one, like this:
<ol start="2">
<li>Apple</li>
<li>Banana</li>
<li>Pear</li>
</ol>I’m not sure how I never knew about these properties! I guess I can see how they might come in handy in the future. There are plenty of times when we need to break up ordered lists here on CSS-Tricks with things like code blocks and having a way to pick a list back up where it left off is a nice convenience.
Hello.
I’ve been using this for quite a while now.
And visually it works fine.
However Google does not recognise it.
I like to put the reverse list trick on my top 10 lists. Because it makes more sense to start at 10 and end at number 1.
However when Google uses my top 10 lists in the serp. It shoes number 10 as 1. So the least important first. :(
Google puts HTML
<ol>s in SERPs? That’s interesting. Screenshot?@Emiel are you using any shema markup to show your list in Google SERPs?
There is itemListOrder which might help. It’s worth testing.
https://schema.org/ItemList
Hi. I don’t think I can upload a screenshot here. But yes, Google uses ol, ul, and sometimes even h2 and h3 tags (depending on content and title) to show an ul top list above position one in de serp.
Because of the order issue I implemented schema markup a while back. According to schema.org recommendations. The markup is without errors in the testing tools.
Unfortunately after the implementation I actually lost some of my top ten list pages in the serp.
It remains unpredictable.
It looks like the markup you mentioned is not yet used by Google. (it seems that only what shows up in webmaster tools is compliant markup used in the serp).
Small and effective tip. Never knew before this useful tip. Thanks for sharing with the community. “Reversed” I have used in many of my projects. The “start” is useful when we write tips, lists and after every point, some description is there.
Too bad there is no sort attribute to
OL start is part of the HTML3.2 spec. It was deprecated in HTML4 but it got back in HTML5. I remember using it 23 years ago splitting a huge list in a to-print for-yesterday lame html job.