Главная/ Cправочник HTML, CSS, Javascript/ HTML справочник : HTML теги, HTML атрибуты, мета теги, спецсимволы/ Tags/ HTML тег div | назначение, синтаксис, атрибуты, примеры

Тег div

Последнее обновление: 22.01.2011

Тег <div> (англ. division — разделение) — тег-контейнер, выделяет логический блок. Один из основных элементов блочной верстки. В сочетании с таблицами стилей используется для разметки страницы, разбивки страницы на независимые секции.
Блочный элемент.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис


<div>...</div>

Атрибуты



align выраванивание содержимого контейнера

  • left — выравнивание по левой границе контейнера
  • center — выравнивание по центру
  • right — выравнивание по правой границе контейнера
  • justify — выравнивание по ширине

Значение по умолчанию зависит от свойств родительских объектов и настроек браузера. Обычно по умолчанию — выравнивание влево.

class определяет имя используемого класса
dir определяет направление символов:

  • ltr — слева направо
  • rtl — справа налево
id уникальный идентификатор
lang определяет язык отображаемого документа
onclick щелчок на элементе
ondblclick двойной щелчок на элементе
onkeydown нажатие клавиши, когда элемент имеет фокус
onkeypress нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup освобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedown нажатие кнопки мыши, когда элемент имеет фокус
onmousemove движение указателя мыши, когда элемент имеет фокус
onmouseout смещение указателя мыши с элемента
onmouseover помещение указателя мыши на элемент
onmouseup освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
style задает встроенную таблицу стилей
title всплывающая подсказка

Пример

Различные способы применения <div>:


<div style="background: #ff0000;">
Блок красного цвета
</div>
<div style="text-align:center;">
Выравниваем текст по центру...
</div>

Рекомендации по использованию

  • закрывающий тег обязателен (</div>)
  • может содержать CDATA, строчные и блочные элементы
  • обязательных атрибутов нет
  • не рекомендуется использовать атрибуты для форматирования содержимого, вместо используйте таблицы стилей
Твой код:

Результат: