Obsah
- CSS je najlepší spôsob, ako vytvárať návrhy webových stránok
- Tabuľky nie sú prístupné
- Tabuľky sú zložité
- Tabuľky sú nepružné
- Tabuľky poškodili optimalizáciu vyhľadávacích nástrojov
- Tabuľky sa netlačia vždy dobre
- Tabuľky pre rozloženie sú v HTML 4.01 neplatné
CSS je najlepší spôsob, ako vytvárať návrhy webových stránok
Naučiť sa písať rozloženie CSS môže byť zložité, najmä ak ste oboznámení s používaním tabuliek na vytvorenie efektívneho rozloženia webových stránok. Ale zatiaľ čo HTML5 umožňuje tabuľky pre rozloženie, nie je to dobrý nápad.
Tabuľky nie sú prístupné
Podobne ako vo vyhľadávačoch, väčšina čítačiek obrazovky číta webové stránky v poradí, v akom sa zobrazujú v HTML, a tabuľky môžu byť pre čitateľov obrazovky veľmi ťažké analyzovať. Obsah v rozložení tabuľky, aj keď lineárny, nie vždy dáva zmysel pri čítaní zľava doprava a zhora nadol. Navyše, s vnorenými tabuľkami a rôznymi rozpätiami v bunkách tabuľky môžu stránku len ťažko zistiť.
Toto je dôvod, prečo špecifikácia HTML5 odporúča proti tabuľkám pre rozloženie a prečo to HTML 4.01 zakazuje. Prístupné webové stránky umožňujú ich používanie viacerým ľuďom a sú známkou profesionálneho dizajnéra.
Pomocou CSS môžete definovať časť, ktorá patrí do ľavej strany stránky, ale umiestniť ju ako poslednú v HTML. Čítacie programy obrazovky a vyhľadávacie nástroje potom najskôr prečítajú dôležité časti (obsah) a menej dôležité časti (navigácia).
Tabuľky sú zložité
Aj keď vytvoríte tabuľku pomocou webového editora, vaše webové stránky budú stále komplikované a ťažko udržiavateľné. S výnimkou najjednoduchších návrhov webových stránok, väčšina tabuliek rozloženia vyžaduje použitie veľkého množstva a atribútov a vnorených tabuliek.
Zostavenie stola sa môže zdať jednoduché, keď to robíte, ale akonáhle to urobíte, musíte ho udržiavať. Šesť mesiacov po riadku nemusí byť také ľahké zapamätať si, prečo ste vnorili tabuľky alebo koľko buniek bolo v rade a tak ďalej. Nehovoriac o tom, že ak udržiavate webové stránky ako člen tímu, musíte všetkým zúčastneným vysvetliť, ako tabuľky fungujú, alebo očakávať, že si budú vyžadovať viac času, keď budú potrebovať zmeny.
CSS môže byť tiež komplikovaný, ale udržuje prezentáciu oddelenú od obsahu a z dlhodobého hľadiska umožňuje oveľa ľahšiu údržbu. Navyše s rozložením CSS môžete napísať jeden súbor CSS a upraviť tak všetky svoje stránky tak, aby vyzerali takto. Potom, keď chcete zmeniť rozloženie svojich stránok, jednoducho zmeníte jeden súbor CSS a zmení sa celý web - už žiadne prechádzanie cez každú stránku za účelom aktualizácie tabuliek na aktualizáciu rozloženia.
Tabuľky sú nepružné
Aj keď je možné vytvárať rozloženia tabuliek s percentuálnymi šírkami, často sa načítavajú pomalšie a môžu dramaticky zmeniť vzhľad rozloženia. Ak však pre svoje tabuľky použijete zadané šírky, skončíte veľmi rigidným rozložením, ktoré nebude dobre vyzerať na monitoroch, ktoré majú inú veľkosť ako vaša.
Vytváranie flexibilných rozložení, ktoré vyzerajú dobre na mnohých monitoroch, prehliadačoch a rozlíšeniach, je relatívne jednoduché. V skutočnosti s mediálnymi dopytmi CSS môžete vytvárať samostatné návrhy pre obrazovky rôznych veľkostí.
Tabuľky poškodili optimalizáciu vyhľadávacích nástrojov
Najbežnejšie rozloženie vytvorené pomocou tabuľky používa navigačný panel na ľavej strane stránky a hlavný obsah na pravej strane. Pri použití tabuliek si tento prístup (všeobecne) vyžaduje, aby prvý obsah, ktorý sa zobrazí v HTML, bol ľavý navigačný panel. Vyhľadávacie nástroje kategorizujú stránky podľa obsahu a mnoho vyhľadávačov určuje, že obsah zobrazený v hornej časti stránky je dôležitejší ako iný obsah. Zdá sa teda, že stránka s ľavou navigáciou ako prvá bude mať obsah, ktorý je menej dôležitý ako navigácia.
Pomocou CSS môžete najskôr vložiť dôležitý obsah do svojho HTML a potom pomocou CSS určiť, kam má byť umiestnený v dizajne. To znamená, že vyhľadávacie nástroje uvidia najskôr dôležitý obsah, aj keď ho dizajn umiestni nižšie na stránku.
Tabuľky sa netlačia vždy dobre
Mnoho návrhov stolov sa netlačí dobre, pretože sú pre tlačiareň jednoducho príliš široké. Aby ich prehliadač vyhovoval, prehliadače orežú tabuľky a vytlačia sekcie nižšie, čo vedie k nespojeným stránkam. Niekedy skončíte so stránkami, ktoré vyzerajú dobre, ale chýba celá pravá strana. Ostatné strany vytlačia časti na rôzne listy.
Pomocou CSS môžete vytvoriť samostatný hárok so štýlmi len pre tlač stránky.
Tabuľky pre rozloženie sú v HTML 4.01 neplatné
V špecifikácii HTML 4 sa uvádza: „Tabuľky by sa nemali používať iba ako prostriedok na rozloženie obsahu dokumentu, pretože to môže spôsobiť problémy pri vykresľovaní na nevizuálne médiá.“
Ak teda chcete písať platné HTML 4.01, nemôžete použiť tabuľky na rozloženie. Tabuľky by ste mali používať iba pre tabuľkové údaje a tabuľkové údaje vo všeobecnosti vyzerajú ako niečo, čo by sa mohlo zobraziť v tabuľke alebo v databáze.
Avšak HTML5 zmenil pravidlá a teraz tabuľky pre rozloženie, aj keď sa neodporúčajú, sa považujú za platné HTML. Špecifikácia HTML5 uvádza: „Tabuľky by sa nemali používať ako pomôcky pre rozloženie.“ Je to z toho dôvodu, že tabuľky na rozloženie je pre čitateľov obrazovky ťažké rozlíšiť, ako už bolo uvedené.
Použitie CSS na umiestnenie a rozloženie stránok je jediným platným spôsobom HTML 4.01, ako získať návrhy, ktoré ste použili na vytvorenie tabuliek, a HTML5 dôrazne odporúča túto metódu.
