Тег div

Справочник:

Тег

Характеристики тега

В каких браузерах работает?


4.0+	1.0+	4.0+	1.0+	1.0+	1.0+	1.0+

В каких спецификациях используется?

HTML

3.2

4.01

5.0

XHTML

1.0

1.1

Для чего используется?

Главным образом тег <div> используется как отдельная часть дизайна, или проще говоря обертка. Определенная часть документа оборачивается в него и после содержимому div задают особые стили. Чаще всего к тегу применяют атрибут class, через значение которого присваивают уникальное оформление и стиль через файл CSS.

Тег <div> является основой блочной верстки, которая в свою очередь является основой современной верстки.

Как правильно задавать?

<div>содержимое блока</div>

Какие атрибуты поддерживаются?

align - отвечает за выравнивание контента в рамках тега.
title - при наведении на блок выводит подсказку, которая характеризует содержимое.

В дополнение этого, тег поддерживает универсальные атрибуты и события.

Закрытый тег

Да.

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

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег div</title>
  <style type="text/css">
   .selector1 {
    width: 150px;
    background: #eee;
    padding: 15px;
    float: left;
   }
   .selector2 {
    width: 300px;
    background: #c2c2c2;
    padding: 15px;
    float: left;
    position: relative;
    top: 30px;
    left: -50px;
   }
  </style>
 </head>
 <body>
 
  <div class="selector1">Пример первого блока с бежевым задним фоном
и текстом внутри него. Оформление привязано для этого блока
 к классу selector1.</div>
  <div class="selector2">Пример второго блока с серым задним фоном
 и текстом внутри него. Оформление привязано для этого блока
 к классу selector2.</div>
 
 </body>
</html>

По итогу получаем

Тип html тега:

Блочные элементы

Форматирование