Тег <ol>: шаги и нумерация
Как оформлять инструкции, продолжать нумерацию и выбирать начало списка.
Зачем нужен этот элемент
ol обозначает последовательность, в которой порядок важен. Это удобная основа для рецепта, инструкции или рейтинга с явными критериями. Номера создаёт браузер; они не должны становиться частью текста каждого пункта.
Атрибут start задаёт начальное число, reversed меняет направление счёта, а value на отдельном li позволяет изменить номер пункта. Для обычной инструкции используйте последовательную нумерацию и формулируйте каждый шаг как конкретное действие.
Синтаксис и пример
<ol>
<li>Создайте файл index.html.</li>
<li>Добавьте заголовок страницы.</li>
<li>Откройте файл в браузере.</li>
</ol>Что важно в разметке
| Параметр | Как использовать |
|---|---|
| start | Номер первого пункта, например 3. |
| reversed | Нумерация в обратном направлении. |
| li value | Переопределение номера конкретного пункта. |
Частая ошибка
Не используйте ol для любой группы только ради цифр в дизайне. Сначала проверьте, имеет ли порядок смысл.
Небольшая практика
Разбейте инструкцию на два списка и продолжите второй с start=»3″. Убедитесь, что шаги не дублируются.
Разберите также <li>, <ul>: эти элементы пригодятся в том же интерфейсе.
Попробуйте сами
РЕЗУЛЬТАТ · ИЗОЛИРОВАННЫЙ ПРЕДПРОСМОТР
Измените код и нажмите «Запустить». JavaScript и внешние запросы отключены.
Самостоятельный учебный материал. Техническая документация: первоисточник по теме ↗. Если результат отличается, проверьте код и версию браузера.