Met Style Sheets kan je inhoud en vormgeving grotendeels van elkaar scheiden. Een goed gebruik van style sheets verhoogt niet alleen de beheerbaarheid en consistentie van uw site, ook de laadtijd zal er met zowat 10% op vooruitgaan.

Wat zijn style sheets?
Met style sheets (Cascading Style Sheets) kan je een groot aantal parameters die het uitzicht van een webpagina bepalen, vastleggen in een bestand dat los van de HTML-code staat. Enkele van die parameters zijn bijvoorbeeld alles wat met lettertypes te maken heeft, de manier waarop links aangeduid worden, het uitzicht van tabellen en knoppen... Doordat deze style sheet door alle pagina's van een site aangesproken kan worden, biedt deze techniek tal van voordelen voor zowel webbouwer als bezoeker.

Voordelen voor de webbouwer
Dat zowat de volledige look van een site via een enkel bestand wordt aangestuurd, vereenvoudigt de beheerbaarheid van de site aanzienlijk. Wanneer de marketingmanager beslist om de hele site met Kerstmis in een ander kleedje te steken of als blijkt dat de links beter in een andere kleur gezet kunnen worden en onderlijnd moeten zijn, moet u daarvoor niet alle pagina's van de site manueel aanpassen, maar volstaat het enkele wijzigingen door te voeren in één enkel bestand.

Een logisch gevolg van dit principe is dat het de uniformiteit en consistentie van uw site aanzienlijk zal bevorderen, een niet te onderschatten element bij het uitbouwen van een online brand. Voor de webmaster(s) wordt de kans op vergissingen bovendien aanzienlijk kleiner omdat men zich nooit meer moet afvragen welke kleur die link nu weer had, hoe groot die titel weer moest zijn of wat nu de kleur was van de randen van een tabel.

Door vorm en inhoud van elkaar te scheiden kan dezelfde content (zelfs als ze niet uit een database komt) eenvoudig geoptimaliseerd worden om op diverse platforms bekeken te worden. Minder bekende of oudere browsers, exotische besturingssystemen, specifieke hardware (pda's, set-top boxen, ...) die specifieke 'tags' niet ondersteunen kunnen immers optimaal bediend worden door ze een andere style sheet voor te schotelen. Maar ook wanneer u dit niet doet, kunnen ze gewoon terugvallen op de pure HTML-code van de pagina zelf. Door het gebruik van stijlbladen wordt het veel eenvoudiger om uw site in de toekomst te optimaliseren voor bijvoorbeeld internet via de televisie.

Doordat een hele hoop belastende tags uit uw paginacode verdwijnen, wordt de HTML lay-out meteen een pak overzichtelijker. Daardoor is het niet alleen handiger werken voor de huidige webmaster, maar wordt het ook eenvoudiger om het project later door iemand anders te laten verder zetten.

Voordelen voor de gebruiker
Het belangrijkste voordeel voor de bezoeker van een site die werkt met een style sheet, is de merkelijk snellere laadtijd. Het feit dat de style sheet maar één keer per sessie getransfereerd wordt naar de pc van de bezoeker en de lichtere HTML-pagina's zorgen voor een snelheidswinst van maar liefst 10 procent. Gebruik slechts één style sheet per site en zeker geen zogenaamde embedded styles waarbij alle stijlelementen bovenaan elke pagina worden beschreven. Meerdere style sheets kunnen enkel wanneer ze voor specifieke platforms bestemd zijn.

Els Aerts & Karl Gilis

Een meer uitgebreide versie van dit artikel verscheen in Tips & Advies Online Ondernemen, jaargang 5, nummer 13 (België en Nederland).