CSS властивості
ГлавнаяТеги HTMLТег <div> в HTML

Тег <div> в HTML

1177

Елемент <div> (від англ. division — розділ, секція) є універсальним блоковим елементом і призначений для групування елементів документа з метою зміни виду вмісту через стилі. Для цього додається атрибут class або id з ім'ям класу або ідентифікатора.

>

Як і при використанні інших блокових елементів, вміст <div> завжди починається з нового рядка, після нього також додається перенесення рядка.

Синтаксис

<div>...</div>

Закриваючий тег

Обов'язковий.

Атрибути

align
Визначає вирівнювання вмісту <div>.

Також для цього елемента доступні універсальні атрибути та події.

Приклад

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>DIV</title> <style> .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">Грунтоосвітній процес фізично висушує моноліт у повній відповідності до закону Дарсі. У лабораторних умовах було встановлено, що сушильна шафа теоретично можлива. Вивітрювання, незважаючи на зовнішні дії, одноразове.</div> <div class="block2">Конкреція просторово трансформує пірогенний псевдоміцелій, хоча цей факт потребує подальшої ретельної експериментальної перевірки.</div>
</body>
</html>

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

Вигляд блоків, оформлених за допомогою стилів

Мал. 1. Вигляд блоків, оформлених за допомогою стилів

Специфікація

Специфікація Статус
WHATWG HTML Living Standard Живий стандарт
HTML5 Рекомендація
HTML 4.01 Specification Рекомендація

Специфікація

Кожна специфікація проходить кілька стадій схвалення.

  • Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт.
  • Candidate Recommendation (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як вона відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.
  • Proposed Recommendation (Пропонована рекомендація) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження.
  • Working Draft (Робочий проект) — більш зріла версія чернетки після обговорення та внесення поправок для розгляду спільнотою. єсіння правок редакторами проекту.
  • Draft (Чернетка специфікації) — перша чорнова версія стандарту.

Особняком варто живий стандарт HTML (Living) — він не дотримується традиційної нумерації версій, оскільки перебуває у постійній розробці та оновлюється регулярно.

Браузери

4 12 1 3.5 1 1
1 1 6 1

Браузери

У таблиці браузерів застосовуються наступні дуючі позначення.

  •  — елемент повністю підтримується браузером;
  •  — елемент браузером не сприймається та ігнорується;
  •  — при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.

Число вказує версію браузреа, починаючи з якої елемент підтримується.

views-similar-block" class="block">

Див. також