Атрибут value тега <li>

Описание

Атрибут value для тега <li> задаёт числовое значение элемента списка, влияя на нумерацию в упорядоченных списках (<ol>). Это позволяет изменять стандартную последовательность нумерации.

Пример использования:
<ol> <li value="3">Третий пункт (но первый в списке)</li> <li>Четвертый пункт (автоматическая нумерация)</li> <li value="1">Первый пункт (сброс нумерации)</li> <li>Второй пункт (продолжение)</li> </ol>

Особенности работы:

Значение Влияние Пример
Положительное целое Устанавливает номер пункта <li value="5">
Без атрибута Автоматическая нумерация (+1 к предыдущему) <li>

Пример с продолжением нумерации:

<ol start="10"> <li>Пункт 10</li> <li value="15">Пункт 15 (пропуск)</li> <li>Пункт 16</li> </ol>

Рекомендации:

  • Используйте для нестандартных последовательностей
  • Сочетайте с атрибутом start в <ol>
  • Избегайте пропусков в нумерации без причины
  • Для сложных списков используйте CSS-счетчики

Пример с CSS-стилизацией:

<style> ol.custom { list-style-type: none; counter-reset: my-counter; } ol.custom li { counter-increment: my-counter; } ol.custom li:before { content: counter(my-counter) ". "; color: red; } </style> <ol class="custom"> <li value="3">Пункт с кастомной нумерацией</li> <li>Следующий пункт</li> </ol>

Ограничения:

  • Работает только в упорядоченных списках (<ol>)
  • Не влияет на маркированные списки (<ul>)
  • Может сбивать логику нумерации
  • Не поддерживает отрицательные значения

Пример в многоуровневом списке:

<ol> <li value="5">Глава 5 <ol> <li>Раздел 5.1</li> <li value="8">Раздел 5.8 (пропуск)</li> </ol> </li> </ol>

Примечание: Хотя атрибут value предоставляет базовый контроль над нумерацией, для сложных сценариев рекомендуется использовать CSS-счетчики, которые дают больше гибкости в оформлении многоуровневых списков.