Web Quality - Stylesheets

Het gebruik van style sheets is cruciaal voor het verbeteren van de kwaliteit van webpagina's.

Gebruik geen font-tag

Gebruik CSS om de tekstgrootte op de webpagina's in te stellen. Gebruik geen font-tag.

Het gebruik van de <font>-tag vergroot de omvang van het document en maakt het een nachtmerrie om de standaard tekstgrootte te wijzigen.

Denk eens na over het volgende scenario:

Op een dag beslis je om de kleur en grootte van alle titels op je website te wijzigen. Met CSS hoef je slechts één regel te wijzigen om dit te bereiken. Als je de <font>-tag gebruikt, moet je alle titels op alle pagina's van de website handmatig wijzigen.

Gebruik van stijlen in plaats van de <font>-tag maakt het ons gemakkelijker om hoge kwaliteit interfaces voor webpagina's te maken.

Gebruik geen vaste lettergrootte

Gebruik geen vaste maatwaarden. Gebruik altijd relatieve maatwaarden.

De belangrijkste reden voor dit advies is dat de vaste maat niet kan worden aangepast via de browser.

Je bezoekers zullen verschillende apparaten (monitoren), verschillende browseromgevingen (licht) en mogelijke beperkingen (zwakzichtigheid) gebruiken.

Bijvoorbeeld, kun je de tekstgrootte van iemands tekst instellen op 100% (of medium), de hoofdtitel instellen op 140% (of x-large) en de subtitels instellen op 120% (of large), zodat gebruikers hun favoriete grootte kunnen instellen met de browser.

Door de functionaliteit van het aanpassen van de tekstgrootte van de webpagina, kan ook het aantal teksten op de afdrukpagina worden gewijzigd.

Gebruik geen zeer kleine standaard lettergrootte

Sommige websites gebruiken een zeer kleine tekstgrootte, zodat er meer inhoud op elke pagina kan worden gepakt of zodat de pagina er 'hipper' uitziet.

Opnieuw benadrukt, het gebruik van verschillende apparaten (monitoren), verschillende browseromgevingen (licht) en mogelijke beperkingen (zwakzichtigheid) kan lezen moeilijk maken voor gebruikers.

Bezorg er niet voor dat gebruikers hun tekstgrootte moeten vergroten bij elke bezoek aan je site.

Gebruik altijd consistente achtergrondkleuren

De meeste webpagina's gebruiken verschillende kleuren voor verschillende tekstelementen. De kleur van titels en links is vaak verschillend van de kleur van de正文 tekst.

Als webontwerper, moet je je realiseren dat je bezoekers de standaard kleuropties kunnen wijzigen.

Als je kleuren definieert voor web-elementen, moet je ook een achtergrondkleur definiëren.

Als je geen achtergrondkleur definieert, kan je website beschadigd raken door slechte kleurenmixen (bijvoorbeeld felrode tekst op een rode achtergrond, of donkere tekst op een donkere achtergrond).

Als je geen achtergrondkleur opgeeft, kan het tekst moeilijk te herkennen zijn.