HTML таг div
Пример
Кратък пример как се използва тагът <div>.
<div class="container py-3">
<div class="row">
<div class="col-md-8">
<h2>Заглавие в <code>div</code></h2>
<p>Това е основното съдържание, групирано в <code>div</code> елемент.</p>
</div>
<div class="col-md-4 bg-light border rounded">
<h3 class="h5">Страничен панел</h3>
<p>Тук може да има допълнителна информация.</p>
</div>
</div>
</div>Дефиниция и употреба
Виж как се ползва тагът <div>.
<div> е блоков HTML елемент, използван за групиране и структуриране на съдържание в уеб страница. Той сам по себе си няма семантично значение (за разлика от елементи като <header>, <main>, <article>), но служи като универсален контейнер, върху който могат да се прилагат CSS стилове и JavaScript функционалности.
Най-често <div> се използва за:
- оформяне на layout (редове, колони, секции) в комбинация с CSS или Bootstrap;
- групиране на свързани елементи (текст, изображения, бутони) в логически блок;
- прилагане на общи стилове чрез класове и идентификатори (
class,id); - закачане на JavaScript събития и динамично манипулиране на съдържанието.
Синтаксисът е прост: <div>...съдържание...</div>. Вътре могат да се поставят почти всички други HTML елементи. Добра практика е да се използват описателни имена на класове и да се предпочитават семантични тагове, когато са подходящи, а <div> да се използва като „универсален контейнер“ там, където няма по-подходящ семантичен елемент.
Browser Support
| Browser | Поддръжка |
|---|---|
 Chrome |
✔️ |
 Firefox |
✔️ |
 Edge |
✔️ |
 Safari |
✔️ |
 Opera |
✔️ |
Атрибути
Този елемент няма специфични атрибути.