HTML-тег <ul-ol>

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

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

Атрибуты

• type (только для <ol>) — определяет тип нумерации (1, A, a, I, i).
• start (только для <ol>) — определяет начальное число для нумерации.
• reversed (только для <ol>) — определяет обратный порядок нумерации.

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

<ul id="myList">
  <li>Первый элемент</li>
  <li>Второй элемент</li>
</ul>

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

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

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

// Изменение стиля
listElement.style.listStyleType = 'circle';

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

• Используйте <ul> для ненумерованных списков и <ol> для нумерованных, чтобы обеспечить правильную семантику и улучшить доступность.
• Убедитесь, что элементы списка доступны для клавиатурной навигации.

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

• MDN Web Docs: <ol>