Undernavigering för Att validera CSS

• System
• Webbstandarder
• Användarupplevelser
• Webbstrategi / Webbanalys
• Sökmotorer
• Evenemang
• Länktips
• Vi på NetRelations
• Nyheter i NetRelations Inspector

Att validera CSS

Vi märker att det är fler och fler som ser värdet i att validera gränssnittskod (HTML och CSS), vilket vi naturligtvis tycker är bra eftersom vi ser det som en självklar del av arbetet med att bygga webbplatser. Men det kan vara lite knepigt att validera CSS på rätt sätt eftersom det finns flera nivåer av CSS-specifikationer.

Om man går till W3C:s CSS-validerare och anger en sökväg, antingen till en HTML-sida som innehåller länkar till CSS-filer eller direkt till en CSS-fil, får man snart fram ett valideringsresultat.

Om det inte finns några fel eller varningar att visa är det förstås enkelt att tolka resultatet. Men om det finns fel kan det vara lite svårare, särskilt eftersom en del fel faktiskt inte är fel utan beror på vilka inställningar man har gjort i valideraren.

Som ett exempel kan vi ta egenskapen text-shadow. Den finns inte i CSS Level 2.1, som CSS-valideraren är förinställd på att använda. Därför får man ett fel om man använder text-shadow. Men text-shadow finns i CSS Level 3, så om man manuellt väljer det innan man validerar filen försvinner felmeddelandet.

Så här ser gränssnittet där man väljer CSS-nivå ut:

Det här problemet uppstår inte när man validerar HTML eftersom man på varje HTML-sida anger vilken variant av HTML (eller XHTML) som används. Den informationen använder HTML-valideraren för att avgöra hur den ska validera sidan.

Åter till CSS: en annan sak som kan förvirra är de varningar som CSS-validatorn visar. Det är till exempel väldigt vanligt med en varning om att ett element har samma färg för text och bakgrund. Det är relevant att varna för det, men det innebär inte att CSS-koden innehåller fel. Det behöver inte heller innebära att det faktiskt blir samma färg på text och bakgrund (vilket ju skulle ge osynlig text, som är helt meningslöst).

Så validera gärna, men var medveten om att man kan behöva titta lite närmare på resultatet om CSS-validatorn rapporterar fel eller varningar.

Skriven av: Roger Johansson
Postad i: Blogg

Det finns inga kommentarer än. Du kan bli först!