HTML-тег <div>

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

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

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

<div id="myDiv">
  <p>Пример содержимого</p>
</div>

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

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

// Изменение содержимого
divElement.innerHTML = 'Новое содержимое';

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

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

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

Используйте семантические теги вместо <div>, когда это возможно (например, <header>, <footer>, <main>, <section>, <article>).
Если необходимо использовать <div> для интерактивных элементов, убедитесь, что они доступны с клавиатуры и имеют соответствующие роли и атрибуты.
Отсутствие семантики у <div> может затруднить понимание структуры страницы для пользователей вспомогательных технологий.
Использование <div> для интерактивных элементов без соответствующих атрибутов может привести к проблемам с доступностью.

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