Главная » Справочник » Справочник по HTML » Справочник по тегам HTML элементов » Тег div HTML

Тег div HTML

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

Тег <div> - синтаксис и код

Тег <div> представлен парами. Содержимое записывается между открывающим (<div>) и закрывающим (</div>) тегами.

Пример кода раздела <div>, оформленный с помощью CSS:

<html>
<head>
<style>
.myfirstdiv {
   border: 4px outset green;
   background-color: white;
   text-align: center;
   color: black;
}
</style>
</head>
<body>
<div class="myfirstdiv">
   <h3>Это заголовок в элементе div</h3>
   <p>Это текст в элементе div.</p>
</div>
   <p>Это текст за пределами элемента div.</p>
</body>
</html>

Это заголовок в элементе div

Это текст в элементе div.

Это текст за пределами элемента div.

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

HTML - тег <div> определяет раздел или секцию в HTML-документе;
Тег <div> используется в качестве контейнера для элементов HTML, которые затем оформляются с помощью CSS или управляются с помощью JavaScript;
Тег <div> легко стилизовать с помощью атрибута class или id;
По умолчанию браузеры всегда размещают разрыв строки до и после элемента <div>;
Внутри тега <div> можно поместить любой контент!

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

✪ Рекомендация: используйте тег <div> только в том случае, если другие семантические элементы, представленные в HTML5 (например, <nav>, <main> или <article>), не подходят.

★ Примечание: тег <div> НЕ может находиться внутри тега <p>, поскольку абзац будет разорван в месте ввода тега <div>.
Чтобы применить стили внутри абзаца, используйте тег <span>, который используется со встроенными элементами.