HTML тег <li>

Элемент <li> (от англ. "list item" ‒ «пункт списка») определяет отдельный пункт списка.

Данный элемент используется в нумерованных (упорядоченных) списках (<ol>), маркированных (неупорядоченных) списках (<ul>) и в контекстных меню(<menu>).

Примечание: Допускается не использовать закрывающий тег (</li>) в том случае, если после элемента списка сразу же следует еще один элемент списка <li>, или если дальнейшее содержание в родительском элементе отсутствует.

Примечание: Элемент <li> относится к блочным элементам, то есть каждый элемент списка, определенный с его помощью, будет начинаться с новой строки и занимать всю доступную для него ширину.

Совет: Для изменения типа маркера используйте CSS свойство list-style-type или свойство list-style-image, позволяющее заменять маркеры на изображения.

Синтаксис

<(ul | ol | menu)>
  ...
  <li> ... </li>
  ...
</(ul | ol | menu)>

Закрывающий тег

Не обязателен.

Атрибуты

typeУстарел
Определяет вид маркера для элемента списка.

valueОсуждается в HTML4HTML5
Определяет стартовое значение для числового маркера элементов списка.

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

Стилизация по умолчанию

Большинство браузеров отобразит элемент <li> со следующими значениями CSS по умолчанию:

li {
    display: list-item;
}

Различия между HTML 4.01 и HTML5

В HTML5 атрибут type больше не поддерживается. Атрибут value считался устаревшим в HTML4, но вновь введен в HTML5.

Пример использования:

Один упорядоченный и один неупорядоченный HTML списки:

Пример HTML:

Попробуй сам
<ol>
  <li>Кофе</li>
  <li>Чай</li>
  <li>Молоко</li>
</ol>
 
<ul>
  <li>Кофе</li>
  <li>Чай</li>
  <li>Молоко</li>
</ul>

Спецификации

Спецификация Статус
WHATWG HTML Living Standard (WHATWG) Живой стандарт
HTML 4.01 (W3C) Рекомендация
HTML5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

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


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

Как сделать, чтобы список начинался с номера, отличного от 1:
Применение атрибутов type и start

Создание списка внутри списка:
Вложенный список


Учебник HTML

HTML уроки: HTML Списки

                  HTML Элементы



Contema