U bent hier:

Cascading Style Sheets: Voordelen van het gebruik van CSS

CSS en de scheiding tussen structuur en vormgeving

Het gebruik van CSS draagt sterk bij aan de scheiding tussen structuur en vormgeving. De voordelen zijn de volgende.

Lager verbruik van bandbreedte voor bezoeker en opdrachtgever.
Een gescheiden CSS-bestand kan in de browser van de bezoeker worden gecached. Daardoor hoeft deze maar één keer geladen te worden. Als HTML-pagina’s niet langer markup voor de vormgeving bevatten, is hun bestandsomvang geringer. Dit scheelt in het verbruik van bandbreedte voor zowel de bezoeker als de opdrachtgever. Het effect voor de bezoeker: pagina's laden merkbaar sneller.
Bouw en onderhoud worden gemakkelijker.
De scheiding tussen structuur en vormgeving maakt de inhoud overzichtelijk en de structuur eenvoudig. Dit vergemakkelijkt de bouw en het onderhoud door webontwikkelaars en contentbeheerders.
Efficiëntie en tijdswinst in het ontwikkelproces.
Een gescheiden CSS-bestand maakt aanpassingen in de vormgeving van de hele site eenvoudig en efficiënt. Vaak zijn meerdere ontwikkelaars verantwoordelijk voor de bouw van een website. Door het scheidingsprincipe kunnen ontwikkelaars grotendeels onafhankelijk van elkaar aan de site werken. Dit bespoedigt het productieproces en vermindert de kans op onvolkomenheden.
Een gescheiden CSS-bestand draagt bij aan de consistentie in vormgeving.
Deze consistentie is belangrijk voor de herkenbaarheid en het gebruik van de site. Een inconsistent uiterlijk wekt bij de bezoeker een slordige, onbetrouwbare indruk.

CSS komt het beste tot zijn recht in combinatie met beschrijvende markup.

De combinatie van CSS en beschrijvende markup maakt het mogelijk de pagina te gebruiken zonder CSS (bijvoorbeeld via een oude browser die CSS niet ondersteunt);
de informatie ziet er dan nog steeds gestructureerd uit. Ook gebruikers van schermleesprogramma’s en brailleleesregels, of zoek-spiders, zullen CSS niet visueel waarnemen; Beschrijvende markup vertelt hun of iets een kopregel is, in tegenstelling tot betekenisloze markup dat hooguit het uiterlijk heeft van een kopregel.
De in het document gebruikte (beschrijvende) markup heeft al een standaard uiterlijk.
Met CSS hoeft op dit uiterlijk slechts te worden gevarieerd.

CSS geeft de webontwikkelaar een breder scala aan vormgevingsmogelijkheden dan HTML-markup.
Markup voor het vormgeven van teksten is zeer beperkt en achterhaald. Bovendien leidt deze tot problemen met toegankelijkheid, uitwisselbaarheid, bouw en onderhoud.
CSS geeft de bezoeker van de site controle over hoe zij sites willen zien.
Via zogenaamde User Style Sheets kan een bezoeker in zijn browser visuele aspecten van een site overschrijven. Naar voorkeur kan hij bijvoorbeeld een leesbaarder contrast of grotere lettertypes instellen. Webontwikkelaars die CSS (en niet markup) gebruiken voor de vormgeving van een website, maken deze aanpassing door de bezoeker gemakkelijker.

De ondersteuning van CSS door browsers is op dit moment redelijk tot goed.
Basisregels voor vormgeving, gedefinieerd in CSS level-1 genieten om dit moment nagenoeg 100 procent ondersteuning van moderne browsers. Regels voor de complete lay-out van een website worden gegeven in de CSS level-2 specificatie. Ondersteuning hiervoor door moderne browsers is redelijk. Ook oude browsers zonder ondersteuning voor CSS geven van toegang tot de site (mits de ontwikkelaar het gebruik van de site niet van CSS afhankelijk heeft gemaakt). CSS is dus ook ‘backward compatible’.
Style Sheets hebben de toekomst.
Markup voor het manipuleren van de vormgeving is door het W3C achterhaald verklaard. Het komt in huidige HTML-versies nauwelijks voor en is uitgesloten van opname in toekomstige markup-talen. Ondersteuning van CSS door browsers wordt daarentegen steeds beter.

Webrichtlijnen versie 1.3, november 2007.