Nog een belangrijke tag is <div>

Waarvoor dient het ?

Alles wat je tussen <div> en </div> plaatst vormt een blok, of maakt anders gezegd deel uit van een divisie of subsectie van een pagina.

Groepering

Je kan via een <div> via zijn attributen een heleboel eigenschappen laten doorgeven over bijvoorbeeld lettertype, kleur,... Zo moet je niet voor elk onderdeeltje apart attributen die toch maar hetzelfde zijn herdefiniëren.

Alles wat zich binnen <div> en </div> bevindt houdt zich dus aan de regels die je in de <div> tag oplegt.

Positie

Nog belangrijker is dat je een <div> tot op de pixel afgemeten kunt positioneren op je pagina, dus is het hét instrument bij uitstek om dingen de juiste plaats te geven.

Z-waarde

Ook kan je een <div> een z-waarde geven. Als je de horizontale as van je browser als X-as neemt, en de verticale as van je browser als Y-as, steekt de Z-as als het ware uit het scherm naar je toe.

Door één <div> een hogere z-waarde te geven dan een andere <div>, komt die met de hogere z-waarde bóvenop die met de lagere z-waarde te liggen. Je kan zo dus in lagen werken, en bv. tekst over foto's laten lopen. Verschrikkelijk handig.

In essentie is een <div> dus een al dan niet transparant rechthoekig veld, waarvan je zelf op voorhand de grootte definieert of de grootte laat afhangen van de inhoud die je er insteekt, dat je eender waar kan plaatsen, die je op elkaar kunt stapelen, en waarvan de inhoud zich houdt aan de regels die je per <div> oplegt.