R
-Online
N

div en span:
Eigen labels om de inhoud te benoemen

dia 7

Naast het benoemen van de inhoud met standaard tags kun je ook eigen labels gebruiken.

Om zelf namen te geven aan delen van de HTML gebruik je de tags div en span.

In de div of span tag voeg je dan class="mijn_Label" toe en daarmee heeft dat deel de naam "mijn_Label". Voorbeeld:

≺div class=″mijn_Label″≻De tekst ≺div≻

Het verschil tussen een div- en een span-element:
Een element wat je inpakt met span blijft in de regel staan (in-line).
Een div-element neem de ruimte tot aan het einde van de regel (block). Een volgend element komt er dus onder te staan.

Dit verschil in display is voor de standaard tags als volgt:

dia 8

In plaats van een class kun je ook een id gebruiken, maar die id-naam mag je dan niet meer voor een ander element gebruiken. Class-namen zijn wel voor meerdere elementen te gebruiken. De belangrijkste reden om een id te gebruiken i.p.v. een class is als je ook wilt linken naar dat id-element. ( Een andere is dat de opmaakregels voor een id die van een class overschrijven )