CSS (Cascading Style Sheets) er blevet den de facto måde at style og layout hjemmesider. Designere bruger stylesheets til at fortælle en browser, hvordan en hjemmeside skal vises med hensyn til udseende og følelse, der dækker faktorer som farve, mellemrum, skrifttyper og meget mere.
CSS-stilarter kan implementeres på to måder:
- Inline - inden for kodningen af websiden selv, på individuel basis element-for-element basis
- I et selvstændigt CSS-dokument, som hjemmesiden er knyttet til
Bedste praksis for CSS
"Best practices" er metoderne til at designe og opbygge hjemmesider, der har vist sig at være den mest effektive og at give mest muligt udbytte af det involverede arbejde. Følger dem i CSS i webdesign hjælper websites med at se og fungere så godt som muligt. De har udviklet sig gennem årene sammen med andre websprog og teknologier, og det frittstående CSS stilark er blevet den foretrukne anvendelsesmetode.
Følgende bedste praksis for CSS kan forbedre dit websted på følgende måder:
- Afskiller indhold fra design.Et af hovedmålene med CSS er at fjerne designelementer fra HTML og placere dem på et andet sted for designeren at vedligeholde. Dette tjener også til at adskille designere fra udviklere, så hver især kan fokusere på deres ekspertiseområder. En designer behøver ikke at være en udvikler for at opretholde udseendet af et websted.
- Gør vedligeholdelse let.Et af de mest oversete elementer i webdesign er vedligeholdelse. I modsætning til trykmaterialer er en hjemmeside aldrig "en og færdig." Indhold, design og funktion kan og bør udvikle sig over tid. At have CSS på et centralt sted, snarere end sprinklet i hele hjemmesiden, gør tingene meget lettere at vedligeholde.
- Holder dit websted tilgængeligt.Brug af CSS-stilarter hjælper søgemaskiner og handicappede personer med at interagere med dit websted.
- Holder dit websted nuværende længere.Ved at bruge bedste praksis med CSS, overholder du standarder, der har vist sig at være stabile, men fleksible nok til at rumme ændringer i webdesignmiljøet.
Inline-stilarter er ikke den bedste praksis
Inline-stilarter, mens de har et formål, er generelt ikke den bedste måde at opretholde dit websted på. De går imod alle de bedste metoder:
- Inline-stilarter adskiller ikke indhold fra design.Inline-stilarter er nøjagtigt de samme som indlejrede skrifttyper og andre klumpede designkoder, som moderne udviklere støder imod. Stilene påvirker kun de enkelte individuelle elementer, som de anvendes til mens det kan give dig mere granulær kontrol, gør det også andre aspekter af design og udvikling - som f.eks. konsistens - vanskeligere.
- Inline-stilarter forårsager vedligeholdelseshovedpine.Når du arbejder med stylesheets, kan det være svært at finde ud af, hvor en stil er sat. Når du beskæftiger dig med en blanding af inline, indlejrede og eksterne stilarter, har du mange steder at tjekke. Hvis du arbejder på et webdesignteam eller skal redesign eller vedligeholde et websted bygget af en anden, så vil du have endnu flere problemer. Når du har fundet stilen og ændret den, skal du gøre det på hvert element på hver side, hvor den er placeret. Det øger tids- og arbejdsbudgetterne astronomisk.
- Inline-stilarter er ikke så tilgængelige.Mens en moderne skærmlæser eller anden hjælpemaskine muligvis kan håndtere inline attributter og tags effektivt, kan nogle ældre enheder ikke, hvilket kan resultere i nogle underligt viste websider. Ekstra tegn og tekst kan påvirke, hvordan din side ses af en søgemaskine robot, så din side gør det ikke så godt med hensyn til søgemaskineoptimering (SEO).
- Inline-stilarter gør dine sider større.Hvis du vil have hvert afsnit på dit websted for at vises på en bestemt måde, kan du gøre det en gang med seks linjer eller så med kode i et eksternt stilark. Hvis du gør det med inline-stilarter, skal du dog tilføje disse stilarter til hvert afsnit på dit websted. Hvis du har fem linjer af CSS, er det fem linjer multipliceret med hvert afsnit på dit websted. Den båndbredde og belastningstid kan give travlt.
Alternativ til inline-stilarter: Eksterne formatark
I stedet for at bruge inline-stilarter skal du bruge eksterne stylesheets. De giver dig alle fordelene ved CSS bedste praksis og er nemme at bruge. Ansat på denne måde, lever alle de stilarter, der bruges på dit websted, i et separat dokument, som derefter er knyttet til et webdokument med en enkelt kodekode. Eksterne stylesheets påvirker ethvert dokument, de er knyttet til. Det betyder, at hvis du har en 20-siders hjemmeside, hvor hver side bruger det samme stilark - hvilket typisk er, hvordan det er gjort - kan du ændre på hver enkelt af disse sider ved blot at redigere disse stilarter én gang på ét sted. Ændring af stilarter på ét sted er uendeligt mere bekvemt end at søge efter den kodning på hver side på dit websted. Dette gør langsigtet site management meget lettere.
