Aðgreina efni frá hönnun gerir vefstjórnun auðveldara
CSS (Cascading Style Sheets) hefur orðið reyndar leið til að stilla og leggja fram vefsíður. Hönnuðir nota stíllblöð til að segja vafra hvernig á að birta vefsíðu með tilliti til útlits og tilfinningar, þ.mt lit, bil, letur og margt fleira.
CSS stíl er hægt að dreifa á tvo vegu:
- Inline - innan kóðunar á vefsíðunni sjálfu, á einstökum grundvallaratriðum
- Í sjálfstæðu CSS skjalinu, sem vefsíðan er tengd við
Best Practices fyrir CSS
"Besta starfsvenjur" eru aðferðir við hönnun og uppbyggingu vefsvæða sem hafa reynst árangursríkustu og skilað mestum árangri. Eftirfarandi í CSS í vefhönnun hjálpar vefsíður að líta út og virka eins vel og mögulegt er. Þeir hafa þróast í gegnum árin ásamt öðrum tungumálum á vefnum og tækni, og standalone CSS stylesheet hefur orðið valinn aðferð til notkunar.
Eftirfarandi bestu starfsvenjur fyrir CSS geta bætt síðuna þína á eftirfarandi hátt:
- Skilur efni frá hönnun. Ein helsta markmið CSS er að fjarlægja hönnunarþætti úr HTML og setja þær á annan stað fyrir hönnuður til að viðhalda. Þetta þjónar einnig að aðgreina hönnuði frá hönnuði þannig að hver geti lagt áherslu á sérsvið sín. Hönnuður þarf ekki að vera verktaki til að viðhalda útliti vefsíðu.
- Gerir viðhald auðvelt. Eitt af því sem gleymst er með vefhönnun er viðhald. Ólíkt prentefni er vefsíða aldrei "ein og sér". Innihald, hönnun og virkni getur og ætti að þróast með tímanum. Að hafa CSS á miðlægum stað, frekar en að stökkva yfir vefsíðuna, gerir það miklu auðveldara að viðhalda.
- Heldur síðuna þína aðgengileg. Using CSS stíll hjálpar leitarvélum og fatlaðum einstaklingum að hafa samskipti við síðuna þína.
- Heldur síðuna þína núna lengur. Með því að nota bestu starfsvenjur með CSS, fylgir þú stöðlum sem hafa reynst stöðugar en sveigjanlegir til að mæta breytingum á vefhönnunarumhverfi.
Inline stíl eru ekki bestu æfingar
Inline stíl, á meðan þeir hafa tilgang, almennt er ekki besta leiðin til að viðhalda vefsíðunni þinni. Þeir fara gegn öllum bestu starfsvenjum:
- Inline stíl ekki aðskilja efni frá hönnun. Inline stíll er nákvæmlega það sama og embed in leturgerð og önnur clunky hönnun merki sem nútíma verktaki járnbraut gegn. Stíllin hefur aðeins áhrif á tiltekna einstaka þætti sem þau eru beitt til; meðan það gæti gefið þér meiri kornstýringu, gerir það einnig aðra þætti hönnun og þróun - svo sem samkvæmni - erfiðara.
- Inline stíll valdið viðhalds höfuðverk. Þegar þú ert að vinna með stílblöð getur verið erfitt að reikna út hvar stíll er settur. Þegar þú ert að takast á við blöndu af inline, embed og ytri stíll , hefur þú marga staði til að athuga. Ef þú vinnur í vefhönnunarteymi eða þarft að endurhanna eða viðhalda vefsvæðinu sem byggður er af einhverjum öðrum, þá munt þú fá enn meiri vandræði. Þegar þú hefur fundið stíllinn og breytt því þarftu að gera það á öllum þáttum á hverri síðu þar sem hann hefur verið settur. Það eykur tíma og vinnuáætlanir stjarnfræðilega.
- Inline stíl er ekki eins aðgengileg. Þó að nútíma skjálesari eða annar hjálparbúnaður geti séð ummerki á eiginleikum og tagi á áhrifaríkan hátt, þá geta sum eldri tæki ekki það sem getur leitt til nokkrar undarlega birtar vefsíður. Auka stafi og texti geta haft áhrif á hvernig blaðsíðan þín er skoðuð af leitarvélum vélmenni líka, þannig að síðunni þinni gerist ekki eins vel með leitarvél hagræðingu (SEO).
- Inline stíll gerir síðurnar þínar stærri. Ef þú vilt hverja málsgrein á vefsvæðinu þínu til að birtast ákveðinn hátt getur þú gert það einu sinni með sex línum eða svo um kóða í utanaðkomandi stíll. Ef þú gerir það með inline stíl, þú þarft hins vegar að bæta þessum stílum við hvert málsgrein á síðunni þinni. Ef þú ert með fimm línur af CSS, þá eru fimm línur margfaldaðir með hverjum málsgrein á síðunni þinni. Þessi bandbreidd og hleðslutími geta bætt upp í að drífa.
The Alternative to Inline Stíll: Ytri Stílblöð
Í stað þess að nota innsláttarstíla skaltu nota ytri stíllblöð . Þeir gefa þér alla kosti af CSS bestu starfsvenjum og eru auðvelt að nota. Starfuð með þessum hætti eru öll stíll sem notaður er á vefsvæðinu þínu lifandi í sérstöku skjali sem síðan er tengt við vefrit með einum línu af kóða. Ytri stíll heiti hefur áhrif á öll skjöl sem þau eru tengd við. Það þýðir að ef þú ert með 20 blaðsíðna vefsíðu þar sem hver síða notar sömu stílblöð - sem venjulega er hvernig það er gert - getur þú breytt öllum þeim síðum einfaldlega með því að breyta þeim stílum einu sinni, á einum stað. Breyting stíll á einum stað er óendanlega þægilegra en að leita að þeim erfðaskrá á hverri síðu vefsvæðis þíns. Þetta gerir langtíma stjórnun á vefsvæðum mun auðveldara.