Cascading Style Sheets je postal standardni način za oblikovanje in postavitev spletnih mest. Oblikovalci uporabljajo tabele slogi brskalniku sporočiti, kako naj bo spletno mesto prikazano glede na videz in občutek, ki zajema dejavnike, kot so barva, razmiki, pisave in še veliko več.
Slogi CSS se uvedejo na dva načina:
- V vrstici - znotraj kodiranja same spletne strani, posamezno, od elementa do elementa
- V samostojnem dokumentu CSS, na katerega je spletno mesto povezano
Najboljše prakse za CSS
"Najboljše prakse" so metode oblikovanja in izdelave spletnih strani, ki so se izkazale za najučinkovitejše in zagotavljajo največjo donosnost za opravljeno delo. Po njih v CSS v spletnem oblikovanju pomaga spletnim mestom videti in delovati čim bolje. V preteklih letih so se razvijali skupaj z drugimi spletnimi jeziki in tehnologijami, samostojna tabela s slogi CSS pa je postala najprimernejša metoda uporabe.
Upoštevanje najboljših praks za CSS lahko izboljša vaše spletno mesto na več načinov:
- Vsebina ločuje od oblikovanja: Eden glavnih ciljev CSS je odstraniti elemente oblikovanja iz HTML-ja in jih postaviti na drugo mesto, da ga lahko vzdrževa oblikovalec. Ta praksa služi tudi ločevanju oblikovalcev od razvijalcev, tako da se lahko vsak osredotoči na svoje strokovno področje. Ni treba, da je oblikovalec razvijalec, da ohrani videz spletnega mesta.
- Olajša vzdrževanje: Eden najbolj spregledanih elementov spletnega oblikovanja je vzdrževanje. Za razliko od tiskanih materialov spletno mesto nikoli ni "eno in končano". Vsebina, oblikovanje in delovanje se sčasoma lahko in bi se morali razvijati. Ker je CSS na osrednjem mestu, namesto da bi ga posipali po celotnem spletnem mestu, je stvari veliko lažje vzdrževati.
- Vaše spletno mesto je dostopno: Uporaba slogov CSS pomaga iskalnikom in invalidom pri interakciji z vašim spletnim mestom.
- Vaše spletno mesto ohranja dlje: Z uporabo najboljših praks s CSS upoštevate standarde, ki so se izkazali za stabilne, a dovolj prilagodljive, da se lahko prilagodijo spremembam v okolju spletnega oblikovanja.
Vstavljeni slogi niso najboljša praksa
Vgrajeni slogi, čeprav imajo svoj namen, na splošno niso najboljši način za vzdrževanje vašega spletnega mesta. Nasprotujejo vsem najboljšim praksam:
- Vstavljeni vlogi ne ločujejo vsebine od oblikovanja: Vstavljeni slogi so popolnoma enaki vdelani pisavi in drugim okornim oblikovalskim oznakam, proti katerim se sodobni razvijalci izogibajo. Slogi vplivajo samo na posamezne posamezne elemente, na katere so uporabljeni; Čeprav vam ta pristop lahko daje bolj natančen nadzor, otežuje tudi druge vidike oblikovanja in razvoja, na primer doslednost.
- Vstavljeni stili povzročajo vzdrževalne preglavice: Ko delate s tabelami slogi, je težko ugotoviti, kje se slog določa. Ko imate opravka z mešanico vrstice, vdelani in zunanji slogi, imate veliko lokacij za preverjanje. Če delate v skupini za spletno oblikovanje ali morate preoblikovati ali vzdrževati spletno mesto, ki ga je ustvaril nekdo drug, boste imeli še več težav. Ko najdete slog in ga spremenite, boste to morali storiti za vsak element na vsaki strani, kjer je bil postavljen. To astronomsko poveča proračun za čas in delo.
- Slogi v vrstici niso tako dostopni: Medtem ko lahko sodobni bralnik zaslona ali druga pomožna naprava obvladuje vrstne atribute nekatere oznake učinkovito ne morejo, kar lahko povzroči nenavadno prikazan splet strani. Tudi dodatni znaki in besedilo lahko vplivajo na to, kako robot iskalnika vidi tudi vašo stran, zato vaša stran v smislu optimizacije iskalnikov ne deluje dobro.
- Vstavljeni slogi povečujejo vaše strani: Če želite, da se vsak odstavek na vašem spletnem mestu prikaže na določen način, lahko to storite enkrat s šestimi vrsticami kode v zunanjem slogovnem listu. Če pa to počnete z vgrajenimi slogi, jih morate dodati v vsak odstavek spletnega mesta. Če imate pet vrstic CSS, je to pet vrstic, pomnoženih z vsakim odstavkom na vašem spletnem mestu. Ta pasovna širina in čas nalaganja se lahko na hitro seštevata.
Alternativa vstavljenim slogom so zunanji slogi
Namesto da uporabite vrstice v vrstici, uporabite zunanje sloge. Zagotavljajo vam vse prednosti najboljših praks CSS in so enostavni za uporabo. Tako uporabljeni vsi slogi, uporabljeni na vašem spletnem mestu, živijo v ločenem dokumentu, ki je nato povezan s spletnim dokumentom z eno vrstico kode. Zunanje tabele slogi vplivajo na kateri koli dokument, ki so mu priloženi. Če imate 20-stransko spletno mesto, na katerem vsaka stran uporablja isti tabelo slogov - kar je običajno tako dokončano - na vsaki od teh strani lahko spremenite preprosto tako, da te sloge enkrat uredite v enem kraj. Spreminjanje slogov na enem mestu je bolj priročno kot iskanje tega kodiranja na vsaki strani vašega spletnega mesta. Ta prilagodljivost olajša dolgoročno upravljanje strani.