Webb品质 - Stylingssidor

Användning av stylesheet är avgörande för att förbättra kvaliteten på webbsidor.

Använd inte font-taggen

Använd CSS för att ställa in textstorlek på webbsidor. Använd inte font-taggen.

Användning av <font>-taggen ökar dokumentets storlek och gör varje gång du ändrar standardtextstorlek till en mardröm.

Låt oss föreställa oss följande situation:

En dag bestämmer du dig för att ändra färgen och storleken på alla rubriker på din webbplats. Genom CSS behöver du endast ändra en rad för att uppnå detta. Om du använder <font>-taggen måste du ändra alla rubriker på alla sidor på din webbplats.

Använda stilar för att ersätta <font>-taggen gör det enklare att skapa högkvalitativa gränssnitt för webbsidor.

Använd inte fast typsnittsstorlek

Använd inte fasta storleksvärden. Använd alltid relativa storleksvärden.

Det viktigaste skälet till detta råd är att det inte är möjligt att justera storleken på fast definierade värden via webbläsaren.

Dina besökare kommer att använda olika enheter (skärmar), olika surfmiljöer (ljus) och möjliga funktionsnedsättningar (svag syn).

Till exempel kan du ställa in någon annans textstorlek till 100% (eller medium), huvudrubriken till 140% (eller x-large) och sekundära rubriker till 120% (eller large), så att användare kan justera sina favoritstorlekar med webbläsaren.

Genom att justera textstorleken på webbsidan kan du också ändra antalet tecken på utskriven sida.

Använd inte mycket små standardtextstorlekar

Vissa webbplatser använder mycket små textstorlekar för att kunna packa in mer innehåll på varje sida eller för att göra sidan att se mer 'stilig' ut.

Återigen, användning av olika enheter (skärmar), olika surfmiljöer (ljus) och möjliga funktionsnedsättningar (svag syn) kan skapa läsningssvårigheter för användare.

Tvinga inte användare att förstora textstorleken varje gång de besöker din webbplats.

Använd alltid konsekventa bakgrundsfärger

De flesta webbsidor använder färger för olika textelement. Rubriker och länkar har ofta en annan färg än den vanliga texten.

Som en webbdesigner bör du vara medveten om att dina besökare kan ändra standardfärgalternativen.

Om du definierar färg för webbelement, bör du också definiera bakgrundsfärg.

Om du inte definierar bakgrundsfärg kan din webbplats förstöras av dåliga färgkombinationer (t.ex. ljusröd text på röd bakgrund eller mörk text med mörk bakgrund).

Om du inte specificerar bakgrundsfärg kan det göra texten svår att känna igen.