Тег <div> (сокращенно от division) является универсальным контейнером для содержимого. Сам по себе тег не передает браузеру какой-либо определенный смысл, также у него нет значения по умолчанию.
Тег <div> широко используется для определения структурных разделов документа и макета веб-страницы с использованием CSS-свойств.
| Тип: | Block |
| Контент: | Блочные, строчные элементы, текст |
| Открывающий тег: | Обязательный |
| Закрывающий тег: | Обязательный |
| Версия: | HTML 3.2, 4, 4.01, 5 |
Элемент
<div> идеально подходит для группировки контентных элементов (с использованием атрибутов class или id), поскольку он не передает никакого смысла в отношении своего содержимого, а также не имеет стилей или значения по умолчанию.
Синтаксис
Базовый синтаксис тега <div> выглядит следующим образом:
HTML / XHTML: <div> ... </div>Примеры написания кода тега <div> :
<div class="welcome-box">
<h1>Привет</h1>
<p>Добро пожаловать, на наш сайт</p>
</div>Специальные атрибуты тега
В следующей таблице приведены атрибуты, которые относятся к тегу <div>:
| Атрибут | Значение | Описание |
|---|---|---|
align |
leftrightcenterjustify |
Выравнивает содержимое внутри тега <div>. |
Глобальные атрибуты
Как и все другие HTML-теги, тег <div> поддерживает все глобальные атрибуты в HTML5.
Атрибуты для событий
Тег <div> так же поддерживает атрибуты событий в HTML5.
Поддержка браузеров
Тег <div> поддерживается во всех основных браузерах.
