Форматирование HTML
Вы скопировали минифицированный HTML через «Просмотр кода страницы» сайта или вставили фрагмент, сгенерированный автоматически, и всё на одной нечитаемой строке? Вставьте его сюда, чтобы получить версию с отступами, по одному тегу на строку, перед изучением или изменением.
Внимание: это базовый форматировщик (отступы по уровню вложенности), а не полный HTML-анализатор как в Prettier. Он не исправляет неправильно закрытые теги или ошибки синтаксиса, а содержимое блоков <script> или <style> специально не переформатируется.
Как это работает
Вставьте минифицированный или компактный HTML в поле выше и нажмите «Форматировать»: инструмент находит открывающие, закрывающие и самозакрывающиеся теги, помещает каждый тег на отдельную строку и добавляет отступ в 2 пробела на каждый уровень вложенности. Распространённые самозакрывающиеся теги (br, img, input, meta, link, hr и т. д.) распознаются даже без явного />.
Почему мой отформатированный HTML визуально не полностью идентичен?
Переформатирование добавляет переносы строк и пробелы отступов между тегами, что может немного изменить отображение, если ваш CSS зависит от пробелов между элементами (редко, но возможно с display: inline). Содержимое и структура HTML остаются идентичными: меняется только представление исходного кода.
Может ли этот инструмент исправить невалидный HTML?
Нет. Форматировщик предполагает, что ваши теги в целом корректны (открыты и закрыты в правильном порядке). Если он встретит никогда не закрытый тег или действительно необычный синтаксис, результат может быть с неправильными отступами. Для проверки соответствия HTML используйте дополнительно специальный валидатор.
Форматирование выполняется на 100% локально в вашем браузере через WebAssembly: ваш HTML-код никогда не отправляется на сервер.