Cascading Style Sheets: Richtlijnen voor het gebruik van CSS

Webontwikkelaars moeten, waar mogelijk, structuur van vormgeving scheiden. Hen wordt daarom sterk aangeraden waar mogelijk CSS voor de vormgeving van een site te gebruiken. CSS moet zo veel mogelijk in gelinkte externe bestanden worden geplaatst.

Houd structuur en vormgeving zoveel mogelijk gescheiden: gebruik HTML of XHTML voor de structuur van de site en CSS voor de vormgeving ervan.

Richtlijn R-pd.1.1

CSS dient in gelinkte bestanden geplaatst te worden en niet gemengd te worden met de HTML broncode.

Richtlijn R-pd.9.1

Ook moeten webontwikkelaars er rekening mee houden dat pagina’s nog steeds bruikbaar zijn wanneer CSS niet wordt ondersteund. (Dit betekent uiteraard niet dat de pagina’s hetzelfde uiterlijk moeten hebben als wanneer CSS wél door de browser wordt ondersteund.)

Pagina’s dienen bruikbaar te blijven wanneer CSS door een webbrowser niet ondersteund wordt.

Richtlijn R-pd.9.2

“Organize documents so they may be read without style sheets”

W3C Web Content Accessibility Guidelines ijkpunt 6.1

Het verschil tussen CSS Level-1 en Level-2

CSS Level-1 bevat hoofdzakelijk basisregels voor de vormgeving van tekst en beeld. De CSS Level-2 specificatie is een uitbreiding op CSSLevel-1. CSS Level-2 bevat naast de regels van CSS Level-1 ook nog eens regels voor de lay-out. Via CSS Level-2 kan men hele blokken inhoud over het beeld verplaatsen.

CSS Level-3

De specificatie voor CSS Level-3 is op dit moment nog sterk in ontwikkeling. Ondersteuning voor deze nieuwe CSS-variant is nog niet optimaal.

Omdat regels die niet door browsers ondersteund worden, automatisch worden genegeerd, levert het op zichzelf geen problemen op om regels toe te passen uit de CSS Level-3 specificatie, of zelfs regels uit browserspecifieke CSS specificaties zoals die van Microsoft. Punt van aandacht is wel dat een brede ondersteuning hiervoor niet is gegarandeerd.

Omdat de CSS Level-3 specificatie nog in ontwikkeling is, en gezien het belang van het gebruik van open standaarden, wordt aangeraden alleen die onderdelen uit CSS Level-3 te gebruiken die door de meest gangbare browsers goed worden ondersteund.

(uitleg)


 Webrichtlijnen versie 1.3, november 2007.