Ce se întâmplă dacă scriem un cod HTML invalid?

Browserul va încerca să corecteze erorile pe baza algoritmilor de analizare HTML5. Va crea un arbore DOM corect, ignorând sau corectând etichetele greșit închise, etichetele lipsă de închidere și alte erori de sintaxă. Cu toate acestea, rezultatul poate fi imprevizibil și poate varia între diferite browsere.

Consecințe:

• Aspect neașteptat: Elementele pot fi afișate incorect, afectând poziționarea și stilurile.
• Probleme cu JavaScript: Scripturile pot funcționa greșit sau deloc dacă depind de o structură DOM corectă.
• Accesibilitate: Utilizatorii cu dizabilități pot întâmpina dificultăți în utilizarea site-ului.
• SEO: Motoarele de căutare pot indexa mai slab pagina.
• Depanare: Procesul de identificare și corectare a erorilor devine mai dificil.

Exemplu de marcaj invalid:

<div>
  <p>Acesta este un paragraf</div> <!-- Lipsește închiderea </p> -->

Browserul va închide probabil automat eticheta <p>, dar acest lucru nu este garantat în toate cazurile.

Se recomandă utilizarea validatorilor HTML (de exemplu, de la W3C) pentru verificarea și corectarea erorilor.