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

Об этом инструменте

Форматирует и приводит HTML в порядок: каждый уровень вложенности получает отступ, короткие элементы остаются в одной строке, а блоки <pre>, <script> и <style> не меняются. Невалидную разметку инструмент не исправляет — валидатор всё равно нужен.

Как пользоваться

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

Пример

В примере компактный hero-блок, записанный одной строкой.

Ввод

<section class="hero"><h1>CSS to Tailwind</h1><p>Convert utilities in the browser.</p><a href="/">Open</a></section>

Вывод

<section class="hero">
  <h1>CSS to Tailwind</h1>
  <p>Convert utilities in the browser.</p>
  <a href="/">Open</a>
</section>

Совет

Если отступы неожиданно уезжают вправо, в исходнике почти наверняка забыт закрывающий тег.

Полезно знать