ID's en classes, de een of de ander?

Een html element een naam geven (element) gebruiken we het attribuut ‘class’ of ‘id’.
Maar wanneer gebruiken we ‘class’ en wanneer nou ‘id’?
Dan komt de vraag erna, hoe kunnen we ze zo gebruiken dat we een logische opbouw blijven behouden?

Het ID attribuut gebruik je om een unieke naam te geven aan een bepaald element in je html. Het attribuut ID mag je maar een keer laten voorkomen in je document!
Dat heeft tot gevolg dat je ook vrij specifiek kunt zijn in de naam die je het geeft. Bijvoorbeeld <div id="logo"> kan een goede naam zijn aangezien de 'div' alleen maar betrekking heeft op het logo en niet nodig is voor andere delen van je webpagina.

In tegenstelling tot het attribuut ID mag je het attribuut 'class' meerdere malen gebruiken. Daardoor is het gemakkelijker als je de naamkeuze ook wat algemener aan houdt.
En voorbeeld kan zijn <p class="artikel">. De paragraaf voor een artikel mag in dit geval dus vaker voorkomen op de pagina.

Tegenwoordig leggen we steeds meer de nadruk op het leggen van een semantische opbouw. Makkelijker gezegd; een logische opbouw van je website.
Een naam moet niet iets zeggen over de styling, maar wel over de inhoud.
De naam 'linkerkolom' of 'rechterzijde' is dus niet goed. Wanneer je namelijk een andere layout zou willen maken kan de linkerkolom wel eens rechts staan en de rechterzijde staat dan misschien wel onderaan. De naam 'hoofdinhoud' of 'navigatie' kan dus wel. Op welke plaats dit staat maakt niet uit, het gaat nu juist om de inhoud.

Classes en id's worden gebruikt om CSS mee te geven aan het element. Maar ook 'behaviours' binnen JavaScript maken er gebruik van. En zelfs andere html elementen (denk aan interne links) kunnen classes en id's nodig hebben.

Er werd nog geen reactie geplaatst.