/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 |
Атрибуты
Пример использования
Листинг кода
<!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>
<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