home

"DIV" element

syntax : <div>inhoud</div>.

Het DIV element wordt gebruikt om webpagina's in te delen, dwz. om
een soort vlak verdeling aan te geven. Met gebruik van een stylesheet
kan dan aan worden gegeven waar een bepaalde div gepositineerd dient te worden alsmede een eventuele breedte en/of hoogte.

Non table design

Met het gebruik van het html element div, kan een betere vorm van webdesign worden gemaakt. Dit vooral omdat men in het verleden vaak een table layout gebruikte om een webpagina in te delen. Dit is veelal
gebaseerd op een gebrek aan kennis van stylesheets, en doordat veel software gebruik maakt van een table design.

Tables zijn eigenlijk bedoeld om getallen en gegevens weer te geven, en
niet om webpagina's in te delen. Om webpagina's in te delen verdient het "div" element de voorkeur. Het is dan ook niet voor niets dat "div"
staat voor het Engelse "divider" wat zoiets als verdeler betekend.

DIV voorbeeld

Het gebruik van het "div" element is eenvoudig, dit blijkt oa. uit het onderstaande voorbeeld.

<html>
<head>
</head>
<body>
<div>inhoud van een div</div>
<div>inhoud van een andere div</div>
<div>inhoud van alweer een andere div</div>
</body>
</html>

Het mag duidelijk zijn dat het gebruik van het "div" element op zich heel eenvoudig is. De webbrowser zal de divs in het voorbeeld als "natural flow" weergeven, dwz. van boven naar beneden.

img