Элемент <div>

Элемент <div> (от англ. division — раздел, секция) является универсальным контейнером, который используется для объединения и группировки других HTML-элементов с целью их последующей стилизации с помощью CSS и манипулирования ими с помощью скриптов.

Сам по себе элемент <div> не имеет никакого семантического значения. Рекомендуется его использовать только когда нет другого подходящего по семантике элемента.

Примеры использования элемента <div>:

создание основных блоков (секций) страницы, таких как шапка, меню, футер, контент и пр.;
группировка элементов для применения стилей или анимации ко всем элементам группы;
создание сеток и макетов страницы с помощью CSS Grid или Flexbox.

Категории	Потоковое содержимое, явное содержимое.
Синтаксис	`<div>...</div>`
Опускание тегов	Начальный и конечный теги обязательны.
Модель содержимого	Потоковое содержимое или, если родительским элементом является `<dl>`, то: один или несколько элементов `<dt>`, сопровождаемых одним или более элементами `<dd>`, возможно смешанных с элементами, поддерживающими скрипты.

Атрибуты

Для элемента <div> доступны глобальные атрибуты и события.

Стиль по умолчанию

Ниже показан стиль по умолчанию для элемента <div>, определённый в спецификации HTML:

div {
  display: block;
}

Пример

.styleBox {
  width: 17em;
  border: 1px solid #444;
  box-shadow: 9px 9px 7px #777;
  padding: 8px 15px;
  background-image: linear-gradient(180deg, #fab, #dff 45%, #bbb);
  margin: 0 auto;
}

<div class="styleBox">Вот интересный пример с отличным прямоугольником с тенью.</div>

Результат

Вот интересный пример с отличным прямоугольником с тенью.