CSS er besta leiðin til að byggja upp vefsíðuhönnun
Að læra að skrifa CSS skipulag getur verið erfiður, sérstaklega ef þú ert kunnugur því að nota töflur til að búa til ímynda vefsíðum. En á meðan HTML5 leyfir borðum fyrir uppsetningu, þá er það ekki góð hugmynd.
Töflur eru ekki aðgengilegar
Rétt eins og leitarvélar lesa flestir skjálesendur vefsíður í þeirri röð sem þær birtast í HTML. Og töflur geta verið mjög erfitt fyrir skjálesara til að flokka. Þetta er vegna þess að innihald í töfluútgáfu, á línulegum hátt, er ekki alltaf skynsamlegt þegar lesið er frá vinstri til hægri og toppur til botn. Auk þess með hreiður töflur og ýmsar spændur á borðfrumunum geta blaðinu orðið mjög erfitt að reikna út.
Þetta er ástæðan fyrir því að HTML5 forskriftin mælir gegn borðum fyrir uppsetningu og af hverju HTML 4.01 útilokar það. Accessible vefsíður leyfa fleiri fólk að nota þau og eru merki um faglega hönnuður.
Með CSS er hægt að skilgreina hluta sem tilheyra vinstra megin á síðunni en setja það síðast í HTML. Þá munu lesendur og leitarvélar lesa mikilvægu hlutina (innihald) fyrst og minna mikilvægu hlutar (siglingar) síðast.
Töflur eru erfiður
Jafnvel ef þú býrð til borð með vefritara, þá munu vefsíður þínar enn vera mjög flóknar og erfitt að viðhalda. Að undanskildum einföldum vefhönnununum þurfa flestar skipulagstöflur að nota mikið af og eiginleikum og hreiður töflu.
Að byggja upp borðið kann að virðast auðvelt þegar þú ert að gera það, en þá þarftu að viðhalda því. Sex mánuðir niður í línuna getur verið að það sé ekki auðvelt að muna hvers vegna þú hreiður töflurnar eða hversu margir frumur voru í röð og svo framvegis. Að auki, ef þú heldur vefsíðum sem meðlim, verður þú að útskýra fyrir hverjum einstakling hvernig borðarnir virka eða búast við að þeir taki viðbótar tíma þegar þeir þurfa að gera breytingar.
CSS getur líka verið flókið en það heldur kynningunni aðskildum frá HTML og gerir það miklu auðveldara að viðhalda til lengri tíma litið. Auk þess með CSS skipulagi getur þú skrifað eina CSS skrá og stíll allar síðurnar þínar til að líta þannig. Og þegar þú vilt breyta útliti vefsvæðis þíns breytir þú einfaldlega einum CSS-skrá og alla síða chnges-ekki lengur að fara í gegnum hverja síðu einn í einu til að uppfæra töflurnar til að uppfæra útlitið.
Töflur eru ósveigjanlegar
Þó að hægt sé að búa til töfluútlit með hundraðshlutum breiddar, eru þau oft hægari að hlaða og geta verulega breytt því hvernig skipulagið lítur út. En ef þú notar tilgreindar breiddar fyrir töflurnar, þá endar þú með mjög stíft skipulag sem mun ekki líta vel út á skjái sem eru stór öðruvísi en þín eigin.
Búa til sveigjanlegar skipanir sem líta vel út á marga skjái, vafra og upplausn er tiltölulega auðvelt. Í raun, með CSS fjölmiðlum, getur þú búið til sérstakan hönnun fyrir mismunandi stærðarskjá.
Nested töflur hlaða meira hægt en CSS fyrir sömu hönnun
Algengasta leiðin til að búa til ímyndaðar uppsetningar með töflum er að "hreiður" töflur. Þetta þýðir að eitt (eða fleiri) borð er komið fyrir í öðru. Því fleiri töflur sem eru hreiður, því lengur sem það mun taka fyrir vafrann til að gera síðuna.
Í flestum tilfellum notar borðskipulag fleiri stafi til að búa til en CSS-hönnun. Og færri stafir þýðir minna að hlaða niður.
Töflur geta skaðað Leita Vél Optimization
Algengasta borðið sem búið er að búa til er með siglingaslá vinstra megin á síðunni og aðalatriðið til hægri. Þegar þú notar töflur krefst þetta (yfirleitt) að fyrsta innihaldið sem birtist í HTML er vinstri höndarstikan. Leitarvélar flokkar síður á grundvelli innihalds og mörg vél ákvarða að efni sem birtist efst á síðunni er mikilvægara en annað efni. Svo virðist sem síða með vinstri höndleiðsögn fyrst virðist hafa efni sem er minna mikilvægt en flakkið.
Notkun CSS er hægt að setja mikilvægu innihaldið fyrst í HTML og nota síðan CSS til að ákvarða hvar það ætti að vera sett í hönnunina. Þetta þýðir að leitarvélar munu sjá mikilvæga efnið fyrst, jafnvel þótt hönnunin setji það niður á síðunni.
Töflur Donna ekki alltaf vel
Margir borðtegundir prenta ekki vel vegna þess að þær eru einfaldlega of breiður fyrir prentara. Svo, til að gera þau passa, munu vafrar skera borðið af og prenta köflum hér að neðan sem leiðir til mjög ósamþykktra síða. Stundum endar þú með síðum sem líta í lagi, en allri hægri hliðin vantar. Aðrar síður munu prenta hluti á ýmsum blöðum.
Með CSS þú getur búið til sérstaka stíl blað bara til að prenta síðuna.
Töflur fyrir skipulag eru ógild í HTML 4.01
Í HTML 4 skilgreiningunni segir: "Töflur ættu ekki að nota eingöngu sem leið til að búa til skjal innihald þar sem þetta getur leitt til vandamála þegar það er gert til að birta ekki sjónrænt efni."
Svo, ef þú vilt skrifa gild HTML HTML 4.01, getur þú ekki notað töflur fyrir skipulag. Þú ættir aðeins að nota töflur fyrir töflu gögn. Og töflu gögn lítur almennt út eins og eitthvað sem þú gætir sýnt í töflureikni eða hugsanlega gagnagrunni.
En HTML5 breytti reglunum og nú eru töflur fyrir skipulag, en ekki mælt með, nú gildir HTML. Í HTML5 forskriftinni segir: "Töflur ættu ekki að nota sem hjálpartæki til að skipuleggja."
Vegna þess að töflur fyrir skipulag eru erfiðar fyrir skjálesendur að greina, eins og ég nefna hér að ofan.
Notkun CSS til að staðsetja og búa til síðurnar þínar er eina gilda HTML 4.01 leiðin til að fá hönnunina sem þú notaðir til að nota töflur til að búa til. Og HTML5 mælir eindregið með þessari aðferð líka.
Töflur fyrir útlit geta haft áhrif á atvinnuhorfur þínar
Eins og fleiri og fleiri nýir hönnuðir læra HTML og CSS, mun hæfileika þína við að búa til töfluútlit vera í minna og minna eftirspurn. Já, það er satt að viðskiptavinir segja venjulega ekki nákvæmlega hvaða tækni þú ættir að nota til að byggja upp vefsíður þeirra. En þeir biðja þig um hluti eins og:
- Aðgengilegar vefsíður: Hönnunarmöguleikar sem hægt er að skoða á skjánum eru mörg lönd og eru fyrirtækin að finna aðgengi sífellt mikilvægari á hverjum degi.
- Viðhalds vefsíður: hönnun sem þeir geta tekið með þeim, jafnvel þótt þú sért ekki að halda þeim í framtíðinni.
- Sveigjanleg hönnun: hönnun sem vinnur yfir mörgum vöfrum, ályktunum og tækjum.
- Fljótur að hlaða niður síðum: hraði er að verða fleiri og mikilvægara, jafnvel til SEO.
- Prentvæn hönnun: síður sem prenta án sérstakra forskriftir eða viðbótarsíður.
Ef þú getur ekki skilað því sem viðskiptavinir biðja um, munu þeir hætta að koma til þín fyrir hönnun, kannski ekki í dag, en kannski á næsta ári eða ári eftir. Getur þú virkilega efni á að láta fyrirtæki þitt þjást af því að þú ert ekki tilbúin að byrja að læra tækni sem hefur verið í notkun síðan seint áratuginn?
Moral: Lærðu að nota CSS
CSS getur verið erfitt að læra, en það sem er þess virði er þess virði. Ekki halda hæfileikum þínum frá stöðnun. Lærðu CSS og byggðu vefsíðurnar þínar eins og þeir ætluðu að byggja með CSS fyrir skipulag.