Doctype; Welke en waarom is het zo belangrijk?

Hallo allemaal,

Ik kom de laatste tijd ineens heel veel informatie tegen over verschillende doctypes. Ik heb daar nooit echt bij stilgestaan en gewoon de code genomen die Dreamweaver automatisch in een html file gooide. Maar aangezien ik nog steeds in een oude Dreamweaver werk (MX), is de doctype waarschijnlijk ook niet meer van deze tijd. Zeker niet omdat ik steeds meer met ccs enzo aan de gang ga. Wat is nu precies de goede doctype die ik moet gebruiken?

[quote:93fc17e273]
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml” lang=“nl” xml:lang=“nl”>
<head>
<title>Untitled Document</title>
<meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-1” />
[/quote:93fc17e273]

of deze?

[quote:93fc17e273]
<!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=“en” lang=“en”>

<head>
<title>Untitled Document</title>
<meta http-equiv=“content-type” content=“text/html; charset=iso-8859-1” />
[/quote:93fc17e273]

of deze?

[quote:93fc17e273]
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-1”>
[/quote:93fc17e273]

En wat is de consequentie van verkeerd gebruik van doctypes? Ik gebruik bijvoorbeeld nog wel eens css en html door elkaar (ik weet het, mag niet, maar ik ben nog aan het leren…)
Welke moet ik dan nemen?

Het antwoord: http://hsivonen.iki.fi/doctype/

Hoe lang ben je er reeds mee bezig? Heb je veel ervaring opgedaan in HTML 4.01? Want als je slechte gewoonte's moet afleren hierin, kies je best voor XHTML 1.0 Transitional. Dat is exact wat de naam zegt, een transitietaal. Een blending tussen oude en nieuwe technieken, om mensen over te zetten naar meer XML-gebaseerde markup als XHTML 1.0 Strict.

Wanneer je nog maar net met XHTML begonnen bent, kan je best direct het juiste leren, en gaan voor XHTML 1.0 Strict. Dat is de way to go voor de (nabije) toekomst. Niemand doet graag dubbel werk, toch?

[quote:4e0dfdd547="Es"] Ik gebruik bijvoorbeeld nog wel eens css en html door elkaar (ik weet het, mag niet, maar ik ben nog aan het leren...) [/quote:4e0dfdd547]

CSS en HTML zijn twee verschillende zaken, die kan je helemaal niet door elkaar gebruiken.

HTML is de semantiesche opmaak van je tekst (‘dit is een titel’, ‘dit is een paragraaf’, ‘dit woord is benadrukt’, etc.)
CSS is een grafische layout taal (‘alle paragrafen hebben een marge van 20pixels en de tekst heeft de kleur groen’).

Wat je waarschijnlijk probeert is om van de oude gewoonte af te komen door in je HTML met attributen, spacer-gif’s en tabellen de layout van je tekst te definieren en om je opmaak te gaan scheiden van de structuur van je pagina. Dat is heel goed, er zijn er vele je voor gegaan en je kan heel veel informatie in dit forum vinden als je oude topics gaat lezen. Ik raad je ook aan om de veelgestelde vragen post (tweede van boven) door te spitten, waarschijnlijk ga je daar veel informatie vinden.

Ik ben inderdaad al een jaartje of 8 aan het html-en en moet dus heeeel veel oude gewoontes afleren...

[quote:1f4f7ee386]CSS en HTML zijn twee verschillende zaken, die kan je helemaal niet door elkaar gebruiken.[/quote:1f4f7ee386]

Wat ik bedoel is dat ik nu bijvoorbeeld een site in frames heb gemaakt maar de vershillende pagina’s wel helemaal in CSS heb opgemaakt. Ik gebruikte natuurlijk al lang stylesheets om mijn html op te maken. Maar nu probeer ik inderdaad ipv tabellen divs te nemen. Maar ik ben zo’n fan van frames, in tegenstelling tot de rest van de wereld, dat ik dat moeilijk los kan laten. en dus vroeg ik me af hoe dat dan zit. Een site in frames maar dan wel in CSS gelayout.

Ik kom net ook nog dit artikel tegen: [url]http://www.alistapart.com/articles/doctype/[/url]

[quote:9ed0cbd73e="Es"]Ik kom net ook nog dit artikel tegen: [url]http://www.alistapart.com/articles/doctype/[/url][/quote:9ed0cbd73e]

A List Apart is zowat de bijbel voor de standards-based webdesigner, maar je moet er wel rekening mee houden dat het artikel begint te dateren (2002).

[quote:cb71272642="Es"]Maar ik ben zo'n fan van frames, in tegenstelling tot de rest van de wereld, dat ik dat moeilijk los kan laten. en dus vroeg ik me af hoe dat dan zit. Een site in frames maar dan wel in CSS gelayout.[/quote:cb71272642]

Jij mag dan een fan van frames zijn, de gebruikers van de website meestal niet. Frames is echt een no-go area, gewoonweg niet doen.

