HTML тег `<ol>`

Значение и применение

Нумерованный (упорядоченный) список предназначен для элементов, которые следуют в определённом порядке. Нумерованный список начинается с тега <ol> (сокращенное от английского ordered list - упорядоченный список). Каждый элемент списка начинается с тега <li> (элемент списка).

Выбирайте <ol>, если порядок пунктов меняет смысл (шаги инструкции), и <ul>, если это обычное перечисление. Вложенный список размещайте внутри соответствующего <li>, а не между пунктами. Непосредственное содержимое списков — элементы <li>; стандарт также допускает служебные <script> и <template>.

reversed меняет направление нумерации, но не порядок элементов в документе. Если start отсутствует, начальный номер равен количеству пунктов; если задан — отсчёт начинается с него. Например, <ol reversed start="5"> даёт номера 5, 4, 3.

Поддержка браузерами

Спецификация: multipage

Поддерживается во всех основных браузерах с 2015 года.

ВсеКомпьютерыМобильные

Совместимостьhtml.elements.ol
Возможность	Компьютеры					Мобильные
Возможность	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Browser	WebView Android	WebView on iOS
`ol`	✓1	✓12	✓1	✓15	✓≤4	✓18	✓4	✓14	✓≤3.2	✓1.0	✓4.4	✓≤3.2
`compact`	✓1	✓12	✓1	✓15	✓3	✓18	✓4	✓14	✓2	✓1.0	✓4.4	✓2
`reversed`	✓18	✓79	✓18	✓15	✓6	✓18	✓18	✓14	✓6	✓1.0	✓4.4	✓6
`start`	✓1	✓12	✓1	✓15	✓≤4	✓18	✓4	✓14	✓≤3.2	✓1.0	✓4.4	✓≤3.2
`type`	✓1	✓12	✓1	✓15	✓≤4	✓18	✓4	✓14	✓≤3.2	✓1.0	✓4.4	✓≤3.2
Ещё 4 значений · поддерживаются везде более 3 летСвернуть

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Атрибуты

Атрибут	Значение	Описание
`compact`	`compact`	Не поддерживается в HTML5. Указывает, что список должен быть меньше обычного размера (`line-height`: `80%`). Используйте CSS вместо данного атрибута.
`reversed`	`reversed`	Указывает, что порядок в нумерованном (упорядоченном) списке должен идти по убыванию. Совместимость атрибута смотрите в таблице поддержки; ограничение старого EdgeHTML не относится к современному Microsoft Edge.
`start`	`number`	Определяет начальное значение нумерованного (упорядоченного) списка. Значения должны быть целочисленными, допускается использование отрицательных значений. При использовании с буквами (`type` = `"A"` и `type` = `"a"`), число, указанное в значении атрибута является порядковым номером буквы в алфавите. Например, `start` = `"4"`, будет соответствовать букве "D" и список начнётся именно с неё. При использовании значения `start` = `"27"` нумерация продолжается, при этом список становится двухзначным (`"27"` = "AA", `"28"` = "AB", `"29"` = "AC"...).
`type`	`1`(по умолчанию) `A`(большие) `a`(строчные) `I`(римские большие) `i`(римские маленькие)	Определяет тип маркера, который используется в построении нумерованного (упорядоченного) списка.

Примеры, попробуйте сами

Нумерованный список

Измените порядок пунктов или добавьте start="5" к ol.

index.html

HTML

<ol>
  <li>Подготовить разметку</li>
  <li>Добавить стили</li>
  <li>Проверить результат</li>
</ol>

Отличия HTML 4.01 от HTML 5

В HTML5 добавлен новый атрибут reversed, атрибут compact больше не поддерживается в HTML5 .

Значение CSS по умолчанию

CSS

ol {
display: block;
list-style-type: decimal;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0px;
margin-right: 0px;
padding-left: 40px;
}

Поддержка глобальных атрибутов

Элемент поддерживает "глобальные атрибуты".

Атрибуты событий

Элемент поддерживает "атрибуты событий".

HTML тег <ol>