Verschil tussen class en id

Met een class of id kan je een benaming geven aan elementen zoals <div>, <span> of <p>. Maar wat veel mensen vergeten, is dat er dus wel degelijk een verschil is tussen beide. Als je ze verkeerd gebruikt, zal er eigenijk niet zoveel gebeuren. Toch willen we ze correct kunnen gebruiken.

Eigenlijk is het heel eenvoudig. Een bepaalde class mag meerdere keren voor komen op je pagina, een id slechts één keer. Alles zal duidelijk worden in onderstaand voorbeeld.

<div id="artikelen_lijst">
 
</div>

Zoals je ziet hebben we een div met als id ‘artikelen_lijst’, deze div mag maar één keer voorkomen op de pagina en is dus uniek. We hebben ook nog twee paragrafen met als class ‘artikel’, deze mogen dan weer meerdere keren voorkomen op een pagina.

Voor de mensen die nog niet weten hoe je een id en een class moet aanduiden in je css, hieronder een voorbeeld.

#artikelen_lijst {
width:100px;
font:12px Arial, Tahoma;
}
 
.artikel {
padding:0 0 10px 5px;
}

Zoals je ziet wordt een id aangeduid door middel van een hekje (#) en een class met een puntje.