Wat gebeurt er als we ongeldige HTML-code schrijven?

De browser probeert fouten te corrigeren op basis van de HTML5-parseralgoritmen. Het zal een correcte DOM-structuur maken, foutief geneste tags, ontbrekende sluit-tags en andere syntaxisfouten negeren of corrigeren. Het resultaat kan onvoorspelbaar zijn en verschillen tussen browsers.

Gevolgen:

• Onverwachte weergave: Elementen kunnen verkeerd worden weergegeven, wat de lay-out en stijlen beïnvloedt.
• Problemen met JavaScript: Scripts kunnen verkeerd werken of helemaal niet werken als ze afhankelijk zijn van een correcte DOM-structuur.
• Toegankelijkheid: Gebruikers met beperkingen kunnen moeilijkheden ondervinden bij het gebruik van de site.
• SEO: Zoekmachines kunnen de pagina minder goed indexeren.
• Foutopsporing: Het proces van het zoeken en corrigeren van fouten wordt moeilijker.

Voorbeeld van ongeldige markup:

<div>
  <p>Dit is een paragraaf</div> <!-- Ontbreekt de sluiting </p> -->

De browser zal waarschijnlijk de <p>-tag automatisch sluiten, maar dit is niet gegarandeerd in alle gevallen.

Het wordt aanbevolen om HTML-validatieservices (bijvoorbeeld van W3C) te gebruiken om fouten te controleren en te corrigeren.