[Notanda eytt] fyrir 17 árum, 1 mánuði Fjöldi lestra: 499

ID vs. Class?

Ég var að spá, skiptir nokkuð einhverju máli hvort maður notar ID eða Class í t.d. div tögum? Er ekki eini munurinn hovrt maður þurfi að gera punkt eða # í CSS? :P

[Notanda eytt] fyrir 17 árum, 1 mánuði

Hæ, þetta fer allt eftir vali notanda en þegar þú býrð til layers á síðu þá er alltaf best að hafa alla stóru layera, sem eru yfir alla hina littlu og mest notuðu, sem ID.

Get nú ekki alveg útskýrt þetta svona, en ég get það með smá kóða yfirsýn.

Segjum að þú sért með síðu með haus, hliðarbar, body og fót. Svona gæti kóðinn verið fyrir layerana:

<body>
<div id=[color=gray]"wrapper"[/color]> [color=gray]<!-- Wrap Border yfir síðuna -->[/color]
    <div id=[color=gray]"header"[/color]> [color=gray]<!-- Haus síðunnar -->[/color]
        <div>Texti</div>
    </div>
    <div id=[color=gray]"sidebar"[/color]> [color=gray]<!-- Hliðarbar síðunnar -->[/color]
        <div>Texti</div>
    </div>
    <div id=[color=gray]"content"[/color]> [color=gray]<!-- Body-ið af blogginu -->[/color]
        <div class=[color=gray]"bfaersla"[/color]> [color=gray]<!-- Bloggfærsla -->[/color]
            <div>Texti</div>
        </div>
        <div class=[color=gray]"bfaersla"[/color]> [color=gray]<!-- Bloggfærsla -->[/color]
            <div>Texti</div>
        </div>
    </div>
    <div id=[color=gray]"footer"[/color]> [color=gray]<!-- Fótur bloggsíðunnar -->[/color]
        <div>Texti</div>
    </div>
</div>

Þessi aðferð finnst mér þægilegust og ég sé líka þessa aðferð notaða á flest öllum síðum sem ég skoða.

Fyrra álit

andrijan fyrir 17 árum, 1 mánuði

Sæll,

Munurinn liggur í því að ef hluturinn er einstakur (bara til eitt stykki af honum) þá notarðu ID en þú notar class ef þú ætlar að hafa marga hluti sem nota sama class

T.d.

<div id="content">
  <a class="link" href="foo">foo</a>
  <a class="link" href="bar">bar</a>
  <a class="link" href="foobar">foobar</a>
</div>

Ein ástæðan fyrir því að þú ættir ekki að setja sama ID á marga hluti er að þá geturðu ekki notað getElementById

Fyrra álit

[Notanda eytt] fyrir 17 árum, 1 mánuði

Takk fyrir svörin :)

Fyrra álit

[Notanda eytt] fyrir 17 árum, 1 mánuði

Hey, hann andrijan útskýrði þetta best. En, bara svo þú vitir þá er getElementById aka document.getElementById notað í JavaScript og öðrum DOM scriptum.

Fyrra álit

davido fyrir 17 árum, 1 mánuði

Ég reyni nú yfirleitt að halda mig við það að nota class sem css skilgreiningu, en id sem einkenni viðkomandi einingar.

Þessi munur sést kannski hvað best í input töggum, þar sem þú notar id til að einkenna viðkomandi reit í forminu sem labelinn vísar svo í. Viðkomandi eining getur síðan tilheyrt ákveðnum class hvað varðar útlit.

Almennt séð ætti að reyna að forðast að vera með css skilgreiningar fyrir id - en auðvitað eru á því undantekningar.

0100100100100000011000010110110100100000010001000110000101110110011010010110010000100001

Fyrra álit

egth fyrir 17 árum, 1 mánuði

Ef þú notar ID oft þá getur það gert það að verkum að javascript virki ekki eins og þú viljir að það gerir.

Fyrir utan að wc3 validatorinn vill ekki að þú notir sama ID oftar en einu sinni.

Ég myndi venja mig á að nota class fyrir allt sem þú notar endurtekið og ID fyrir mikilvæg div, eins og wrapper, content, banner, footer og svo framvegis.

Fyrra álit

Rusty fyrir 17 árum, 1 mánuði

Þú mátt aðeins hafa hvert ID einu sinni. Segjum að þú sért með lista af einhverjum upplýsingum, og hugsanlega einnig einhvern JavaScript kóða, þá er auðveldara fyrir JavaScript að lesa ID.

<div class=“listi” id=“1”>Númer eitt</div>
<div class=“listi” id=“2”>Númer tvö</div>
<div class=“listi” id=“3”>Númer þrjú</div>

En auðvitað notar maður <li> fyrir lista, en þessi aðferð væri t.d. hentug fyrir fréttir eða blogg.

Ég persónulega nota class til að hafa áhrif á útlit eininga, en ID til að aðgreina marga hluti sem líta eins út, ef þess þarf. En auðvitað ræður þú hvað þú gerir.

Bætt við 28. október 2008 - 19:19
Úff, ég nennti ekki að skoða athugasemdirnar áður en ég svaraði, en ég var víst bara að endurtaka það sem fimm aðrir höfðu sagt mjög vel.

Fyrra álit

Vefsíðugerð

Vefsíðugerð

Ofurhugar

Stjórnendur

Hverjir eru inni

Korkar - Almennt

ID vs. Class?

Dýr

Dægurmál

Fræði

Leikir

Lífið

Lífsstíll

Margmiðlun

Menning

Skjár

Sport

Tónlist

Tækni

Vélar

Hugi