Overhold de bedste fremgangsmåder for CSS: Undgå CSS Inline-stilarter

Cascading Style Sheets er blevet den standard måde at style og layout hjemmesider på. Designere bruger stilark at fortælle en browser, hvordan et websted skal vises med hensyn til udseende og følelse, der dækker faktorer som farve, afstand, skrifttyper og meget mere.

CSS-stilarter implementeres på to måder:

  • Inline - inden for kodningen af ​​selve websiden på individuel basis for element-basis
  • I et enkeltstående CSS-dokument, som hjemmesiden er linket til
Eksempel på CSS
CSS.Jeremy Girard

Bedste fremgangsmåder til CSS

"Bedste fremgangsmåder" er metoderne til at designe og oprette websteder, der har vist sig at være de mest effektive og giver mest afkast for det involverede arbejde. Følg dem ind CSS inden for webdesign hjælper websteder med at se og fungere så godt som muligt. De har udviklet sig gennem årene sammen med andre websprog og teknologier, og det uafhængige CSS-stilark er blevet den foretrukne metode til brug.

At følge bedste praksis for CSS kan forbedre dit websted på flere måder:

  • Adskiller indhold fra design
    watch instagram stories
    : Et af hovedmålene med CSS er at fjerne designelementer fra HTML og placere dem et andet sted, som designeren kan vedligeholde. Denne praksis tjener også til at adskille designere fra udviklere, så hver kan fokusere på deres ekspertiseområder. En designer behøver ikke at være udvikler for at bevare udseendet på et websted.
  • Gør vedligeholdelse let: Et af de mest oversete elementer i webdesign er vedligeholdelse. I modsætning til trykte materialer er et websted aldrig "et og færdigt." Indhold, design og funktion kan og bør udvikle sig over tid. At have CSS et centralt sted, snarere end at drysses igennem hele webstedet, gør tingene meget lettere at vedligeholde.
  • Gør dit websted tilgængeligt: Brug af CSS-stilarter hjælper søgemaskiner og handicappede med at interagere med dit websted.
  • Holder dit websted opdateret 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 imødekomme ændringer i webdesignmiljøet.

Inline-stilarter er ikke bedste praksis

Inline-stilarter, selvom de har et formål, er generelt ikke den bedste måde at vedligeholde dit websted på. De går imod enhver af de bedste fremgangsmåder:

  • Inline-stilarter adskiller ikke indhold fra design: Inline-stilarter er nøjagtigt de samme som indlejret skrifttype og andre klodsede designkoder, som moderne udviklere skinner imod. Stilarterne påvirker kun de særlige, individuelle elementer, som de anvendes på; mens denne tilgang muligvis giver dig mere detaljeret kontrol, gør det også andre aspekter af design og udvikling - såsom konsistens - vanskeligere.
  • Inline-stilarter forårsager vedligeholdelseshovedpine: Når du arbejder med typografiark, kan det være svært at finde ud af, hvor en stil indstilles. Når du har at gøre med en blanding af indbyggede, indlejrede og eksterne stilarter, har du mange placeringer at kontrollere. Hvis du arbejder i et webdesignteam eller er nødt til at redesigne eller vedligeholde et websted, der er bygget af en anden, 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 tid og arbejdsbudgetter astronomisk.
  • Indbyggede stilarter er ikke så tilgængelige: Mens en moderne skærmlæser eller en anden hjælpemiddel muligvis kan håndtere integrerede attributter og mærker effektivt, kan nogle ældre enheder ikke, hvilket kan resultere i noget underligt vist web sider. Ekstra tegn og tekst kan også påvirke, hvordan din side vises af en søgemotorrobot, så din side klarer sig ikke så godt med hensyn til søgemaskineoptimering.
  • Integrerede stilarter gør dine sider større: Hvis du vil have, at hvert afsnit på dit websted skal vises på en bestemt måde, kan du gøre det en gang med seks linjer eller deromkring kode i et eksternt stilark. Hvis du gør det med indbyggede stilarter, skal du dog tilføje disse stilarter til hvert afsnit på dit websted. Hvis du har fem linjer med CSS, er det fem linjer ganget med hvert afsnit på dit websted. Denne båndbredde og belastningstid kan tilføjes i en fart.

Alternativet til indbyggede typografier er eksterne typografiark

I stedet for at bruge indbyggede typografier skal du bruge eksterne stilark. De giver dig alle fordelene ved CSS bedste praksis og er nemme at bruge. Anvendt på denne måde lever alle de stilarter, der bruges på dit websted, i et separat dokument, der derefter linkes til et webdokument med en enkelt kodelinje. Eksterne stilark påvirker ethvert dokument, de er vedhæftet. Hvis du har et 20-siders websted, hvor hver side bruger det samme typografiark - sådan er det typisk gjort - du kan foretage en ændring af hver af disse sider ved blot at redigere disse typografier én gang i én placere. At ændre stilarter på et sted er mere praktisk end at søge efter den kodning på hver side på dit websted. Denne fleksibilitet gør langsigtet webstedsadministration meget lettere.

instagram story viewer