Форматировщик HTML
Вставьте разметку, и этот локальный форматировщик разместит теги и текст в строках с отступами. Выберите два или четыре пробела, проверьте результат и скопируйте его для чтения или проверки. HTML остаётся в текущем сеансе браузера.
Форматирование HTML за три шага
-
1
Вставьте разметку
Добавьте HTML, который хотите просмотреть. Он не отправляется на сервер.
-
2
Выберите отступ
Используйте два или четыре пробела для каждого уровня вложенности.
-
3
Проверьте и скопируйте
Просмотрите форматированный текст перед дальнейшим использованием.
Что делает этот форматировщик
Это простой просмотрщик структуры, а не полноценный HTML-парсер. Он размещает открывающие и закрывающие теги, комментарии, декларации и текст на отдельных строках, а затем добавляет выбранные отступы. Обычные пустые элементы, такие как <img>, <br> и <meta>, не создают новый уровень.
Блоки, начинающиеся с <pre>, <code>, <textarea>, <script> или <style>, сохраняются вместе в исходном виде. Инструмент не проверяет разметку, не исправляет незакрытые теги, не переносит атрибуты, не нормализует самозакрывающийся синтаксис и не понимает семантику CSS или JavaScript.
Форматирование может изменить пробелы вокруг обычных текстовых узлов. Считайте результат более удобной рабочей копией и сравните его перед сохранением или публикацией шаблона, чувствительного к пробелам. Для проверки используйте HTML-валидатор.
Часто задаваемые вопросы
Нет. Форматирование и копирование происходят в браузере. Шаги воронки временно хранят ввод только в хранилище сеанса.
Нет. Он применяет только простые отступы и не определяет, верна ли разметка или её семантика.
Нет. Полные блоки script и style остаются такими, какими были введены.
Сопутствующие инструменты
Справочная таблица ASCII
Полная таблица ASCII от 0 до 127 с десятичным, шестнадцатеричным, восьмеричным и двоичным представлением, а также записью числовых ссылок HTML, включая NUL, LF и DEL.
Конвертер BBCode в HTML
Преобразуйте BBCode (разметку форумов) в чистый HTML. Поддерживает теги форматирования, списки, цитаты, код, изображения, ссылки и таблицы.
Генератор случайных цветовых палитр
Создавайте случайные палитры из 2–15 цветов, выбирайте яркий, пастельный, приглушенный или темный стиль и копируйте HEX-коды или CSS-переменные.
Конвертер двоичного кода в ASCII
Вставьте двоичный код (байты через пробел или длинный поток битов) и получите текст ASCII, который он представляет. Поддерживает 7-битные и 8-битные кодировки.
Генератор цветовой палитры
Создавайте монохромные, аналоговые, комплементарные, триадные или тетрадные палитры из базового HEX-цвета и экспортируйте готовые CSS-переменные.
Генератор случайных букв
Генерируйте случайные буквы A-Z. Выберите количество, верхний или нижний регистр либо смешанный вариант для игр, заданий и уроков.