HTML тег <li>

HTML теги

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

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

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

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

ТегChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
<li>ДаДаДаДаДаДа

Атрибуты

АтрибутЗначениеОписание
type1
A
a
I
i
disc
square
circle
Не поддерживается в HTML5 .
Указывает тип маркера, который будет использоваться.
Используйте вместо данного атрибута CSS свойство list-style-type, либо для некоторых задач атрибут type к нумерованным (упорядоченным) спискам(<ol>).
valuenumberЗадает значение для элемента списка, при этом значение следующих пунктов списка будет продолжено (инкрементировано). Значение должно быть целочисленным и может быть использовано только в нумерованных списках (<ol>). Допускается использование отрицательных значений.

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

<!DOCTYPE html>
<html>
<head>
<title>Пример использования атрибута value HTML тега <li></title>
</head>
<body>
<ol> 
	<li value="10">Первый пункт</li>  <!--указываем, что элемент списка начнётся со значения "10" --> 
	<li>Второй пункт</li>
	<li>Третий пункт</li>
</оl>
<ol> 
	<li value="-5">Первый пункт</li>  <!--указываем, что элемент списка начнётся со значения "-5" --> 
	<li>Второй пункт</li>
	<li>Третий пункт</li>
</оl>
<ol  type = "A">  <!--указываем, что список формируется в алфавитном порядке заглавными буквами --> 
	<li value="2">Первый пункт</li> <!--указываем, что элемент списка начнётся с заглавной буквы "B" (вторая в алфавите) --> 
	<li>Второй пункт</li>
	<li>Третий пункт</li>
</оl>
</body>
</html>
Пример использования атрибута value HTML тега <li>(задает значение для элемента списка).
Пример использования атрибута value HTML тега <li>(задает значение для элемента списка).

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

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

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

li {
display: list-item;
}

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

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

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

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

HTML теги