class och id

Skillnaden är att formellt ;) så måste värdet på ett ID vara unikt inom hela dokumentet (oavsett vilken tagg det kopplats till), medan ett och samma värde på CLASS kan kopplas till en eller flera taggar.

Se vidare http://www.w3.org/TR/html4/struct/global.html#h-7.5.2

Att sedan "de vanliga" webbläsarna tillåter att man har samma ID på flera taggar är en intressant sidoeffekt och IMHO alltså en bugg ;)

------------------
Have fun
;)

Aha...
Finns igentligen ingen anledning att använda id då?

------------------
/Tor
www.tor.nu

Jodå... om man vill ha ett utseende på sidan för bara ett specifikt element (t.ex. sidfot, navbar) så kan man mycket väl använda id, eftersom man då ger läsaren av koden en bättre ide om vad som händer. Dessutom är det ju viktigt för dhtml et.c..

------------------
You can be a coward for a few minutes, or dead forever. /Rincewind

[Redigerat av spango den 06 dec 2001]

Du kan ju också ha både class och id som attribut i samma tagg och på så sätt kan du lägga all formatering i en extern CSS-fil och ändå styra utseendet för en viss, speciell, tagg (ibland vill man slippa en massa style="..." attribut i HTML-koden ;) )

Exempel:

<table class="foo" id="menubar">...</table>
<table class="foo" id="pagefooter">...</table>

CSS:

.foo { ... }
#menubar { ... }
#pagefooter { ... }

------------------
Have fun
;)

[Redigerat av jarvklo den 07 dec 2001]

En trevlig sak med klasser är att man kan skriva:

<div class="menu">...</div>
<span class="menu">...</span>

Och kan sen i stilmallen skriva:

div.menu {...}
span.menu {...}

Istället för att hitta på egna namn för olika taggar... :)

------------------
/Erik
www.juhlin.nu /sk8files/ /mp2d/

tänkte passa på att fråga en sak. Om man nu har både class och id inom samma tagg, vilken överlappar vilken, dvs vilken bestämmer i slutänden?

id har högre prio än class

ok, tack

Jag ser CLASS som "author defined semantics", alltså saker som man egentligen vill ska finnas med i HTML men som inte finns (ännu). Tex:

<header>

...finns ju inte i HTML4, så istället använder jag

<div class="header">

ID ser jag som en identifierare man kan länka till eller hämta från DOMen med javascript eller CSS. Därför tänker jag mer på "URI design" när jag använder ID, och på "semantik" när jag använder CLASS. Det betyder att jag använder engelska namn för CLASS och svenska namn för ID (om sidan är på svenska).

Men det finns ju inget "rätt" och "fel"... :)