Ik zie het voodeel van het gebruik van frames ook niet in, het is meestal verwarrender dan makkelijk vind ik zelf.

[quote:45de2c6362]Jij mag dan een fan van frames zijn, de gebruikers van de website meestal niet. Frames is echt een no-go area, gewoonweg niet doen.[/quote:45de2c6362]

Leg mij dan eens uit waarom bezoekers geen fan van frames zijn. Ik denk dat die het vaak niet eens merken! En dan heb ik over de “gewone mens”, dus geen webdesigner/programmeur. Want ik hoor altijd dat je het “gewoon niet moet doen” maar niemand heeft mij nog kunnen overtuigen van het waarom. Ik test mijn sites altijd in alle mogelijke browsers en platforms.

Ik vind het voordeel dat je “schone” pagina’s hebt. Ik zet het liefs het menu in een frame en de contentpagina’s in een ander frame. Zo hoef ik ten eerste, als er iets veranderd moet worden in de navigatie (menu) maar in één file te werken. Hetzelfde geldt voor de content pagina’s. De pagina’s zijn dan dus redelijk overzichtelijk en aanpassingen zijn makkelijk te doen. Kortom, ik vind het een supergemakkelijke manier van werken.

Nu moet ik ook zeggen dat ik vaak voor kleine klanten (1-, 2- mansbedrijven) werk die geen grote budgetten hebben voor databases, CMT’s en programmeurs enzo. Ik ben een ontwerper die kan html-en en css-en en daarmee voor mijn klanten voor relatief (!!) weinig geld een mooie/functionele site kan bouwen die voldoet aan de eisen die zij stellen. Ik ben dus geen programmeur en wil dat ook niet worden. Daar zijn andere beter in.

Maar goed, ik wil me ook graag laten overtuigen van het tegendeel en een goed alternatief leren…
:smiley:

als je site wordt gevonden via een zoekmachine, dan laadt hij alleen het frame waar de tekst instaat. Dan mis je dus je boven linker rechter onder of wat voor andere frames je hebt.

Waarschijnlijk vind je het makkelijk werken omdat je niet iedere pagina hoeft te veranderen als je 1 menu link toevoegt oid…
Om dat op te lossen heb je toch wat programmeerkennis nodig(php).

Samenvatting:

Frames zijn ABSOLUUT af te raden. Browser ondersteunen het niet, zoekmachines ondersteunen het niet…

Doctype-keuze: Maak het jezelf niet te ingewikkeld. Gewoon de laatste gebruiken :). Hier is-ie:

[code:1:3c5c7c36c7]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">[/code:1:3c5c7c36c7]

Hier de html-tag:

[code:1:3c5c7c36c7]<html xmlns="http://www.w3.org/1999/xhtml">[/code:1:3c5c7c36c7]

En deze meta-tag:

[code:1:3c5c7c36c7]<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />[/code:1:3c5c7c36c7]

Maar over welke site heb je het, kan ik ineens naar de code zien :).

[quote:27ab2e7f0a="jay03"]als je site wordt gevonden via een zoekmachine, dan laadt hij alleen het frame waar de tekst instaat. Dan mis je dus je boven linker rechter onder of wat voor andere frames je hebt.[/quote:27ab2e7f0a]

Daar zijn kleine scriptjes voor die ik natuurlijk ook altijd gebruik dus dat probleem is al opgelost…

En welke browsers ondersteunen geen frames???

[quote:f3547ea472="Es"][quote:f3547ea472="jay03"]als je site wordt gevonden via een zoekmachine, dan laadt hij alleen het frame waar de tekst instaat. Dan mis je dus je boven linker rechter onder of wat voor andere frames je hebt.[/quote:f3547ea472]

Daar zijn kleine scriptjes voor die ik natuurlijk ook altijd gebruik dus dat probleem is al opgelost…

En welke browsers ondersteunen geen frames???[/quote:f3547ea472]

Koop een PDA of een mobiele telefoon met webbrowser en bekijk je site met frames nog een keertje. en dan zullen we het nog niet over toegankelijkheid e.d. hebben.

Ik ga jou helemaal niet overtuigen; deze discussie is in 2000 uitentreure gevoerd en als je al 8 jaar bezig bent dan zou je dat hebben kunnen weten. Kortom: jij bent stil blijven staan ergens in 1998 en dat is niet mijn probleem, maar een probleem voor je klanten.

[quote:9fb79d1104="à la Mac"]Gewoon de laatste gebruiken :). Hier is-ie:

[code:1:9fb79d1104]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">[/code:1:9fb79d1104]

Hier de html-tag:

[code:1:9fb79d1104]<html xmlns="http://www.w3.org/1999/xhtml">[/code:1:9fb79d1104]

En deze meta-tag:

[code:1:9fb79d1104]<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />[/code:1:9fb79d1104]
.[/quote:9fb79d1104]

Met verwijzing naar een andere discussie; geen XHTML 1.1 gebruiken, HTML4 volstaat net zo goed.

