Перейти к содержимому
Monu Tools

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

Украшайте HTML с умными отступами или минифицируйте. Содержимое pre, textarea, script и style сохраняется.

Как использовать Форматировщик HTML

  1. 01

    Вставьте HTML в поле ввода.

  2. 02

    Выберите Украсить для добавления отступов или Минифицировать для сжатия.

  3. 03

    Выберите размер отступа, затем скопируйте результат.

Что делает форматировщик HTML

Это форматировщик HTML, который приводит разметку в порядок с отступами, учитывающими блочные и строчные элементы, либо сжимает её, схлопывая пробелы и удаляя комментарии. При форматировании вы выбираете размер отступа.

Форматирование расставляет отступы по вложенности элементов, поэтому структура документа, то есть какие элементы что содержат, становится очевидной. Это заметно облегчает чтение и отладку написанного вручную или созданного программой HTML.

И форматирование, и сжатие выполняются полностью в вашем браузере, поэтому ваша разметка никогда не покидает устройство.

Элементы, которые он не трогает

Он намеренно оставляет нетронутым содержимое pre, textarea, script и style, потому что пробелы внутри этих элементов значимы: их переформатирование изменило бы предварительно отформатированный текст, то, что вводят пользователи, или смысл вашего кода.

Как работает сжатие

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

Почему он сохраняет пробел между тегами

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

Часто задаваемые вопросы

Что делает украшение HTML?

Делает отступ элементов по их вложенности и структуре, не затрагивая содержимое pre, textarea, script и style -- там пробелы значимы.

Как работает минификация HTML?

Удаляет комментарии и сжимает серии пробелов до одного. Между тегами сохраняется одиночный пробел, а не удаляется полностью, так как пробелы между строчными элементами отображаются и их удаление может нарушить вёрстку.

Отправляется ли мой HTML на сервер?

Нет. Украшение и минификация выполняются полностью в браузере, поэтому разметка никогда не покидает устройство.

Источники

Сообщить о проблеме