Тег <DIV>

Internet Explorer			Chrome			Opera			Safari			Firefox
6.0	7.0	8.0	2.0	3.0	4.0	9.2	9.6	10	2.0	3.1	4.0	2.0	3.0	3.6

HTML:

3.2

XHTML:

1.0

1.1

Описание

Элемент <DIV> является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого. Как правило, вид блока управляется с помощью стилей. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить параметр class или id с именем селектора.

Как и при использовании других блочных элементов, содержимое тега <DIV> всегда начинается с новой строки. После него также добавляется перенос строки.

Синтаксис

<div>...</div>

Параметры

align: Задает выравнивание содержимого тега <DIV>.
title: Добавляет всплывающую подсказку к содержимому.

Закрывающий тег

Обязателен.

Пример. Использование тега <DIV>

HTML 4.01IE 6IE 7IE 8Cr 4.0Op 10Sa 4Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег DIV</title>
  <style type="text/css">
   .block1 { 
	width: 200px; 
	background: #ccc;
	padding: 5px;
	padding-right: 20px; 
	border: solid 1px black; 
	float: left;
   }
   .block2 { 
	width: 200px; 
	background: #fc0; 
	padding: 5px; 
	border: solid 1px black; 
	float: left; 
	position: relative; 
	top: 40px; 
	left: -70px; 
   }
  </style> 
  </head>
 <body>

  <div class="block1">Lorem ipsum dolor sit amet, consectetuer 
   adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet 
   dolore magna aliguam erat volutpat.</div>
  <div class="block2">Ut wisis enim ad minim veniam, quis nostrud 
   exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex 
   ea commodo consequat.</div> 

 </body>
</html>

Результат данного примера показан ни рис. 1.

Рис. 1

Рис. 1. Вид блоков, оформленных с помощью стилей