Megtanulni írni CSS az elrendezések bonyolultak lehetnek, különösen, ha ismeri a táblázatok használatát divatos weboldal-elrendezések létrehozásához. De míg HTML5 lehetővé teszi táblák elrendezését, ez nem jó ötlet.
A táblázatok nem érhetők el
Hasonló kereső motorok, a legtöbb képernyőolvasó a weboldalakat a HTML-ben megjelenített sorrendben olvassa, és a táblákat nagyon nehéz elemezni a képernyőolvasók számára. Bár a táblázat elrendezésének tartalma lineáris, nem mindig van értelme balról jobbra és felülről lefelé olvasva. Ráadásul beágyazott táblákkal és a táblázat celláiban található különböző átfogásokkal az oldal nehezen kitalálható.
Ez az oka annak, hogy a HTML5 specifikáció ellen javasolja táblázatok az elrendezéshez és miért tiltja a HTML 4.01. Az elérhető weblapok több ember számára lehetővé teszik azok használatát, és egy profi tervező jelét jelentik.
A CSS segítségével meghatározhat egy szakaszt az oldal bal oldalán találhatóként, de utoljára a HTML-be helyezheti. Ezután a képernyőolvasók és a keresőmotorok egyaránt elolvassák a fontos részeket (a tartalmat) és a kevésbé fontos részeket (a navigációt) utoljára.
Az asztalok trükkösek
Még akkor is, ha webes szerkesztővel készít táblázatot, weblapjai továbbra is bonyolultak és nehezen karbantarthatók. A legegyszerűbb weblaptervezéstől eltekintve a legtöbb elrendezési tábla sok és attribútum, valamint beágyazott táblák használatát igényli.
Az asztal felépítése könnyűnek tűnhet, miközben csinálod, de miután elkészült, karbantartanod kell. Hat hónappal a sorban nem biztos, hogy olyan egyszerű megjegyezni, hogy miért fészkelte be a táblázatokat, vagy hány cella volt egymás után stb. Nem is beszélve arról, hogy ha weblapokat tart fenn csapattagként, akkor minden érintettnek meg kell magyaráznia az asztalok működését, vagy elvárja, hogy további időt szánjanak arra, amikor változtatásokra van szükségük.
A CSS is bonyolult lehet, de elkülöníti a prezentációt a tartalomtól, és hosszú távon sokkal könnyebben fenntartja. Ráadásul a CSS elrendezéssel egy CSS fájlt írhat, és az összes oldalát stílusossá teheti. Ezután, ha meg akarja változtatni a webhely elrendezését, egyszerűen meg kell változtatnia egy CSS fájlt és az egészet helyváltoztatások - többé nem kell minden oldalt végigvinni a táblák frissítéséhez elrendezés.
Az asztalok rugalmatlanok
Noha százalékos szélességű táblázatok is létrehozhatók, gyakran lassabban töltődnek be, és drámai módon megváltoztathatják az elrendezés kinézetét. De ha meghatározott szélességeket használ az asztalokhoz, akkor egy nagyon merev elrendezés lesz a vége, amely nem fog jól kinézni az Önétől eltérő méretű monitorokon.
Rugalmas elrendezések létrehozása, amelyek sok monitoron, böngészőben és felbontásban jól néznek ki, viszonylag egyszerű. Valójában a CSS média lekérdezésekkel külön terveket hozhat létre különböző méretű képernyőkhöz.
A táblázatok fájnak a keresőoptimalizálásról
A leggyakoribb táblázat által létrehozott elrendezés az oldal bal oldalán található navigációs sávot, a jobb oldalon pedig a fő tartalmat használja. Táblázatok használatakor ez a megközelítés (általában) megköveteli, hogy az első HTML-ben megjelenő tartalom a bal oldali navigációs sáv legyen. A keresőmotorok az oldalakat a tartalom alapján kategorizálják, és sok motor megállapítja, hogy az oldal tetején megjelenített tartalom fontosabb, mint más tartalom. Tehát egy bal oldali navigációval rendelkező oldal tartalma kevésbé fontos, mint a navigáció.
A CSS használatával előbb elhelyezheti a fontos tartalmat a HTML-ben, majd a CSS segítségével meghatározhatja, hol kell elhelyezni a tervben. Ez azt jelenti, hogy a keresőmotorok először látják a fontos tartalmat, még akkor is, ha a kialakítás lejjebb helyezi az oldalon.
Az asztalok nem mindig jól nyomtatnak
Sok asztalterv nem nyomtat jól, mert egyszerűen túl széles a nyomtató számára. Tehát, hogy megfelelőek legyenek, a böngészők levágják az asztalokat, és kinyomtatják az alábbi szakaszokat, amelyek szétválasztott oldalakat eredményeznek. Néha olyan oldalak kerülnek elő, amelyek rendben vannak, de az egész jobb oldal hiányzik. Más oldalak szakaszokat nyomtatnak különféle lapokra.
A CSS segítségével külön stíluslapot hozhat létre csak az oldal nyomtatásához.
Az elrendezés táblái érvénytelenek a HTML 4.01 fájlban
A A HTML 4 specifikációs állapotok: "A táblázatokat nem szabad pusztán eszközként használni a dokumentum tartalmának elrendezéséhez, mivel ez problémákat okozhat a nem vizuális adathordozókon történő megjelenítéskor."
Tehát, ha érvényes HTML 4.01-et szeretne írni, akkor nem használhat táblákat az elrendezéshez. Csak táblázatos adatokhoz használjon táblázatokat, és a táblázatos adatok általában úgy néznek ki, mint amit táblázatban vagy esetleg adatbázisban megjeleníthetnek.
A HTML5 azonban megváltoztatta a szabályokat, és most az elrendezés táblázatai, bár nem ajánlottak, érvényes HTML-nek számítanak. A HTML5 specifikáció kimondja: "A táblákat nem szabad elrendezés segédeszközként használni." Ennek oka, hogy az elrendezés táblázatait a képernyőolvasók számára nehéz megkülönböztetni, amint azt korábban említettük.
A CSS használata az oldalak elhelyezéséhez és elrendezéséhez az egyetlen érvényes HTML 4.01 módszer arra, hogy megszerezze azokat a terveket, amelyeket a táblák létrehozásához használt, és a HTML5 határozottan ajánlja ezt a módszert is.