Tweepixels webdesign Professionele websites voor het MKB

Verschil Tussen XHTML Transitional en Strict Doctype

Geplaatst op 3 mei 2008 00:34 door Theo in Webstandaarden

Steeds meer website designers zien in dat het belangrijk is om een doctype te definiëren voor hun website. Er zal aangegeven worden wat de verschillen tussen de te kiezen doctypes zijn en welk doctype in welke situatie dient te worden ingezet.

Doctypes kunnen worden gezien als de manier om als webdesigner aan de webbrowser en zogenaamde validators te vertellen volgens welke regels een website is opgebouwd. Wanneer de doctype niet wordt gedefinieerd, zullen de browsers moeten gokken welk type opbouw er is gebruikt. Aangezien dit niet de bedoeling is, raden wij iedereen dan ook aan een doctype te definiëren.

Er kan hierbij gekozen worden uit twee verschillende types, te weten HTML 4.0 en XHTML 1.0, met elk drie doctypes, namelijk Transitional, Strict en Frameset. In deze blog zal alleen het XHTML type besproken worden. Hiervoor is gekozen omdat dit de strengste variant is. Zo moeten elementen correct worden afgesloten en waardes binnen velden ingesloten zijn door "quotes". Ook bij de doctypes zullen niet alle vormen behandeld worden. De Frameset doctype zal namelijk niet nader worden bekeken. Hiervoor is gekozen omdat een website opgebouwd uit frames vaak niet gebruikersvriendelijk is en zoekmachine-optimalisatie sterk bemoeilijkt. Een vergelijking tussen de XHTML 1.0 Transitional en XHTML 1.0 Strict is wat volgt.

Transitional doctype

Dit doctype kan gezien wordt als de overgang (transitie) van oude vormen van opmaak naar de moderne vormen. Er is hier dus sprake van een soort hybride vorm, die de webbouwer al wel verplicht een boel structuur aan te brengen in zijn document, maar nog geen stricte scheiding van structuur en presentatie verplicht stelt.

Dit doctype wordt gedefinieerd door de volgende code op de eerste regel van een bestand te plaatsen:

 

Strict doctype

Het doctype waar iedere webdesigner gebruik van zou moeten maken. Bij dit doctype is er sprake van een verplichte scheiding van structuur en presentatie, hetgeen de site eenvoudiger te onderhouden maakt. Ook zorgt het gebruiken van een strict doctype ervoor dat de website op zo veel mogelijk browsers zal werken.

Dit doctype wordt gedefinieerd door de volgende code op de eerste regel van een bestand te plaatsen:

 

Belangrijke verschillen

Bij een strict doctype mag er geen gebruik gemaakt worden van de volgende elementen: applet, basefont, center, dir, font, iframe, isindex, menu, noframes, s, strike, u. Ook is het gebruik van het target attribuut niet meer toegestaan in hyperlinks. Dit omdat men van mening is dat de gebruiker zelf moet kunnen besluiten of een hyperlink in een nieuw venster zal openen of niet. Voor een volledig overzicht van de toegestane elementen per doctype verwijzen wij door naar W3Schools en voor een lijst van alle toegestane attributen naar Black Widow.

Uiteraard is de website van Tweepixels valide XHTML 1.0 Strict en streven wij ernaar om voor onze klanten hetzelfde resultaat te bereiken.

4 reacties op "Verschil Tussen XHTML Transitional en Strict Doctype"

jorg 7 mei 2008 15:08 { text-align:center }mag wel?

Theo 8 mei 2008 17:56 Dat mag inderdaad wel Jorg. Je scheidt dan namelijk structuur en presentatie van elkaar. Op w3.org kun je nakijken of een website voldoet aan de regels in een gekozen doctype.

Pim 7 juni 2008 22:14 Handig om te weten. Grappig is ook dat wanneer je geen gebruik maakt van de doctype, verschillende browsers een aantal modellen totaal anders interpreteren. En bij IE gaat het hier dan meestal de mist in. Het is dus vrijwel verplicht om je doctype te definiëren.

ron 20 november 2009 19:17 wat mijn op valt hier dat er 1 regel woord ge mist met xhtml wat hier boven staat zal niet werken bij w3c met fouten dat wou ik even vertelen het goede van xhtml is!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl"headmeta content="text/html; charset=ISO-8859-1" http-equiv="content-type" /title /title/headbody/body/htmlmaar we weten dat xhtml een nieuw versie is maar er is al bekend gemaakt dat xhtml niet altijd goed werkt nog in ie6 ie7 ie5 dus het is nog de beste om gewoon met html doc te blijfen werken deze html doc is ook goed bij w3c!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"html lang="nl"headmeta content="text/html; charset=ISO-8859-1" http-equiv="content-type"title /title/headbody/body/html

ps heb wat tekens weg gelaten anders komt het er niet op

Reageren op deze blog

Captcha

(type bovenstaande cijfers over)

Enkele van onze klanten

RTL4 logo Gooi PC's logo Wugly logo

Referentie

Arno Ramaker

Door mijn nieuwe website heb ik er vele nieuwe klanten bij.
Arno Ramaker | Administratie

Vraag een offerte aan

Contact

Tweepixels webdesign

Berlagelaan 253
1222 JV Hilversum

tel. 035 - 626 73 70
kvk 32120424

Neem direct contact op met Tweepixels