Standard- och Quirk-mode i HTML

Standard- och Quirk-mode

Om man anger en Doctype-deklaration på en HTML-sida så väljer webläsaren att visa sidan i sitt standardläge, "Standards mode". Sidan presenteras då enligt respektive doctype. Detta är tillsammans med validerad kod det optimala läget som främjar framtida webstandard, varför man bör sträva efter att också få "Standards mode" för webbsidor.

Skillnad mellan Standard- och Quirks-mode

Om angiven doctype inte stämmer går webläsaren över i "quirks mode" vilket innebär att webläsaren visar sidorna enligt sina egna metoder för bla bakåtkompatibilitet. Nackdelen är att olika webläsare har olika quirks mode och de försöker "gissa" sig till hur sidan är tänkt att visas.

Olika webbläsare kan alltså visa sidorna på olika sätt. Om ingen Doctype-deklaration används visar webbläsaren sidorna automatiskt i quirks mode. Begreppet "quirks" kan liknas vid olika "klurigheter" som egentligen betyder annat och som webbläsaren måste "gissa" sig till vad det innebär för sidans presentation.

Nu duger det inte heller med att ange vilken dokumenttyp som helst för att sidan ska visas i Standard Mode i alla webbläsare. På webbsidan Doctype switch: Summary table visas översiktligt vilka dokumenttyper som fungerar bäst och hur det ska skrivas för att det ska fungera. Tabellen är inte uppdaterad med de senaste versionerna av alla webbläsare, men det som visas som standard för respektive läsare gäller också de nyare versionerna.

Tabellen visar att bästa stödet för Standards Mode får man med dokumenttypen HTML 4.01 och XHTML. I HTML-filer kan man i många fall också utelämna länken till W3C's dokumenttyp-fil, men i XHTML är dock W3C-länken obligatorisk.

Många webbsidor har emellertid en "Transitional" doctype-deklaration utan länken till W3C's DTD-fil och ser då ut som denna:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Denna "enkla" DTD för HTML 4.01 gör faktiskt att sidan visas i Quirks Mode i alla webbläsare! Vill man absolut fortsätta att använda sig av Transitional DTD, måste man alltså lägga till länken i Doctype deklarationen för att sidan ska visas i Standard Mode. Därmed eliminerar man många skillnader i hur den visas i olika webbläsare.

För Transitional DTD ska deklarationen alltså se ut så här:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Men Transitional documenttypen finns kvar främst bara för att alla gamla webbsidor fortfarande ska ha en chans att fungera tillfredställande även i nya webbläsarversioner. För alla nya webbsidor bör man absolut använda sig av Strict dokumenttypen och för att få den lägger man in följande doctype deklatation på sidorna:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Men inte heller i "Standard mode" visar alla webbläsare allting exakt likadant. Det beror på att främst Internet Explorer 6 och tidigare inte är så väl anpassade till HTML-standarden. Men det är lättare att komma till rätta med dessa olikheter, än med olikheterna i "Quirks mode". Såväl IE7 som andra webbläsares nya versioner blir mer standardanpassade, vilket leder till att många "gamla klurigheter" kanske inte alls fungerar.

Kontrollera vilken mode som används

Med den egna webbläsaren kan man kontrollera om en sida visas i quirks mode eller i standards mode. Hur man gör det, beror på webbläsaren. Med Mozillas webbläsare, klicka på "View" (Visa) och i visa-menyn klickar man på "Page Info" (visa sidinformation). I informationen finns en rad med texten "Render Mode:". Står det "Standards compliance mode" visas sidan i standards mode, annars står det "Quirks mode".

Med Internet Explorer måste man skriva in en Javascript-kod i webbläsarens webbadressfönster. Koden är: javascript: alert(document.compatMode); void 0 och när den aktiveras genom att trycka på "Enter" tangenten, kommer det upp ett litet Windows-fönster där det står "CSS1Compat" om sidan visas i standards mode och "BackCompat" om sidan visas i quirks mode.

Arnel's Webb