Kodėl turėtumėte vengti tinklalapių išdėstymo lentelių

click fraud protection

Mokytis rašyti CSS maketai gali būti keblūs, ypač jei esate susipažinę su lentelių naudojimu kuriant puošnius tinklalapių maketus. Bet kol HTML5 leidžia išdėstyti lenteles, tai nėra gera idėja.

Lentelės nėra prieinamos

Panašus į paieškos sistemos, dauguma ekrano skaitytuvų skaito tinklalapius tokia tvarka, kokia jie rodomi HTML, o lenteles ekrano skaitytuvams gali būti labai sunku išanalizuoti. Nors lentelės išdėstymo turinys yra linijinis, jis ne visada turi prasmę, kai skaito iš kairės į dešinę ir iš viršaus į apačią. Be to, su įdėtomis lentelėmis ir įvairiomis lentelės langelių dalimis gali būti sunku suprasti puslapį.

Tai yra priežastis, dėl kurios HTML5 specifikacija rekomenduoja prieš lentelės išdėstymui ir kodėl HTML 4.01 jo neleidžia. Prieinami tinklalapiai leidžia daugiau žmonių jais naudotis ir yra profesionalaus dizainerio ženklas.

Naudodamiesi CSS, galite apibrėžti, kad skiltis priklauso kairėje puslapio pusėje, bet įdėti ją paskutinę į HTML. Tada ekrano skaitytuvai ir paieškos sistemos pirmiausia perskaitys svarbias dalis (turinį), o paskui - mažiau svarbias dalis (navigaciją).

instagram viewer

Stalai yra keblūs

Net jei kuriate lentelę naudodamiesi interneto redaktoriumi, jūsų tinklalapiai vis tiek bus sudėtingi ir sunkiai prižiūrimi. Išskyrus paprasčiausius tinklalapių dizainus, daugumoje išdėstymo lentelių reikia naudoti daugybę ir atributų bei įdėtų lentelių.

Statant stalą gali atrodyti lengva, kai tai darote, tačiau kai tai padarysite, turite jį prižiūrėti. Šešis mėnesius gali būti ne taip lengva prisiminti, kodėl jūs įdėjote lenteles, kiek langelių buvo iš eilės ir pan. Maža to, jei prižiūrite tinklalapius kaip komandos narys, turite paaiškinti visiems dalyvaujantiems, kaip veikia lentelės, arba tikėtis, kad prireiks papildomo laiko, kai reikės atlikti pakeitimus.

CSS taip pat gali būti sudėtinga, tačiau ji išlaiko pristatymą atskirai nuo turinio ir ilgainiui jį palengvina. Be to, naudodami CSS išdėstymą, galite parašyti vieną CSS failą ir suformuoti visus puslapius taip, kad jie atrodytų taip. Tada, kai norite pakeisti savo svetainės išdėstymą, paprasčiausiai pakeiskite vieną CSS failą ir visą svetainės pakeitimai - nebereikia pereiti kiekvieno puslapio po vieną, norint atnaujinti lenteles išdėstymas.

Stalai yra nelankstūs

Nors galima sukurti lentelių išdėstymą procentais, jie dažnai įkeliami lėčiau ir gali labai pakeisti išdėstymo išvaizdą. Bet jei lentelėms naudojate nurodytus pločius, jūs susidarysite labai standų išdėstymą, kuris gerai neatrodys monitoriuose, kurių dydis skiriasi nuo jūsų.

Sukurti lanksčius maketus, kurie gerai atrodo daugelyje monitorių, naršyklių ir skiriamosios gebos, palyginti lengva. Tiesą sakant, naudodamiesi CSS medijos užklausomis, galite sukurti atskirus skirtingo dydžio ekranų dizainus.

Lentelės skauda paieškos variklio optimizavimą

Dažniausiai lentelėje sukurtas maketas naudoja naršymo juostą kairėje puslapio pusėje ir pagrindinį turinį dešinėje. Naudojant lenteles, šis metodas (paprastai) reikalauja, kad pirmasis HTML rodomas turinys būtų kairiosios naršymo juostos. Paieškos sistemos puslapius skirsto pagal turinį, o daugelis variklių nustato, kad puslapio viršuje rodomas turinys yra svarbesnis nei kitas turinys. Taigi, puslapyje, kuriame pirmiausia rodoma kairė naršyklė, bus mažiau turinio nei navigacija.

Naudodami CSS, svarbų turinį pirmiausia galite įdėti į savo HTML ir tada naudodami CSS nustatyti, kur jis turėtų būti dedamas į dizainą. Tai reiškia, kad paieškos sistemos pirmiausia pamatys svarbų turinį, net jei dizainas jį įdės žemiau puslapyje.

Lentelės ne visada gerai spausdinamos

Daugelis stalo dizainų nėra gerai atspausdinti, nes jie yra tiesiog per platūs spausdintuvui. Taigi, kad jos būtų tinkamos, naršyklės nukirto lenteles ir išspausdino žemiau esančias dalis, todėl puslapiai buvo atskirti. Kartais jūs atsiduriate puslapiuose, kurie atrodo gerai, bet trūksta visos dešinės pusės. Kiti puslapiai spausdins skyrius ant įvairių lapų.

Naudodami CSS galite sukurti atskirą stiliaus lapą, skirtą tik puslapio spausdinimui.

Išdėstymo lentelės neteisingos HTML 4.01

The HTML 4 specifikacijos būsenos: "Lentelės neturėtų būti naudojamos tik kaip priemonė išdėstyti dokumento turinį, nes tai gali sukelti problemų perteikiant ne vizualioms laikmenoms."

Taigi, jei norite parašyti galiojantį HTML 4.01, maketuoti negalite naudoti lentelių. Lenteles turėtumėte naudoti tik lentelių duomenims, o lentelės duomenys paprastai atrodo taip, kaip galite rodyti skaičiuoklėje ar galbūt duomenų bazėje.

Tačiau HTML5 pakeitė taisykles ir dabar išdėstymo lentelės, nors ir nerekomenduojamos, laikomos galiojančia HTML. HTML5 specifikacijoje nurodoma: "Lentelės neturėtų būti naudojamos kaip pagalbinės išdėstymo priemonės". Taip yra todėl, kad ekrano skaitytojams, kaip minėta anksčiau, sunku atskirti išdėstymo lenteles.

CSS naudojimas puslapių išdėstymui ir išdėstymui yra vienintelis galiojantis HTML 4.01 būdas gauti dizainą, kurį naudojote kurdami lenteles, o HTML5 taip pat primygtinai rekomenduoja šį metodą.

instagram story viewer