Как пользоваться
- Вставьте HTML-код в поле ввода.
- В поле «Режим» выберите «Форматировать».
- В поле «Отступ» выберите «2 пробела», «4 пробела» или «Табуляция».
- Нажмите кнопку запуска или Ctrl+Enter в Windows или Cmd+Enter в macOS, чтобы получить результат.
Примеры
Форма заказа с переносом атрибутов
<form action="/zakaz" method="post"><label for="phone">Ваш телефон</label><input type="tel" id="phone" name="phone" placeholder="+7 999 123-45-67" autocomplete="tel" required><button type="submit">Заказать звонок</button></form>
<form action="/zakaz"
method="post"><label for="phone">Ваш телефон</label><input type="tel"
id="phone"
name="phone"
placeholder="+7 999 123-45-67"
autocomplete="tel"
required><button type="submit">Заказать звонок</button></form>Страница магазина со встроенными CSS и JS
<!DOCTYPE html><html lang="ru"><head><meta charset="utf-8"><title>Магазин «Лён»</title><style>.price{color:#245c32;font-weight:bold}</style></head><body><h1>Льняная сумка</h1><p class="price">1 900 ₽</p><button id="buy">В корзину</button><script>document.getElementById('buy').onclick=function(){this.textContent='Добавлено';};</script></body></html><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Магазин «Лён»</title>
<style>
.price {
color: #245c32;
font-weight: bold
}
</style>
</head>
<body>
<h1>Льняная сумка</h1>
<p class="price">1 900 ₽</p><button id="buy">В корзину</button>
<script>
document.getElementById('buy').onclick = function() {
this.textContent = 'Добавлено';
};
</script>
</body>
</html>
Сжатие HTML-письма с условным комментарием Outlook
<!-- Письмо о заказе --> <table role="presentation" width="600"><tr><td> Анна, ваш заказ № 124 готов. </td></tr></table> <!--[if mso]><p>Служба поддержки: +7 495 123-45-67</p><![endif]-->
<table role="presentation" width="600"><tr><td>Анна, ваш заказ № 124 готов.</td></tr></table><!--[if mso]><p>Служба поддержки: +7 495 123-45-67</p><![endif]-->
Частые вопросы
Проверяет ли инструмент HTML-код на ошибки?
Инструмент предупреждает о незакрытых тегах, закрывающих тегах без парного открывающего и повторяющихся атрибутах. Это не полная проверка HTML: предупреждения не мешают получить результат.
Отправляется ли HTML-код на сервер?
Форматирование и минификация выполняются в вашем браузере; HTML-код не отправляется на сервер. Здесь он отображается как текст, поэтому изображения не загружаются, а скрипты из кода не выполняются.
Сохраняются ли пробелы и переносы в pre и textarea?
Содержимое элементов pre и textarea остаётся без изменений и при форматировании, и при минификации.
Можно ли отформатировать фрагмент HTML без целого документа?
Вставьте отдельный блок, таблицу или другой фрагмент. Инструмент отформатирует его как фрагмент, не добавляя обёртку из тегов html и body.
Что делать, если встроенный JavaScript не сжимается?
Исправьте скрипт на строке, указанной в сообщении об ошибке, или отключите «Минифицировать встроенные CSS и JS». При такой ошибке результат не обновляется: в поле может остаться вывод предыдущего запуска.