<li>: Элемент списка

Базовая линия Широко доступно

Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Элемент <li> HTML используется для представления элемента списка. Он должен быть содержимым родительского элемента: упорядоченного списка (<ol>), неупорядоченного списка (<ul>) или меню (<menu>). В меню и неупорядоченных списках элементы списка обычно отображаются с помощью маркеров. В упорядоченных списках они обычно отображаются с возрастающим счетчиком слева, например, числом или буквой.

Попробуйте

Атрибуты

Этот элемент включает глобальные атрибуты.

value

Этот целочисленный атрибут указывает текущее порядковое значение элемента списка, как определено элементом <ol>. Допустимое значение для этого атрибута — только число, даже если список отображается римскими цифрами или буквами. Элементы списка, которые следуют за этим, продолжают нумерацию со значения, заданного здесь. Атрибут value не имеет значения для неупорядоченных списков (<ul>) или меню (<menu>).

type Устаревший Нестандартный

Этот символьный атрибут указывает тип нумерации:

a: строчные буквы
A: прописные буквы
i: строчные римские цифры
I: прописные римские цифры
1: числа

Этот тип переопределяет тип, используемый родительским элементом <ol>, если таковой имеется.

Примечание: Этот атрибут устарел; используйте свойство CSS list-style-type вместо него.

Примеры

Более подробные примеры см. на страницах <ol> и <ul>.

Упорядоченный список

html

<ol>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ol>

Результат

Упорядоченный список со значением по умолчанию

html

<ol type="I">
  <li value="3">third item</li>
  <li>fourth item</li>
  <li>fifth item</li>
</ol>

Результат

Неупорядоченный список

html

<ul>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ul>

Результат

Техническое описание

Категории контента	Нет.
Разрешенный контент	Текущий контент.
Пропуск тега	Конечный тег может быть пропущен, если элемент списка непосредственно следует за другим элементом `<li>` или если в родительском элементе больше нет контента.
Разрешенные родительские элементы	Элемент `<ul>`, `<ol>` или `<menu>`. Хотя это не соответствует стандарту, устаревший `<dir>` также может быть родителем.
Неявная роль ARIA	`listitem` при дочернем элементе `ol`, `ul` или `menu`
Разрешенные роли ARIA	`menuitem`, `menuitemcheckbox`, `menuitemradio`, `option`, `none`, `presentation`, `radio`, `separator`, `tab`, `treeitem`
Интерфейс DOM	`HTMLLIElement`

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

Спецификация
HTML Стандарт # the-li-element

Совместимость с браузерами

	Десктоп					Мобильный
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`li`	1	12	1	≤12.1	3	18	4	≤12.1	1	1.0	4.4
`type`	1	12	1	≤12.1	≤4	18	4	≤12.1	≤3.2	1.0	4.4
`value`	1	12	1	≤12.1	≤4	18	4	≤12.1	≤3.2	1.0	4.4

См. также

Другие HTML элементы, относящиеся к списку: <ul>, <ol>, <menu> и устаревший <dir>;
Свойства CSS, которые могут быть особенно полезны для стилизации элемента <li>:
- свойство list-style, чтобы выбрать способ отображения порядкового номера,
- Счетчики CSS, для обработки сложных вложенных списков,
- свойство margin, чтобы контролировать отступ элемента списка.

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li