Что будет отображаться на странице с невалидным HTML

«Что будет отображаться на странице с невалидным HTML» — вопрос из категории HTML, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Если HTML невалидный, браузер попытается его исправить и отобразить максимально корректно. Например:

<div>Открытый div без закрытия
<p>Параграф</div>

Браузер автоматически закроет теги в правильном порядке:

  1. Закроет <p> перед закрытием <div>
  2. Добавит закрывающий </div>

Но возможны проблемы:

  • Непредсказуемое дерево DOM
  • Ошибки в стилях и скриптах
  • Проблемы с SEO

Всегда проверяйте валидность через https://validator.w3.org/