Cosa succede se scriviamo un codice HTML non valido?

Il browser tenterà di correggere gli errori basandosi sugli algoritmi di parsing HTML5. Creerà un albero DOM corretto, ignorando o correggendo i tag mal annidati, i tag di chiusura mancanti e altri errori di sintassi. Tuttavia, il risultato può essere imprevedibile e variare tra diversi browser.

Conseguenze:

• Aspetto inaspettato: Gli elementi possono essere visualizzati in modo errato, influenzando il layout e gli stili.
• Problemi con JavaScript: Gli script potrebbero funzionare male o non funzionare affatto se dipendono da una struttura DOM corretta.
• Accessibilità: Gli utenti con disabilità potrebbero incontrare difficoltà nell’utilizzo del sito.
• SEO: I motori di ricerca potrebbero indicizzare la pagina in modo meno efficace.
• Debugging: Il processo di individuazione e correzione degli errori diventa più complesso.

Esempio di markup non valido:

<div>
  <p>Questo è un paragrafo</div> <!-- Mancante la chiusura </p> -->

Il browser probabilmente chiuderà automaticamente il tag <p>, ma questo non è garantito in tutti i casi.

Si consiglia di usare validatori HTML (ad esempio, da W3C) per verificare e correggere gli errori.