Проверка структуры HTML

Q: Обрабатывается ли SVG?

Да, внутри ` ` и ` ` самозакрывающиеся теги вроде ` ` принимаются.

Проверка структуры HTML: незакрытые, перепутанные и лишние теги, повторяющиеся id и атрибуты, изображения без alt, нет doctype, title или lang. В браузере.

Ввод HTML

Проверяет только структуру: незакрытые, перепутанные и лишние теги, повторяющиеся id и атрибуты, отсутствие alt, doctype/title/lang. Это не валидатор W3C.

Работает полностью в вашем браузере. Ваши данные никуда не загружаются.

Что такое Проверка HTML?

Эта проверка находит структурные ошибки, чаще всего ломающие вёрстку: элементы, которые так и не закрыты, закрывающие теги в неверном порядке, закрывающие теги без открывающих, повторяющиеся id и атрибуты, <img> без alt, а также отсутствие doctype, <title> или lang в полных документах. Это быстрая локальная проверка, не официальный валидатор W3C (Nu), и она не проверяет, какие элементы где допустимы.

Как пользоваться Проверка HTML

Вставьте HTML-документ или фрагмент.
Нажмите Проверить (результаты обновляются по мере ввода).
Прочитайте сводку по ошибкам и предупреждениям.
По строке и столбцу каждой записи исправьте разметку.

Пример

Ввод

<div id="a">
<span>text</div>
<p id="a">x
<img src="a.png">
</br>

Вывод

Errors: 3 · Warnings: 1
Line 2, column 1 <span> is not closed before </div>
Line 3, column 4 Duplicate id "a" (first used on line 1)
Line 4, column 1 <img> has no alt attribute
Line 5, column 1 <br> is a void element and must not have a closing tag

Когда использовать Проверка HTML

Используйте, чтобы быстро найти тег, ломающий вёрстку, проверить шаблоны и HTML писем или поймать повторяющиеся id до того, как они сломают JavaScript или подписи. Для полной проверки соответствия (модели содержимого, ARIA, значения атрибутов) используйте валидатор W3C.

Как работает Проверка HTML

Токенизатор читает теги, атрибуты, комментарии и элементы с сырым текстом (script, style, textarea, title), отслеживая позиции. Стек открытых элементов следует правилам HTML для пустых элементов (br, img, input…) и необязательных закрывающих тегов: </p>, </li>, </td> и подобные можно опускать, а новый <li> или блочный элемент неявно закрывает предыдущий, поэтому допустимые сокращения HTML5 не считаются ошибками. В содержимом SVG и MathML допускаются самозакрывающиеся теги. Любой другой элемент, оставшийся открытым к моменту закрытия родителя или к концу ввода, считается ошибкой.

Распространенные Случаи Использования

Поиск незакрытого div, ломающего вёрстку страницы
Проверка результата CMS или шаблонов писем
Поиск повторяющихся id, которые ломают ссылки label/aria
Базовая проверка доступности: изображения без alt

Примечание по Безопасности

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

Часто Задаваемые Вопросы

Это валидатор W3C?

Нет. Он локально проверяет корректность формирования и несколько типичных проблем. Допустимость вложения элементов и значения атрибутов не проверяются.