A lépcsőzetes stíluslapok (CSS) előnyei
A lépcsőzetes stíluslapok (CSS: Cascading Stylesheets) segítségével a weboldal szerkezete, tartalma különválasztható a formától. Nemcsak az Akadálymentes weboldalak, hanem a kereső-optimalizálás szempontjából is nélkülözhetetlen technológia.
A tartalmi elemek hierarchiája tiszta marad: Az oldal Fejezetcímek, bekezdések, illusztrációként szolgáló táblázatok, Képek, listák, stb. váltakozásából áll, ellentétben a Táblázatos layout-tal. Sokkal jobb például a Fejezetcímeket használni (pl. <H1>), mintsem a fejezet címét egy táblázat megfelelően formázott cellájában egyszerű szövegelemként elhelyezni.
Az egyes tartalmi elemek kinézete szabadon változtatható: például a <B> tag, ami a kövér betűt szabályozza, ugyanolyanra állítható be, mint a normál szöveg. Hasonló trükkökkel elérhető, hogy a Weboldal részei közül a keresők számára fontos elemeket, az Oldal kulcsfontosságú részeit úgy töltsük fel Kulcsszavakkal, hogy mindez ne tükröződjék az oldal kinézetében.
Az oldal egyes elemeinek sorrendje a forráskódban szabadon változtatható. Megcsinálhatjuk azt, hogy a forráskód keresők álatal fontosnak tartott első hányadát a fontos tartalom, a cikk foglalja el, míg a fejléc, mely vizuálisan a cikk előtt/felett jelenik meg, gyakorlatilag utána következzék a forrásban.
A lépcsőzetes stíluslapok segítségével a vizuálisan a FRAME-s szerkezethez hasonlót állíthatunk elő (fix navigációs elemekkel és gördülő tartalmi részekkel) úgy, hogy mindez egy HTML fáljban legyen, keresőbarát módon leírva.
Bizonyos formázások (például sorkizárt szöveg) csak stíluslappal valósíthatóak meg.
Érdekes animgif a stíluslapok előnyeiről --kaixo, Mon, 02 May 2005 11:43:32 -0700 reply
http://mboffin.com/stuff/designline-openair.gif
A fenti linken egy érdekes animált gif kép található, ami érzékletesen bemutaja, hogyan lehet lépérsől lépésre testre szabni egy oldal kinézetét, anélkül, hogy a tartalomhoz, a HTML kódjoz egy ujjal is hozzá kellene nyúlni
