Frontaal.net » doctype | Frontaal.net http://frontaal.net Front-end basics over markup, CSS en toegankelijkheid Tue, 17 Jan 2012 23:16:45 +0000 en hourly 1 http://wordpress.org/?v= Doctype: welke moet ik kiezen? http://frontaal.net/200612/doctype-welke-moet-ik-kiezen/ http://frontaal.net/200612/doctype-welke-moet-ik-kiezen/#comments Tue, 05 Dec 2006 23:22:04 +0000 Roger http://frontaal.net/2006/12/doctype-welke-moet-ik-kiezen/ doctype behoort tot de basis van een webpagina. Hoewel een doctype essentieel is voor een voorspelbare weergave van je webpagina, wordt deze door veel mensen niet of verkeerd gebruikt. In deel 2 over doctype: welk doctype moet ik kiezen?]]> Een doctype behoort tot de basis van een webpagina. Hoewel een doctype essentieel is voor een voorspelbare weergave van je webpagina, wordt deze door veel mensen niet of verkeerd gebruikt. In deel 1 over doctype lees je wat je aan een doctype hebt; in deel 2 over doctype: welk doctype moet ik kiezen?

Inhoud

De valide doctypes

Als je de broncodes van websites bekijkt, zijn er talloze doctypes in de omloop. De lijst met valide doctypes is echter beperkt. Voor webpagina’s komt het in de praktijk neer op de volgende doctypes:

  • Drie HTML 4.01 doctypes (Transitional, Strict, Frameset).
  • Drie XHTML 1.0 doctypes (Transitional, Strict, Frameset).
  • Eén XHTML 1.1 doctype.

De afvallers

Wanneer je geen frames gebruikt, vallen er al weer twee af uit de lijst. Frames zijn namelijk niet aan te raden. Een Transitional doctype wordt gebruikt voor sites in een overgangsfase, bijvoorbeeld voor sites die een contentmanagementsysteem gebruiken dat verouderde HTML levert. Overstappen op een Strict-doctype kan in zulke gevallen ongewenste bijwerkingen in browserweergave hebben. Nieuwe sites hebben dit probleem niet. Daar zou je dan ook geen Transitional-doctype moeten gebruiken. In veruit de meeste gevallen zijn er dan ook geen goede redenen meer om een Transitional doctype te blijven kiezen. Daarmee houden we de volgende doctypes over:

  • Eén HTML 4.01 doctype (Strict).
  • Eén XHTML 1.0 doctype (Strict).
  • Eén XHTML 1.1 doctype.

Wil je dat bezoekers met Internet Explorer (IE) jouw pagina’s nog steeds kunnen bekijken, dan kun je ook XHTML 1.1 vergeten; IE kan niet met (correct geserveerde) XHTML 1.1-pagina’s omgaan. Dit is ook het geval bij XHTML 1.0, maar daar is incorrect serveren nog toegestaan. Dan blijven er nog twee doctypes over:

HTML 4.01:

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

XHTML 1.0:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Rest de vraag: kies ik HTML of XHTML?

HTML of XHTML?


XHTML is nieuwer dan HTML en nieuwer is beter, toch? Dat valt te betwijfelen. Tussen 2003 en 2005 zijn veel websites inderdaad overgestapt op XHTML, maar daar begint men op terug te komen. Belangrijkste kritiekpunt is dat de meest gebruikte browser, IE, zelfs in versie 7 en versie 8 niet goed omgaat met XHTML. Sterker nog, als je IE XHTML voorlegt zoals XHTML bedoeld is, dan zie je een leeg scherm. Een mogelijke oplossing is om – in ieder geval voor IE – XHTML te serveren als HTML. Wanneer de server een IE-browser tegenkomt, dan geeft hij XHTML in een HTML-jasje mee; aan alle andere browsers levert hij échte XHTML. Dat kan echter ook weer problemen met zich meebrengen.

Sommigen vinden dat momenteel het serveren van XHTML geen nut heeft, aangezien 85% van de internetters met IE surft en het daarom in 85% van de gevallen niet werkt, zeker de komende jaren. Zij vinden dat je daarom beter een doctype kunt gebruiken waar alle browsers mee overweg kunnen, namelijk HTML 4.01 Strict. Anderen vinden dat je waar mogelijk XHTML zou moeten gebruiken (dus voor alle andere browsers behalve IE), bijvoorbeeld om vooruitgang op het web te voorspoedigen. Ook biedt XHTML uitbreidingsmogelijkheden; echter, voor veruit de meeste sitebouwers zullen die mogelijkheden van geen nut zijn. De keuze tussen HTML en XHTML komt dus eigenlijk neer op een persoonlijke voorkeur.

Conclusie

