Skip to main content

Zakaj bi se morali izogibati tabelam za postavitve spletnih strani

Anonim

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 prikazane v HTML-ju, mize pa lahko zelo težko pregledajo bralnike zaslona. 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.

Oblikovanje tabele se lahko zdi enostavno, medtem ko to počnete, vendar ko to storite, ga 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. Če ne omenjam, če vzdržujete spletne strani kot član skupine, morate vsem udeležencem razložiti, kako tabel delujejo, ali pričakujete, da bodo dodatni č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. Potem, ko želite spremeniti postavitev vašega spletnega mesta, preprosto spremenite eno datoteko CSS in celotno spletno mesto spremeni - ne morete več skozi vsako stran naenkrat, da posodobite tabel, da 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 ne vedno vedno dobro natisnite

Š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 bi morali uporabljati le tabel, tabelarni podatki pa na splošno izgledajo kot nekaj, kar bi se lahko prikazalo v preglednici ali po možnosti v podatkovni bazi.

Vendar pa je HTML5 spremenil pravila in zdaj so tabele za postavitev, medtem ko niso priporočene, zdaj veljaven HTML. Specifikacija HTML5 navaja: "Tabel ne smete uporabljati kot pripomočke za postavitev." To je zato, ker tabele za postavitev za bralnike zaslona težko razlikujejo, kot je bilo že omenjeno.

Uporaba CSS za postavitev in postavitev vaših strani je edini veljaven način HTML 4.01, da dobite vzorce, ki ste jih uporabili za uporabo tabel za ustvarjanje, HTML5 pa 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. Res je, da kupci običajno ne navedejo natančne tehnologije, ki jo je treba uporabiti za izdelavo svojih spletnih strani, vendar zahtevajo naslednje stvari:

  • Dostopne spletne strani: modele, ki jih lahko pregledujejo bralniki zaslona, ​​določajo številne države, podjetja pa vsak dan poiščejo vedno večjo dostopnost.
  • Vzdržljive spletne strani: oblike, ki jih lahko sprejmejo z njimi, tudi če jih ne boste ohranjali v prihodnosti.
  • Prilagodljive oblike: modeli, ki delujejo v več brskalnikih, resolucijah in napravah.
  • Hitro nalaganje strani: hitrost postaja vedno bolj pomembna, tudi SEO.
  • Modeli za tiskanje: strani, ki se natisnejo brez posebnih skript ali dodatnih strani.

Če ne morete priskrbeti to, kar zahtevajo stranke, bodo prenehali prihajajo k vam za oblike - obdobje. Ali res lahko privoščite, da bo vaše podjetje trpelo, ker niste pripravljeni učiti in vključiti tehnike, ki se uporabljajo 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. Preberite CSS in ustvarite svoje spletne strani, kot so bili namenjeni za gradnjo - s CSS za postavitev.