/html/div:> Блок документа_

Элемент div

Синтаксис

(X)HTML
<div> ... </div>

Описание

Элемент div (от англ. "division" ‒ «раздел, блок») разбивает документ на отдельные части (разделы, подразделы, объекты), а так же форматирует стиль содержимого. С помощью данного элемента можно создавать на web-странице объекты различной сложности (блоки с текстом, меню, элементы меню, скрытые/открытые разделы страницы, кнопки и прочее).

Примечание

По умолчанию блок располагается на новой строке, а текст следующий за закрывающим тегом «</div>», переноситься на следующую (новую) строку.


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

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация

Верс. Раздел
HTML
2.0 ---
3.2 DIV and CENTER
4.01 7.5.4 Grouping elements: the DIV and SPAN elements
DTD: Transitional Strict Frameset
5.0 4.4.13 The div element
5.1 4.4.14. The div element
XHTML
1.0 Extensible HyperText Markup Language
DTD: Transitional Strict Frameset
1.1 Extensible HyperText Markup Language

Атрибуты

align
Устанавливает горизонтальное выравнивание содержимого.
Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент div</title>
<link type="text/css" href="ex-style.css" rel="stylesheet">
</head>
<body>
<h1>Пример с элементом "div"</h1>
<div class="box1"></div><p>Текст на новой строке.</p>
<div class="box1 fltLeft"></div><p>Текст обтекает элемент "div".</p>
<div class="box1" style="float: left;">Элемент "div" обтекает элемент "div"</div>
<p>Текст обтекает элемент "div".</p>
<div class="box2"><p>Полупрозрачный элемент с абсолютным позиционированием.</p></div>
</body>
</html>
Элемент div