Hoe lees ik een validator foutmelding?
Een validator foutmelding vertelt je wat er misgaat in je HTML-code, waar het probleem zich bevindt en waarom het niet klopt. Vaak zie je drie onderdelen: het type fout, de locatie (regel en kolom), en de context.
Bekijk dit voorbeeld:
Uitleg van de melding:
- Error: Het is een fout (dus niet alleen een waarschuwing).
- Element p not allowed as child of element h1: Dit betekent dat je een
<p>-tag hebt geplaatst binnen een<h1>. Dat mag niet volgens de HTML-structuurregels. - From line 8, column 1: Hier staat waar in de code de fout gevonden is.
- Codevoorbeeld: Een stukje van je HTML wordt getoond om de fout sneller terug te vinden.
Correctie:
De fout komt doordat een <p>-tag niet binnen een <h1> mag staan. De oplossing is dus om de <h1> netjes te sluiten.
<h1>Kopje</h1>
<p>Paragraaf</p>
Stappenplan bij foutmeldingen:
- Lees eerst of het een Error of een Warning is.
- Kijk welk element niet klopt en in welke context (bijv. "not allowed as child of").
- Controleer de aangegeven regel en kolom in je code.
- Pas je code aan volgens de juiste HTML-structuur.
- Valideer opnieuw tot de foutmelding verdwenen is.