ID oder Class

[Intersect]

Hallo.

Nun eine Frage die mich seid grad sehr geschäftigt, ist wann ich am besten ID oder Class benutzten sollte.
So wie ich es weiß wird ID benutzten um nur ein Element zu bezeichnen, und Class zur Bezeichnung von mehreren Elementen.

Dabei ist doch Div dafür da, um mehrere Elemente in Abschnitte zu teilen. Jedoch wird ID benutzt, was ich nicht nach vollziehen kann.

Könnte mir das jemand bitte erklären, möglichst mit Beispielen.. :)

Danke für die Aufmerksamkeit.

 

[Tronjer]

So wie ich es weiß wird ID benutzten um nur ein Element zu bezeichnen, und Class zur Bezeichnung von mehreren Elementen.

Das stimmt.

Dabei ist doch Div dafür da, um mehrere Elemente in Abschnitte zu teilen. Jedoch wird ID benutzt, was ich nicht nach vollziehen kann.

<div> == HTML;
id && class == CSS;

 

[Cheffchen]

Hallo,

ganz einfach.
Eine id darf auf einer Seite nur 1 mal vorkommen.
classe kann 100 mal vorkommen

Eine id setzt man um feste ankerpunkte für css zu haben.
beispiel:

<div id="kopf">
 <div class="text"></div>
 <div class="text"></div>
</div>
<div id="fuss">
 <div class="text"></div>
 <div class="text"></div>
 <div class="text"></div>
</div>

css könnte dann so sein

#kopf{width: 900px;height: 100px;margin:0 auto;}
#kopf .text {color:red;}
#fuss{width: 900px;height: 50px;margin:0 auto;}
#fuss .text {color:blue;}

.text {font-size: 12px;}

text kommt öfter vor und ist der feinschliff und die ids sind für das grobe bzw. um inliegende classen ansprechen zu können.
Das ist natürlich stark vereinfacht :O)

Cheffchen

 

[Jinglemaker]

<div> verwendet man um die css dateien (id & class) ins html gerüst einzufügen.

 

[threadi]

Nein, <div> verwendet man um HTML-Elemente zu gruppieren. Es dient weder als Grundgerüst noch als Element, welches seinen Inhalten irgendeine Bedeutung gibt. Als Hilfselement kann es bei der Gestaltung per CSS (egal ob mit ID oder class) helfen, ist aber nicht zwingend nötig und gewünscht.

 

[mermshaus]

Eine id setzt man um feste ankerpunkte für css zu haben.

Wobei ich IDs zu Formatierungszwecken nicht inflationär einsetzen würde. Im Zweifel würde ich Dinge über Klassen lösen. Das sind aber dann schon eher die Feinheiten.

- Don

Es ist jedenfalls sinnvoll, anzumerken, dass IDs auch immer Sprungziele für den Browser sind.

- Anker (HTML)

Großartig:

- http://www.stuffandnonsense.co.uk/archives/images/specificitywars-05v2.jpg

 

[Cheffchen]

^^ Großartig +1

die macht sei mit dir.

 

[Timmer]

Nur als Ergänzung:
Zusätzlich kann man mit IDs & dem Attribut "for" in einem Label Inputfelder und ihre dazugehörigen Texte miteinander verknüpfen. Klickt man anschließend auf das Label, wird der Fokus in das Inputfeld gesetzt (und das ganz ohne JS!).

Eine id darf auf einer Seite nur 1 mal vorkommen.
classe kann 100 mal vorkommen

Vorsicht, am Ende kommen noch Fragen wie "Was, wenn ich mehr als 100 Elementen die gleiche Klasse geben will?"

 

[Jinglemaker]

Genau... tschuldige hab mich vertan