CSS je najboljši način za oblikovanje spletnih strani
Učenje pisanja CSS postavitev je lahko težavno, še posebej, če ste seznanjeni z uporabo tabel, da ustvarite modne postavitve spletnih strani. Toda medtem ko HTML5 omogoča tabele za postavitev, to ni dobra ideja.
Tabele niso dostopne
Tako kot iskalniki večina bralnikov zaslona prebere spletne strani v vrstnem redu, da so prikazani v HTML-ju. Tablete so lahko zelo težke za pregledovanje bralnikov. To je zato, ker vsebina v razporeditvi tabele, medtem ko je linearna, ni vedno smiselna, ko preberete od leve proti desni in od zgoraj navzdol. Plus, z ugnezdenimi tabelami in različnimi razponi na celicah tabele lahko zelo težko ugotovimo stran.
Zato je specifikacija HTML5 priporočljiva proti tabelam za postavitev in zakaj ga HTML 4.01 onemogoči. Dostopne spletne strani omogočajo več ljudi, da jih uporabljajo in so znamka profesionalnega oblikovalca.
S CSS lahko določite, da se oddelek nahaja na levi strani strani, vendar ga postavite nazadnje v HTML. Nato bralniki zaslona in iskalniki berejo najpomembnejše dele (vsebino) najprej in manj pomembne dele (navigacijo).
Tabele so zapletene
Tudi če ustvarite tabelo s spletnim urejevalnikom, bodo vaše spletne strani še vedno zelo zapletene in jih je težko vzdrževati. Razen najbolj preprostih oblik spletnih strani, večina tabele postavitev zahteva uporabo veliko in atributov ter ugnezdenih tabel.
Gradnja tabele se lahko zdi enostavno, medtem ko to počnete, potem pa jo morate vzdrževati. Šest mesecev po vrstici morda ni tako enostavno zapomniti, zakaj ste vneli tabele ali koliko celic je bilo v vrsti in tako naprej. Plus, če vzdržujete spletne strani kot član skupine, morate vsaki osebi razložiti, kako tabel delujejo, ali pričakujete, da bodo potrebovali dodaten čas, ko bodo potrebovali spremembe.
CSS je lahko zapleten, vendar ohranja predstavitev ločeno od HTML-ja in omogoča dolgoročno lažje vzdrževanje. Plus, s postavitvijo CSS lahko napišete eno datoteko CSS in slišite vse svoje strani tako, da pogledate. Ko želite spremeniti postavitev vašega spletnega mesta, preprosto spremenite eno datoteko CSS in celotno spletno stran nenehno prehaja skozi vsako stran naenkrat, da posodobite tabele in posodobite postavitev.
Tabele so nefleksibilne
Čeprav je mogoče ustvariti postavitve tabel z odstotnimi širinami, so pogosto počasnejše za nalaganje in lahko dramatično spremenijo izgled vaše postavitve. Ampak, če za svoje tabele uporabljate določene širine, boste na koncu dobili zelo togo postavitev, ki ne bo videti dobro na monitorjih, ki so drugačni od vaših.
Ustvarjanje prilagodljivih postavitev, ki dobro izgledajo na številnih monitorjih, brskalnikih in resolucijah, je razmeroma enostavno. Pravzaprav z mediji poizvedb CSS lahko ustvarite ločene modele za različne zaslone velikosti.
Vgrajene tabele naložijo bolj počasi kot CSS za isto obliko
Najpogostejši način ustvarjanja modnih postavitev s tabelami je "gnezdenje" tabel. To pomeni, da je ena (ali več) miza postavljena v drugo. Več tabele, ki so gnezdene, več bo potrebno, da spletni brskalnik postane stran.
V večini primerov postavitev tabele uporablja več znakov, ki jih je treba ustvariti kot zasnovo CSS. In manj znakov pomeni manj za prenos.
Tabele lahko poškodujejo Search Engine Optimization
Najpogostejša postavitev tabele ima navigacijsko vrstico na levi strani strani in glavno vsebino na desni strani. Pri uporabi tabel, to (na splošno) zahteva, da je prva vsebina, ki se prikaže v HTML, leva vrstica za krmarjenje. Iskalniki kategorizirajo strani na podlagi vsebine in mnogi motorji določajo, da je vsebina, prikazana na vrhu strani, pomembnejša od druge vsebine. Tako bo videti, da ima prva stran z navigacijo po levi strani vsebino, ki je manj pomembna od navigacije.
Z uporabo CSS lahko najprej vstavite pomembno vsebino v HTML in nato uporabite CSS, da določite, kje je treba dati v načrt. To pomeni, da bodo iskalniki najprej videli pomembno vsebino, tudi če je oblikovanje postavljeno nižje na stran.
Tabele Don 't vedno natisnite dobro
Številni modeli namiznih plošč ne tiskajo dobro, ker so preprosto preširoki za tiskalnik. Torej, če želimo, da se jih prilagodi, bodo brskalniki izrezali mize in natisnili spodnje dele, kar bi povzročilo zelo nepovezane strani. Včasih končate s stranmi, ki izgledajo v redu, vendar manjka celotna desna stran. Druge strani bodo natisnile odseke na različnih listih.
S CSS lahko ustvarite ločen slogovni list samo za tiskanje strani.
Tabele za postavitev so v HTML 4.01 neveljavne
Specifikacija HTML 4 navaja: "Tabele ne smemo uporabljati zgolj kot sredstvo za postavitev vsebine dokumenta, ker to lahko povzroči težave pri oddajanju v ne-vizualne medije."
Torej, če želite napisati veljaven HTML 4.01, ne morete uporabljati tabel za postavitev. Za tabelarne podatke uporabite le tabel. Tabelarni podatki na splošno izgledajo kot nekaj, kar bi se lahko prikazalo v preglednici ali po možnosti v podatkovni bazi.
Toda HTML5 je spremenil pravila in zdaj tabele za postavitev, medtem ko niso priporočene, so zdaj veljavni HTML. Specifikacija HTML5 navaja: "Tabel ne smete uporabljati kot pripomočke za postavitev."
Ker so tabele za postavitev težko za bralce zaslona razlikovati, kot sem omenil zgoraj.
Uporaba CSS-a za postavitev in postavitev vaših strani je edini veljaven način HTML 4.01, da dobite modele, ki ste jih uporabili za izdelavo tabel. HTML5 močno priporoča tudi to metodo.
Tabel za postavitev lahko vplivajo na vaše možnosti za delo
Ker se vedno več novih oblikovalcev uči za HTML in CSS, bodo vaše veščine pri gradnji razporeditev tabel v manj in manj povpraševanju. Da, res je, da kupci običajno ne navedejo natančne tehnologije, ki jo je treba uporabiti za gradnjo svojih spletnih strani. Ampak vas prosijo za stvari, kot so:
- Dostopne spletne strani: oblike, ki jih lahko pregledujejo bralniki zaslona, določajo številne države in podjetja vsak dan poiščejo dostopnost vse pomembnejše.
- Vzdržljive spletne strani: oblike, ki jih lahko sprejmejo z njimi, tudi če jih ne boste ohranjali v prihodnosti.
- Prilagodljivi modeli: modeli, ki delujejo v več brskalnikih, resolucijah in napravah.
- Hitro nalaganje strani: hitrost postaja vedno bolj pomembna, tudi za SEO.
- Natisni modeli: strani, ki se natisnejo brez posebnih skript ali dodatnih strani.
Če ne morete priskrbeti tistega, kar zahtevajo stranke, ne bodo več prišli k vam zaradi oblikovanja, morda ne danes, mogoče pa naslednje leto ali leto kasneje. Ali res lahko privoščite, da bo vaše podjetje trpelo, ker niste pripravljeni začeti učiti tehnike, ki je bila v uporabi od konca devetdesetih let?
Moral: Naučite se uporabljati CSS
CSS se lahko težko naučijo, vendar je vredno truda vredno. Ne obdržite svoje veščine od stagnacije. Izvedite CSS in ustvarite svoje spletne strani, kot so bili vgrajeni v CSS za postavitev.