HTML leren

**xtofke** · 21 July 2007, 16:19

Oorspronkelijk geplaatst door mXX

lijnt nu wel rechts uit, het lag aan die bgcolor

. maar die b tag nog niet gevonden :(

Code:

 <p align="center"><b><u>Wat ik veel bezoek op minatica</u><b></p>

**Jelle** · 21 July 2007, 16:44

De W3C HTML validator is er zoals de naam al laat uitschijnen om je HTML code te valideren. Je geeft ofwel een url in van een pagina die je wil valideren, ofwel plak je de hele code in het grote invulveld. Dan krijg je ofwel een groene pagina (goed nieuws, je code is volledig ok), ofwel een rode met alle fouten op een rijtje.
Het W3C (World Wide Web Consortium) is de maker/beheerder van de HTML, XHTML, CSS, XML, ... specificaties.

Een doctype geeft aan wat voor soort document het is: (X)HTML Transitional/Strict/Frameset, XML, ... (en dan heb je nog eens de verschillende versies van elk). Je HTML code kan op twee methodes door een browser worden gerenderd: in quirksmode en strict mode. In quirksmode werk je als je geen doctype opgeeft of je een kort doctype gebruikt (zonder volledig url naar de specificatie). In strict mode werk je als je met een lang doctype werkt (bv. Minatica.be). In quirksmode is een browser erg mild, gaat hij zomaar over fouten en probeert hij er het beste van te maken. In strict mode rendert hij je pagina exact volgens de specificaties van het W3C en bij fouten zal hij dat stuk negeren en renderen volgens de standaard, wel correcte methode, waardoor de pagina er meestal fout gaat uitzien.

Het best gebruik je dus meteen een goed doctype, een lang dus. Anders leer je HTML zoals Microsoft Frontpage het schrijft en verwonder je je over het feit waarom het er in Firefox niet uitziet, terwijl Internet Explorer het toch "zo goed" weergeeft. HTML 4.01 Transitional is hiervoor de basisspecificatie (zie de pagina die ik gaf voor het exacte lange doctype ervan) die je best gebruikt als je pas begint (aan Strict waag je je best niet vooraleer je ook met CSS weg bent; hierbij vervangt CSS de stijlmethodes die in HTML Transitional nog toegelaten zijn en in Strict verboden zijn).

Zoveel head codes heb je inderdaad niet nodig. Alleen de title tag is verplicht volgens het W3C.

**mXX** · 21 July 2007, 22:31

Oorspronkelijk geplaatst door Jelle

De W3C HTML validator is er zoals de naam al laat uitschijnen om je HTML code te valideren. Je geeft ofwel een url in van een pagina die je wil valideren, ofwel plak je de hele code in het grote invulveld. Dan krijg je ofwel een groene pagina (goed nieuws, je code is volledig ok), ofwel een rode met alle fouten op een rijtje.
Het W3C (World Wide Web Consortium) is de maker/beheerder van de HTML, XHTML, CSS, XML, ... specificaties.

Begrijp het doctype volledig nu, maar die W3C nog niet

Welke url moet ik ingeven ? (en van welke pagina) en waar vind ik die code ?

En die van HTML 4.01 Transitional is dat dit
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
of moet ik wat er in het rood staat veranderen?

**Jelle** · 21 July 2007, 23:48

Op http://validator.w3.org/ heb je drie mogelijkheden om je HTML code te valideren. Ofwel geef je de url van een pagina op die je hebt gemaakt (bv. http://www.minatica.be/showthread.php?t=47142), ofwel upload je een html bestand dat je op je computer hebt staan, ofwel plak je je HTML code in het derde, grote vak (de HTML code bv. dus die je hier in het topic hebt gepost). Daarna druk je uiteraard op de Check knop.

Die url in het doctype is vast en moet je dus niet aanpassen. Het is immers de link naar de HTML 4.01 Transitional specificatie van het W3C.

**mXX** · 22 July 2007, 10:31

ok ik denk dat ik het begrijp, als ik nog vragen heb laat ik het wel weten

**mXX** · 22 July 2007, 10:47

ik heb het bestand geupload want dat vond ik het gemakkelijkste dan kreeg ik deze error:

I was not able to extract a character encoding labeling from any of the valid sources for such information. Without encoding information it is impossible to reliably validate the document. I'm falling back to the "UTF-8" encoding and will attempt to perform the validation, but this is likely to fail for all non-trivial documents.
Read the FAQ entry on character encoding for more details and pointers on how to fix this problem with your document.
This page is not Valid HTML 4.01 Transitional!

Below are the results of attempting to parse this document with an SGML parser.
Error Line 40 column 23: document type does not allow element "OL" here; assuming missing "LI" start-tag. <ol start="4" type="I">

**xtofke** · 22 July 2007, 11:48

in de <head>-sectie zet je bv

Code:

<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">

wat de andere 'fout' betreft.
Dit heeft te maken met je 'gecombinerde lijst'

Code:

 <ul type="square">
<li>dit is gemakkelijker dan ik dacht</li>
<li>ik zal nu een gecombineerde lijst maken</li>
    <ol start="4" type="I">
    <li>dit is nu een romeinse 4</li>
    <li>ik zal de gecombineerde lijst nu <b>beëndigen</b>
    </ol>
<li>dit is mijn laatste lijntje</li>
</ul>

moet worden

Code:

 <ul type="square">
<li>dit is gemakkelijker dan ik dacht</li>
<li>ik zal nu een gecombineerde lijst maken</li>
<li><ol start="4" type="I">
    <li>dit is nu een romeinse 4</li>
    <li>ik zal de gecombineerde lijst nu <b>beëndigen</b>
    </ol></li>
<li>dit is mijn laatste lijntje</li>
</ul>

**mXX** · 22 July 2007, 13:15

Oorspronkelijk geplaatst door Keppe

in de <head>-sectie zet je bv

Code:

<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">

wat de andere 'fout' betreft.
Dit heeft te maken met je 'gecombinerde lijst'

Code:

 <ul type="square">
<li>dit is gemakkelijker dan ik dacht</li>
<li>ik zal nu een gecombineerde lijst maken</li>
    <ol start="4" type="I">
    <li>dit is nu een romeinse 4</li>
    <li>ik zal de gecombineerde lijst nu <b>beëndigen</b>
    </ol>
<li>dit is mijn laatste lijntje</li>
</ul>

moet worden

Code:

 <ul type="square">
<li>dit is gemakkelijker dan ik dacht</li>
<li>ik zal nu een gecombineerde lijst maken</li>
<li><ol start="4" type="I">
    <li>dit is nu een romeinse 4</li>
    <li>ik zal de gecombineerde lijst nu <b>beëndigen</b>
    </ol></li>
<li>dit is mijn laatste lijntje</li>
</ul>

die code die je me gaf voor head. waarvoor dient die ?

Ah ja ik zie de fout al. Hou onthouden jullie al die codes ?

ik ben het verschil al vergeten tussen "li" en "ol". Zal dit ff terug opzoeken!

**Jelle** · 22 July 2007, 15:33

Die dient voor de encoding van de speciale karakters. Voor België maakt dat weinig uit, maar het is belangrijk om je teksten er ook goed in andere landen te laten uitzien. Zo heeft China standaard andere tekens enzo en dus is het belangrijk om je encoding duidelijk te maken.
De beste encoding is UTF-8, maar die is net zoals HTML Strict erg strikt en dus niet aan te raden om mee te beginnen. De ISO die Keppe geeft is de meest gebruikelijke om standaard mee te werken in West-Europa.

Dan ga je waarschijnlijk nog een error krijgen voor de ë in je document. Zo'n speciale tekens moet je schrijven met zogenaamde HTML entities. Zo wordt ë ë (e umlaut). Een volledig overzicht vind je op http://www.w3schools.com/tags/ref_entities.asp

Dat soort encoding codes (buiten UTF-8 dan) en doctypes ken ik ook niet vanbuiten hoor. Dat kopieer ik gewoon telkens.

@Keppe: je gebruikt wel een vreemde notatie

Bijna overal zie je:

Code:

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

Eerst dus het type meta en pas dan de inhoud ervan. Omgedraaid is uiteraard ook toegelaten; je schrijft je HTML zoals je zelf wilt.

**mXX** · 22 July 2007, 16:09

moet ik die meta al gebruiken of is dat voor later als ik een beetje meer gevorderd ben ?

Discussie: HTML leren

Discussietools

Discussie doorzoeken

Weergave

De volgende gebruiker bedankt xtofke voor deze nuttige post:

De volgende gebruiker bedankt Jelle voor deze nuttige post:

De volgende gebruiker bedankt Jelle voor deze nuttige post:

Discussie informatie

Users Browsing this Thread

Soortgelijke discussies

Leren typen

talen leren

Frans leren

Favorieten/bladwijzers

Favorieten/bladwijzers

Regels voor berichten