HTML-тег <li>

Характеристики

• Тип: блочный, статичный, семантический
• Назначение: Представляет элемент списка внутри <ul>, <ol> или <menu>.
• Родители: Только элементы <ul>, <ol>, <menu>.
• Потомки: Текст и любые строчные HTML-теги.
• Глобальные атрибуты: все
• Атрибуты событий: все

Атрибуты

• value (только для <li> внутри <ol>) — определяет значение элемента списка.

Пример использования

<li id="myListItem">Элемент списка</li>

Использование в JavaScript

// Получение элемента по ID
const listItemElement = document.getElementById('myListItem');

// Изменение содержимого
listItemElement.innerHTML = 'Новый элемент списка';

// Добавление класса
listItemElement.classList.add('new-class');

// Изменение стиля
listItemElement.style.color = 'blue';

Рекомендации по обеспечению доступности (a11y)

• Используйте <li> только внутри <ul>, <ol>, <menu> для обеспечения правильной семантики и улучшения доступности.

Полезные ссылки