Sa invatam impreuna: ce e CSS-ul si ce NU este el

17 martie 2009 - 17:01

Stiu ca invii cai posibil morti, dar Buddha a dat-o rau de tot in balarii vorbind despre CSS si SEO intr-un articol si azi mi-am amintit de el. Hai sa-i explic si lui si altora (care pur si simplu vor sa stie) ce e cu CSS-ul asta.

CSS inseamna Cascading Style Sheets (foi de stil in cascada – in romana) si foloseste pentru a “stila” mai usor (a se citi “repede”) paginile web, continutul HTML sau XML, care este el.

CSS-ul a fost inventat prin 1996, acum e la versiunea 2.1 (din 2005), dar se lucreaza la standardul 3.0 (din 1998 se lucreaza la el, cool, huh?).

CSS-ul NU a fost adoptat datorita SEO-ului (Search Engine Optimisation – optimizare pentru motoarele de cautare), in schimb limbajul semantic si microformatele sunt folosite (au fost inventate) pentru ca masinile sa inteleaga mai bine codul.

CSS-ul chiar NU are nicio legatura cu SEO, serios.

CSS-ul foloseste doar pentru a gestiona modul in care ARATA pe diverse medii (ecran, print, etc) diferite elemente HTML sau XML.

Codarea tabelara/layout-ul tabelar/asezarea in pagina bazata pe tabele nu exclude folosirea CSS-ului (cum se poate vedea si din exemplul dat de Buddha, firma respectiva foloseste tabele pentru layout, dar si CSS).

Abia din 2005, odata cu lansarea CSS Zen Garden (un site care demonstra ce se poate realiza cu ajutorul CSS-ului) si aparitia standardului CSS 2.1, layout-ul bazat pe div-uri a luat amploare in dauna celui bazat pe tabele, iar din 2006, odata cu raspandirea Firefox-ului si aparitia Internet Explorer 7, designul de siteuri a inceput sa fie bazat doar pe CSS, fara tabele. Internet Explorer 6 nu respecta bine nici CSS 2.0.

Codarea tabelara era folosita pentru ca era mai simplu sa obtii asezarea in pagina pe coloane si forma tabelara in general… cu ajutorul tabelelor.

CSS-ul a fost adoptat pentru ca simplifica mult munca, in primul rand. E evident mai simplu sa schimbi proprietatile unui element din CSS decat sa-l rescrii de fiecare data cand apare (folosind tagul “font” spre exemplu).

La codarea tabelara s-a renuntat doar din ratiuni de complexitate a codului. Cate un tr pentru fiecare rand si un td pentru fiecare celula (stiti bancul pe tema asta, nu?).

Surpriza, daca vorbim de SEO si semantica – nici macar codarea fara tabele, “pure CSS” cum le place unora sa spuna, bazata pe elementele div si span nu este semantica, ca doar sunt elemente artificiale, fara vreo relevanta in continut. Tocmai de aia au fost inventate microformatele. ;)

Despre CSS se poate vorbi mult si bine, dar in principiu, pe scurt, cam asta e.

PS: deci mi-am amintit de postul asta vazand astazi ca Youtube are ceva rude in Irlanda – are logo verde astazi de St. Patrick’s Day. A fost necesara doar schimbarea unui singur rand in CSS pentru logo-ul asta verde…

»   «

