[Snarf2000]

Al een tijdje ben ik bezig mijn website te verbeteren dmv een website validator.

Dit is een hoofdstuk of zich.
Ik kan er alleen niet de hand op leggen wat er nu precies mis gaat.

En ik begrijp dat je een bepaalde codering moet aanhouden voor je website.
Maar er komen heel veel fouten en warnings te voorschijn als je wisseld met je codering.

Als ik bv:

Code: Selecteer alles

<meta http-equiv="content-type" content="text/html;charset=utf-8">

uit mijn head sectie haal, dan stik ik in een keer van de fouten, maar zijn tekentjes als een ' goed.
Zet ik de regel weer terug, zijn de fouten meer dan gehalveerd, maar krijg ik rare vraagtekentjes in een wybertje terug.

Ik snap (en volgens mij velen met mij) dit stukje van websites bouwen niet.
Al is dit wel belangrijk voor je gehele website.

Volgens mij is hier vast wel een pienter jochie dat mij/ons hier mee wil helpen.

http://validator.w3.org/

Grt. Frans

[Meteotines]

Hoi Frans,

Jouw probleem zit in de 1e 3 regels van je document.
Je zegt daar dat het document een xhtml bestand is.
Vervolgens is de codering daarvoor niet gedaan, en zeg je met het utf8 regeltje dat het document als zodanig gecodeerd moet worden bij de gebruiker.

Een uitleg kun je oa vinden op http://nl.wikibooks.org/wiki/HTML/Character_sets


Succes ermee!


Tines.

[Snarf2000]

Nog een aanvullinkje.

Welk Doctype dien je te gebruiken.
er staan er hier zo veel !!

http://www.w3schools.com/tags/tag_doctype.asp

En de website reageert ook anders in de validator.
Wietse had het in een ander topic over "strict html" maar dan vliegen mij de fouten om de oren, en op dat moment mag ik html opnieuw gaan leren.

Help :blink: :side: :S

[Meteotines]

Hoi Frans,

Voor mijn website heb ik veel gebruik gemaakt van
http://www.handleidinghtml.nl/html/structuur-document/structuur-document04.html

Dit is een nederlandstalige site met goede en duidelijke uitleg.


Tines.

[Wietse]

Strict HTML moet je niet aan beginnen, je moet bij xHTML in ieder geval transitional hebben.
Het ligt eraan op welke taal je wilt voortborduren, HTML4, xHTML of HTML 5.

Vanmiddag zal ik een uitgebreider stuk schrijven, indien gewenst. Graag hoor ik eerst welke taal je prefereert. Ik zelf beveel HTML 5 aan.

[Snarf2000]

Hee Wietse.

Ik had al verwacht dat je zou reageren.
Toppie.

Je zou in mijn bron kunnen zien of ik met programmeer technisch houdt aan HTML4, HTML5 of xHTML.

Ik weet niet beter dat ik HTML en PHP gebruik, aangevuld met stukjes CSS, Javascript en een klein stukje HTML5 voor de Gauges (Steelseries).

Geen flauw idee nog wat er dus mijn doctype moet zijn.
Ik heb al wat zitten spelen met diverse types, maar dan komt de validator met bv problemen met de afsluitende tags.
Bv:

/>

Hij geeft mij dan een rode forward slash als foutmelding. (zie hierboven als voorbeeld) :huh:
En daar kan ik dan een heleboel variaties op los laten, maar ik maak het dan steeds erger.

Momenteel als ik mijn website door de validator haal, staat hij op
Result: 2 Errors, 4 warning(s)

Dus dat lijkt wel bevredigend.



Opbouw van mijn website:

index.php waar in staat:
include header.php
Mijn pagina (content)
include footer.php

en in header.php staat:
verwijzing naar mijn css
include menu.php,
en wat dingetjes die ergens aan de kant van mijn site staan zoals reclamelogo's bv.



Frans

[Snarf2000]

@Tines.

Bedankt voor je verwijzingen.
Veel leesvoer, maar het maakt alles wel een stuk duidelijker.
Helemaal in dit geval.
In de nederlandse taal.
Dat leest meteen een stuk prettiger en maakt het meteen begrijpelijk zonder het allemaal door je hersens eerst te moeten vertalen.

