Verschil tussen "class" en "id"

[SvMp]

Misschien een hele domme vraag, maar: Wat is het verschil tussen "class" en "id" ?

Docs over CSS en HTML zeggen dat id voor een enkele keer bedoeld is en class voor vaker.
Ze lijken echter beide hetzelfde te doen. Waarom bestaat dan toch het ID-attribuut? Het kan toch net zo goed met class? Of is er toch een belangrijk verschil tussen die twee?

[coubertin119]

Een id mag je maar 1 maar toewijzen, terwijl je een class meermaals kan toewijzen. Ook JavaScript is hier op gebaseerd als je elementen via het DOM wil benaderen.

[Verwijderd]

Daarnaast werkt ID ook nog zo:

code:

<a href="#kopje">Kopje</a>

<h2 id="kopje">Kopje</h2>

[Bluestorm]

De namen verraden zichzelf al bijna... met een id identificeer je een element. Welk element het is dus. Dit is dan ook uniek binnen het document. Met class definieer je tot welke klasse het element behoord. Wat voor element dus. Hiervan kunnen er vanzelfsprekend meerdere elementen tot een zelfde klasse behoren.

[creative8500]

Snap je het verschil tussen deze twee?

code:

<ul id="main-menu" />
<ul class="ingredients" />

De eerste is voor een uniek menu, dat uniek op de pagina aanwezig is. De tweede is een lijstje van de ingredients-class, om bijvoorbeeld zulke lijstjes te maken:

[deleted /]

[ Voor 20% gewijzigd door creative8500 op 11-01-2004 20:44 ]

[Verwijderd]

Hotlinken mag niet creative8500...


Met een CLASS kun je een klasse/groep aanmaken met eigenschappen die voor iedere element in die CLASS geldt.

Zo is er op deze website een CLASS gedefineerd "gotcrew" die een bepaalde opmaak heeft in de STYLEsheet waardoor de nicks gekleurd worden in een topic. Op dezelfde manier is er een even/oneven berichtenclass waardoor de berichten om en om anders gekleurd worden.
De verschillende classes kunnen gebruikt worden door meerdere elementen - meermalen op een pagina.

Een CLASS is dus een verzameling, een reeks. Integenstelling tot een ID welke uniek is.

[ Voor 20% gewijzigd door Verwijderd op 11-01-2004 20:26 ]

[Verwijderd]

id is toch een soortement van label
class is toch een verwijzing naar css om bepaalde elementen te koppelen aan datgene waar je de class in aanroept?

[Willem]

Zoiets, maar dan anders....


_{* Willem mompelt iets met klok en klepel}

[crisp]

Met een id kan je een element in je document uniek identificeren, wat voornamelijk met scripting erg prettig is. Dat je er toevallig ook nog iets met style mee kan doen is leuk meegenomen

Maar dit is natuurlijk wel erg basic...