Тег <div> в HTML является блочным элементом верстки. Используется как контейнер для содержимого.
С помощью тега <div> обычно создается каркас и внутренняя структура страницы.
Тег <div> может содержать вложенные <div> элементы в неограниченном количестве.
HTML элемент <div> - основной тег верстки современного сайта. Для определения свойств блоков div используют каскадные таблицы стилей (CSS).
Тег <div> - блочный элемент. Для определения стилей строчных объектов используют тег <span>.
Синтаксис
<div>содержимое</div>Отображение в браузере
Контент блока 1
Контент блока 2
Контент блока 3
Контент блока 4
Пример использования <div> в HTML коде
<!DOCTYPE html>
<html>
<head>
<title>Блоки div в HTML</title>
<style>
.example_main_div div {
border: 1px solid black;
margin: 1px;
padding: 1px;
}
.example_toolbar {
float: left;
width: 33.3333%;
height: 100px;
}
.example_content {
height: 100px;
}
</style>
</head>
<body>
<div class="example_main_div">
<div>Контент блока 1</div>
<div class="example_toolbar">Контент блока 2</div>
<div class="example_content">Контент блока 3</div>
<div>Контент блока 4</div>
</div>
</body>
</html>Поддержка браузерами
| Тег |  |
 |
 |
 |
 |
| <div> | Да | Да | Да | Да | Да |
Атрибуты
В HTML5 у тега <div> нет атрибутов.
Устаревшие атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| align |
left |
Устанавливает правило выравнивания по горизонтали. В HTML5 используйте CSS. Значения: |
