O que acontece se escrevermos um código HTML inválido?

O navegador tentará corrigir os erros com base nos algoritmos de análise HTML5. Criará uma árvore DOM correta, ignorando ou corrigindo tags mal aninhadas, tags de fechamento ausentes e outros erros de sintaxe. No entanto, o resultado pode ser imprevisível e variar entre diferentes navegadores.

Consequências:

• Aparência inesperada: Os elementos podem ser exibidos incorretamente, afetando o layout e os estilos.
• Problemas com JavaScript: Os scripts podem não funcionar corretamente ou deixar de funcionar se dependerem de uma estrutura DOM correta.
• Acessibilidade: Usuários com limitações podem encontrar dificuldades ao usar o site.
• SEO: Os motores de busca podem indexar a página de forma menos eficiente.
• Depuração: O processo de encontrar e corrigir erros torna-se mais difícil.

Exemplo de marcação inválida:

<div>
  <p>Isto é um parágrafo</div> <!-- Falta a tag de encerramento </p> -->

O navegador provavelmente fechará automaticamente a tag <p>, mas isso não é garantido em todos os casos.

Recomenda-se usar validadores HTML (por exemplo, do W3C) para verificar e corrigir erros.