CSS yra geriausias būdas kurti tinklalapių dizainą
Mokymasis rašyti CSS išdėstymus gali būti sudėtingas, ypač jei esate susipažinę su lentelių naudojimu, kad sukurtumėte įdomius tinklalapių išdėstymus. Tačiau nors HTML5 leidžia maketams skirtus lenteles, tai nėra gera idėja.
Stalai nėra prieinami
Kaip ir paieškos sistemos, dauguma ekranų skaitytojai skaito tinklalapius, kad jie būtų rodomi HTML. Ekrano skaitytuvams gali būti sunku palyginti stalus. Taip yra todėl, kad lentelės išdėstymo turinys, nors ir linijinis, ne visada prasmingas, kai skaitoma iš kairės į dešinę ir iš viršaus į apačią. Be to, naudojant įdėtas lenteles ir įvairias stalo ląsteles, gali būti neįmanoma išsiaiškinti puslapio.
Tai yra priežastis, dėl kurios HTML5 specifikacija rekomenduoja prieš lentelių išdėstymą ir kodėl HTML 4.01 jį neleidžia. Privatūs tinklalapiai leidžia daugiau žmonių juos naudoti ir yra profesionalių dizainerių ženklas.
Naudodamiesi CSS, galite nustatyti, kad skyrius yra kairėje puslapio pusėje, bet pastatykite jį į HTML. Tada ekrano skaitytuvai ir paieškos varikliai perskaitys svarbiausias dalis (turinį) pirmą ir mažiau svarbias dalis (navigaciją) paskutinis.
Stalai yra sudėtingi
Net jei sukursite stalą su interneto redaktoriumi, jūsų tinklalapiai vis tiek bus labai sudėtingi ir sunkiai išlaikomi. Išskyrus paprastus tinklalapių dizainus, daugumoje išdėstymo lentelių reikia naudoti daugybę atributų ir susietų lentelių.
Pastatant stalą gali atrodyti lengva, kai jūs tai darote, bet tada jūs turite jį išlaikyti. Po šešių mėnesių po linijos gali būti taip lengva prisiminti, kodėl jūs įdėėte lenteles, kiek ląstelių buvo eilėje ir pan. Be to, jei jūs laikote tinklalapius kaip komandos narį, turite paaiškinti kiekvienam asmeniui, kaip veikia lentelės, arba tikėtis, kad jiems reikės papildomo laiko, kai jiems reikia atlikti pakeitimus.
CSS taip pat gali būti sudėtingas, tačiau jis išlaiko pristatymą atskirai nuo HTML ir ilgainiui jį daug lengviau palaikyti. Be to, naudojant CSS išdėstymą galite parašyti vieną CSS failą ir stilizuoti visus savo puslapius taip atrodyti. Ir kai norite pakeisti svetainės išdėstymą, paprasčiausiai pakeiskite vieną CSS failą ir visą svetainę, o ne kartą per kiekvieną puslapį, kad atnaujintumėte lenteles, kad atnaujintumėte maketą.
Stalai yra nelankstūs
Nepaisant to, kad galima sukurti lentelių išdėstymą su pločių procentine dalimi, dažniausiai jie yra lėtesni ir gali žymiai pakeisti išvaizdos išvaizdą. Bet jei naudojate nurodytus pločius savo lentelėms, pasidarysite labai griežtą išdėstymą, kuris netinkamai atrodys monitoriuose, kurių dydis skiriasi nuo jūsų.
Lankstus maketavimas, kuris puikiai atrodo daugelyje monitorių, naršyklių ir rezoliucijų, yra palyginti lengvas. Iš tiesų, naudojant CSS žiniasklaidos užklausas, galite sukurti atskirus dizainus skirtingų dydžių ekranams.
Įdėtos lentelės apkrovos lėčiau nei tos pačios konstrukcijos CSS
Labiausiai paplitęs būdas sukurti išgalvotus maketus su lentelėmis yra "nest" lenteles. Tai reiškia, kad viena (ar daugiau) lentelė yra kitoje. Kuo daugiau lentetuvų yra lizdai, tuo ilgiau žiniatinklio naršyklėje reikės pateikti puslapį.
Daugeliu atvejų stalo išdėstymas naudoja daugiau simbolių, nei CSS dizainas. Ir mažiau simbolių reiškia mažiau atsisiųsti.
Lentelės gali pakenkti Search Engine Optimization
Labiausiai paplitęs lentelės sukurtas išdėstymas turi naršymo juostą kairėje puslapio pusėje ir pagrindinį turinį dešinėje. Naudojant lenteles (paprastai) reikalaujama, kad pirmasis HTML rodomas turinys būtų kairiojoje naršymo juostoje. Paieškos sistemos suskirsto puslapius pagal turinį, o daugelis variklių nustato, kad puslapio viršuje rodomas turinys yra svarbesnis už kitą turinį. Taigi pirmasis puslapis su kairiajame naršykle turės mažesnį nei naršymo turinį.
Naudodamiesi CSS, pirmiausia galite įdėti svarbų turinį į HTML ir tada naudoti CSS, kad nustatytumėte, kur jis turėtų būti dedamas į dizainą. Tai reiškia, kad pirmiausia paieškos varikliai pamatys svarbų turinį, net jei dizainas nukreips puslapio apačią.
Lentelės Nereikia visada spausdinti
Daugelis stalo dizaino nėra gerai spausdinami, nes spausdintuvui jie yra pernelyg plati. Taigi, norėdami, kad jie būtų tinkami, naršyklės ištrins stalus ir atspausdins žemiau pateiktus skyrius, todėl bus labai nesuderinti puslapiai. Kartais jūs susiduriate su puslapiais, kurie atrodo gerai, bet trūksta visos dešinės pusės. Kiti puslapiai spausdins skirtingų lapų skyrius.
Naudodami CSS galite sukurti atskirą stiliaus lentelę tik puslapio spausdinimui.
Lentelės maketui yra netinkamos HTML 4.01
HTML 4 specifikacijoje teigiama: "Lentelės neturėtų būti naudojamos tik kaip dokumento turinio išdėstymo priemonė, nes tai gali kelti problemų atliekant ne-vizualinę laikmeną."
Taigi, jei norite parašyti teisingą HTML 4.01, negalima naudoti lentelių išdėstymui. Turėtumėte naudoti tik lentelių duomenis. Ir lentelės duomenys paprastai atrodo kaip kažkas, kurį galite rodyti skaičiuoklėje arba galbūt duomenų bazėje.
Bet HTML5 pakeitė taisykles, o dabar maketams skirtos lentelės, tačiau nerekomenduojamos, dabar galioja HTML. HTML5 specifikacija sako: "Lentelės neturėtų būti naudojamos kaip maketavimo priemonės".
Kadangi ekrano skaitytojams sunku atskirti išdėstymo stalus, kaip minėjau aukščiau.
CSS naudojimas puslapių išdėstymui ir išdėstymui yra vienintelis galiojantis HTML 4.01 būdas gauti dizainą, kurį naudojate naudoti lentelių kūrimui. Be to, HTML5 primygtinai rekomenduoja šį metodą.
Lentelės maketui gali turėti įtakos jūsų darbo perspektyvoms
Kadangi vis daugiau naujų dizainerių mokosi HTML ir CSS, jūsų įgūdžiai pastato lentelių išdėstymuose bus mažiau ir mažiau paklausos. Taip, tiesa, kad klientai paprastai nenurodo tikslių technologijų, kurias turėtumėte naudoti savo tinklalapių kūrimui. Bet jie klausia jums tokių dalykų kaip:
- Prieinamos interneto puslapiai: dizainai, kuriuos gali peržiūrėti ekrano skaitytuvai, yra įgalioti daugelio šalių, o korporacijos vis dažniau prieina prieinamumą kasdien.
- Išsaugoti tinklalapiai: dizainai, kuriuos jie gali panaudoti, net jei ateityje nenorėsite jų išlaikyti.
- Lankstus dizainas: dizainai, kurie veikia daugelyje naršyklių, rezoliucijas ir įrenginius.
- Greitai atsisiųsti puslapiai: greitis tampa vis svarbesnis net SEO.
- Spausdinami dizainai: puslapiai, kurie spausdinami be specialių scenarijų arba papildomų puslapių.
Jei negalėsite pristatyti to, ko klientai prašo, jie nebesieks ateiti pas jus dėl dizaino, galbūt ne šiandien, bet gal kitais metais ar po metų. Ar galite tikrai sau leisti savo verslą nukentėti, nes nenorite pradėti mokytis technikos, kuri buvo naudojama nuo paskutiniojo dešimtmečio pabaigos?
Moralinis: išmokti naudoti CSS
CSS gali būti sunku išmokti, bet nieko verta verta pastangų. Negalima išlaikyti savo įgūdžių nuo stagnacijos. Sužinokite CSS ir kurkite savo tinklalapius taip, kaip jie buvo sukurti, naudojant CSS išdėstymą.