Форматировщик и бьютифайер HTML онлайн — бесплатно и конфиденциально
Вывод
Вставьте минифицированный или запутанный HTML в поле ввода, затем нажмите «Форматировать», чтобы расставить отступы и разместить каждый элемент на своей строке, или «Минифицировать», чтобы убрать пробелы обратно. Инструмент понимает одиночные теги вроде <br> и <img>, не трогает содержимое <script>, <style> и <pre> и работает целиком в браузере.
Как это работает
- 1 Вставьте HTML в поле ввода Вставьте однострочную минифицированную страницу, скопированный шаблон письма или любую запутанную разметку. Инструмент читает её тег за тегом и показывает статус по мере ввода.
- 2 Нажмите «Форматировать» или «Минифицировать» «Форматировать» расставит отступы по два пробела на уровень вложенности, «Минифицировать» соберёт разметку обратно в компактный HTML без пробелов между тегами.
- 3 Скопируйте результат Нажмите «Скопировать», чтобы отправить отформатированный или минифицированный HTML в буфер обмена одним кликом.
Ваши данные защищены
Всё обрабатывается прямо в вашем браузере. Никакие файлы или текст не отправляются на наши серверы. Отключите интернет — инструмент продолжит работать.
Часто задаваемые вопросы
- Как работает форматировщик HTML?
- Он разбирает разметку на JavaScript, отслеживает вложенность через стек и размещает каждый элемент на своей строке с отступом. Одиночные теги вроде br, img и input обрабатываются без закрывающего тега, а для пунктов списка, строк таблицы и опций применяются правила неявного закрытия HTML.
- Меняется ли содержимое тегов script и style?
- Нет. Всё внутри <script>, <style>, <pre> и <textarea> считается сырым текстом и переносится ровно как написано, поэтому ваш JavaScript, CSS и преформатированные блоки никогда не переформатируются и не экранируются заново.
- Может ли он починить сломанный или незакрытый HTML?
- Он мягкий, а не строгий: он отформатирует разметку и с пропущенными закрывающими тегами и покажет предупреждение о том, что выглядело не так, но не переписывает ваш HTML, чтобы сделать его валидным. Используйте его, чтобы читать и приводить в порядок, а не чинить автоматически.
- Можно ли минифицировать HTML?
- Да. Нажмите «Минифицировать», чтобы убрать пробелы между тегами и схлопнуть подряд идущие пробелы в тексте, получив меньшую однострочную версию, сохраняя содержимое script, style и pre нетронутым.
- Мой HTML конфиденциален?
- Ваша разметка никогда не покидает устройство. Весь разбор и форматирование выполняются в JavaScript внутри вкладки браузера, без сетевых запросов, — поэтому инструмент работает даже офлайн.
- Какие отступы используются?
- Два пробела на уровень вложенности — так же по умолчанию делает Prettier и большинство современных стилевых руководств. Вложенные потомки стоят на два пробела глубже родителя.