Пример
Секция <div> в документе, стилизованная с помощью CSS:
<html>
<head>
<style>
.myDiv {
border: 5px outset red;
background-color: lightblue;
text-align: center;
}
</style>
</head>
<body>
<div class="myDiv">
<h2>Это заголовок
в элементе div</h2>
<p>Это некоторый текст в элементе div.</p>
</div>
</body>
</html>
Попробуйте сами »
Больше примеров "Попробуйте сами" ниже.
Определение и использование
Тег <div> определяет раздел или секцию в HTML-документе.
Тег <div> используется как контейнер для HTML-элементов, который затем стилизуется с помощью CSS или управляется с помощью JavaScript.
Тег <div> легко стилизовать, используя атрибуты class или id.
Внутрь тега <div> можно поместить любой вид содержимого!
Примечание: По умолчанию браузеры всегда добавляют разрыв строки до и после элемента <div>.
Поддержка браузерами
| Элемент | |||||
|---|---|---|---|---|---|
| <div> | Да | Да | Да | Да | Да |
Глобальные атрибуты
Тег <div> также поддерживает Глобальные атрибуты в HTML.
Атрибуты событий
Тег <div> также поддерживает Атрибуты событий в HTML.
Связанные страницы
Учебник HTML: Блочные и строчные элементы HTML
Учебник HTML: Макет HTML
Справочник HTML DOM: Объект Div
Настройки CSS по умолчанию
Большинство браузеров отображают элемент <div> со следующими значениями по умолчанию: