|
Att
en och samma websida kan se olika ut beroende på webläsare
är allmänt känt.
HTML är inte en enhetlig standard som alla webläsare behandlar
på samma sätt.
För att göra din webplats tillgänglig för alla
användare, finns det några saker du bör undvika.
Detta
är de värsta synderna du kan begå när du kodar
dina websidor.
Förbud
1 Websida utan Title
Märkordet TITLE skall
alltid finnas med i ett HTML-dokument.
Det är TITLE som berättar vad din websida heter; alltså
sidans namn. TITLE ska finnas i HEAD-avsnittet, och används till
exempel så här <TITLE>Hemsida om HTML</TITLE>.
Att sätta en kort men tydlig titel på sitt dokument är
viktig av två skäl: För det första syns denna
titel i webläsarens fönsterrubrik, så den måste
få plats där och se tydlig ut. För det andra är
det informationen i TITLE som används i historielistorna och
bokmärkes/ favoritfilerna. Historielistorna ser lite olika ut
beroende på webläsare, men alla använder din information
från TITLE. Det underlättar alltså mycket att ha
en tydlig titel så att
användaren hittar tillbaks till dina sidor.
Ett dåligt exempel är: <TITLE>Min hemsida</TITLE>,
eftersom det inte säger användaren någonting. Och
om man inte använder TITLE alls, så kommer istället
HTML-filens namn att visas som titel på dokumentet, vilket inte
är så lysande.
Förbud
2 Att kalla välkomstsidan "kollahit.html"
Hemsidan, välkomstsidan
eller vad du vill kalla den, bör heta index.html. De allra flesta
servrar dirigerar förfrågningar till just index.html på
det specifierade filbiblioteket. Eftersom detta har etablerats som
en de facto-standard är det lämpligt att hålla sig
till den.
Om du alltid kallar ingångssidan till din sajt index.html kan
du ändra alla andra filnamn utan att de påverkar din interna
struktur. Om du däremot ändrar ingångssidans namn
kommer du att få stora problem med att användare inte hittar
din sajt. Eftersändning på WWW är ett tråkigt
kapitel som du kan hoppa över med lite planering.
Förbud
3 Att glömma att tala om vem du är
Att utelämna kontaktinformation
på en websajt är som att lämna ett visitkort utan
vare sig telefonnummer eller adress. Göm dig inte bakom märkorden
och de grafiska elementen!
Du bör presentera dig själv på varje sida. Det räcker
med en enkel
<A HREF="mailto:mig@site.net">Kommentarer?</A>
i slutet av varje sida.
Om upplysningar om vem som är upphovsman till webinformationen
saknas, kan inte dina besökare avgöra hur de skall bedöma
sajten.
Förbud
4 Blandade HTML-standarder
HTML är egentligen bara
ett bekvämt samlingsnamn för en hel massa olika standarder
och märkord. Den senaste "officiella" versionen av
HTML heter 3.2 (kallad Wilbur).
Det finns sedan en uppsjö äldre versioner samt en mängd
olika dialekter som ofta är specialanpassade till olika webläsare.
Det viktiga för dig är att använda en HTML-standard
och vara medveten om vilka märkord som hör till den. Gör
du avvikelser kan du få problem med läsbarheten hos vissa
användare.
Ett bra sätt att kontrollera dina sidor är mot en automatiserad
valideringstjänst. Denna tjänst kontrollerar dina websidor
mot standarder. En del HTML-verktyg har denna funktion inbyggd. I
HTML-dokumentet anger du enklast vilken version du använder genom
att använda en korrekt DOCTYPE-deklaration i börjar av dokumentet.
För version 3.2 ser det exempelvis ut <!DOCTYPE HTML PUBLIC
"//W3C//DTD HTML3.2 Final//EN">
Förbud
5 Att skriva hela sökvägen i koden
Skriv aldrig ut hela sökvägen
i kodningen (så kallade absoluta URL:er) där du kan undvika
en sajt som bara innehåller absoluta adresser. I förlängningen
innebär det också att dina användare får stora
problem att navigera på sajten.
Absoluta adresser är den traditionella varianten: http://www.etc.osv.se/filbibliotek/fil.html,
alltså med hela sökvägen inklusive prefixet http.
Det är bättre att använda så kallade relativa
filnamn. Det betyder att du refererar till en fil relativt den websida
som för tillfället är laddad. Om du skriver SRC="fil.gif"
så betyder det att GIF-filen fil.gif finns i samma programbibliotek
(mapp, directory, etc) som själva HTML-dokumentet. Att skriva
SRC="bilder/fil.gif" betyder att fil.gif finns lagrad i
ett underbibliotek som heter bilder. Se till att placera alla bilder
som hör till en websida i en gemensam folder, så blir det
lätt att adressera dem.
Förbud
6 Att flytta websidor Flytta aldrig websidor!
Låt filerna behålla
sitt ursprungliga namn, även om du måste ändra innehållet.
Det kostar mer än det smakar att flytta på informationen
och byta filnamn. Bland annat riskerar du att folk som kommer till
din webplats möts av felmeddelanden, än värre blir
det för dem som lagt upp ett bokmärke på någon
av dina omdöpta sidor. Med en vettig plan innan du börjar
lägga upp sajten kommer du inte att behöva flytta filer.
Planering är tyvärr en underskattad fas vid websajtbyggnation.
Förbud
7 Att blanda layout och struktur i koden
Det är att bädda
för trubbel när du blandar märkord för stuktur
med märk ord för layout.
Ett exempel på hur du inte ska göra är <A><H1>Dåligt
exempel</H1></A>.
A är märkordet för struktur - en hyperlänk - och
H1 är ett märkord för layout - rubriknivå ett
- som här blandas. I bästa fall lyckas webläsaren reda
ut begreppen och visa det som du hade tänkt.
I värsta fall blir det inget vettigt av det alls utan en röra
av HTML-kod och text som användaren inte kan reda ut. Många
sådana slarvfel på din sajt gör att folk drar sig
för att besöka den igen.
Använd istället formen <H1><A>Bättre exempel</A></H1>.
Ett liknande problem är när märkordet HTML kommer på
fel plats i dokumentet.
Det skall vara <HTML> <HEAD> </HEAD></HTML>,
inte någon annan variant.
Se till att märkordet kommer i korrekt ordning!
Förbud
8 Rumphuggna filnamnsändelser: .htm
Det finns idag ingen anledning
att kalla dina filer filen.htm, inte ens i Windows.
Lägg till den formella ändelsen .html på filnamnet.
Om någon försöker gissa sig till vad duhar kallat
en fil (om du har flyttat den exempelvis) försöker de flesta
med just ändelsen .html och inte den rumphuggna .htm.
Förbud
9 Netscape-skalade bilder
Låt aldrig webläsaren
skala bilder! Det tar onödigt lång tid. Folk är inte
särskilt överseende med grafik som tar lång tid att
ladda ned, än mindre skalas om av Netscape eller Explorer (som
faktiskt är webläsare och inte bildbehandlingsverktyg).
Skall du ha en 300 gånger 30 pixlar stor bild så ser du
till att den är det när du lägger upp den på
www. Skala i ett program som är gjort för att manipulera
bilder. Det vinner du och dina besökare på. Du skall fortfarande
använda attributen HEIGHT och WIDTH när du lägger in
bilder på websidor. Du använder bara de dimensioner som
bilden har (alltså skala 1:1) och
får på så sätt mer effektiv presentation i
flera webläsare.
Förbud
10 Obegriplig bildtext
Bemöda dig att använda
vettiga länktexter, det vill säga texten inom märkordet
A.
Det är denna text som syns på websidan och skall alltså
hjälpa användaren att förstå vad som händer
om du klickar på den.
Välj tydliga länktexter (eller bilder, ikoner, ect) som
hjälper istället för att förvirra.
Ett dåligt - och tyvärr ett klassiskt - exempel är
<A HREF="#foo>klicka här</A>.
Ett bra exempel är <A HREF="#mat">Mer information
om mat.</A>.
Tänk på att länktexten även indexeras i de stora
söktjänsternas databaser...
Förbud
11 Meningslös information i ALT-attributet
Attributet ALT till märkordet
IMG borde det vara lag på att använda. När du använder
det skall det också innehålla något väsentligt.
Attributet är tänkt att beskriva bildens innehåll.
En ALT-beskrivning för en röd knapp kan vara ALT="En
röd knapp" men inte bara ALT="knapp" eller liknande.
Ett porträtt av en person skall beskrivas som ALT="En bild
på mig, taget 97" men inte ALT="en bild".
Förbud
12 Stora bakgrundsbilder
Om du skall använda bakgrundsbilder
bör de absolut inte vara större än fem kilobyte.
Se även till att bilden inte skapar irriterande mönster.
Det är svårt att få fram en bakgrundsbild utan otrevliga
artefaker som synliga "sömmar" och andra irriterande
störningar. Det är texten eller bilderna som är viktigast
på sidan, inte bakgrunden. Använd hellre en enfärgad
bakgrund än ett mönster. Om du vill ha en bård längs
vänstra kanten behöver du oftast bara skapa en bild som
är en pixel hög. Resten är oviktigt.
Förbud
13 Att blanda metafor
Om du väljer att presentera
informationen som en tidning med förstasida och artiklar, så
måste du vara enhetlig och genomgående i att använda
denna metafor. En websida är ett användargränssnitt.
Därför bör du lägga ned mycket tid på att
få detta gränssnitt mellan användaren och din information
att fungera problemfritt.
Tänk på att skuggor (på bilder, knappar, etc) skall
falla åt samma håll!
Var finns egentligen ljuskällan?
Förbud
14 Nyckelords-spoofing
För att få med
den information du vill hos söktjänsterna, använd alltid
märkordet META, aldrig spoofing! Spoofing används för
att få söktjänsterna på INternet att överrepresentera
en websida i databasen. Detta gör man genom att lägga in
vanliga sökord (exempelvis "sex") hundratals gånger
i sitt dokument. Ofta har dessa ord samma färg som bakgrunden,
för att göra dem "osynliga" för oss användare
men fortfarande synliga för söktjänsterna. Detta är
ett oskick som dessutom är förlegat. De flesta söktjänster
genomskådar spoofing och ignorerar de extra förekomsterna
av ord på en och samma sida. Använd istället märkordet
META om du vill att söktjänsterna skall indexera din sajt
med särskilda sökord, fraser och kort beskrivning av din
sajt.
Förbud
15 Plugg-in-beroende websidor
Plugg-in-tekniken blev räddningen
för många webdesignare. Men du bör egentligen undvika
att skapa webmaterial som är helt beroende av insticksprogram.
I de fall det är intressant att använda en plugg-in skall
du åtminstone lämna adressen till webplatsen där dina
användare kan hämta det aktuella insticksprogrammet.
Ofta har plugg-in-tillverkarna små trevliga ikoner som du kan
kopiera till din websida.
Mer
om HTML-missbruk, och vad man kan göra åt det:
Bad
Style Guide
HTML
Writers Guild
Yale
Style Guide
World Wide Web
Consortium - W3C Med HTML-specifikationen med mera
|