A tartalom elválasztása a tervezéstől könnyebbé teszi a webhelykezelést
A CSS (Cascading Style Sheets) lett a de facto módja a stílusnak és a weboldalak megjelenítésének. A tervezők stíluslapokat használnak arra, hogy elmondják a böngészőnek, hogyan kell megjeleníteni a weboldalt a megjelenés és a megjelenés szempontjából, olyan tényezőkre, mint a szín, a távolság, a betűtípusok és még sok más.
A CSS-stílusok kétféle módon telepíthetők:
- Inline - a weboldal kódolásán belül, egyénenként, elemenként
- Egy önálló CSS-dokumentumban, amelyhez a webhely kapcsolódik
A CSS legjobb gyakorlata
A "legjobb gyakorlatok" olyan módszerek, amelyek a leghatékonyabbnak bizonyult webhelyek tervezésére és építésére irányulnak, és hogy a legtöbbet megtérítik. A CSS webes megjelenése után a weboldalak segítik a weboldalak megjelenését és működését, amennyire csak lehetséges. Az évek során más nyelvekkel és technológiákkal együtt fejlődtek, és az önálló CSS stíluslap vált a legkedveltebb felhasználási módszernek.
A CSS legjobb gyakorlatait követve javíthatja webhelyét a következő módokon:
- Elkülöníti a tartalmat a tervezéstől. A CSS egyik fő célja, hogy eltávolítsa a tervezési elemeket a HTML-ből, és helyezze őket egy másik helyre a tervező számára. Ez arra is szolgál, hogy a tervezõket elkülönítsék a fejlesztõktõl, hogy mindegyik szakterületükre összpontosíthasson. A tervezőnek nem kell fejlesztőnek lennie ahhoz, hogy fenntartsa a weboldal megjelenését.
- Könnyen karbantartja. A webdesign egyik leginkább figyelmen kívül hagyható eleme a karbantartás. A nyomtatott anyagokkal ellentétben a weboldal soha nem "megtörtént". A tartalom, a tervezés és a funkció idővel fejlődhet és kell fejlődnie. Mivel a CSS központi helyen van, és nem a weboldalon megszórva, sokkal könnyebbé teszi a dolgok karbantartását.
- Tartja elérhetővé webhelyét. A CSS stílusok segítségével a keresőmotorok és a fogyatékkal élő személyek kapcsolatba léphetnek webhelyével.
- Tartja aktuálisan a webhelyét. A legjobb gyakorlatok felhasználásával a CSS segítségével olyan szabványokat tartasz be, amelyek bizonyítottan stabilak, de elég rugalmasak ahhoz, hogy megfeleljenek a webes tervezési környezetben bekövetkező változásoknak.
Az inline stílusok nem a legjobb gyakorlatok
Az inline stílusok, miközben céljuk van, általában nem a legjobb módja a weboldal fenntartásának. Minden egyes bevált gyakorlattal ellentétben:
- Az inline stílusok nem különítenek el tartalmat a tervezéstől. Az inline stílusok pontosan ugyanazok, mint a beágyazott betűtípusok és más, kopott dizájncímkék, amelyeket a modern fejlesztők támadnak. A stílusok csak az egyedi, egyedi elemeket érintik, amelyekre alkalmazzák; miközben ez több szemcsés kontrollt eredményezhet, a tervezés és a fejlesztés egyéb aspektusait - például a konzisztenciát - nehezebbé teszi.
- Az inline stílusok karbantartási fejfájást okoznak. Ha stíluslapokkal dolgozik, nehéz megállapítani, hogy hol van a stílus beállítása. Ha beágyazott és beágyazott és külső stílusok keverékével foglalkozik, sok helyet meg kell vizsgálnia. Ha dolgozik egy webes tervezőcsapaton, vagy újra kell terveznie vagy karbantartania egy másik webhely által létrehozott webhelyet, akkor még több baj lesz. Miután megtaláltuk a stílust és megváltoztatjuk azt, minden olyan elemre fel kell tennünk, amelyen minden oldalon elhelyeztük. Így asztronómiai módon növeli az időt és a munkaköltségeket.
- Az inline stílusok nem elérhetőek. Miközben a modern képernyőolvasó vagy egyéb segédeszköz hatékonyan képes kezelni az inline attribútumokat és címkéket hatékonyan, néhány régebbi eszköz nem képes, ami néhány furcsa megjelenített weboldalt eredményezhet. Az extra karakterek és szövegek befolyásolhatják, hogy az Ön oldalát egy keresőmotor robotja is megvizsgálja, ezért az oldal nem a keresőmotor-optimalizálás (SEO) szempontjából sem.
- Az inline stílusok nagyobb méretűvé teszik az oldaladat. Ha azt szeretné, hogy a webhely minden bekezdése megjelenjen egy bizonyos módon, egyszerre hat sornyi kóddal végezheti el egy külső stíluslapon. Ha inline stílusokkal csinálod, azonban ezeket a stílusokat hozzá kell adnod a webhely minden bekezdéséhez. Ha öt sor CSS van, akkor az öt sor minden pontra szorozva. Ez a sávszélesség és a betöltési idő gyorsan felszállhat.
Az Inline stílusok alternatívája: Külső stíluslapok
Az inline stílusok használata helyett használjon külső stíluslapokat . A CSS legjobb gyakorlatainak előnyeit nyújtják, és könnyen használhatóak. Az ilyen módon alkalmazott, a webhelyen használt összes stílus egy különálló dokumentumban található, amelyet egy egysoros kóddal rendelkező webes dokumentumhoz kapcsolnak. A külső stíluslapok befolyásolják az összes csatolt dokumentumot. Ez azt jelenti, hogy ha van egy 20 oldalas weboldala, amelyben minden oldal ugyanazt a stíluslapot használja - ami tipikusan ez, akkor mindegyik oldalon egyszerűen módosíthatja ezeket a stílusokat egy helyen. A stílusok egyetlen helyszínen történő megváltoztatása végtelenül kényelmesebb, mint a weboldal minden oldalán található kódolás. Ez megkönnyíti a hosszú távú webhelykezelést.