Welke verschillen kent u tussen klassen en…

Klassen (.class):
- Kan worden toegepast op één of meerdere elementen op de pagina.
- Worden gebruikt om stijlen of gedrag te groeperen die gemeenschappelijk kunnen zijn voor verschillende elementen.
- In CSS worden ze aangegeven met een punt (.).
- In JavaScript kan je een collectie van elementen op klasse krijgen (getElementsByClassName, querySelectorAll).
Identificatoren (#id):
- Moeten uniek zijn voor elk element op de pagina. Volgens de HTML5-specificatie mag een ID meer dan eens voorkomen als het document niet meer dan één element bevat met dezelfde id-waarde. In de praktijk wordt echter aanbevolen om unieke ids te gebruiken voor correcte werking met JavaScript en CSS en om verwarring te voorkomen.
- Worden meestal gebruikt om een specifiek en uniek element te stylen of te benaderen.
- In CSS worden ze aangegeven met een hekje (#).
- In JavaScript kan je een element op ID krijgen (getElementById).
CSS-specificiteit: Identificatoren hebben een hogere specificiteit dan klassen. Dit betekent dat een regel met een ID-selector een regel met een klasse-selector overschrijft als ze op hetzelfde element worden toegepast.
Semantiek: id wordt vaak gebruikt om structurele delen van de pagina aan te duiden (bijvoorbeeld #header, #footer), terwijl klassen (.button, .card) het type of de staat van het element kunnen beschrijven.

Welke verschillen kent u tussen klassen en identificatoren?