Skeiding van inhoud vanuit ontwerp maak webwerfbestuur makliker
CSS (Cascading Style Sheets) is die de facto manier om webwerwe te stal en uit te lê. Ontwerpers gebruik style sheets om 'n blaaier te vertel hoe 'n webwerf vertoon moet word in terme van kyk en voel, soos faktore soos kleur, spasiëring, lettertipes en nog baie meer.
CSS-style kan op twee maniere ontplooi word:
- Inline - binne die kodering van die webblad self, op individuele, element-vir-element basis
- In 'n selfstandige CSS-dokument waaraan die webwerf gekoppel is
Beste praktyke vir CSS
"Beste praktyke" is die metodes om webwerwe te ontwerp en te bou wat bewys het dat dit die mees effektiewe is en om die meeste werk vir die betrokke werk te gee. Deur hulle te volg in CSS in webontwerp, kan webwerwe so goed moontlik funksioneer en funksioneer. Hulle het oor die jare saam met ander webstale en -tegnologieë ontwikkel, en die selfstandige CSS-styleblad het die voorkeurmetode geword.
Volg die beste praktyke vir CSS kan jou webwerf op die volgende maniere verbeter:
- Skei inhoud van ontwerp. Een van die hoofdoelwitte van CSS is om ontwerpelemente van HTML te verwyder en hulle op 'n ander plek te plaas vir die ontwerper om te onderhou. Dit dien ook om ontwerpers van ontwikkelaars te skei sodat elkeen op hul kundigheidspunte kan fokus. 'N Ontwerper hoef nie 'n ontwikkelaar te wees om die voorkoms van 'n webwerf te handhaaf nie.
- Maak onderhoud maklik. Een van die mees oordraagbare elemente van webontwerp is instandhouding. Anders as drukmateriaal, is 'n webwerf nooit "een en klaar nie." Inhoud, ontwerp en funksie kan en moet oor tyd ontwikkel. Om die CSS op 'n sentrale plek te hê, eerder as om die hele webwerf te besprinkel, maak dinge baie makliker om in stand te hou.
- Hou jou webwerf toeganklik. Deur CSS-style te gebruik, help soekenjins en gestremdes om met jou webwerf te kommunikeer.
- Hou jou webwerf huidiglik langer. Deur gebruik te maak van beste praktyke met CSS, voldoen u aan standaarde wat bewys is stabiel maar buigsaam genoeg is om verandering in die webontwerp omgewing te akkommodeer.
Inline-style is nie die beste praktyk nie
Inline-style, terwyl hulle 'n doel het, is gewoonlik nie die beste manier om jou webwerf te onderhou nie. Hulle gaan teen elkeen van die beste praktyke:
- Inlynstyle skei nie inhoud van ontwerp af nie. Inline-style is presies dieselfde as embedded font en ander clunky design tags wat moderne ontwikkelaars teenstaan. Die style beïnvloed slegs die spesifieke, individuele elemente waaraan hulle toegepas word; terwyl dit jou meer korrelbeheer kan gee, maak dit ook ander aspekte van ontwerp en ontwikkeling - soos konsekwentheid - moeiliker.
- Inline style veroorsaak onderhoud hoofpyn. Wanneer jy met style sheets werk, kan dit moeilik wees om uit te vind waar 'n styl gestel word. As jy te doen het met 'n mengsel van inline, ingebedde en eksterne style , het jy baie plekke om seker te maak. As jy op 'n webontwerpspan werk of 'n webwerf wat deur iemand anders gebou is, moet herontwerp of onderhou, sal jy nog meer probleme ondervind. Sodra jy die styl gevind het en dit verander, moet jy dit doen op elke element op elke bladsy waar dit geplaas is. Dit verhoog tyd en werkbegrotings astronomies.
- Inline style is nie so toeganklik nie. Terwyl 'n moderne skermleser of ander ondersteunende toestel inline-eienskappe en -aktiwiteite doeltreffend kan hanteer, kan sommige ouer toestelle nie, wat kan lei tot 'n paar vreemde vertoon webblaaie. Ekstra karakters en teks kan beïnvloed hoe jou bladsy deur 'n soekenjin-robot besigtig word, so jou bladsy doen nie so goed ten opsigte van search engine optimization (SEO) nie.
- Inline style maak jou bladsye groter. As u wil hê dat elke paragraaf op u webwerf op 'n sekere manier verskyn, kan u dit een keer doen met ses reëls of so van kode in 'n eksterne styleblad. As jy dit met inline style doen, moet jy daardie style by elke paragraaf van jou werf voeg. As jy vyf CSS-lyne het, is dit vyf reëls vermenigvuldig met elke paragraaf op jou webwerf. Daardie bandwydte en laai tyd kan haastig optel.
Die alternatiewe tot inlynstyle: Eksterne style sheets
In plaas van die gebruik van inline style, gebruik eksterne style sheets . Hulle gee jou al die voordele van CSS beste praktyke en is maklik om te gebruik. Op hierdie manier word al die style wat op jou webwerf gebruik word, in 'n aparte dokument geleef wat dan aan 'n webdokument gekoppel word met 'n enkele kodekode. Eksterne style sheets beïnvloed enige dokument waaraan hulle geheg is. Dit beteken dat as jy 'n webblad van 20 bladsye het waarop elke bladsy dieselfde stylevel gebruik - wat tipies is hoe dit gedoen word - kan jy 'n verandering aan elkeen van daardie bladsye maak deur eenvoudig die style een keer op een plek te wysig. Die verandering van style op een plek is oneindig meer gerieflik as om op daardie bladsy op jou webwerf te soek. Dit maak die bestuur van langtermyn-webtuistes baie makliker.