HTML <li> Тег
Пример
Один упорядоченный и один ненумерованный список HTML:<p>Упорядоченный список:</p> <ol> <li>Кофе</li> <li>Чай</li> <li>Молоко</li> </ol> <p>Ненумерованный список:</p> <ul> <li>Кофе</li> <li>Чай</li> <li>Молоко</li> </ul>
Определение и использование
Тег <li> определяет элементы списка.
Тег <li> используется как в упорядоченном (<ol>) так и в неупорядоченном (<ul>) списке.
Поддержка браузеров
тег
<li> поддерживается во всех ведущих браузерахОтличия между HTML и XHTML
НЕТПримечания и советы
Совет: Используйте CSS для определения типа списка и элементов списка.
Дополнительные атрибуты
DTD указывает, в какой HTML 4.01/XHTML 1.0 DTD допускаются атрибуты. S=Strict (строгий), T=Transitional (переходный), и F=Frameset (набор фреймов).
| Атрибут | Значение | Описание | DTD |
|---|---|---|---|
| type | 1 A a I i disc square circle | Устаревший. Используйте стили вместо этого. Определяет какой вид точек пули будет использован | TF |
| value | number | Устаревший. Используйте стили вместо этого. Определяет число элемента списка | TF |
Стандартные атрибуты
Тег<li> поддерживает следующие стандартные атрибуты:| Атрибут | Значение | Описание | DTD |
|---|---|---|---|
| class | classname | Определяет имя класса для элемента | STF |
| dir | rtl ltr | Определяет направление текста для содержания в элементе | STF |
| id | id | Определяет уникальный id для элемента | STF |
| lang | language_code | Указывает код языка для содержания элемента | STF |
| style | style_definition | Определяет встроенный стиль для элемента | STF |
| title | text | Определяет дополнительную информацию об элементе | STF |
| xml:lang | language_code | Указывает код языка для содержимого элементов, в документах XHTML | STF |
Более подробная информация о Стандартных атрибутах.
Атрибуты событий
Тег<li> поддерживает следующие атрибуты событий:| Атрибут | Значение | Описание | DTD |
|---|---|---|---|
| onclick | script | Скрипт выполняется когда нажимается мышка | STF |
| ondblclick | script | Скрипт выполняется когда мышка нажимается дважды | STF |
| onmousedown | script | Скрипт выполняется когда клавиша мышки нажата | STF |
| onmousemove | script | Скрипт выполняется когда указатель мышки сдвинулся | STF |
| onmouseout | script | Скрипт выполняется когда указатель мышки вышел из границ элемента | STF |
| onmouseover | script | Скрипт выполняется когда указатель мышки проходит над элементом | STF |
| onmouseup | script | Скрипт выполняется когда клавиша мышки отпущена | STF |
| onkeydown | script | Скрипт выполняется когда клавиша клавиатуры нажата | STF |
| onkeypress | script | Скрипт выполняется когда клавиша клавиатуры нажата и отпущена | STF |
| onkeyup | script | Скрипт выполняется когда клавиша мышки отпущена | STF |
Более подробная информация о Атрибуты событий.
Пример 1
Список внутри списка.<ul>
<li>Кофе</li>
<li>Чай
<ul>
<li>Черный чай</li>
<li>Зеленый чай</li>
</ul>
</li>
<li>Молоко</li>
</ul>Пример 2
Более сложный вложенный список.<ul>
<li>Кофе</li>
<li>Чай
<ul>
<li>Черный чай</li>
<li>Зеленый чай
<ul>
<li>Катай</li>
<li>Африка</li>
</ul>
</li>
</ul>
</li>
<li>Молоко</li>
</ul>Была ли эта информация полезной?
