English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML тег <li> в HTML документе определяет пункт списка в <ol>, <ul> или <menu>. Этот тег также часто называется элементом <li>.
Пример HTML с двумя списками: один упорядоченный список (<ol>) и один несортированный список (<ul>):
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Использование тега li в HTML5 (Основной учебник сети oldtoolbag.com)</title> </head> <body> <ol> <li>Первый пункт</li> <li>Второй пункт</li> <li>Третий пункт</li> <li>Четвертый пункт</li> </ol> <ul> <li>Первый пункт</li> <li>Второй пункт</li> <li>Третий пункт</li> </ul> <ul> <li>Первый пункт <ol> <li>Внедренный пункт A</li> <li>Внедренный пункт B</li> <li>Внедренный пункт C</li> <li>Внедренный пункт D</li> </ol> </li> <li>Второй пункт</li> <li>Третий пункт</li> <li>Четвертый пункт</li> </ul> </body> </html>Проверьте, посмотрите <‹/›
В этом примере документа HTML5 у нас есть упорядоченный список <ol> с четырьмя элементами <li>. Затем у нас есть несортированный список <ul> с тремя элементами <li>. В конце мы внедрили упорядоченный список <ol> в несортированный список <ul>.
IEFirefoxOperaChromeSafari
В настоящее время большинство основных браузеров поддерживают тег <li>.
<li> тег определяет пункт списка.
<li> тег может использоваться в упорядоченном списке (<ol>）、нелистовой список (<ul>) и меню-список (<menu>)
Вы можете внедрять списки <ol, <ul> и <menu>.
"type" атрибут в HTML 4.01 был弃用. HTML5 не поддерживает этот атрибут.
"value" атрибут в HTML 4.01 был弃用. HTML5 не поддерживает этот атрибут.
Совет: Используйте CSS для определения типа списка и элементов списка.
| Свойство | Значение | Описание |
|---|---|---|
| type | 1 A a I i disc square circle | HTML5 не поддерживает этот атрибут. Атрибут был弃用在 HTML 4.01. Не рекомендуется использовать. Используйте стили вместо этого. Определяет тип маркера списка. Значение символа, указывающее стиль нумерации. Может быть любым из следующих значений: |
| value | number | Не рекомендуется использовать. Используйте стили вместо этого. Определяет номер списка. |
Тег <li> поддерживает глобальные свойства, см. таблицу полных свойств Глобальные атрибуты HTML.
Тег <li> поддерживает все Свойства событий HTML.
Различные типы списков с номерами
Этот пример демонстрирует различные типы списков с номерами.
Различные типы несписков
Этот пример демонстрирует различные типы несписков.
Вложенный список
Этот пример демонстрирует, как использовать вложенные списки.
Вложенный список 2
Этот пример демонстрирует более сложные вложенные списки.
Собственные списки
Этот пример демонстрирует список определений.
Уроки HTML: Списки HTML