Wat is het verschil tussen <div class="">
en <div id="">
als het op CSS aankomt? Is het goed om <div id="">
te gebruiken?
Ik zie verschillende ontwikkelaars dit op beide manieren doen, en aangezien ik'een autodidact ben, heb ik het nooit echt uitgezocht.
Een id moet uniek zijn in de hele pagina.
Een klasse kan voor veel elementen gelden.
Soms is het's een goed idee om ids te gebruiken.
In een pagina heb je meestal een voettekst, een koptekst...
Dan kan de voettekst in een div staan met een id
en nog steeds een klasse hebben
ID's zijn uniek. Klassen zijn dat niet. Elementen kunnen ook meerdere classes hebben. Ook kunnen klassen dynamisch aan een element worden toegevoegd en verwijderd.
Overal waar je een ID kunt gebruiken, kun je in plaats daarvan een class gebruiken. Het omgekeerde is niet waar.
De conventie lijkt te zijn om IDs te gebruiken voor pagina elementen die op elke pagina staan (zoals "navbar" of "menu") en classes voor al het andere, maar dit is slechts conventie en je'zult grote variatie in gebruik vinden.
Een ander verschil is dat voor formulier input elementen, het <label>
element verwijst naar een veld door ID dus je moet IDs gebruiken als je <label>
gaat gebruiken.
In vroeger jaren werden IDs ook geprefereerd omdat ze'makkelijk toegankelijk zijn in Javascript (getElementById). Met de komst van jQuery en andere Javascript frameworks is dit nu zo goed als een non-issue.
Klasse is voor het toepassen van je stijl op een groep elementen. ID stijlen zijn alleen van toepassing op het element met dat ID (er zou er maar één moeten zijn). Meestal gebruik je classes, maar als het eenmalig is kun je IDs gebruiken (of gewoon de stijl direct in het element plakken).