Mi történik, ha érvénytelen HTML-kódot írunk?

A böngésző megpróbálja kijavítani a hibákat az HTML5 elemző algoritmusok alapján. Létrehoz egy helyes DOM-fát, figyelmen kívül hagyva vagy javítva a helytelenül beágyazott tageket, hiányzó záró tageket és más szintaktikai hibákat. Az eredmény azonban kiszámíthatatlan lehet, és böngészőnként eltérő.

Következmények:

• Váratlan megjelenés: Az elemek helytelenül jelenhetnek meg, befolyásolva a elrendezést és a stílusokat.
• JavaScript problémák: A szkriptek helytelenül működhetnek vagy egyáltalán nem, ha a helyes DOM-struktúrától függenek.
• Elérhetőség: A korlátozásokkal élő felhasználók nehézségekbe ütközhetnek a weboldal használata során.
• SEO: A keresőmotorok rosszabbul indexelhetik az oldalt.
• Hibakeresés: A hibák keresése és javítása bonyolultabbá válik.

Példa érvénytelen markupra:

<div>
  <p>Ez egy bekezdés</div> <!-- Hiányzik a </p> záró tag -->

A böngésző valószínűleg automatikusan bezárja a <p> taget, de ez nem garantált minden esetben.

Javasolt HTML-validátorok (pl. W3C) használata a hibák ellenőrzésére és javítására.