Van de talloze doctypes die je kunt vinden op internet, zijn er momenteel bij het bouwen van een nieuwe website meestal maar twee relevant: HTML 4.01 Strict en XHTML 1.0 Strict. Gezien de verwaarloosbare meerwaarde en het ontbreken van correcte XHTML-ondersteuning door IE ligt voor mij persoonlijk voor de hand om te kiezen voor HTML 4.01 Strict. Welke van de twee je ook kiest, het houden aan de specificaties van deze doctypes draagt bij aan de toegankelijkheid en vindbaarheid van je site en aan de overzichtelijkheid en duurzaamheid van de markup. Maar bovenal zorgt een correct doctype voor minder problemen met je layout. En wie wil er nou niet minder sitebouwproblemen?

]]> http://frontaal.net/200612/doctype-welke-moet-ik-kiezen/feed/ 12 Doctype: wat moet ik ermee? http://frontaal.net/200611/doctype-wat-moet-ik-ermee/ http://frontaal.net/200611/doctype-wat-moet-ik-ermee/#comments Tue, 14 Nov 2006 23:56:11 +0000 Roger http://frontaal.net/2006/11/doctype-wat-moet-ik-ermee/ doctype behoort tot de basis van een webpagina. Hoewel een doctype essentieel is voor een voorspelbare weergave van je webpagina, wordt deze door veel mensen niet of verkeerd gebruikt. Wat is een doctype en wat moet je ermee?]]> Een doctype behoort tot de basis van een webpagina. Hoewel een doctype essentieel is voor een voorspelbare weergave van je webpagina, wordt deze door veel mensen niet of verkeerd gebruikt. Wat is een doctype en wat moet je ermee?

Inhoud

Wat is een doctype?

Een doctype is over het algemeen de eerste regel in een HTML-pagina (boven het html-element) die aangeeft welke (X)HTML-versie er wordt gebruikt en op welke manier de browser zou moeten omgaan met regels voor layoutweergave. Een voorbeeld van een doctype is:

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

Er zijn veel verouderde boeken en tutorials in de omloop die deze basis van een HTML-pagina niet behandelen. Tot een aantal jaren geleden kon men daar nog mee wegkomen, maar tegenwoordig hangt de weergave van je pagina af van het doctype dat erboven staat. Wanneer je een bron tegenkomt die het niet over doctype heeft, leg deze bron dan terzijde; die is verouderd.

Wat voor verschil maakt een doctype?

Browsers hebben grofweg twee manieren om een pagina weer te geven, namelijk quirksmode en standardsmode. Het hangt van het (ontbreken van een) doctype bovenaan het document af in welke modus een browser de webpagina weergeeft. Daarnaast is ook van invloed of er code boven het doctype staat (ook de XML prolog kan problemen veroorzaken).

Quirksmode

Zoals de naam al aangeeft, heeft quirksmode nogal wat rare afwijkingen (quirks) in de weergave; elke browser gokt dan namelijk een beetje op basis van eigen aannames hoe een pagina eruit moet komen te zien. En de makers van bijv. Firefox deden andere aannames dan de makers van bijv. Internet Explorer (IE). Resultaat: er kunnen grote verschillen ontstaan in weergave. Toch laat men deze modus er nog inzitten, want veel websites missen een doctype, gebruiken een ongeldig doctype, of hebben code boven het doctype staan. De makers van deze sites rekenen daarmee op de ‘quirks’ van browsers voor een correcte weergave. Afstappen van quirksmode zou voor vele bestaande sites betekenen dat de sitelayout plots uit elkaar valt.

Standardsmode

Naast quirksmode heb je standardsmode. In deze modus volgt de browser zoveel mogelijk de webstandaarden zoals de W3C ze heeft vastgesteld. Door deze uniforme regels is de weergave van een webpagina door de diverse browsers veel beter te voorspellen; er zijn veel minder verschillen in weergave. Aan te raden is dus om te zorgen dat pagina’s in standardsmode worden weergegeven.

Eerst zien, dan geloven?

Om een simpel en veelvoorkomend voorbeeld te geven wat voor het verschil het maakt, heb ik drie pagina’s gemaakt waarop een rechthoek te zien is. De pagina’s verschillen alleen in het gebruikte doctype. Wanneer je deze pagina’s in IE6 of IE7 1 met elkaar vergelijkt, zul je grote verschillen zien.

Op de eerste en tweede pagina wordt er gebruik gemaakt van quirksmode, in de derde van standardsmode. In quirksmode maakt IE gebruik van elementafmetingen die werken volgens het door IE (zelfbedachte) boxmodel; in standardsmode maakt IE net als alle andere browsers gebruik van het standaard boxmodel van het W3C.

Conclusie

Duidelijk is dat een doctype erg veel kan uitmaken. Wil je verschillen in weergave tussen diverse browsers vermijden, dan zou je gebruik moeten maken van standardsmode, waarin de browser zo veel mogelijk uitgaat van door W3C vastgelegde regels. Dat betekent dat je een volledig doctype zou moeten gebruiken.

Maar welk volledig doctype moet je dan kiezen? Dat komt aan bod in deel 2 over doctype.

Meer leesvoer

1Waarom zie je geen verschil in IE5.x of lager? Omdat Microsoft het t/m IE5.x niet zo nauw nam op het gebied van webstandaarden.

]]> http://frontaal.net/200611/doctype-wat-moet-ik-ermee/feed/ 0