Webbstandarder i korthet · 19 October 2005 by

Men först en liten bakgrundshistorik.

I webbens barndom slogs två företag om webbläsarmarknaden och uppfann egna teknologier för att vinna webbutvecklarnas gunst. Många frestades att missbruka HTML-koden för att få en visuellt tilltalande hemsida. Ett vanligt exempel var när tabeller, som är avsedda för tabelldata, användes för layout. Resultatet blev ofta “kodsoppa”, dvs när koden inte följer HTML-standarden.
Men i dag har webbläsarna blivit fler och deras stöd för standarder bättre. Nu finns inte längre någon anledning att inte använda HTML så som det var tänkt – att beskriva hur ett dokuments innehåll är strukturerat.

När innehållet är genomtänkt och strukturerat styrs layout och utseende med hjälp av externa stilmallar. Deras enda funktion är just presentation av information. Utöver stilmallar finns ett gäng andra struktur- och presentationsspråk som ofta inkluderas i begreppet “webbstandarder”.

Men innan vi fördjupar oss i dem, låt oss först gå igenom vad de har gemensamt…

När man säger att en hemsida följer webbstandarder brukar man mena att dokumentet:

använder giltig (X)HTML
har logiskt, semantiskt innehåll
använder stilmallar (CSS) i stället för tabeller för att styra utseendet
är skapat för att fungera i alla webbläsare och på alla plattformar

Men många webbutvecklare känner sig trygga med intrampade stigar och låter sig inte påverkas lätt, hur mycket “90-tal” deras arbetssätt än må vara. Kanske kan denna lista på några av webbstandardutvecklingens många fördelar få någon, utvecklare eller inköpsansvarig, att tänka om:

Kompatibilitet med kommande webbläsare. Genom att använda korrekt kod minskar risken att framtida webbläsare inte kan hantera dokumenten.
Enklare underhåll i framtiden. Logisk HTML-kod underlättar för kommande utvecklare att sätta sig in i.
Bättre tillgänglighet. Logisk HTML gör det också enklare för skärmläsare och specialbyggda webbläsare att tolka innehållet. Detta lär snart bli ett krav från myndighetshåll och från påtryckargrupper som värnar om personer med nedsatt syn och rörlighet.
Snabbare nedladdning och visning. Mindre mängd HTML-kod ger mindre filer och därmed snabbare nedladdning och skärmuppritning.
Enklare anpassning. Ett dokument med logisk HTML kan enkelt anpassas för skrivare, handdatorer och mobiltelefoner, bara genom att länka till olika stilmallar. Utseendet för en hel webbplats kan ändras bara genom att göra ändringar i denna fil.
Bättre sökmotorplacering. Separat presentationskod ger mer innehåll per kilobyte. Detta tillsammans med ovanstående leder till bättre placering hos många populära sökmotorer.
Billigare och pålitligare i drift. Mindre kod ger i sin tur mindre belastade servrar. Detta ger lägre driftkostnader, färre servrar och mindre serverunderhåll. Några kilobyte färre per sidvisning kan ge tusentals sparade kronor.
Trognare besökare. Den förbättrade webbupplevelsen som detta utvecklingssätt innebär ger också nöjdare besökare. Detta kan i sin tur förbättra kundrelationen, minska antalet telefonfrågor i växeln och i förlängningen även stärka anseendet och varumärket.

Detta har många webbplatser nu börjat inse. Förutom stora internationella namn som BWM, Wired, AOL, ESPN och Fast Company har även amerikanska Amnesty, svenska UNICEF, ATTAC, Bolagsverket och Kungälvs kommun förstått fördelarna.

Har ni också gjort det? Ring så pratar vi mer!