Ce face <div>
Tagul <div> este cel mai des folosit container din HTML. Nu are o semnificație proprie: transmite doar browserului că elementele din interior formează un bloc comun.
Se folosește exclusiv în scopuri vizuale și arhitecturale: pentru a crea coloane CSS Grid sau Flexbox, carduri cu umbră, ferestre pop-up sau secțiuni stilizate, atunci când niciun tag semantic (cum ar fi <article> sau <section>) nu este adecvat.
Atribute
| Atribut | Descriere |
|---|---|
class |
Una sau mai multe clase CSS pentru aplicarea stilurilor vizuale. |
id |
Identificator unic pe pagină, folosit în CSS sau JavaScript. |
Exemple
Exemplul 1: Gruparea a două elemente într-un card flexibil
div servește ca suport pentru stilizarea CSS a cardului.
<div style="border: 1px solid #ddd; padding: 15px; border-radius: 8px;">
<h3>Curs HTML gratuit</h3>
<p>Învață de la zero structura web.</p>
</div>Ce afișează browserul
O casetă dreptunghiulară cu chenar gri și colțuri rotunjite, conținând titlul și textul.Greșeli frecvente
- Fenomenul de „div soup” (imbricarea excesivă de div-uri în interiorul altor div-uri fără motiv).
- Folosirea
în loc de taguri semantice evidente: scriereaîn loc de
sau