Форматировщик HTML

Далее

Вставьте разметку, и этот локальный форматировщик разместит теги и текст в строках с отступами. Выберите два или четыре пробела, проверьте результат и скопируйте его для чтения или проверки. HTML остаётся в текущем сеансе браузера.

Форматирование HTML за три шага

  1. 1

    Вставьте разметку

    Добавьте HTML, который хотите просмотреть. Он не отправляется на сервер.

  2. 2

    Выберите отступ

    Используйте два или четыре пробела для каждого уровня вложенности.

  3. 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. Выберите количество, верхний или нижний регистр либо смешанный вариант для игр, заданий и уроков.