С этим инструментом что-то не так?

О «Красивое форматирование HTML Онлайн»

Этот инструмент превращает любой HTML — минифицированный, спутанный, неопрятный — в чистый, отступ-ровный, читаемый вид. Каждый тег на своей строке, аккуратные атрибуты, отступы по глубине вложенности.

Полезно для чтения продакшн-HTML, оформления документации, чистки сгенерированного HTML перед коммитом и приведения к единому стилю в команде.

Учитываются void-теги, inline/блочные элементы, <pre>/<textarea>/<script>, HTML5. Стиль отступа (пробелы/табы) и ширину можно настроить.

Как пользоваться этим инструментом

Как красиво отформатировать сжатый или склеенный HTML

  1. Вставьте HTML

    Минифицированный или вытянутый в одну строку HTML — в поле "HTML". Принимаются и целые документы (с `<!doctype>`), и фрагменты; комментарии и содержимое inline `<script>` / `<style>` проходят без изменений.

  2. Запуск

    Результат: единственное поле `formatted` — 2-пробельная индентация, по тегу на строку на структурных границах, атрибуты остаются на той же строке. Длинные строки не оборачиваются автоматически — селекторы в `class` и значения `srcset` целы.

  3. Чем отличается от `html-formatter`

    Функционально оба инструмента взаимозаменяемы. Этот назван для тех, кто ищет «HTML beautifier» — берите более очевидный для вас, форма вывода одна и та же.

  4. После beautify

    Для прод-HTML прогоните результат через минификатор (например, htmlmin в build-цепочке). Beautified-вид — для чтения и ревью, не для отправки в сеть.