Валидатор HTML
Проверка HTML-разметки на структурные проблемы: незакрытые и неправильно вложенные теги, повторяющиеся ID, устаревшие элементы, отсутствующие обязательные атрибуты (alt и src у img, href у a) и блочные элементы внутри строчных. Со списком проблем и номерами строк. Облегчённый структурный линтер, который работает полностью в вашем браузере.
Ввод
Вывод
Сводка
| Показатель | Значение |
|---|---|
| No data yet | |
Проблемы
| Серьёзность | Строка | Столбец | Сообщение |
|---|---|---|---|
| No data yet | |||
Другие способы использовать этот инструмент
REST API
curl -X POST https://api.iotools.cloud/v1/tool/html-validator \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"htmlInput": "<!DOCTYPE html>\n<html>\n<head>\n <title>My Page</…"
}'Подставьте свой собственный ключ из аккаунта. Поля инструмента — это тело запроса, без обёртки.
Спросите у ИИ-агента
Use the IOTools `html-validator` tool (HTML Validator) on this input:
YOUR_INPUT_HEREВставьте это любому агенту, подключённому к MCP-серверу IOTools, и добавьте свой ввод.
Виджет для встраивания
<iframe
src="https://iotools.cloud/embed/html-validator/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Валидатор HTML — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Вставьте это на свою страницу — бесплатно, без ключа, нужна лишь обратная ссылка.
| Стоимость вызова API/MCP | От 5 кредитов |
|---|---|
| Нужно больше кредитов? | Посмотреть тарифы |
Также доступно через
Руководства
Вставьте любую HTML-разметку и получите мгновенный построчный отчёт о структурных проблемах: незакрытых тегах, несовпадающих закрывающих тегах, повторяющихся ID, устаревших элементах, отсутствующих обязательных атрибутах и некорректной вложенности. Валидатор HTML — облегчённый структурный линтер, который работает полностью в вашем браузере, поэтому всё, что вы вставляете, никогда не покидает ваше устройство.
Как пользоваться
- Вставьте или введите HTML в поле ввода (подходят как полный документ, так и фрагмент).
- Инструмент проверяет код по мере ввода — никакую кнопку нажимать не нужно.
- Посмотрите таблицу Сводка, чтобы быстро увидеть итог (корректно, корректно с предупреждениями или некорректно), а также количество ошибок и предупреждений.
- Просмотрите таблицу Проблемы: для каждой проблемы указаны серьёзность, номер строки, столбец и понятное описание. Скопируйте список или скачайте его в CSV, чтобы поделиться с командой.
Что проверяется
- Незакрытые теги — элемент открыт, но не закрыт, или остался открытым, когда закрылся его родитель.
- Несовпадающие или лишние закрывающие теги —
</tag>без соответствующего открывающего тега или теги, закрытые не в том порядке (например,<b>...<i>...</b></i>). - Повторяющиеся ID — одно и то же значение
idиспользуется у нескольких элементов, что ломает якоря, метки и скрипты. - Устаревшие элементы — старые теги, такие как
<center>,<font>,<marquee>,<big>и<strike>, которые больше не входят в HTML. - Отсутствующие обязательные атрибуты —
<img>безaltилиsrc,<a>безhref,<script>безsrc(встроенные скрипты исключены) и<link>безhref. - Блочные элементы внутри строчных — блочный элемент, например
<div>, размещён внутри строчного, например<span>. - Синтаксис самозакрытия у невыводимых элементов и закрывающие теги у void-элементов, таких как
<br>или<img>. - Отсутствующий каркас документа — полная страница без
<!DOCTYPE html>,<html>,<head>или<body>.
Это полноценный валидатор W3C?
Нет. Это облегчённый структурный линтер, а не полная реализация спецификации HTML W3C/WHATWG. Он находит частые и самые влиятельные ошибки, которые ломают отображение, доступность или работу скриптов и с которыми вы сталкиваетесь каждый день, используя быстрый токенизатор на основе регулярных выражений и стека. Для полного соответствия спецификации (модели содержимого, правила ARIA, кодировка символов) прогоните разметку через официальную Службу проверки разметки W3C.
Загружается ли мой HTML куда-нибудь?
Нет. Вся проверка выполняется локально в вашем браузере на чистом JavaScript. Ваша разметка никогда не отправляется на сервер, поэтому инструмент подходит для приватных шаблонов, HTML-писем и неопубликованных страниц.
Что означают «ошибка» и «предупреждение»?
Ошибки — это структурные дефекты, которые влияют на то, как браузер разбирает документ: незакрытые теги, повторяющиеся ID, отсутствующие src/alt/href. Предупреждения — это нарушения рекомендаций, которые обычно всё равно отображаются: устаревшие элементы, отсутствующий doctype или блочные элементы внутри строчных. Сначала устраните все ошибки, а затем просмотрите предупреждения.
Можно ли проверить только фрагмент?
Да. Вставьте фрагмент, и инструмент всё равно сообщит о проблемах с тегами и атрибутами. Вы увидите предупреждения об отсутствующих doctype и <html>/<head>/<body> — их можно игнорировать, если вы намеренно проверяете частичный шаблон.