Skip to content

Kategori: Webguider

Från HTML till XHTML – ny märkning

Några förklaringar

Har man tidigare skrivit html så har man kanske inte varit så noga med att ange definitionerna eller avslutat märkningen för det har ju fungerat ändå (en sanning med modifikation). Några vanliga märkningar, och felaktiga märkningar, som ofta förekommer kan vara denna:
<p>Hej, du har kommit till min hemsida. Jag är intresserad av….osv
Felet med detta är att man har öppnat upp med en paragraf <p> – men man har inte avslutat den korrekt. Det saknas alltså en slutmärkning. Med andra ord, webbläsaren kommer att läsa in all kommande text som ett enda stycke. I XHTML måste man avsluta alla märken, allt annat är grova parsing-fel. Rätt kodning skulle vara denna: <p>Hej, du har kommit till min hemsida. Jag är intresserad av….osv</p>

XHTML guide – från SGML till XHTML

XHTML (Extensible HyperText Markup Language), liksom HTML (HyperText Markup Language), är ett märkspråk för internet. Med märkspråk menas att det finns en bakomliggande text på dokumentet som består av taggar och märken och deras uppgifter är att ge anvisningar om hur sidan är uppbyggd. Vi känner igen märkspråket i våra taggar som bland annat indelar en sida i stycken. Men märkspråket är också till för den strukturella semantiken – den så kallade syntaxen i koderna. Vi återkommer till det lite längre fram.

Syntax och parsing

Med syntax och parsing menas att det finns en ordning av regler som beskriver hur alla attribut och märken ska behandlas och placeras. Medan syntaxen i HTML klarar sig någorlunda galant trots eventuella fel, kan ett enda syntaxfel i XML och/eller XHTML leda till fatala errors. Eftersom XHTML använder de krav som krävs av en xml-parsing innebär ett syntaxfel att webläsaren och parsen inte kan läsa in eller förstå koderna på rätt sätt.

Rätt doctype?

När du ska göra en hemsida får du aldrig glömma ett doctype. Man använder en doctypedefinition för att underlätta webbläsarnas valideringsverktyg samt att dessa ska kunna utläsa i vilken form hemsidan är konstruerad. Ett utelämnat doctype innebär att sidan visas i något som kallas för quirkes mode, det vill säga, webbläsarna ”gissar” rätt friskt om hur du har tänkt dig att hemsidan ska se ut. Att utelämna en doctype innebär faktiskt större problem än vad man tror för ett doctype är den första informationen som utläses på sidan. Genom att använda det så underlättar du inte bara för webbläsarna, du vinner också på detta genom att sökspindlarna lättare kan identifiera din sida. I slutändan hamnar du högre upp i sökmotorerna. Validerar man en sida utan doctype brukar man få följande text: No referrer head is found. Tja, det säger väl ganska mycket – eller hur?

Styla dina bilder

Du kanske använder bilder som klickbara länkar? Det vanliga sättet är då att skriva border=”0″ i html-koden. Använder du css ska du naturligtvis låta stilmallen sköta detta istället för att stjäla utrymme i html-koden. Ni som använder xhtml och/eller vill gå över till strict kommer direkt att upptäcka att sidan inte validerar om man inte tar bort det. Hur gör man då? Jo lägger man till ett enkelt värde i stilmallen behöver man inte tänka så mycket mer på html-koden mer än att ta bort border=”0″. Koden under ser till att ta bort alla fula ramar som annars brukar synas runt bilderna.

Att validera en sida

När man validerar sin sida så är det ofta i syftet att standardisera sajten så att den ska vara kompatibel i de flesta webbläsare. Men också för sin egen del att ha en sida som är fullständigt ”ren” utan några fel i kodningen. Det är inte så lätt utan att ge avkall på script och vissa koder för att få en sida helt validerad kanske Du tänker nu. Men – det går, faktiskt. Genom att ”peta” in några färdiga koder så förhindrar man webbläsarna att tolka scripten fel – och Du kan exempelvis behålla dina javascript.