Zakaj se izogibati tabelam za postavitve spletnih strani

Učenje pisanja CSS postavitve so lahko zapletene, še posebej, če poznate uporabo tabel za ustvarjanje modnih postavitev spletnih strani. Toda medtem ko HTML5 omogoča tabele za postavitev, to ni dobra ideja.

Tabele niso dostopne

Podoben Iskalniki, večina bralnikov zaslona bere spletne strani v vrstnem redu, kot so prikazane v HTML-ju, bralnike zaslona pa je težko razčleniti. Vsebina v postavitvi tabele, čeprav je linearna, ni vedno smiselna pri branju od leve proti desni in od zgoraj navzdol. Poleg tega lahko z ugnezdenimi tabelami in različnimi razponi v celicah tabele stran težko ugotovimo.

To je razlog, da Specifikacija HTML5 priporoča proti tabele za postavitev in zakaj HTML 4.01 to ne dovoljuje. Dostopne spletne strani omogočajo, da jih uporablja več ljudi in so znak profesionalnega oblikovalca.

S CSS lahko razdelek definirate kot pripadajoč na levi strani, vendar ga postavite nazadnje v HTML. Nato bodo bralniki zaslona in iskalniki najprej prebrali pomembne dele (vsebino) in nazadnje manj pomembne dele (navigacijo).

instagram viewer

Mize so zapletene

Tudi če ustvarite tabelo s spletnim urejevalnikom, bodo vaše spletne strani še vedno zapletene in jih je težko vzdrževati. Za najbolj preproste zasnove spletnih strani je za večino tabel postavitev treba uporabiti veliko atributov in ugnezdenih tabel.

Izdelava tabele se morda zdi enostavna, medtem ko to počnete, a ko jo končate, jo morate vzdrževati. Šest mesecev po vrsti morda ni tako enostavno zapomniti si, zakaj ste ugnezdili tabele ali koliko celic je bilo v vrsti itd. Da ne omenjam, če imate spletne strani kot član ekipe, morate vsem vpletenim razložiti, kako delujejo tabele, ali pričakovati, da si bodo vzeli dodaten čas, ko bodo morali spremeniti.

Tudi CSS je lahko zapleten, vendar predstavlja predstavitev ločeno od vsebine in jo dolgoročno veliko lažje vzdržuje. Poleg tega lahko s postavitvijo CSS napišete eno datoteko CSS in oblikujete vse svoje strani, da bodo videti tako. Potem, ko želite spremeniti postavitev spletnega mesta, preprosto spremenite eno datoteko CSS in celoto spremembe spletnega mesta - nič več ne gre skozi vsako stran posebej za posodabljanje tabel in posodobitev postavitev.

Tabele so neprilagodljive

Čeprav je mogoče ustvariti postavitve tabel s odstotnimi širinami, se pogosto počasneje nalagajo in lahko močno spremenijo videz postavitve. Če pa za tabele uporabljate določene širine, dobite zelo togo postavitev, ki na monitorjih, ki so drugačni od vašega, ne bo videti dobro.

Ustvarjanje prilagodljivih postavitev, ki izgledajo dobro na številnih monitorjih, brskalnikih in ločljivostih, je razmeroma enostavno. Pravzaprav lahko z medijskimi poizvedbami CSS ustvarite ločene zasnove za zaslone različnih velikosti.

Tabele škodujejo optimizaciji iskalnikov

Najpogostejša postavitev v tabeli uporablja navigacijsko vrstico na levi strani in glavno vsebino na desni. Pri uporabi tabel ta pristop (na splošno) zahteva, da je prva vsebina, ki se prikaže v HTML-ju, leva vrstica za krmarjenje. Iskalniki strani kategorizirajo glede na vsebino in mnogi motorji ugotavljajo, da je vsebina, prikazana na vrhu strani, pomembnejša od druge vsebine. Torej se bo na strani z levo navigacijo najprej pojavila manj pomembna vsebina kot navigacija.

Z uporabo CSS lahko pomembno vsebino najprej postavite v svoj HTML, nato pa s pomočjo CSS določite, kam naj bo umeščena v načrt. To pomeni, da bodo iskalniki najprej videli pomembno vsebino, tudi če jo dizajn postavi nižje na stran.

Tabele se ne natisnejo vedno dobro

Številne zasnove tabel se ne tiskajo dobro, ker so preprosto preširoke za tiskalnik. Da bi jih brskalniki prilagodili, so tabele odrezali in spodaj natisnili odseke, kar je povzročilo ločene strani. Včasih dobite strani, ki so videti v redu, manjka pa celotna desna stran. Druge strani bodo natisnile odseke na različne liste.

S CSS lahko ustvarite ločen slogovni list samo za tiskanje strani.

Tabele za postavitev so v HTML 4.01 neveljavne

The Stanja specifikacije HTML 4: "Tabel ne smemo uporabljati zgolj kot sredstvo za postavitev vsebine dokumenta, saj lahko to povzroči težave pri upodabljanju na nevizualni medij."

Torej, če želite napisati veljaven HTML 4.01, ne morete uporabiti tabel za postavitev. Tabele bi morali uporabljati samo za tabelarne podatke, tabelarni podatki pa so na splošno videti kot nekaj, kar bi lahko prikazali v preglednici ali morda v zbirki podatkov.

Vendar je HTML5 spremenil pravila in zdaj tabele za postavitev, čeprav niso priporočljive, veljajo za veljaven HTML. Specifikacija HTML5 navaja: "Tabel ne smemo uporabljati kot pripomočke za postavitev." To je zato, ker je tabel za postavitev bralcev zaslona težko razlikovati, kot smo že omenili.

Uporaba CSS za pozicioniranje in postavitev strani je edini veljaven način HTML 4.01, da dobite modele, ki ste jih uporabili za ustvarjanje tabel, in HTML5 močno priporoča tudi to metodo.