Можно ли сделать ошибку при которой не будет работать разметка HTML

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

Ответ

Да, можно. Например, незакрытые теги, неправильная вложенность или синтаксические ошибки. Разметка может сломаться, если:

  1. Не закрыть тег:
<div><p>Текст</div> <!-- <p> не закрыт -->
  1. Перепутать порядок закрытия:
<div><p>Текст</div></p> <!-- Неправильная вложенность -->
  1. Использовать недопустимые символы в атрибутах без экранирования:
<a href="page.html"">Ссылка</a> <!-- Лишняя кавычка -->

Браузер попытается исправить ошибки, но результат может быть неожиданным. Всегда проверяйте валидность разметки через валидатор W3C.