Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Тег div

Дата:9.09.15 в 10:22
Справочник: 

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

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

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>

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

div

Оценка: 
Оценок: 1 (средняя 5 из 5)
Понравилась статья? Расскажите о ней друзьям: