Kirjutama õppimine CSS paigutused võivad olla keerulised, eriti kui olete tabelite kasutamisega uhkete veebilehtede paigutuste loomiseks tuttav. Aga samas HTML5 lubab tabeleid paigutada, see pole hea mõte.
Laudadele pole juurdepääsu
Sarnane otsingumootorid, loeb enamik ekraanilugejaid veebilehti HTML-is kuvatavas järjekorras ja tabeleid võib ekraanilugejatel olla väga raske sõeluda. Ehkki tabelipaigutuse sisu on lineaarne, pole vasakult paremale ja ülalt alla lugemisel alati mõttekas. Lisaks võivad pesastatud tabelid ja erinevad lahtrid lahtri lahtrites muuta lehe välja mõtlemise keeruliseks.
See on põhjus, miks HTML5 spetsifikatsioon soovitab vastu tabelid paigutuse jaoks ja miks HTML 4.01 seda keelab. Juurdepääsetavad veebilehed võimaldavad rohkematel inimestel neid kasutada ja on professionaalse disaineri märk.
CSS-i abil saate jaotise määratleda lehe vasakule küljele kuuluvana, kuid asetada see HTML-is viimaseks. Seejärel loevad ekraanilugejad ja otsingumootorid kõigepealt olulised osad (sisu) ja vähem olulised (navigeerimine) viimased.
Lauad on keerulised
Isegi kui loote tabeli veebiredaktoriga, on teie veebilehed endiselt keerulised ja raskesti hooldatavad. Välja arvatud kõige lihtsamad veebilehtede kujundused, nõuab enamik paigutustabeleid palju ja atribuutide ning pesastatud tabelite kasutamist.
Laua ehitamine võib seda tehes tunduda lihtne, kuid kui see on valmis, peate selle hooldama. Kuus kuud järjest ei pruugi olla nii lihtne meeles pidada, miks te tabeleid pesitsesite või mitu lahtrit järjest oli jne. Rääkimata sellest, kui teil on veebilehtede meeskonnaliige, peate kõigile asjaosalistele selgitama, kuidas tabelid toimivad, või eeldada, et nad võtavad lisaaega, kui neil on vaja muudatusi teha.
Ka CSS võib olla keeruline, kuid see hoiab esitluse sisust eraldi ja muudab selle pikas perspektiivis palju lihtsamaks. Lisaks saate CSS-i paigutusega kirjutada ühe CSS-faili ja kujundada kõik oma lehed selliseks. Siis, kui soovite oma saidi kujundust muuta, muudate lihtsalt ühe CSS-faili ja kogu selle saidimuudatused - enam ei pea iga lehte ükshaaval läbi vaatama, et tabeleid värskendada paigutus.
Tabelid on paindumatud
Ehkki on võimalik luua protsendilaiustega tabelipaigutusi, on nende laadimine sageli aeglasem ja see võib teie paigutuse välimust dramaatiliselt muuta. Kuid kui kasutate oma laudade jaoks kindlaksmääratud laiusi, saate lõpuks väga jäiga paigutuse, mis ei tundu hea teie enda omast erineva suurusega monitoridel.
Paljude monitoride, brauserite ja eraldusvõimete korral hea väljanägemisega paindlike paigutuste loomine on suhteliselt lihtne. Tegelikult saate CSS-i meediumipäringutega luua erineva suurusega ekraanidele eraldi kujunduse.
Tabelid kahjustavad otsingumootori optimeerimist
Kõige tavalisem tabeli loodud paigutus kasutab navigeerimisriba lehe vasakul küljel ja põhisisu paremal. Tabelite kasutamisel nõuab see lähenemine (üldiselt), et esimene HTML-is kuvatav sisu oleks vasakpoolne navigeerimisriba. Otsingumootorid kategoriseerivad lehti sisu põhjal ja paljud mootorid otsustavad, et lehe ülaosas kuvatav sisu on olulisem kui muu sisu. Niisiis näib, et kõigepealt vasakpoolse navigeerimisega lehel on sisu, mis on vähem oluline kui navigeerimine.
CSS-i abil saate olulise sisu oma HTML-i kõigepealt asetada ja seejärel CSS-i abil kindlaks teha, kuhu see disaini tuleks paigutada. See tähendab, et otsingumootorid näevad kõigepealt olulist sisu, isegi kui kujundus asetab selle lehele allapoole.
Tabelid ei prindi alati hästi
Paljud lauakujundused ei prindi hästi, kuna need on printeri jaoks lihtsalt liiga laiad. Niisiis, et need sobiksid, lõikavad brauserid tabelid ära ja prindivad allolevad jaotised, mille tulemuseks on eraldatud lehed. Mõnikord jõuate lõpuks lehtedeni, mis näevad okei välja, kuid kogu parem külg on puudu. Teised lehed trükivad jaotisi erinevatele lehtedele.
CSS-iga saate luua eraldi stiililehe ainult lehe printimiseks.
Paigutuse tabelid on HTML 4.01-s valed
The HTML 4 spetsifikatsiooni olekud: "Tabeleid ei tohiks kasutada üksnes dokumendi sisu paigutamise vahendina, kuna see võib tekitada probleeme mittevisuaalsele meediumile renderdamisel."
Seega, kui soovite kirjutada kehtiva HTML 4.01, ei saa te paigutuste jaoks tabeleid kasutada. Tabeleid peaksite kasutama ainult tabeliandmete jaoks ja tabeliandmed näevad üldiselt välja sellised, mida võite kuvada arvutustabelis või andmebaasis.
Kuid HTML5 muutis reegleid ja nüüd paigutuse tabeleid, kuigi seda ei soovitata, peetakse kehtivaks HTML-iks. HTML5 spetsifikatsioon ütleb: "Tabeleid ei tohiks kasutada paigutusabivahenditena." Seda seetõttu, et paigutamise tabeleid on ekraanilugejatel raske eristada, nagu varem mainitud.
CSS-i kasutamine lehtede paigutamiseks ja paigutamiseks on ainus kehtiv HTML 4.01 viis, kuidas saada kujundusi, mida kasutasite tabelite loomiseks, ja HTML5 soovitab tungivalt ka seda meetodit.