A CSS elrendezések megismerése bonyolult lehet, különösen akkor, ha jól ismeri a táblázatokat, hogy fantasztikus weboldalelrendezéseket hozzon létre. Habár a HTML5 lehetővé teszi az elrendezés táblázatait, ez nem jó ötlet.
A táblák nem érhetők el
A keresőkhöz hasonlóan a legtöbb képernyőolvasó olvassa el a weboldalakat annak érdekében, hogy megjelenjenek a HTML-ben, és a táblázatok nagyon nehézek lehetnek a képernyőolvasók elemzéséhez. Ennek oka, hogy a táblázat elrendezésének tartalma, bár lineáris, nem mindig értelmezhető, ha balról jobbra és felülről lefelé olvas. Ráadásul, a beágyazott táblázatok és az asztal különböző szakaszai miatt a cellák nagyon nehézkessé tehetik az oldalt.
Ez az oka annak, hogy a HTML5 specifikáció az asztalok elrendezését ajánlja és miért nem teszi lehetővé a HTML 4.01 használatát. Az elérhető weboldalak lehetővé teszik, hogy több ember használja őket, és egy professzionális tervező jele.
A CSS segítségével megadhat egy szakaszt az oldal bal oldalán, de utoljára a HTML-ben. Ezután a képernyőolvasók és a keresőmotorok egyaránt elolvassák a fontos részeket (a tartalmat) először és a kevésbé fontos részeket (navigáció).
A táblák bonyolultak
Még akkor is, ha táblázatot hoz létre egy webszerkesztővel, weboldalaid továbbra is nagyon bonyolultak és nehéz karbantartani. Kivéve a legegyszerűbb weboldalakat, a legtöbb elrendezési táblázatot sok és attribútumot és beágyazott táblát kell használni.
Az asztal felépítése könnyűnek tűnhet, miközben csinálod, de ha elkészült, meg kell őrizned. Hat hónap múlva nem lehet olyan könnyű megjegyezni, hogy miért helyezte el az asztalokat vagy hány cellát egymás után és így tovább. Nem is beszélve, ha weblapokat csapat tagként tartasz, meg kell magyaráznod mindazokat, akik részt vesznek az asztalok működésében, vagy arra számítanak, hogy további időbe telik, amikor változtatniuk kell.
A CSS bonyolult is lehet, de a prezentációt a HTML-től elválasztva tartja, és hosszú távon könnyebben tartja fenn. Plusz, a CSS elrendezéssel egy CSS-fájlt írhatsz, és stílusozhatod az összes oldalt, hogy így nézel ki. Akkor, ha módosítani szeretné webhelye elrendezését, egyszerűen módosítsa az egyik CSS-fájlt, és az egész webhely megváltozik - többé nem megy keresztül minden oldal egyenként, hogy frissítse az asztalokat az elrendezés frissítéséhez.
A táblák rugalmatlanok
Noha százalékos szélességű táblázat-elrendezéseket lehet létrehozni, gyakran lassabban töltődnek be, és drámaian megváltoztathatják az elrendezés megjelenését. De ha tábláihoz megadott szélességeket használsz, akkor nagyon merev elrendezéssel fogsz végezni, amely nem fog jól néz ki a sajáttól eltérő méretű monitorokon.
Viszonylag könnyű a sok monitor, böngésző és felbontás rugalmas elrendezésének létrehozása. Tény, hogy a CSS média lekérdezésekkel különféle méretű mintákat hozhat létre különböző méretű képernyőkhöz.
Az egymásba ágyazott táblák lassabban töltődnek le, mint a CSS ugyanarra a designre
A táblákkal díszített elrendezések legáltalánosabb módja a "fészkelő" táblák. Ez azt jelenti, hogy egy (vagy több) asztalt helyeznek el a másikban. Minél több beágyazott tábla van, annál hosszabb ideig fog a web böngésző számára az oldal megjelenítéséhez.
A legtöbb esetben egy táblázatos elrendezés több karaktert használ a létrehozásához, mint egy CSS-terv. És kevesebb karakter kevesebbet jelent letölteni.
A táblák sérthetik a keresőoptimalizációt
A leggyakoribb táblázatos elrendezésnek van egy navigációs sávja az oldal bal oldalán és a jobb oldalon található fő tartalom. A táblázatok használata esetén (általában) megköveteli, hogy a HTML-ben megjelenő első tartalom a bal oldali navigációs sáv legyen. A keresőmotorok a tartalom alapján kategorizálják az oldalakat, és sok motor határozza meg, hogy az oldal tetején megjelenített tartalom sokkal fontosabb, mint a többi tartalom. Így először egy bal oldali navigációs oldal jelenik meg, amelynek tartalma kevésbé fontos, mint a navigáció.
A CSS használatával először a fontos tartalmat helyezheti el a HTML-ben, majd a CSS használatával meghatározhatja, hogy hova kell elhelyezni a tervben. Ez azt jelenti, hogy a keresőmotorok először látni fogják a fontos tartalmat, még akkor is, ha a design alacsonyabbra csökkenti az oldalt.
A táblák nem mindig jól nyomtatnak
Sok tábla mintázat nem nyomtat jól, mert egyszerűen túl széles a nyomtató számára. Tehát ahhoz, hogy azok illeszkedjenek, a böngészők levágják a táblázatokat és kinyomtatják az alábbi szakaszokat, ami nagyon diszjunált oldalakat eredményez. Néha olyan oldalakkal találkozol, amelyek rendben vannak, de hiányzik az egész jobb oldala. Az egyéb oldalak különféle lapokra nyomtatnak szekciókat.
A CSS segítségével létrehozhat külön stíluslapot csak az oldal kinyomtatásához.
Az elrendezés táblázatai érvénytelenek a HTML 4.01-ben
A HTML 4 specifikáció a következőket mondja ki: "A táblákat nem kizárólag a dokumentum tartalmának elrendezésének eszközeként használják, mivel ez problémákat okozhat a nem vizuális adathordozón történő megjelenítéskor."
Tehát, ha érvényes HTML 4.01-et szeretne írni, nem használhat táblákat az elrendezéshez. Táblázatokra csak táblázatokat kell használni, és a táblázatos adatok általában úgy néznek ki, mint egy táblázat vagy esetleg egy adatbázis.
A HTML5 azonban megváltoztatta a szabályokat, és most az elrendezés táblázatait, miközben nem ajánlott, mostantól érvényes HTML-nek tekintik. A HTML5 specifikáció szerint: "A táblákat nem szabad elrendezési segédeszközként használni." Ez azért van így, mert az elrendezés táblázatait a képernyőolvasók nehezen tudják megkülönböztetni, ahogy az korábban említettük.
A CSS pozíciókhoz és elrendezéshez az oldalak az egyetlen érvényes HTML 4.01-es módszer, amellyel létrehozhatják a táblázatok használatát, és a HTML5 erőteljesen ajánlja ezt a módszert is.
Az elrendezési táblázatok hatással lehetnek a munkalehetőségekre
Ahogy egyre több és több új tervező tanul a HTML-ben és a CSS-ben, az asztalok elrendezésének készsége egyre kevésbé lesz igény. Igen, igaz, hogy az ügyfelek általában nem azt mondják meg, hogy pontosan milyen technológiát kell használnia weboldaluk elkészítéséhez, de kérnek olyan dolgokat, mint például:
- Hozzáférhető weboldalak: a képernyőolvasók által megtekinthető tervek számos ország és a vállalatok számára egyre inkább elérhetővé válnak minden nap.
- Fenntartható weboldalak: a tervek, amelyeket magukkal hozhatnak, még akkor is, ha nem fogják fenntartani őket a jövőben.
- Rugalmas kialakítás: olyan tervek, amelyek számos böngészőben, felbontásban és eszközön működnek.
- Gyors oldalak letöltése: a sebesség egyre fontosabbá válik, még a SEO-en is.
- Nyomtatható tervek: olyan oldalak, amelyek speciális szkriptek vagy extra oldalak nélkül nyomtatnak.
Ha nem tudja kiszállítani az ügyfelek kérését, akkor megállítják a terveket - időszakra. Tényleg megengedheti magának, hogy hagyja el a vállalkozása szenvedését, mert nem hajlandó megtanulni és beépíteni egy olyan technikát, amelyet az 1990-es évek óta használnak?
A Morál: Ismerje meg a CSS használatát
A CSS nehéz lehet megtanulni, de bármi, ami érdemes, megéri az erőfeszítést. Ne tartsd a készségedet stagnálástól. Ismerje meg a CSS-t, és készítse el weblapjait, ahogyan azt tervezték - a CSS-el az elrendezéshez.
