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;
}
Сайт работает на фреймворке W3.CSS.
