Тег <div>

IE
4.0+
Chrome
1.0+
Opera
4.0+
Safari
1.0+
Firefox
1.0+
Android
1.0+
iOS
1.0+

Описание

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

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

<div>...</div>

Атрибуты

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

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

Пример

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Тег div</title>
<style type="text/css">
div {
	padding: 10px;
	border: solid 1px black;
	float:left;
	background: #ccc;
}

.block2 { 
    background: #fc0; 
    position: absolute; 
    top: 30px; 
    left: 70px; 
}
</style> 
</head>
<body>
<div class="block1">HTML</div>
<div class="block2">CSS</div> 
</body>
</html>

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

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

Категория: Блочные элементы, Форматирование

Статьи по теме