NinetNet 
HTML Doctype & Validering
|
|
Doctype & Validering |
InledningSom du kanske har märkt kan saker och ting trassla till sig då och då när man håller på med websidor. Oftast är det i ärlighetens namn man själv som har gjort fel, men ibland är det faktiskt "fel" på webläsaren. Olika webläsare kan nämligen tolka koder på lite olika sätt. Dessutom finns det äldre webläsare som har svårt att tolka nyare standarder. Bli inte skraj nu! Det är inte så många som surfar med äldre webläsare och det här gäller inte de grundläggande koderna! Har man en vanlig personlig hemsida är det här alltså bara lagom viktigt att bry sin hjärna med alltför mycket. Men för en kommersiell sida kan det vara desto viktigre. För att din sida ska visas på det sätt du tänkt dig måste du ta ställning till för vilka besökare din sida ska vara tillgänglig. Vill du att websidan ska se precis likadan ut för ALLA besökare kan det vara lite trixigt. På det här problemet finns ingen enkel och simpel lösning. Man måste kompromissa och välja och eventuellt ta till lite trix för att få sidan att fungera för så många som möjligt. Men bra början är att kika på sidan i både Internet Explorer och Mozilla Firefox, att använda en korrekt DOCTYPE och att validera sidan för att kolla att man kodat korrekt enligt standard. Läs vidare! Är det viktigt att din sida fungerar för många olika plattformar kan du ta dig en titt här: HTML / XHTML 1.0. Quirks & Standard modeNär man skapar sin sida lägger man ju till en DOCTYPE-deklaration överst på sidan. Doctypen talar om för webläsaren enligt vilken standard du kodat din sida. Webläsare använder främst två lägen när de visar webbsidor. Det ena kallas för quirks mode och det andra för standards mode. Om du låter bli att ange någon doctype eller använder en "mindre korrekt variant" kommer din sida automatiskt att visas i quirks mode. Med en doctype som är korrekt enligt standarden kommer din sida att visas i standards mode. Standards mode innebär att webbläsaren gör sitt bästa för att tolka sidan enligt den standard som angetts i doctypen. Quirk är engelska och betyder "nyck", "excentricitet". Visas sidan i quirks mode kommer webbläsaren att bete sig lite nyckfullt och tolka sidan enligt standarder som gällde för äldre versioner av respektive webläsare och helt enkelt vara lite excentrisk och fixa till sidan efter "eget huvud". Kodar du då din sida med alla de finesser som senare standarder erbjuder ( som t.ex positionering med CSS ) resulterar det ofta i att den sida som ser toppen ut i en webläsare ser ut som rena rama rotmoset i en annan. För det mesta vill man alltså undvika "quirks mode" och få webläsaren att visa sidan i "standards mode". Det gör man helt enkelt genom att ange en korrekt doctype - som de första tre nedan. Document Type Declaration - DTDMan måste alltså använda rätt Doctype för att sidan ska visas på det sätt man har tänkt sig! I HTML 4.01 är det några olika DOCTYPE'er att välja på. Doctype-koden ska skrivas in överst på sidan - före <html>! StrictDen här doctypen heter strict och det är just vad den är också! All layout ska göras med Stilmallar / CSS - helst i en extern stilmall. Presentationen dvs. placering av innehållet och utseendet i övrigt måste alltså ske med uteslutande med CSS. Koden måste vara helt ren från formatering: såväl HTML som CSS för att vara korrekt.
TransitionalDen här doctypen är den vanligast förekommande. Här tillåts viss formatering med HTML och är kanske att rekommendera till att börja med - om du vill få sidan att se likadan ut i de vanligaste webläsarna. En övergång från att formatera i HTML till att använda uteslutande CSS för presentation, så att säga.
FramesetDen här doctypen ska du använda på de sidor som innehåller ett frameset! Alltså inte de dokument som visas i framesetet - bara själva frameset-sidan. Annars fungerar som "transitional".
"Quirka"Om du av någon anledning VILL att din sida ska visas i quirks mode kan du använda doctypen nedan. Observera att den inte är korrekt enligt standard.
"Kompromiss"Om du av någon anledning vill utesluta länken till W3C kan du använda doctypen nedan. Sidan kommer att visas i standards mode och tolkas som HTML 4.01 strict.
|
Klicka på knappen om du vill kolla att jag inte fuskar! |
Här kan du validera din sida hos W3C:
W3.org / Validator och din Stilmall: W3.org / CSS-Validator
En annan bra sajt är "Doctor HTML". Där kan du validera enstaka sidor eller hela sajten och få validering efter lite andra kriterier än hos W3C. Välj "Single Page" eller "Site Analysis": Doctor HTML
TidyGUI är ett litet gratis-program som är bra om (när) det kör ihop sig med kodningen. Det är en Windows-variant av det lite mer kända: HTML-Tidy. Du validerar din sida i programmet som reagerar på missade taggar, felaktig kodning och sånt. Här kan du skaffa det: TidyGUI
CSE HTML Validator är ett annat liknande program med lite fler funktioner. Det finns bl.a några riktigt bra verktyg för att fixa till koden som att: Förvandla stora bokstäver till små i alla taggar och Placera citationstecken runt alla attribut.
Programmat finns i tre varianter: Lite, Standard och Proffessional. Lite-varianten är gratis och duger utmärkt. Skillnaden mellan den och Proffessional är inte värd de 900 kronorna det kostar. Men Proffessional i finns en 30 dagars testvariant - så pröva och avgör själv!
Här kan du skaffa: CSE HTML Validator Lite
World Wide Web Consortium
