Форматировщик 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.

Справочник символов HTML

Справочник HTML-сущностей с поиском, их именованными и числовыми кодами, а также копированием специальных символов и знаков одним кликом.

Справочник сочетаний клавиш

Ищите документированные сочетания по умолчанию для VS Code, Chrome и Bash с GNU Readline в macOS, Windows и Linux.

Конвертер размера файлов

Преобразуйте значения между байтами, КБ, МБ, ГБ, ТБ и двоичными единицами IEC (KiB, MiB, GiB, TiB), свободно сочетая десятичные и двоичные единицы.

Генератор случайных букв

Генерируйте случайные буквы A-Z. Выберите количество, верхний или нижний регистр либо смешанный вариант для игр, заданий и уроков.

Конвертер CMYK в RGB

Преобразуйте проценты CMYK в приблизительные значения RGB и Hex для быстрого экранного предпросмотра по стандартной формуле.

Инструмент доступен на других языках