Css layout - hvad er fordelen?

Med CSS - cascading style sheets - kan udseendet styres uafhængigt af indholdet. Alt hvad du ser på skærmen: antal spalter, farver, baggrundsbilleder, skrifttyper, skriftstørrelser, er styret centralt med css. Det samme indhold kunne i princippet se helt anderledes ud.

Hvorfor er det smart?

Det er der især tre gode grunde til:

  • Det sikrer at hjemmesiden har et ensartet layout
  • Det giver mulighed for flere stylesheets - til mobile enheder, print mm
  • Indholdet - html-koden - fylder mindst muligt og vises derfor hurtigere

Det sikrer at hjemmesiden har et ensartet layout

Den centrale styring af udseendet sikrer at hjemmesiden har et ensartet layout. Det betyder at en ændring vil slå igennem på alle html-sider på én gang. Det giver en hurtig arbejdsgang ved ændringer på hjemmesiden.

Mulighed for flere stylesheets - til mobile enheder, print mm.

Når indhold og udseende holdes adskilt, kan det samme indhold vises med et helt andet udseende - f.eks et et-spaltet layout til mobile enheder, eller tilpasset så hjemmesiden kan printes ud i en passende bredde, uden navigationen.

Indholdet fylder mindst muligt og vises derfor hurtigere

Indholdet fylder mindst muligt og vises derfor hurtigere. Et layout der er styret med css giver desuden mulighed for at lægge det egentlige indhold på den enkelte side øverst i html-koden - så det kan blive læst først af f.eks skærmlæsere.