САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

HTML тег <li>


Пример

Один упорядоченный (<ol>) и один неупорядоченный (<ul>) HTML список:

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
Попробуйте сами »

Больше примеров "Попробуйте сами" ниже.


Определение и использование

Тег <li> определяет элемент (пункт) списка.

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


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

Элемент
<li> Yes Yes Yes Yes Yes

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

Атрибут "type" НЕ поддерживается в HTML5.

Атрибут "value" был устаревшим в HTML 4.01, но ПОДДЕРЖИВАЕТСЯ в HTML5.


Советы и примечания

Совет: Используйте CSS для определения типа списка.

Атрибуты

Атрибут Значение Описание
type 1
A
a
I
i
disc
square
circle
Не поддерживается в HTML5.
Указывает, какой тип маркера будет использоваться
value number Определяет значение элемента списка. Следующие элементы списка будут увеличиваться с этого числа (только для списков <ol>)

Глобальные атрибуты

Тег <li> также поддерживает Глобальные атрибуты в HTML.


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

Тег <li> также поддерживает Атрибуты событий в HTML.


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

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

Другой вложенный список
Более сложный вложенный список.


Связанные страницы

HTML учебник: HTML Списки

HTML DOM справочник: Объект Li

CSS учебник: Стилизация списков


Настройки CSS по умолчанию

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

li {
  display: list-item;
}