Čo sa stane, ak napíšeme neplatný HTML kód?

Prehliadač sa pokusí opraviť chyby na základe algoritmov na parsovanie HTML5. Vytvorí správne DOM strom, ignoruje alebo opraví nesprávne vložené značky, chýbajúce zatváracie značky a ďalšie syntaktické chyby. Výsledok však môže byť nepredvídateľný a líšiť sa medzi rôznymi prehliadačmi.

Dôsledky:

• Neočakávaný vzhľad: Elementy môžu byť zobrazené nesprávne, čo ovplyvňuje rozloženie a štýly.
• Problémy s JavaScriptom: Skripty môžu fungovať nesprávne alebo vôbec, ak závisia od správnej štruktúry DOM.
• Prístupnosť: Používatelia s obmedzeniami môžu mať ťažkosti pri používaní stránky.
• SEO: Vyhľadávače môžu stránku horšie indexovať.
• Odstraňovanie chýb: Proces hľadania a opravy chýb sa stáva zložitejším.

Príklad neplatného markup:

<div>
  <p>Toto je odsek</div> <!-- Chýba zatvárací </p> -->

Prehliadač pravdepodobne automaticky zatvorí značku <p>, ale to nie je zaručené vo všetkých prípadoch.

Odporúča sa používať validátory HTML (napríklad od W3C) na kontrolu a opravu chýb.