MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

<li>

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

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

Атрибуты

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

value
Этот числовой атрибут указывает на текущий порядковый номер спискового элемента заданого с помощью HTML тега <ol>. Единственное разрешоное значение этого атрибута - число, даже если список отображается с римскими цыйфрами или буквами. Элементы списка, которые идут после элемента  стаким атрибутом, нумеруются с заданого значения. Этот атрибут не имеет значения для ненумерованых списков (<ul>) или для меню (<menu>).
Примечание: Этот арибут был убран в HTML4, но заново добавлен в HTML5.

Примечание: Предыдущие до Gecko 9.0, негативные значения неправильно конвертировались в 0. Начиная с Gecko 9.0 все числа числовые значения преобразовуются правильно.

type
Этот символьный атрибут указывает на тип нумерации:
  • a: пропсные буквы
  • A: заглавные буквы
  • i: пропсные римские цифры
  • I: заглавные римские цифры
  • 1: цифры
Этот тип перекрывает тип унаследованый от родительского элемента <ol>, или любого другого.
Примечание к использованию: Этот атрибут был убран: используйте CSS свойство list-style-type взамен.

Примеры

<ol>
    <li>Первый элемент</li>
    <li>Второй элемент</li>
    <li>Третий элемент</li>
</ol>	

Эта HTML разметка отобразит:

  1. Первый элемент
  2. Второй элемент
  3. Третий элемент
<ol type="I">
    <li value="3">Третий элемент</li>
    <li>Четвёртый элемент</li>
    <li>Пятый элемент</li>
</ol>	

Эта HTML разметка отобразит:

  1. Третий элемент
  2. Четвёртый элемент
  3. Пятый элемент
<ul>
    <li>Первый элемент</li>
    <li>Второй элемент</li>
    <li>Третий элемент</li>
</ul>
  • Первый элемент
  • Второй элемент
  • Третий элемент

Для более докладных примероы, посмотрите также <ol> и <ul>.

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

Спецификация Статус Комментарий
WHATWG HTML Living Standard
Определение '<li>' в этой спецификации.
Живой стандарт  
HTML5
Определение '<li>' в этой спецификации.
Рекомендация  
HTML 4.01 Specification
Определение '<li>' в этой спецификации.
Рекомендация Этот тип атрибута был убран.

Браузерная совместимость

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Базовая поддержка (Да) (Да) 1.0 (1.7 или ранее) (Да) (Да) (Да)
Feature Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Базовая поддержка (Да) (Да) 1.0 (1.0) (Да) (Да) (Да)

См. также

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

Метки документа и участники

 Внесли вклад в эту страницу: kuki
 Обновлялась последний раз: kuki,