HTML - тег <div>


Пример

Раздел <div> в документе, оформленном с помощью CSS:

<html>
<head>
<style>
.myDiv {
  border: 5px outset red;
  background-color: lightblue;
  text-align: center;
}
</style>
</head>
<body>

<div class="myDiv">
  <h2>This is a heading in a div element</h2>
  <p>This is some text in a div element.</p>
</div>

</body>
</html>

Другие примеры «Попробуйте сами» ниже.


Определение и использование

Тег <div>определяет раздел или раздел в HTML-документе.

Тег <div>используется в качестве контейнера для HTML-элементов, которые затем стилизуются с помощью CSS или управляются с помощью JavaScript.

Тег <div>легко стилизуется с помощью атрибута class или id.

<div> В тег  можно поместить любой контент !

Примечание. По умолчанию браузеры всегда размещают разрыв строки до и после <div>элемента.


Поддержка браузера

Element
<div> Yes Yes Yes Yes Yes

Глобальные атрибуты

Тег <div>также поддерживает глобальные атрибуты в HTML .


Атрибуты события

Тег <div>также поддерживает атрибуты событий в HTML .


Связанные страницы

Учебное пособие по HTML: блоки HTML и встроенные элементы

Учебник по HTML: Макет HTML

Справочник по HTML DOM: объект Div


Настройки CSS по умолчанию

Большинство браузеров будут отображать <div>элемент со следующими значениями по умолчанию:

Пример

div {
  display: block;
}