Валидатор HTML: ошибки структуры до оформления

Назначение

Проверка HTML валидатором помогает обнаружить недопустимую вложенность, повторные идентификаторы и другие ошибки разметки.

Как это работает

Браузер исправляет некоторые ошибки при построении DOM, поэтому видимый результат может отличаться от написанного исходника. Валидатор объясняет синтаксические и структурные проблемы, но не оценивает всю полезность интерфейса.

Пример

<!-- Неправильно: блочный раздел внутри абзаца -->
<p>Начало <div>Блок</div> конец</p>

<!-- Явная корректная структура -->
<p>Начало</p><div>Блок</div><p>Конец</p>

Что должно получиться

Во втором варианте границы элементов выражены явно. При первом браузер может закрыть p раньше, чем ожидает автор, и DevTools покажет изменённое дерево.

Граница применения и частая ошибка

Не считайте отсутствие ошибок в валидаторе полной проверкой доступности и поведения. Контраст, понятные подписи и работа клавиатуры требуют собственных проверок.

Самостоятельная проверка

Проверьте отдельный учебный файл через валидатор, не загружая приватные документы. Исправьте первую ошибку и повторите проверку: последующие сообщения могли быть её следствием.

Связанные материалы

• Локальный HTTP-просмотр
• Просмотр изменений
• Проверка публикации