Učiti pisati CSS rasporedi mogu biti nezgodni, pogotovo ako ste upoznati s korištenjem tablica za izradu otmjenih izgleda web stranica. Ali dok HTML5 omogućuje tablice za raspored, to nije dobra ideja.
Tablice nisu dostupne
Slično tražilice, većina čitača zaslona čita web stranice redoslijedom koji prikazuju u HTML-u, a čitačima zaslona može biti teško raščlaniti. Sadržaj u rasporedu tablice, iako je linearan, nema uvijek smisla kada se čita slijeva nadesno i od vrha do dna. Uz to, s ugniježđenim tablicama i raznim rasponima na ćelijama tablice stranicu može teško dokučiti.
To je razlog što HTML5 specifikacija preporučuje protiv tablice za raspored i zašto to HTML 4.01 ne dopušta. Pristupne web stranice omogućuju više ljudi da ih koriste i znak su profesionalnog dizajnera.
Pomoću CSS-a možete definirati odjeljak koji pripada lijevoj strani stranice, ali ga postaviti zadnji u HTML. Tada će čitači zaslona i tražilice najprije pročitati važne dijelove (sadržaj), a posljednje manje važne dijelove (navigaciju).
Stolovi su lukav
Čak i ako stvorite tablicu s web uređivačem, vaše će web stranice i dalje biti složene i teške za održavanje. Osim najjednostavnijih dizajna web stranica, većina tablica izgleda zahtijeva upotrebu puno atributa i ugniježđenih tablica.
Izgradnja tablice može vam se činiti lakom dok to radite, ali nakon što je završite, morate je održavati. Šest mjeseci niže možda nije lako sjetiti se zašto ste ugnijezdili tablice ili koliko je stanica bilo u nizu i tako dalje. Da ne spominjem, ako web stranice održavate kao član tima, morate svima objasniti kako funkcioniraju tablice ili očekivati da će im trebati dodatno vrijeme kada trebaju izvršiti promjene.
CSS također može biti kompliciran, ali prezentaciju drži odvojenom od sadržaja i olakšava dugoročno održavanje. Uz to, s CSS izgledom možete napisati jednu CSS datoteku i stilizirati sve svoje stranice da izgledaju tako. Tada kada želite promijeniti izgled web stranice, jednostavno promijenite jednu CSS datoteku i cijelu promjene web mjesta - više nema prolaženja svake stranice odjednom za ažuriranje tablica radi ažuriranja raspored.
Tablice su nefleksibilne
Iako je moguće stvoriti izglede tablica s postotnim širinama, oni se često sporije učitavaju i mogu dramatično promijeniti izgled vašeg izgleda. Ali ako za svoje tablice koristite zadane širine, na kraju ćete dobiti vrlo krut raspored koji neće izgledati dobro na monitorima koji se razlikuju od vašeg.
Stvaranje fleksibilnih izgleda koji dobro izgledaju na mnogim monitorima, preglednicima i rezolucijama relativno je jednostavno. Zapravo, s CSS medijskim upitima možete stvoriti zasebne dizajne za zaslone različitih veličina.
Tablice povrijediti optimizaciju pretraživača
Najčešći izgled stvoren u tablici koristi navigacijsku traku s lijeve strane stranice i glavni sadržaj s desne strane. Kada se koriste tablice, ovaj pristup (općenito) zahtijeva da prvi sadržaj koji se prikazuje u HTML-u bude lijeva navigacijska traka. Tražilice kategoriziraju stranice na temelju sadržaja, a mnogi mehanizmi utvrđuju da je sadržaj prikazan na vrhu stranice važniji od ostalih sadržaja. Dakle, čini se da stranica s prvo lijevom navigacijom ima sadržaj koji je manje važan od navigacije.
Korištenjem CSS-a možete važan sadržaj staviti na prvo mjesto u HTML, a zatim pomoću CSS-a odrediti gdje ga treba smjestiti u dizajn. To znači da će tražilice prvo vidjeti važan sadržaj, čak i ako ga dizajn postavi niže na stranicu.
Tablice se ne ispisuju uvijek dobro
Mnogi dizajni stolova ne ispisuju se dobro jer su jednostavno preširoki za pisač. Dakle, kako bi ih prilagodili, preglednici su odrezali tablice i ispisali odjeljke u nastavku što je rezultiralo razdvojenim stranicama. Ponekad na kraju dobijete stranice koje izgledaju u redu, ali nedostaje cijela desna strana. Ostale stranice ispisat će odjeljke na raznim listovima.
Pomoću CSS-a možete stvoriti zasebnu tablicu stilova samo za ispis stranice.
Tablice za raspored nevaljane su u HTML 4.01
The Stanja specifikacije HTML 4: "Tablice se ne smiju koristiti samo kao sredstvo za postavljanje sadržaja dokumenta, jer to može predstavljati probleme prilikom prikazivanja na nevizualni medij."
Dakle, ako želite napisati valjani HTML 4.01, ne možete koristiti tablice za izgled. Tablice biste trebali koristiti samo za tablične podatke, a tabelarni podaci općenito izgledaju kao nešto što biste mogli prikazati u proračunskoj tablici ili možda u bazi podataka.
Međutim, HTML5 je promijenio pravila i sada se tablice za izgled, iako se ne preporučuju, smatraju važećim HTML-om. Specifikacija HTML5 kaže: "Tablice se ne smiju koristiti kao pomoć pri izgledu." To je zato što je tablice za raspored čitačima zaslona teško razlikovati, kao što je prethodno spomenuto.
Korištenje CSS-a za pozicioniranje i raspored vaših stranica jedini je valjani HTML 4.01 način dobivanja dizajna koje ste koristili za izradu tablica, a HTML5 toplo preporučuje i ovu metodu.