Валидатор HTML
FreeПроверяет HTML на незакрытые теги, дублирующиеся ID, устаревшие элементы и другие распространённые чётко определённые проблемы, проверено собственным парсером сопоставления тегов, не полный валидатор соответствия W3C.
Полностью работает в вашем браузере. Ваш HTML никогда никуда не загружается.
Недавняя активность
Видно всем. Последние 20 использований от всех посетителей, сначала новые.
Пока нет активности. Будьте первым.
Что делает этот инструмент
Вставьте HTML, и этот инструмент проверит его на наличие сфокусированного набора распространённых, чётко определённых проблем: незакрытые или несоответствующие теги, дублирующиеся атрибуты id, отсутствующий alt-текст на изображениях, устаревшие элементы, недопустимый синтаксис самозакрытия на непустых элементах, а также отсутствующие объявления DOCTYPE, lang или charset. Каждая проблема ведёт обратно к строке, на которой она была найдена.
Как это работает
Лёгкий парсер сканирует HTML тег за тегом, поддерживая стек текущих открытых элементов, именно так, как браузер отслеживает вложенность внутри, пропуская комментарии и содержимое блоков <script> и <style>. Когда закрывающий тег не совпадает с верхом стека, или в стеке остаются записи в конце, об этом сообщается как о незакрытых или несоответствующих тегах. Отдельно регулярные выражения проверяют дублирующиеся атрибуты id, отсутствующие атрибуты alt на изображениях и устаревшие имена элементов.
Какие проблемы решает
- Поиск незакрытого тега, который незаметно ломает макет страницы дальше по тексту.
- Обнаружение дублирующихся атрибутов id до того, как они заставят CSS-селектор или вызов JavaScript getElementById вести себя неожиданно.
- Выявление устаревших элементов, оставшихся от старого кода или скопированных фрагментов.
- Проверка основ доступности, таких как alt-текст и объявленный язык документа.
Часто задаваемые вопросы
›Это то же самое, что и валидатор разметки W3C?
Нет. Официальный валидатор W3C проверяет полное соответствие спецификации HTML, сотни правил, охватывающих каждый элемент и атрибут. Этот инструмент сосредоточен на меньшем наборе распространённых, чётко определённых проблем, которые действительно полезно выявить на раннем этапе: незакрытые теги, дублирующиеся ID, устаревшие элементы и несколько проверок на отсутствующие атрибуты. Для полного отчёта о соответствии используйте валидатор W3C вместе с этим инструментом.
›Почему отсутствие DOCTYPE, lang или charset помечается как предупреждение, а не ошибка?
Браузеры всё равно отобразят страницу без них, поэтому они не критичны, но влияют на доступность, интернационализацию и то, насколько надёжно браузер выбирает режим рендеринга. Они помечаются потому, что их исправление почти всегда правильное решение, а не потому, что страница без них сломана.
›Что здесь считается «устаревшим» тегом?
Элементы, которые спецификация HTML5 явно отмечает как устаревшие, например <center>, <font>, <marquee> и <acronym>, обычно потому, что CSS теперь покрывает то, что они делали, отделяя содержимое от оформления. Они всё ещё работают в браузерах для обратной совместимости, но не должны использоваться в новом коде.
›Проверяется ли содержимое внутри тегов <script> или <style>?
Нет, их содержимое полностью пропускается при сопоставлении тегов, поскольку JavaScript или CSS могут легко содержать текст, похожий на HTML-тег (например, внутри строки), не являясь им на самом деле, что иначе привело бы к ложным срабатываниям.
›Почему помечается синтаксис самозакрытия, например <div />?
В HTML (в отличие от XML или XHTML) завершающий слэш на непустом элементе, таком как <div> или <span>, просто игнорируется, элемент НЕ считается закрытым им и всё ещё нуждается в отдельном закрывающем теге. Это распространённый источник случайных ошибок с незакрытыми тегами при копировании шаблонов из JSX или XML.
Похожие инструменты
Текст
Конвертер Excel в HTML-таблицу
Вставьте из Excel или Google Таблиц, либо загрузите файл .xlsx/.xls/.csv, и получите чистую HTML-таблицу с живым предпросмотром, опциональным оформлением и выравниванием числовых столбцов.
FreeТекст
Конвертер HTML-сущностей
Преобразуйте текст в HTML-сущности и обратно одновременно в обоих направлениях, с десятичным или шестнадцатеричным числовым форматом и таблицей быстрого справочника распространённых сущностей.
FreeТекст
Конвертер систем счисления
Конвертируйте число между двоичной, восьмеричной, десятичной, шестнадцатеричной системами, BCD, кодом Грея и любым пользовательским основанием от 2 до 36, всё сразу из одного ввода.
FreeТекст
Генератор и проверка хэша Bcrypt
Генерируйте и проверяйте хеши паролей bcrypt полностью в браузере с помощью WebAssembly, с настраиваемым коэффициентом стоимости и солью.
FreeТекст
Конвертер бионического чтения
Преобразуйте любой текст в формат бионического чтения, выделяя жирным начальную часть каждого слова, чтобы помочь читать быстрее и лучше концентрироваться.
FreeТекст
Генератор хэша Blake2b
Вычислите хеш BLAKE2b текста или файла в браузере, с настраиваемой длиной вывода и опциональным ключевым хешированием (MAC).
FreeТекст
Инструмент шифра Цезаря
Шифруйте или дешифруйте текст с помощью классического шифра Цезаря, с таблицей сопоставления A-Z, списком перебора, диаграммой частоты букв и быстрым переходом ROT13.
FreeТекст
Генератор ASCII-арта
Превратите введённый текст или загруженное изображение в ASCII-арт. Выберите стиль шрифта или шкалу символов, сохраните цвет и экспортируйте как обычный текст или PNG.
Комментарии (0)
Понравился инструмент? Оставьте комментарий, поделитесь советом или расскажите, как нам его улучшить.
Пока нет комментариев. Будьте первым, кто поделится мнением!