[quote:870bc3b923="tennapel"] Ik ga jou helemaal niet overtuigen; deze discussie is in 2000 uitentreure gevoerd en als je al 8 jaar bezig bent dan zou je dat hebben kunnen weten. Kortom: jij bent stil blijven staan ergens in 1998 en dat is niet mijn probleem, maar een probleem voor je klanten.[/quote:870bc3b923]

Nou nou zeg wat onvriendelijk!
Het gaat er helemaal niet om dat jij, of iemand anders, mij moet overtuigen. Ik vraag alleen of iemand een goed argument/alternatief heeft omdat ik er tot nu toe nog geen gehoord heb. Wat overigens niet wil zeggen dat ze er niet zijn! Want ik zou toch gek zijn om mijn klanten iets aan te bieden dat niet werkt! Dus ik sta volledig open voor alternatieven. Alleen de argumenten die ik hier te lezen krijg zijn wat mij betreft wat mager (werkt niet in browsers en zoekmachines verwijzen naar 1 frame).

Ik krijg een beetje het gevoel dat het schijnbaar politiek correct is om te zeggen “dat frames niet kunnen” en iedereen roept dat dan maar zonder precies te weten waarom. Ik heb iets betere argumenten nodig om overtuigd te raken. Zo simpel is het.

[quote:b06ca327f3="Es"] Ik krijg een beetje het gevoel dat het schijnbaar politiek correct is om te zeggen "dat frames niet kunnen" en iedereen roept dat dan maar zonder precies te weten waarom. Ik heb iets betere argumenten nodig om overtuigd te raken. Zo simpel is het.[/quote:b06ca327f3]

Nogmaal, bekijk eens website met frames en javascript op een PDA of mobiele brower (of small screen rendering in Opera, maar dan zonder javascript).

Verder is google your friend: Google links op frames

Of lees eens wat over toegankelijkheid:
http://diveintoaccessibility.org/
http://www.w3.org/WAI/
http://joeclark.org/
http://www.webstandards.org/

Misschien dat je na het lezen van al deze links iets minder overtuigd bent van het feit ‘dat iedereen maar wat roept’. Ik ga de discussie niet meer aan; die heb ik 6 jaar geleden al gevoerd. En ja, ik ben bot. Ik heb bijzonder weinig geduld met mensen die 8 jaar bezig zijn en in 2006 nog coden alsof het 1998 is.

Voor een non-professional als ik werkt Freeway (Pro) erg goed [url]http://www.softpress.com/en[/url]. Geen frames, maar toch uitgaan van een master waarin de navigatie buttons en opmaak geplaatst kunnen worden.

Goed te vinden op Google en slechts op één plek wijzigen van navigatiebuttons, lettertype, huisstijl etcetera.

Echt een aanrader voor de minder getalenteerde HTML of Java programmeurs (lees nitwits) als ik.

[quote:6f66eb8f6f="Es"]Ik vind het voordeel dat je "schone" pagina's hebt. Ik zet het liefs het menu in een frame en de contentpagina's in een ander frame. Zo hoef ik ten eerste, als er iets veranderd moet worden in de navigatie (menu) maar in één file te werken. Hetzelfde geldt voor de content pagina's. De pagina's zijn dan dus redelijk overzichtelijk en aanpassingen zijn makkelijk te doen. Kortom, ik vind het een supergemakkelijke manier van werken.[/quote:6f66eb8f6f]

Dit idee kun je opvangen met php. Zowat elke host ondersteunt dat bijna standaard tegenwoordig. Door de navigatie en content te includen in een index.php bestand krijg je hetzelfde idee. Met een switch kun je de verschillende pagina’s opvangen.

Ik ga me erin verdiepen! Maar weet je wat het is, als je al lang iets doet op een bepaalde manier is het nu eenmaal moeilijk om dat te veranderen. Ik denk nog steeds in tabellen en ik ben heel hard aan het proberen om daar "divs" van te maken. Nu de frames dus nog. Al heb ik daar dus nog geen goed alternatief voor nu ik weet dat niet "niet meer kan". :wink: Daar komt nog bij dat ik zo langzamerhand mijn trucje heb en dus snel iets kan bouwen op deze manier. Ik moet dat nu loslaten en mezelf iets anders aanleren. Dat kost tijd en moeite, maar dat hoort bij dit vak, dat weet ik!

En dus moet ik mezelf toch nog even verdedigen:

[quote:0700069ca1=“tennapel”]Ik heb bijzonder weinig geduld met mensen die 8 jaar bezig zijn en in 2006 nog coden alsof het 1998 is.[/quote:0700069ca1]

Ik werk niet alsof het 1998 is, ik doe dit werk VANAF 1998 en ja, zoals ik hierboven al schreef, dan heb je ervaring en doe je dingen al lang op en bepaalde manier. En er is niets menselijkers dan een mens dat niet wil veranderen… Maar ik ga mijn best doen want een “ouderwetse webdesigner” is natuurlijk een [i:0700069ca1]contradictio in terminus[/i:0700069ca1]

Maar iemand dus nog een goed alternatief?? Iemand?