Тег <div> HTML блочный элемент верстки, контейнер

Рейтинг: 4 из 5, голосов 7
++++-

Тег <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>

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

Тег Google Chrome Internet Explorer Mozilla FireFox Safari Opera
<div> Да Да Да Да Да

Атрибуты

В HTML5 у тега <div> нет атрибутов.

Устаревшие атрибуты

Атрибут Значение Описание
align

left
center
right
justify

Устанавливает правило выравнивания по горизонтали. В HTML5 используйте CSS.

Значения:
left - по левому краю (значение по умолчанию);
center - по центру;
right - по правому краю;
justify - по ширине.

Оцените, насколько полезна эта статья
++++-
Оставьте комментарий

Отправляя форму, я даю согласие на обработку персональных данных.