Oddeľujúci obsah od dizajnu zjednodušuje správu stránok
CSS (kaskádové štýly) sa stal de facto spôsobom, ako štýl a rozloženie webových stránok. Dizajnéri používajú šablóny so štýlmi na to, aby informovali prehliadač o tom, ako by sa webová stránka mala zobrazovať z hľadiska vzhľadu a pohľadu, pokrývajúce také faktory ako je farba, medzery, písma a oveľa viac.
Štýly CSS môžu byť nasadené dvoma spôsobmi:
- Inline - v rámci kódovania samotnej webovej stránky, na základe jednotlivých prvkov
- V samostatnom dokumente CSS, ku ktorému je webová stránka prepojená
Najlepšie postupy pre CSS
"Najlepšie postupy" sú metódy navrhovania a vytvárania webových stránok, ktoré sa ukázali ako najefektívnejšie a ktoré poskytujú najväčšiu návratnosť za prácu. Nasleduje ich v CSS v webovom návrhu pomáha webovým stránkam vyzerať a fungovať čo najlepšie. V priebehu rokov sa vyvíjali spolu s inými jazykmi a technológiami v oblasti webových aplikácií a samostatný štýl CSS sa stal preferovaným spôsobom použitia.
Podľa najlepších postupov pre službu CSS môžete zlepšiť svoje stránky nasledujúcimi spôsobmi:
- Oddeľuje obsah od dizajnu. Jedným z hlavných cieľov CSS je odstrániť dizajnové prvky z HTML a umiestniť ich na iné miesto, ktoré má projektant udržiavať. To tiež slúži na oddelenie dizajnérov od vývojárov, aby sa každý mohol sústrediť na svoje oblasti odbornosti. Návrhár nemusí byť vývojárom, ktorý by zachoval vzhľad webových stránok.
- Uľahčuje údržbu. Jedným z najviac prehliadnutých prvkov webového dizajnu je údržba. Na rozdiel od tlačových materiálov webová stránka nikdy nie je "jedna a je hotová". Obsah, dizajn a funkcia môžu a mali by sa časom vyvíjať. Mať CSS na centrálnom mieste, skôr ako posypané po celom webe, robí veci oveľa jednoduchšie udržať.
- Zachováva vaše stránky prístupné. Používanie štýlov CSS pomáha vyhľadávacím nástrojom a osobám so zdravotným postihnutím komunikovať s vašimi stránkami.
- Udržuje vaše stránky aktuálnejšie. Použitím osvedčených postupov so službou CSS dodržujete štandardy, ktoré boli preukázateľne stabilné, ale dostatočne flexibilné na to, aby vyhovovali zmenám v prostredí webového dizajnu.
Inline štýly nie sú najlepšou praxou
Inline štýly, aj keď majú účel, vo všeobecnosti nie sú najlepší spôsob, ako udržať vaše webové stránky. Sú proti každému z najlepších postupov:
- Inline štýly neoddeľujú obsah od dizajnu. Inline štýly sú úplne rovnaké ako vložené písmo a ďalšie nevýrazné dizajnérske značky, ktoré moderné vývojári lietajú proti. Štýly sa týkajú iba jednotlivých prvkov, na ktoré sa používajú; zatiaľ čo to vám môže poskytnúť podrobnejšiu kontrolu, ale tiež sťažuje ďalšie aspekty dizajnu a vývoja - napríklad konzistenciu.
- Inline štýly spôsobujú údržbu bolesti hlavy. Keď pracujete so štýlmi, môže byť ťažké určiť, kde je nastavený štýl. Keď máte čo do činenia so zmesou inline, embedded a externých štýlov , máte veľa polôh na kontrolu. Ak pracujete s tímom pre dizajn webových stránok alebo budete musieť prepracovať alebo udržiavať stránky postavené niekým iným, budete mať ešte väčšie problémy. Keď nájdete tento štýl a zmeníte ho, musíte to urobiť na každom prvku na každej stránke, na ktorej bola umiestnená. To zvyšuje čas a pracovné rozpočty astronomicky.
- Inline štýly nie sú tak prístupné. Zatiaľ čo moderná čítačka obrazovky alebo iné pomocné zariadenie môže byť schopné efektívne zaobchádzať s vloženými atribútmi a značkami, niektoré staršie zariadenia nemôžu, čo môže mať za následok niektoré podivne zobrazené webové stránky. Ďalšie znaky a text môžu mať vplyv na to, ako sa vaša stránka zobrazuje aj robotom vyhľadávacích nástrojov, takže vaša stránka taktiež nerobí optimalizáciu pre vyhľadávače (SEO).
- Inline štýly zväčšujú vaše stránky. Ak chcete, aby sa každý odsek na vašej stránke zobrazil určitým spôsobom, môžete to urobiť raz v šiestich riadkoch kódov v externom štýle šablón. Ak to urobíte s inline štýlmi, musíte tieto štýly pridať do každého odseku vašej stránky. Ak máte päť riadkov CSS, je to päť riadkov vynásobených každým odsekom na vašich stránkach. Túto šírku pásma a čas načítania sa môže spájať.
Alternatíva inline štýlov: Externé štýly
Namiesto používania inline štýlov použite externé štýly . Poskytujú vám všetky výhody najlepších postupov CSS a sú ľahko použiteľné. Týmto spôsobom sa používajú všetky štýly používané na vašom webe v samostatnom dokumente, ktorý je potom prepojený s webovým dokumentom s jedným riadkom kódu. Externé štýly sa týkajú všetkých dokumentov, ku ktorým sú pripojené. To znamená, že ak máte webovú stránku s 20 stránkami, v ktorej každá stránka používa rovnakú šablónu so štýlmi - čo je zvyčajne spôsob, ako sa to deje - môžete zmeniť každú z týchto strán jednoducho úpravou týchto štýlov raz, na jednom mieste. Zmena štýlov na jednom mieste je nekonečne výhodnejšia ako hľadanie tohto kódu na každej stránke vašej webovej lokality. To robí dlhodobé riadenie stránok oveľa jednoduchšie.