T&R splet blog o spletnih storitvah. Razgaljamo tehnologijo!

reference spletnih strani
« PHP – namestitev SQL Server 2005 knjižnice (SQLSRV extension)
Dreamweaver CS4 – novosti in primerjava s CS3 »
30th October

Kdaj uporabiti class in kdaj id oznako za CSS selektorje

Če želimo izdelati spletno stran v skladu z W3C standardom in jo tudi validirati, moramo CSS selektorje uporabljati pravilno in v skladu s standardom. Spletna stran bo sicer pravilno prikazana tudi v primeru, če ne uporabljamo class in id CSS elementov pravilno. Ne bo pa validirana.

Če na kratko opišem čemu je namenjen class CSS element in čemu ID element. Oba sta namenjena CSS selektorjem, s katerim nato HTML elementom določimo CSS ukaze.

Pravilo:

class: se uporablja takrat, ko se nam HTML element z enako css oznako pojavi večkrat. V CSS dokumenti ga označimo s piko (.imeClass)
id: pa se uporablja takrat, ko se nam HTML element pojavi samo enkrat v celotni HTML kodi. V CSS dokumenti ga označimo z lojtro(#imeID)

Primer:

CSS koda recimo izgleda takole

PLAIN TEXT
CSS:
  1. #vsebina { border: 1px solid #999}
  2. .moder {color: blue}

in  HTML takole

PLAIN TEXT
HTML:
  1. <div id="vsebina">Tekst, kjer <span class="moder">imamo</span> več besed v <span class="moder">modri</span> barvi</div>

V praksi to izgleda takole:

Tekst, kjer imamo več besed v modri barvi.

DIV element z oznako vsebina se nam pojavi samo enkrat, span z oznako moder pa večkrat.

Priporočilo:

Priporočam vam uporabo ID oznake za osnovne elemente HTML strukture (glava, vsebina, noga, glavna navigacija, reklamno področje), ostalo pa označujte s CLASS oznako.

Deli s skupnostjo:

  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks

Podobni članki:

  1. Več nivojski CSS selektorji
  2. PHP Smarty – zlo ali nebesa – uporabiti ali ne?
  3. Razlika med ul+li in dl+dt CSS elementoma
  4. Katero kodiranje uporabiti pri izdelavi internetnih strani?
  5. Kako ohraniti pregledno strukturo CSS dokumenta
  6. Kateri framework oz. CMS uporabiti, če sploh – PHP
  7. Zaokroževanje robov s CSS ukazov
  8. IE6 težave pri izdelavi spletnih strani
  9. Google Chrome 2.0 je zunaj
  10. CSS triki za Google CHROME brskalnik

Antony || Thursday, October 30th, 2008 ob 6:51 am || Splet, Splet (XHTML, CSS) || RSS 2.0 | Dodaj komentar || Trackback


4x komentirano na “Kdaj uporabiti class in kdaj id oznako za CSS selektorje”

  1. Urban je napisal:
    November 2nd, 2008 ob 8:59 pm

    Hm, tega pa nisem vedel.

    Ampak se mi zdi precej smotano, včasih ne veš, ali se bo element pojavil samo enkrat :\

  2. Antony je napisal:
    November 3rd, 2008 ob 8:56 am

    @Urban: predlagam, da se držiš priporočila na koncu posta. Za določene stvari že vnaprej veš, da se ti bodo pojavljale samo enkrat.

  3. svizec je napisal:
    November 9th, 2008 ob 1:50 pm

    Hmm, kaj pa če vedno uporabljaš class, stran bo še vedno validna in bo prikazana pravilno ne? Se pozna pri kakšni optimizaciji ali v čem sploh je potem fora ID-ja?

  4. Roky je napisal:
    November 9th, 2008 ob 2:45 pm

    ID imajo večjo prioriteto pri css clasih, uporabno je tudi pri selekciji z Javascript DOM elementi, kjer lahko potem dobiš točno ta element s pomočjo ID-ja (zato mora biti unikaten).

Dodaj komentar