A <DIV> tagok mire használják? (lent)

A div egy „konténer”. Meghatározz különböző html tag-eknek egy csoportját. CSS-el keverve relatíve szép, tiszta, átlátható kódot lehet így készíteni. A HTML-be elég ennyit írni:

<div id="oldal">

……<div id="fejlec">…</div>

……<div id="menu">…</div>

……<div id="tartalom">

…………<div class="bejegyzes>…</div>

…………<div class="bejegyzes>…</div>

…………<div class="bejegyzes>…</div>

…………<div class="bejegyzes>…</div>

……</div>

……<div id="lablec">…</div>

</div>

Talán látható, hogy így szépen szekciókra van osztva minden. Átlátható, könnyű belenyúlni, megérteni. Jóval áttekinthetőbb, mint táblázatokkal bűvészkedni. CSS-el minden résznek a megjelenése szépen testre szabható. (A gyakorlat sokszor kicsit komplikáltabb, de az elv talán ebből érthető.)

Tipikusan jó szemléltető példa: [link]

Itt ugyanannak a kódnak különböző dizájnjai láthatók. (Lásd: a select a design részt). Ha megnézed a forráskódot, akkor látható, mennyire letisztult, átlátható a kód.