• Категории: Потоковое содержимое
• Контекст:

  Где ожидается потоковое содержимое.

• Модель:

  Потоковое содержимое.

Тег <div> (сокращение от "division" - раздел) используется для группировки элементов, когда ни один другой тег больше не подходит. Никакой семантики и визуального оформления он не имеет и может содержать любой потоковый контент. Поэтому, чаще всего используется для дальнейшего применения атрибутов:

• class - для стилизации группы
• lang - для указание языка группы
• title - для описания группы
• и т.д.

Многие разработчики сильно злоупотребляют этим тегом в своих проектах. Излишнее использование <div> даже получило свое название - "дивянка". Со временем это начало приводить к следующим проблемам:

• запутанность разметки
• отсутствие семантики
• ухудшение доступности

Поскольку HTML движется в сторону повышения семантики документа, в HTML 5 был добавлен ряд новых семантических тегов. Они также не имеют никакого визуального представления, но позволяют сделать структуру сайта более логичной и "говорящей".

Атрибуты

• Глобальные атрибуты

• Смена языка

  Мы можем использовать <div> для группировки нескольких абзацев и указания их языка, если он отличается от языка основного содержимого:

• Группировка

  Элемент <div> можно использовать для группировка нескольких элементов в один цельный компонент. Это позволяет не только лучше воспринимать разметку, но и проще ее поддерживать:

  • перемещать элементы как единое целое
  • применять оформление через CSS к целой группе