17 reacţii · Comenteaza · Urmăreste comentariile prin RSS

  • Alex

    Mi-e placut la culme postul. Intradevar css-ul este doar o optiune a designerului, nu un mod obligatoriu de a coda.

    Raspunde · link
  • Ionut Staicu

    Motivul principal al folosirii tabelelor cred că este compatibilitatea fără bătăi prea mari de cap între browsere.
    Tabelele sunt interpretate la fel de toate browserele din ultimii zece ani…

    CSS a început să prindă teren după 2001-2002, după lansarea – şi răspândirea – lui IE6, care, oricât de înjurat ar fi azi, a fost o adevărată revelaţie la momentul aparaţiei, fiind cel mai capabil browser. Să nu uităm că se bătea cu IE5.5, Safari 2, Opera 6 (sau 7) şi Netscape 4. Firefox-ul urma să apară câţiva ani mai târziu.

    Raspunde · link
    • de ce?

      siteurile mari, abia dupa 2005 au inceput sa foloseasca CSS.

      ca exemplu celebru: amazon a ramas pe tabele, font, color si cod antic pana la sfarsitul lui 2006

      Raspunde · link
      • Ionut Staicu

        Păi asta pentru că nu îşi permiteau să piardă clienţi doar pentru a fi în ton cu moda :)

        Raspunde · link
  • Torrent

    referitor la articol si legatura cu seo … banuiesc ca Google citeste si CSS-ul deoarece daca am face h1 din css cat mai mic posibil , sa facem fontul negru pe background negru si sa bagam keyworduri la greu , dar userul sa vada continut de calitate .. banuiesc ca Google ar penaliza cumva…

    Raspunde · link
    • de ce?

      pai nu arata decat ca CSS-ul nu are legatura cu SEO-ul si ca Google te-ar penaliza daca ai vrea sa folosesti CSS-ul altfel decat ar trebui.

      Raspunde · link
  • Buddha

    Ori voi sunteţi nebuni cu toţii, ori eu. Nu a spus nimeni că google citeste CSS-ul din sursă şi te indexează în funcţie de cât de bun este acesta. WTF? CSS-ul ajută la aranjarea elementelor din pagină (header, footer, continut şi sidebar), într-un mod mult mai bun decât un tabel, acesta fiind modul prin care SEO-ul este îmbunătăţit.
    Dane, nu ştiu la ce te-ai gândit când ai scris articolul, dar în mod cert nu l-ai citit destul de bine pe al meu…

    Raspunde · link
  • BOG

    Eu stiu ca codul trebuie sa fie scris cat mai clar si cat mai scurt! Deci CSS-ul permite realizarea unui layout complex in timp ce mentine codul sursa cat mai lejer cu putinta, lucru care teoretic ar avantaja indexarea!

    Raspunde · link
  • PB

    Eu unul ma amuz :)

    Cine nu intelege legatura dintre css si seo, semantica, design, progressive rendering, interactivitate, accesibilitate, cod curat si performanta marita la scris cod… pai fara suparare dar mai are de citit :). Faptul ca nu va dati seama pentru ce e bun nu inseamna ca celalalt e prost sau ca spune prostii.

    Hai ma baieti, nu va mai certati. Un lucru e sigur.. CSS nu a aparut pentru **un singur** motiv :) Si daca vreti sa explicati la ce se foloseste, eu zic sa nu explicati intr-un articol mic mic mic :)

    Bafta la cod ^_^

    Raspunde · link
    • de ce?

      simtul umorului nu implica si intelegerea unor termeni, dar nu strica niciodata sa-l ai :)

      poti sa scrii cod curat, semantic, cu accesibilitate maxima, cu flow de informatie perfect, structurat bine etc. care sa faca un deliciu pentru motoarele de cautare si pentru masini in general, dar asta nu inseamna ca trebuie sa aiba si un design sau un CSS atasat. CSS-ul nu va face decat sa dea forma paginii pentru ochiul uman. Nu incurca merele cu perele, te rog.

      Raspunde · link
  • Andrei Dutu

    Nu sunt un expert, dar in mintea mea “razboiul” este table vs div. CSS-ul putand fi utilizat in ambele cazuri.

    Raspunde · link
  • Razvan Pavel

    “HTML is structure. CSS is the presentation. JS is the behavior and content is king” dupa cum spunea un mare om.

    Unde ai auzit-o pe asta cu CSS-ul influenteaza SEO? :)) :P

    Raspunde · link
    • Radu

      De la marele maestru Alexandru Negrea citire: “motivul pentru care codarea tabelară a fost înlocuită de codarea bazată 100% pe CSS, este reprezentat tocmai de SEO”

      Google se uita, sau ar trebui, dupa anomalii in CSS, gen text pus de aceeasi culoare cu backgroundul dar asta ma indoiesc sincer ca afecteaza in vreun fel rankingul :)

      Raspunde · link
  • nda.ro

    se poate spune ca CSS-ul a fost folosit la “SEO” doar daca vorbim de spam: ascunderea de text utilizatorului, text insa vizibil pentru motoarele de cautare, lucru penalizat de ceva vreme oricum.

    ps: cat despre tabele vs div-uri, sunt pareri si pareri, insa motivele sunt destul de clare: mai putin cod in sursa cand e vorba de div-uri, si timpul de incarcare a unei pagini e mult mai bun (ma refer aici la IE 6 care nu afiseaza datele unui tabel pana ce nu sunt incarcate toate elementele din tabel -> ai o poza de dimensiuni mari in header, ai rupt-o in fericire). desigur, exista si cei ce nu folosesc tabele nici macar atunci cand chiar sunt folositoare si genereaza tabele din div-uri

    Raspunde · link
  • Danyso

    Dane , de ce nu faci un topic , unde să putem pune întrebări despre internet,softwere etc…
    Sau spune-mi Tu care este cel mai bun …în limba română.

    Raspunde · link
  • Alex

    Eu sunt incepator si sincer atata lucru sitam si eu. Deci budha….chair ca ai dat-o-n balarii

    Raspunde · link

Reactii pe bloguri

  1. Citatul zilei despre CSS - dece? blog
    15 aprilie 2009

Comentariul tau

Ceva reguli de comentarii pe blog