logo
ВебТех Конспект лекций 2011 укр

Елемент div

DIV iграє роль універсального блоку. Блоковий елемент завжди відокремлений від інших елементів сторінки (контексту) порожній рядком. DIV не несе ніякого смислового навантаження. Часто кажуть, що DIV - це розділ сторінки. Але насправді його застосування має сенс тільки в контексті CSS. Ніяких правил за замовчуванням для відображення DIV не існує. Це просто новий рядок тексту.

DIV дозволяє застосувати атрибути стилю, пов'язані з кордоном блоку і відступами блоку від кордонів старшого елемента, а також "набивання", тобто відступ від кордону блоку до кордону вкладеного елемента:

<DIV STYLE="margin:20px;padding:10px;">

Блоковий елемент, заданий елементом розмітки DIV.

<P> Для нього визначена межа і відступи як

від кордонів старшого елемента розмітки , так і

для вкладених в нього елементів розмітки. </

P>

</DIV>

Рис. 9.1.

У даному прикладі всередині вікна браузера розташований блоковий елемент (DIV), всередину якого поміщений ще один блоковий елемент (P). DIV має білий фон і кордон.

Якщо текст буде проглядатися браузерами, що не підтримують CSS, елемент DIV використовувати не рекомендується. У цьому випадку краще застосувати параграф або інший відповідний за змістом елемент розмітки з стандартного набору HTML.