The Ordered List

The HTML Ol Element represents an ordered list of items — typically rendered as a numbered list.

Typically, ordered list items display with a preceding marker such as a number or letter.

The ol and ul elements may nest as deeply as desired, alternating between ol and ul however you like.

The ol and ul elements both represent a list of items. The difference is with the ol element, the order is meaningful. For example:

  • Steps in a recipe
  • Turn-by-turn directions
  • The list of ingredients in decreasing proportion on nutrition information labels

To determine which list to use, try changing the order of the list items; if the meaning changes, use the ol element — otherwise you can use <ul>.