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

html artikelen
Om een html element de identificeren, zeg maar een naam te geven, maak je gebruik van
het attribuut ‘class’, of het attribuut ‘id’. Wanneer gebruik je nu de een en wanneer
gebruik je nu de ander? En de vraag die er op volgt is natuurlijk, hoe gebruik je ze zo
dat je semantische opbouw van je html gewaarborgd blijft?

Het ID attribuut gebruik je om een unieke naam te geven aan een bepaald element in je html.
Je mag deze naam 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.

Het attribuut ‘class’ mag meerdere malen voorkomen in een en hetzelfde document. Daardoor
moet de naamkeuze ook wat algemener zijn. En voorbeeld kan zijn <p class=”artikel”>. De
paragraaf voor een artikel mag in dit geval dus vaker voorkomen op de pagina.

Waar we natuurlijk steeds meer de nadruk aan het leggen zijn op semantisch opgebouwde websites,
dat wil zeggen een logische opbouw, moet daar in de naamgeving goed over nagedacht worden.
Een naam moet niet iets zeggen over de styling, maar 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 misschien onderaan.
De naam ‘hoofdinhoud’ of ‘navigatie’ kan dus wel. Op welke plaats dit staat maakt niet uit,
het gaat 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.

Een reactie achterlaten

Het e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *