Artikler
Linkmappe

Gratis webmaster portal

Opret din Novil profil

Med en Novil profil får du fuld adgang til samtlige bruger fordele. Brug vores post system, tilføj scripts, skriv artikler og meget mere...

Læs mere

Vil du vide mere om fordelene? Læs mere her »

Opret bruger

Værktøj
Grafik
Novil.dk - Din webmaster hjælp
Annonce
Forsiden
Forsiden
Sørg for at dit website også kan ses i fremtidige browsere.
Indholdsfortegnelse
 - Indledning
 - Hvad er !DOCTYPEs ?
 - DTD ?
 - Lav en !DOCTYPE kommando
 - Placering af !DOCTYPE kommandoen
 - !DOCTYPEs betydning
 - !DOCTYPE i XHTML dokument
 - Konklusion
 - Eksempler på !DOCTYPE kommandoer
 - Kommentarer
 		 Muligheder
Download artikel
Udskriv artikel
Skriv kommentar
 
 
 
 
 
 
 
 
Indledning
Du har måske stødt på begrebet !DOCTYPE før og undre dig muligvis over hvad man skal bruge dette mærkværdige og sværtgennemskuelige 'tag' til.
Denne artikel vil nøje gennemgå hvad !DOCTYPEs betyder for dit webite, hvad man bør bruge det til og give eksempler på en række ofte anvendte !DOCTYPEs.

I takt med de mange nye browseres fremkomst bør enhver seriøs webmaster give sig tid til at overveje og nærstudere definitionen og betydningen af !DOCTYPEs - derfor har vi skrevet denne artikel og vi håber at den vil hjælpe den både uerfarne men også erfarne webmaster med at få overblik og styr på de afgørende !DOCTYPEs. Har du spørgsmål eller kommentarer til artiklen, noget du ikke helt forstod mv. er du velkommen til at spørge os i bruger forumet. 		 
 
 
Hvad er !DOCTYPEs ?
<!DOCTYPE> er en kommando - og altså hverken et HTML eller XHTML tag - som fortæller browseren hvilken DTD du anvender samt hvad browseren 'bør forvente' af dit website. <!DOCTYPE> kommandoen fortæller desuden diverse validators (læs eventuelt vores artikel om validering af dit website) hvordan de skal bedømme dit websites koder og programmering. DOCTYPE er en forkortelse af Document Type Declaration.
 
 
DTD ?
DTD er en forkortelse af Document Type Definition. DTD'ere er specifikationsdokumenter som definerer ethvert element, attribute og enhed af reglerne som stammer fra programmeringssproget SGML (HTML, XHTML, XML stammer eksempelvis fra dette sprog). Du bør ikke nødvendigvis have større kendskab eller forståelse af DTD for at kunne opsætte en relevant DOCTYPE kommando. Du bør dog vide at der findes 3 typer eller variationer af DTD: "Strict DTD", "Transitional DTD" og "Frameset DTD".

  
 
 
Lav en !DOCTYPE kommando
En af måderne at lave en DOCTYPE kommando er den såkaldte "Publicly Recognized Document Identifier" - et eksempel på en sådan kommando er vist herunder:

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Det første ord html betyder at dit dokument starter efter et <html> tag.
PUBLIC henfører til at dit dokument er et standard XHTML 1.0 og at det er offentligt (public) tilgængeligt.
"-//W3C//DTD XHTML 1.0 Transitional//EN" viser at du benytter dig af XHTML v. 1.0 og at det er skrevet på engelsk - derfor at det afsluttende EN er anvendt.
!DOCTYPE kommandoen er dog ikke færdig endnu. Ovenstående udpluk af kommandoen efterfølges af en website adresse (URL) som ser ud som vist herunder:

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
 
Denne URL adresse er til ved tilfælde af at browseren ikke genkender den tidligere nævnte Pubicly Identifier. Ved at placere linket i toppen af dit website (kode) sætter det almindeligvis browseren i 'standard mode'. Dette giver dig mulighed for at have mere kontrol over den måde dit website vises i den pågældende browser. Hvis du ikke har placeret en tilfredsstillende og ordentligt !DOCTYPE kommando eller hvis du endvidere har valgt ikke at placere en !DOCTYPE kommando vil browseren formode at dit website er gammeldags og være afhængig af programmeringsfejl. Dette medfører ofte at browseren opgiver og kører/viser dit website i den såkaldte "Quirks Mode" (direkte oversat: besynderlig version) - denne mode har Opera dog ikke.

