ID und class

[Kevinb_91]

Morgen zusammen,
was mich beschäftigt ist folgende Frage; Warum genau gibt es das ID Element. Ich weiß, dass man es benutzt um genau 1 html Element zu Stylen, aber würde man nicht theoretisch das gleiche erreichen würde man ein class Element benutzen?
ob ich id="blabla" oder class="EinzigartigerClassName" verwende ist doch eigentlich egal oder?
Wo liegt der Vorteil von id?

Mfg.

 

[noxTo]

eine id muss einzigartig sein....
<p id="foo"></p>

eine class kannst du mehrfach verwenden

<p class="bar"></p>
<img class="bar">
<h1 class="bar"></h1>

 

[Kevinb_91]

Ja klar, das weiß ich aber warum gibt es die id, ich meine ich könnte auch theoretisch, an deinem Beispiel, <p class="foo"></p> wählen, solange ich diese class, mit dem namen foo, nicht nochmal verwende. Wäre doch dann genauso einzigartig, oder nicht?

 

[bdt600]

Wäre doch dann genauso einzigartig, oder nicht?

In dem Falle ja, aber du könntest "foo" auch mehrfach verwenden, wobei die Betonung auf "könntest" liegt. Bei einer Id ist das eben nicht der Fall.

 

[Kevinb_91]

Na klar, das wäre ja sogar noch der Vorteil von class, man kanns einzeln verwenden UND wenn man möchte auch mehrfach, deswegen frage ich mich ja wo genau der Sinn von ID liegt. Ist ja irgendwie nur die schlechere variante von class, meines erachtens.

 

[bdt600]

Eine ID setzt man ein, wenn ein bestimmtes Element nur einmal vorkommen darf, z.B. ein Header. Dich zwingt niemand, ID's zu verwenden, du kannst alles mit class machen. ID's haben auch noch den Vorteil, dass du damit über JavaScript auf ein Element zugreifen kannst.

 

[MrMurphy]

Hallo,

die haben unterschiedliche Eigenschaften, die ihre jeweiligen Vorteile haben. Von daher ist es albern zu behaupten, eins ist schlechter als das andere.

id sind zum Beispiel sinnvoll für Sprungziele bzw. Ankerpunkte. Oder wenn aus anderen Gründen eine Bezeichnung nur einmal auf einer Seite vorkommen soll / darf. Grade bei längeren Quelltexten kann dann mit der Validierung einfach geprüft werden, ob eine ID versehentlich mehrfach vergeben wurde.

Gruss

MrMurphy

 

[Kevinb_91]

Auf so eine Antwort hatte ich gehofft, vielen dank an dich und alle anderen die geantwortet haben. :)

 

[szapi]

ID wird u.a. auch zur logischen Verknüpfung von HTML-Elementen genutzt, bspw. <label> -> Formularfeld

 

[threadi]

Außerdem wird ID noch als Linkziel/Anker verwendet, und bei JavaScript um ein Objekt direkt anzusprechen.

 

[Hallo-Welt]

Genau. Man kann sofort auf das Element mit der ID zurückgreifen, wenn man die Domain folgendermaßen schreibt:

http://www.example.com/index.html#meine_id