С этим инструментом что-то не так?
О «Форматирование HTML Онлайн»
Этот инструмент форматирует HTML для удобочитаемости: переиндентирует вложенные теги, разбивает длинные строки, нормализует пробелы в атрибутах. Есть и режим минификации — для минимального размера.
Полезно при просмотре исходника продакшн-страницы (всё в одну строку), подготовке к ревью, унификации стиля в команде или минификации перед деплоем.
Учитываются HTML5 void-элементы (br, img, input…), <pre>/<script>/<textarea> сохраняют содержимое дословно, inline и блочные элементы обрабатываются по-разному, чтобы не ломать поток текста.
Как пользоваться этим инструментом
Как красиво отформатировать минифицированный/перепутанный HTML
Вставьте HTML
Минифицированный или вручную, но беспорядочно написанный HTML — в поле "HTML". Принимаются и целые документы (с `<!doctype>`), и фрагменты.
Запуск
Результат: единственное поле `formatted`. Отступы по 2 пробела, по одному тегу на строку в структурных разрывах. Inline-уровневые элементы остаются в одной строке, когда соседствуют с текстом — `<p>Hi <strong>there</strong></p>` не расползётся на три строки.
Что сохраняется
Атрибуты остаются на одной строке с открывающим тегом — никаких переносов при большом числе атрибутов. Комментарии (`<!-- … -->`), содержимое `<script>`, `<style>`, `<pre>` проходят верно, чтобы не поломать JS или whitespace-чувствительный текст.
Round-trip
Форматируете для ревью, минимизируете перед деплоем. Форматтер прощает невалидный HTML, поэтому забытый в исходнике тег может «закрыться сам» раньше, чем вы ожидали. После форматирования сомнительного входа — прогон через W3C-валидатор.