Français

<ul>

Listing items with no particular order

— 1 min read

  • HTML
  • accessibility
  • semantics
  • lists

<ul> + <li> — The unordered list

The <ul> element represents an unordered list — a group of items where the order has no semantic importance. Each item is a <li>.

When to use it

You want to display navigation links, a feature list, tags, recipe ingredients, or any enumeration where order does not matter.

What you gain

Accessibility: screen readers announce "list, X items" and let users navigate item by item. A set of <div> elements gives none of that information.

Code example

<ul>
  <li>Automatic backups</li>
  <li>Real-time collaboration</li>
  <li>End-to-end encryption</li>
</ul>

Further reading