class og id

[smurfine]

Når bruker man div class og når bruker man div id?

[Svendsen2]

Når bruker man div class og når bruker man div id?

6884389[/snapback]

 

 

Div id bruker man på ting som man bare skal bruke en gang pr. side.

Div class kan man bruke så mange ganger man vil på en enkel side, det gjør da at koden fortsatt validerer:)

[salah]

Og det er altså ikke mulig å bruke en id mer enn en gang.

[Garreth]

Men du kan bruke begge to for det. F.eks:

<div class="mat" id="frokost">Tekst</div>
<div class="mat" id="middag">Tekst</div>

CSSen blir da:

.mat{ /*Style her*/}
.mat #frokost{ /*Style her*/}
.mat #middag{ /*Style her*/}

Endret 18. september 2006 av Garreth

[Steinmann]

Somregel bør man prøve å komme unna med så få, og der det trengs så semantiske klasser/id'r som mulig.

Super artikkel av tantek:

http://tantek.com/log/2002/12.html#L20021216t2238

Er man ny i semantisk html bør man også se på divmania:

http://juicystudio.com/article/div-mania.php

[Greven22]

Hva er egentlig fordelene med og sette både class og ID ? Noe spesielt man kan gjøre med det?

[Haraldson]

Vel, du kan gi generelle stiler til en type elementer, for eksempel en div. Så kan det være at én div skal se litt annerledes ut - vi slenger på en klasse. Til slutt kan det hende at man skal kunne lenke til denne diven, og da trenger vi en ID. For eksempel.

[Greven22]

Ok, takk!

Men man kan vel ikke sette en div i en klasse og en ID og få verdier fra begge, slik at man foreks kan få to borders?

[Svendsen2]

Ok, takk!

Men man kan vel ikke sette en div i en klasse og en ID og få verdier fra begge, slik at man foreks kan få to borders?

6909289[/snapback]

 

Det skal gå fint:)

[834HF42F242]

Class er til for å henvise til en klasse i CSS. Samme klasse kan i henhold til W3C-standarden brukes på flere elementer i ett og samme HTML-dokument. Klasser definerer altså format og layout på typiske/"common" elementer. ID brukes for å identifisere et unikt element i et HTML-dokument. Man kan gi en ID formater og posisjoner, men det er ikke trivielt.

Jeg bruker ID til å spesifiere et unikt DIV-element, og setter så formater og posisjoner på elementer som befinner seg innenfor den gitte ID-DIVen.

 

Eks:

<style>
#kolonne-en {
  background: #000;
}
#kolonne-en p {
  color: #FFF;
  padding: 3px;
  border: solid 1px #000;
  margin-left: 5px
}
</style>
<div id="kolonne-en">
  <p>Tekst her</p></div>

På den måten bli alle paragrafer innenfor den gitte ID-en formatert på sitt vis, uten at det påvirker elementer i resten av dokumentet. Dette gir en semantisk og ryddig koding, og i mange tilfeller færre koder i CSS-filen.

 

Edit: Style-taggen er kun brukt for illustrasjonens skyld.

Endret 21. september 2006 av neitakk