Beste Sitedealers,

Ik vroeg me na al die jaren (X)HTML(5) te hebben geprogrammeerd wat nou eigenlijk beter is voor een element. Ik weer dat een id in Javascript makkelijk op te halen is via getElemetById('idname'). Maar wat is nou eigenlijk het verschil tussen class en id. En wat gebruik jij het meest/liefst en waarom?

Met vriendelijke groet,
gast31394

kort door de bocht:
class voor stijlen/opmaak (kan/komt vaker voor in je html-code)
id voor functionaliteiten mbv java (komt 1x voor in je html-code)

Id's zouden uniek moeten zijn in een dom (pagina). Classes kunnen vaker voorkomen. Dat is een stelregel die ik handhaaf.

@Jopie, aan beide koppel ik javascript, het spreekt echter voor zich dat javascript gekoppeld aan classes dus moet rekenen op meerdere elementen en dus vaker voorkomt. Bij ID's zou dat niet voor mogen komen.

Een class is bedoeld om te gebruiken voor een element dat vaker dan één keer op dezelfde pagina voorkomt, een id mag dan ook niet vaker dan één keer voorkomen op een pagina.

@jopie
classes kan je ook aanroepen in javascript en id's kan je ook stijlen

Een ID kan je maar aan een element hangen en overheerst alle classes.
Een class kan aan meerdere elementen gekoppeld worden, en is dus handig voor bepaalde zaken die regelmatig terug komen.
Geen ID/class is ook nog een optie, dat probeer ik zo vaak mogelijk te gebruiken.

Als voorbeeld;

Code:

<div id="content">

  <p class="right">
    blablabla
  </p>

  <p>
   bla bla 2
  </p>

   <img src="test.jpg" class="clear right" />

</div>

In dit geval is er 1 content vak op de website.
Daarin staan paragraven, die worden dan aangeroepen met: '#content p'
Aangezien er regelmatig elementen zijn die alleen een float naar links of rechts nodig hebben maak ik altijd een class .right / .left aan. Deze kunnen dan aan meerdere elementen gekoppeld worden.

Er moet dus gewoon telkens worden afgewogen wat handiger is om te gebruiken.
Het is niet handig om 10 elementen een ID te geven met de naam #right1 #right2 etc.
Maar als iets maar echt 1x voorkomt, zoals een header/footer/content, dan is het netter en veiliger om ID te gebruiken.

Voor javascript hoef je het niet te doen, met jQuery word een .class net zo makkelijk aangeroepen.

Ik gebruik overal een class voor, behalve voor zoiets als forum berichten of iets dergelijks. Waarom? Dan kan ik elke ID een unieke waarde meegeven, en in de URL bijvoorbeeld dit doen; http://example.com/forum/topic/349#Forum-bericht-ID

Het ligt erook aan in welke taal de backend code word geschreven.
Zolaat PHP een id gewoon zoals het is maar maakt C# er het volgende van.

in jou html code staat id="UniekID"
maar wanneer je in je browser gaat kijken staat er id="Communicatie1_VerzondenBerichten1_BerichtenGri d1_UniekID"

id = UNIEKE identifier (dus 1 keer)
class = KLASSE, een groep bóven een ID. Classes kun je ook combineren (class="dikgedrukt groen")

CLASS=CSS
ID=JS

Nooit anders :)

ID hoeft niet altijd gebruikt te worden voor JS. Indien jij een bepaalde functie maakt die bijvoorbeeld een li met een class genereert dan is het element gewoon een class en geen id, het zou semantisch niet correct zijn om hier een ID voor te gebruiken.