Ločevanje vsebine iz oblikovanja lažje upravlja spletno mesto
CSS (Cascading Style Sheets) je postal de facto način za oblikovanje spletnih strani. Oblikovalci uporabljajo slogovne predloge, da povedo brskalniku, kako naj bo spletna stran prikazana v smislu videza in občutka, ki zajema dejavnike, kot so barva, razmik, pisave in še veliko več.
Slogi CSS se lahko uporabljajo na dva načina:
- Inline - znotraj kodiranja spletne strani sam po posamezni elementi po elementih
- V samostojnem dokumentu CSS, na katerega je povezana spletna stran
Najboljše prakse za CSS
"Najboljše prakse" so metode oblikovanja in izdelave spletnih strani, ki so se izkazale za najbolj učinkovite in dajejo največjo donosnost za zadevno delo. Po njih v CSS v spletnem oblikovanju spletne strani pomagajo videti in delovati. V preteklih letih so se razvili skupaj z drugimi spletnimi jeziki in tehnologijami, samostojna različica CSS pa je postala prednostna metoda uporabe.
Po najboljših praksah za CSS lahko vaše spletno mesto izboljša na naslednje načine:
- Ločuje vsebino od zasnove. Eden od glavnih ciljev CSS je odstraniti elemente oblikovanja iz HTML-ja in jih postaviti na drugo mesto, ki ga mora vzdrževati oblikovalec. To služi tudi za ločevanje oblikovalcev od razvijalcev, tako da se lahko vsak osredotoči na svoja področja strokovnega znanja. Za oblikovalca ni treba razvijalec, da bi ohranil videz spletne strani.
- Zagotavlja vzdrževanje. Eden od najbolj prezrte elemente spletnega oblikovanja je vzdrževanje. Za razliko od tiskalnega gradiva spletna stran ni nikoli "ena in storjena". Vsebina, zasnova in funkcija se lahko in se morajo sčasoma razvijati. S CSS-jem na osrednjem mestu, namesto da bi potopili na celotno spletno stran, olajša ohranjanje stvari.
- Omogoča dostop do vaše strani. Uporaba slogov CSS pomaga iskalnim in posameznikom s posebnimi potrebami komunicirati z vašo spletno stranjo.
- Ohranjuje svojo spletno stran, ki traja dlje. Z uporabo najboljših praks s CSS se držite standardov, ki so bili dokazani kot stabilni, vendar prilagodljivi, da bi lahko prilagodili spremembe v okolju spletnega oblikovanja.
Inline Styles niso najboljša praksa
Inline stilov, čeprav imajo namen, na splošno niso najboljši način za vzdrževanje vaše spletne strani. Gredo proti vsakemu izmed najboljših praks:
- Inline slogi ne ločujejo vsebine od zasnove. Inline slogi so popolnoma enaki kot vdelana pisava in druge neumne oblikovne oznake, ki jih sodobni razvijalci zavirajo. Slogi vplivajo samo na posamezne elemente, na katere se nanašajo; medtem ko vam to omogoča bolj natančno kontrolo, naredi tudi druge vidike oblikovanja in razvoja - kot je doslednost - težje.
- Inline stilov povzročajo glavobole za vzdrževanje. Kadar delate s slogovnimi predlogami, lahko ugotovite, kje je določen slog, je lahko težavno. Ko se ukvarjate z mešanico inline, vdelanih in zunanjih slogov , imate veliko možnosti za preverjanje. Če delate v skupini za oblikovanje spletnih strani ali morate preoblikovati ali vzdrževati spletno stran, ki jo je zgradil nekdo drug, boste imeli še več težav. Ko boste našli slog in ga spremenili, boste morali to storiti na vsakem elementu na vsaki strani, kjer je bil postavljen. To astronomsko povečuje čas in proračun dela.
- Stalni slogi niso tako dostopni. Medtem ko je sodoben bralnik zaslona ali druga pomožna naprava morda lahko učinkovito ravnati z inline atributi in oznakami, nekatere starejše naprave ne morejo, kar lahko privede do nekaterih neobičajno prikazanih spletnih strani. Dodatni znaki in besedilo lahko vplivajo na to, kako vaša stran gleda tudi iskalnik robota, tako da vaša stran ne bo storila tako v smislu optimizacije iskalnikov (SEO).
- Stalni slogi povečajo vaše strani. Če želite, da se vsak odstavek na vašem spletnem mestu prikazuje na določen način, lahko to naredite enkrat s šestimi vrsticami kode na zunanji strani. Če to storite z inline stilov, morate dodati te sloge vsakemu odstavku vaše spletne strani. Če imate pet vrstic CSS, to je pet vrstic, pomnoženih z vsakim odstavkom na vašem spletnem mestu. Ta pasovna širina in čas nalaganja se lahko naglo povečata.
Alternativa za slogovne sloge: zunanje slogovne predloge
Namesto uporabe inline stilov uporabite zunanje sloge . Dajo vse prednosti najboljših praks CSS in so enostavne za uporabo. Na ta način zaposleni vsi slogi, ki se uporabljajo na vašem spletnem mestu, živijo v ločenem dokumentu, ki je nato povezan z spletnim dokumentom z eno samo vrstico kode. Zunanji listi slogov vplivajo na vse dokumente, na katere so priključeni. To pomeni, da če imate spletno stran s 20 strani, na kateri vsaka stran uporablja isto slogovno tabelo - kar je običajno, kako je to storjeno - lahko spremenite vsako od teh strani, tako da enkrat na enem mestu urejate te sloge. Spreminjanje slogov na enem mestu je neskončno bolj priročno kot iskanje po kodiranju na vsaki strani vašega spletnega mesta. To naredi dolgoročno upravljanje lokacije veliko lažje.