Utilore

Форматирование HTML

Вставьте HTML — и его станет видно. Каждый тег на своей строке с отступом по вложенности: быстрее всего так находится div, который забыли закрыть.

Код никуда не уходит: форматирование идёт в браузере.

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

  1. Вставьте HTML в первое поле.
  2. Выберите отступ: два пробела, четыре или табуляция.
  3. Скопируйте результат или нажмите «Минифицировать», чтобы сжать обратно.

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

Что не трогается намеренно

Внутри pre и textarea каждый пробел и перенос строки — часть страницы, и переотступ меняет то, что видит посетитель. А script и style — вообще не разметка. Форматтер переносит такие блоки как есть и сдвигает их целиком, поэтому отформатированный файл ведёт себя ровно так же, как исходный.

Вложенность читается, а не угадывается

Одиночные элементы вроде img, br и input никогда не закрываются, поэтому инструмент, увеличивающий отступ после каждого открывающего тега, уезжает вниз по странице всё глубже. Здесь они распознаются и отступ не растёт — а значит, неожиданный отступ действительно указывает на незакрытый тег, а не на особенность инструмента.

Частые вопросы

Проверяет ли он HTML на ошибки?

Нет. Он форматирует то, что дали, и разметку не меняет. Незакрытый тег выдаст себя отступом, но списка ошибок не будет.

Код уходит на сервер?

Нет. Форматирование идёт на странице, поэтому внутренние шаблоны и страницы за авторизацией остаются у вас.

Потянет ли он целую страницу?

Да, примерно до пяти мегабайт разметки. Дальше тяжелеет показ результата, а не сама работа.

Что происходит с комментариями?

Они сохраняются и переносятся на отдельную строку. Условные комментарии тоже остаются: в них лежит разметка для старых браузеров.

Похожие инструменты