Thnx

Frans

[Snarf2000]

momenteel lijkt het niet zo slecht zoals gezegd.

[Wietse]

Ik zal hier vanavond even wat dieper op in gaan. Frans, toch raad ik je aan om xHTML te gebruiken of HTML 5. Ik meende dat je eerder ook xHTML gebruikte.

Vanavond zal ik wat tips geven.

[Wietse]

Hallo allemaal,

Ik raad iedereen die zijn site een make over geeft aan om in ieder geval het 'oude' HTML 4.0 te laten vallen en het liefst voor het nieuwe, frisse HTML 5 te gaan.

Nu zie ik dat sommige mensen hier denken dat er werelden van verschil tussen deze talen zit. Dat is echter niet het geval, er zitten wel enkele verschillen tussen.

Ik pik er een aantal dingen uit. Ten eerste; je moet kiezen voor een HTML type.
Als je dat gedaan hebt is het belangrijk om aan te geven met welk type HTML je werkt in een webpagina. Dit wordt aangegeven met een zogenaamd 'doctype', welke je bovenaan in je webpagina plaatst.

Hierin zijn ook nog weer verschillen, je kunt namelijk kiezen voor frameset, basic, transitional of strict. Bij HTML 5 is dit afgeschaft, waar ik ook zeker voorstander van ben. In het lijstje hieronder heb ik de aanbevolen doctypes neergezet:

HTML 5:

Code: Selecteer alles

<!doctype html>

xHTML:

Code: Selecteer alles

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

HTML 4:

Code: Selecteer alles

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

Dan het verschil in afsluiten van tags tussen de drie types HTML.
Bij HTML 4 werd bijv. een IMG tag zo afgesloten (of eigenlijk helemaal niet):

Code: Selecteer alles

<img src="#" alt="image">

Bij xHTML en HTML 5 is het belangrijk dat tags worden afgesloten. Ook bij tags die normaliter geen afsluitende tag hebben. Daarom wordt bij xHTML en HTML 5 een IMG tag als volgt geschreven:

Code: Selecteer alles

<img src="#" alt="image" />

Het verschil zit 'm dus in de spatie met slash. Indien je dit negeert wordt dit gewoon als fout gezien in de W3C validitor, je gebruikt immers onbedoeld allerlei HTML talen door elkaar en dat is niet de bedoeling.

Waar bij HTML 4 een alinea gewoon met

aangegeven werd moet bij de nieuwere talen deze ook afgesloten worden met

. Hoewel bij HTML 5 weer niet overal afsluitende tags hoeft te gebruiken is het toegestaan om gewoon één structuur aan te houden. De W3C validitor doet hier dan ook niet moeilijk over.

Voorbeeld:

Code: Selecteer alles

HTML 4:
<p>Mooi weer vandaag hè Piet?

HTML 5 en xHTML:
<p>Mooi weer vandaag hè Piet?</p>

Ook moet alles in volgorde worden afgesloten. Verder moeten alle tags in kleine letters, hoofdletters zijn uit den boze.

Dit wordt dus afgekeurd:

Code: Selecteer alles

<strong><p>Dit is een stukje tekst.</strong></p>

Tot slot nog even over de codering. Ik raad aan om gebruik te maken van het volgende coderingstype:

Code: Selecteer alles

<meta charset="utf-8" />

Nu merkte Frans al terecht op dat hij dan bij tekens met trema's en dergelijke problemen kreeg. Dat klopt, je dient dan ook deze tekens met een code in te voegen.

Voor een streepje op de 'e' naar rechts gebruik je de volgende code:

Code: Selecteer alles

é

Een gehele lijst vind je hier.
En voor diegene die zich er verder in willen verdiepen neem hier een kijkje.
Op die website staan talloze voorbeelden hoe precies je huidige code om te zetten naar HTML 5. Content en opmaak worden overzichtelijk gescheiden, wat resulteert in HTML en CSS.

Hiermee wil ik het afsluiten, hopelijk hebben jullie er wat aan en ik sta open voor vragen!