Zašto morate izbjeći tabelu za postavljanje Web stranica

CSS je najbolji način za kreiranje web stranica dizajna

Učenje pisanja CSS postavki može biti nezgodno, posebno ako ste upoznati sa korištenjem tablica za kreiranje ukrasnih prikaza web stranica. Ali dok HTML5 dozvoljava tablice za izgled, to nije dobra ideja.

Tabele nisu dostupne

Kao i pretraživači, većina čitača ekrana čita web stranice po redosledu prikaza u HTML-u. I tabele mogu biti veoma teške za čitanje ekrana. To je zato što sadržaj u tabelarnom rasporedu, dok je linearan, nije uvijek jasan kada se čitaju od leva na desno pa od vrha do dna. Pored toga, sa ugrađenim tabelama i različitim rasponima na ćelijama tablice može se učiniti da je stranica vrlo teško odrediti.

Ovo je razlog zbog kog se HTML5 specifikacija preporučuje za tabelu za raspored i zašto HTML 4.01 to odbacuje. Pristupačne web stranice omogućavaju više ljudi da ih koriste i predstavljaju znak profesionalnog dizajnera.

Sa CSS-om, možete definirati odeljak kao pripadajući na levoj strani stranice, ali stavite ga u HTML. Zatim će čitači ekrana i pretraživači pročitati najvažnije delove (sadržaj), a najmanji bitni dijelovi (navigacija) traju.

Tabele su teške

Čak i ako kreirate tabelu sa web urednikom, vaše web stranice će i dalje biti vrlo komplikovane i teško održavati. Osim najsloženijih web stranica, većina tabela rasporeda zahtijeva korištenje puno i atributa i ugrađenih tabela.

Izgradnja stola može izgledati lako dok to radite, ali onda je potrebno da ga održite. Šest meseci nizu linije možda nije tako lako zapamtiti zašto ste ugnežili tablice ili koliko je stanica bilo u nizu i tako dalje. Pored toga, ako održavate web stranice kao član tima, morate svakom osobi objasniti kako funkcionišu tabele ili očekuju od njih da preduzmu dodatno vrijeme kada treba da izvrše izmene.

CSS se takođe može komplikovati, ali zadržava prezentaciju odvojenu od HTML-a i olakšava održavanje na dugi rok. Pored toga, sa CSS postavkom možete napisati jednu CSS datoteku i stajati sve svoje stranice tako da izgledaju. A kada želite da promenite izgled sajta, jednostavno promenite jednu CSS datoteku, a cela stranica se čuje - više ne prolazi kroz svaku stranicu jedan po jedan da ažurira tabelu da ažurira izgled.

Tabele su nefleksibilne

Iako je moguće kreirati rasporede tablica s procentualnim širinama, oni su često sporiji za učitavanje i mogu dramatično promijeniti izgled vašeg izgleda. Ali ako koristite određene širine za svoje tabele, završite sa veoma krutim rasporedom koji neće izgledati dobro na monitorima koji su različito različiti od vaših.

Kreiranje fleksibilnih prikaza koji dobro izgledaju na mnogim monitori, pregledačima i rezolucijama je relativno jednostavan. U stvari, uz CSS medijske upite, možete kreirati zasebne dizajne za različite ekrane veličine.

Gnezdene tabele ubacuju više od CSS-a za isti dizajn

Najčešći način za kreiranje ukrasnih rasporeda sa tabelama je "gnezditi" tabele. To znači da se jedna (ili više) tabela nalazi unutar druge. Što više tabela koje su ugnežene, to će duže trajati za web pretraživač da bi prikazao stranicu.

U većini slučajeva, raspored tablice koristi više karaktera za kreiranje od CSS dizajna. I manje karaktera znači manje za preuzimanje.

Tabele mogu oštetiti optimizaciju pretraživača

Najčešći izgled stvorenog stola ima traku za navigaciju na levoj strani stranice i glavni sadržaj na desnoj strani. Kada koristite tabele, ovo (uopšteno) zahteva da prvi sadržaj koji se prikazuje u HTML-u je leva navigacijska traka. Pretraživači kategorišu stranice bazirane na sadržaju, a mnogi motori određuju da je sadržaj koji je prikazan na vrhu stranice važniji od drugog sadržaja. Prema tome, stranica sa navigacijom na levoj strani će izgledati da ima sadržaj koji je manje važan od navigacije.

Koristeći CSS, možete prvo staviti važan sadržaj u svoj HTML, a zatim koristiti CSS kako biste utvrdili gdje je potrebno staviti u dizajn. To znači da će pretraživači prvo vidjeti važan sadržaj, čak i ako dizajn stavlja niže na stranicu.

Tabele Don't Always Print Well

Mnogi dizajnirani stolovi ne štampaju dobro jer su jednostavno previše široki za štampač. Dakle, da bi ih uklonili, pretraživači će isključiti stolove i odštampati odeljke ispod, što rezultira veoma nepovezanim stranicama. Ponekad zavrljite sa stranicama koje izgledaju u redu, ali cela desna strana nedostaje. Ostale stranice će štampati odeljke na različitim listovima.

Sa CSS-om možete kreirati poseban stilski stil samo za štampanje stranice.

Tabelovi za postavljanje su nevažeći u HTML-u 4.01

Specifikacija HTML 4 kaže: "Tabele ne treba koristiti isključivo kao sredstvo za postavljanje sadržaja dokumenata, jer to može predstavljati probleme pri prikazivanju na ne-vizuelnim medijima."

Dakle, ako želite da napišete važeći HTML 4.01, ne možete koristiti tablice za izgled. Trebali biste koristiti tabele samo za tabelarne podatke. Tabelarni podaci uglavnom izgledaju kao nešto što možete prikazati u preglednici ili možda bazi podataka.

Ali HTML5 je promenio pravila i sada tabele za izgled, a ne preporučuju se sada važeći HTML. Specifikacija HTML5 kaže: "Tabele se ne smeju koristiti kao pomoćna sredstva."

Zbog toga što su tabele za raspoređivanje teško čitati čitače ekrana, kako sam gore napomenuo.

Korišćenje CSS-a za postavljanje i postavljanje stranica je jedini važeći HTML 4.01 način za dobijanje dizajna koje ste koristili za korištenje tablica za kreiranje. HTML5 preporučuje i ovaj metod.

Tabele za postavljanje mogu uticati na izglede za posao

Kako sve više i više novih dizajnera uči HTML i CSS, vaše veštine u izgradnji stola će biti manje i manje zahtevane. Da, tačno je da kupci obično ne govore tačnu tehnologiju koju treba koristiti za izgradnju svojih web stranica. Ali vas traže za stvari poput:

Ako ne možete da isporučite ono što klijenti traže, oni će prestati da vam dolaze zbog dizajna, možda ne danas, ali možda sledeće godine ili sledeće godine. Da li možete zaista dopustiti da vaše preduzeće pati zbog toga što niste spremni početi da uči tehniku ​​koja je bila u upotrebi od kraja devedesetih godina prošlog vijeka?

Moral: Naučite se koristiti CSS

CSS može biti teško naučiti, ali vredi truda. Ne zadržavajte svoje veštine od stagniranja. Saznajte CSS i izgradite svoje web stranice na način na koji su trebali biti izgrađeni - CSS za izgled.