Lists

What this is. Three kinds of list, each meaning something different.

ul is an unordered list, where the sequence carries no meaning. Skills, features, tags.

ol is an ordered list, where sequence matters. Steps, rankings, chronology.

dl is a description list, pairing terms with their descriptions. A glossary, metadata, specifications.

✦ Why not just use paragraphs with dashes?

A screen reader announces a list as 'list of five items' and lets the user step through or skip it. Five paragraphs each starting with a hyphen announce as five paragraphs, with the structure existing only in the punctuation. Marking it as a list is what makes it navigable.

LIVE PREVIEW
loading editor…

Your turn → Swap the ol for a ul. The numbers disappear, and with them the claim that order matters. That claim is the whole difference between the two elements.

Mark this lesson complete

Signed in, your progress follows you to every device.

Next: Tables for Actual Tabular Data →
← Back