A CSS a legjobb módja a weboldalak kialakításának
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 aztán 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. Plusz, ha weboldalakat csapat tagként tartasz, akkor minden embernek meg kell magyarázni, hogy a táblák hogyan működnek, vagy elvárják tőlük, hogy további időt töltsenek be, 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. És ha módosítani szeretné webhelyének elrendezését, egyszerűen csak egy CSS-fájlt cserél, és az egész webhely lecseréli - többé nem megy keresztül minden oldalon, 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ázatok mindig jól kinyomtathatók
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. A táblázatos adatokra csak táblázatokat használjon. A táblázatos adatok általában úgy néznek ki, mint egy táblázat vagy egy adatbázis.
De a HTML5 megváltoztatta a szabályokat, és most az elrendezés táblái, miközben nem ajánlott, most érvényes HTML. A HTML5 specifikáció szerint: "A táblákat nem szabad elrendezési segédeszközként használni."
Mivel az elrendezés táblázatait nehéz megkülönböztetni a képernyőolvasók számára, amint fentebb megemlítem.
A CSS pozíciókhoz és elrendezéshez az oldalak az egyetlen érvényes HTML 4.01-es módszer, amellyel létrehozhatja a táblázatokat használó terveket. A HTML5 pedig határozottan javasolja 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érdeznek tőle olyan dolgokat, mint például:
- Hozzáférhető weboldalak: a képernyőolvasók által megtekinthető terveket sok ország és a vállalatok egyre inkább fontosnak tartják nap mint nap.
- Fenntartható weboldalak: olyan tervek, amelyeket magukkal vihetnek magukkal akkor is, ha nem fogják fenntartani őket a jövőben.
- Rugalmas dizájn: olyan tervek, amelyek sok 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-nál is.
- Nyomtatható tervek: olyan oldalak, amelyek speciális szkriptek vagy extra oldalak nélkül nyomtatnak.
Ha nem tudja kiszállítani, amit az ügyfelek kérnek, akkor megállnak a tervekért, talán nem ma, de talán a következő évben vagy az azt követő évben. Tényleg megengedheti magának, hogy hagyja el a vállalkozása szenvedését, mert nem hajlandó elkezdeni tanulni 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 a weboldalakat, ahogyan azokat a CSS-nek tervezik.