DOCTYPE skal altid stå med stort. Grunden til dette er at det, som tidligere nævnt, stammer fra sproget SGML.
 
 
Placering af !DOCTYPE kommandoen
!DOCTYPE kommandoen skal placeres øverst på dit website - den første kode i dit dokument. Herunder har vi vist hvordan den skal placeres i et givent dokument:
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
 <html>
<head>
<title>Velkommen til Novil.dk</title>
</head>
<body>

</body>
</html>
 
 
!DOCTYPEs betydning
Forholder det sig imidlertid sådan at du ikke programmerer og koder efter HTML standarderne bør du ikke tilføje en !DOCTYPE kommando til dit website. Der vil ikke være nogen mening med dette, andet end at dit website vil blive vist forkert i enkelte browsere. Mange vil i stedet mene at det vil være en fordel at udelade !DOCTYPE kommandoen da dit website dermed har en chance for at blive vist nogenlunde korrekt i browserens den såkaldte "Quirks Mode". At starte og slutte dit dokument med <html> og </html> bør derfor være tilstrækkeligt.
 		  
 
 
!DOCTYPE i XHTML dokument
Hvis du laver en XHTML side kan du anvende en 'XML declaration'. Denne vil skulle udformes som <?xml?> men det skal dog nævnes at dette ikke er nødvendigt i alle XML dokumenter. Vi vil dog klart anbefale at man på alle sine XHTML sider anvender en XML declaration. For at vise at du benytter XML version 1.0 placeres dette blot i koden og placeres på første linje af dit dokument (eks: <?xml version="1.0"?>).
Du bør desuden tilføje en 'encoding' attribute i din kommando. Denne viser hvilket lokalt character set du anvender og almindeligvis er standardværdien UTF-8 (8-bit Unicode Transformation Format). Der findes dog mange flere typer. Det færdige resultat bliver:
<?xml version="1.0" encoding="UTF-8"?>		  
 
 
Lad mig få lavet den !DOCTYPE kommando!
God idé ! (:
Du er nu i stand til at lave en sådan kommando. For en hjælps skyld har vi herunder oplistet en række DOCTYPEs så du blot kan anvende de færdige koder. Du kan finde flere kommanoer og DTD oversigt på W3C's hjemmeside - klik her.
God fornøjelse.
 
 
Eksempler på !DOCTYPE kommandoer
Herunder finder du en række eksempler på almindelige og ofte anvendte !DOCTYPE kommandoer.
 
HTML4.01 - Strict, Transitional og Frameset
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
     "http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
    "http://www.w3.org/TR/html4/frameset.dtd">
 
 
 
XHTML1.0 - Strict, Transitional og Frameset
 
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

 <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
 
 
 
XHTML1.1 - DTD
 
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
     "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
 
 
 
HTML 2.0 - DTD
 
<!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">
 
 
 
HTML 3.2 - DTD
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
 
 
 
MathML 1.01 - DTD
 
<!DOCTYPE math SYSTEM
     "http://www.w3.org/Math/DTD/mathml1/mathml.dtd">
 
 
 
MathML 2.0 - DTD
 
<!DOCTYPE math PUBLIC "-//W3C//DTD MathML 2.0//EN"
     "http://www.w3.org/TR/MathML2/dtd/mathml2.dtd">
 
 
 
XHTML + MathML + SVG - DTD
 
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC
    "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN"
     "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
 
 
 
SVG 1.0 - DTD
 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
     "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
 
 

 
SVG 1.1 Full - DTD
 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
     "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 
 
 
SVG 1.1 Basic - DTD
 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN"
     "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">
 
 
 
SVG 1.1 Tiny - DTD
 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN"
     "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
 
  
  
XHTML + MathML + SVG Profile (XHTML som host sprog) - DTD
 
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC
    "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN"
     "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
 
 
 
XHTML + MathML + SVG Profile (SVG som host sprog) - DTD
 
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg:svg PUBLIC
    "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN"
     "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
 
 
 
Kommentarer
Har du kommentarer, feedback eller spørgsmål til denne artikel kan du tilføje din besked herunder. Ønsker du svar på spørgsmål vil vi anbefale at du nævner din e-mail adresse.

Artikler » Grundlæggende artikler » !DOCTYPE
Hjælp !
Har du problemer med nogle af artiklerne? Tjek vores forum eller brug kommentar-systemet som findes i hver af artiklerne.