Форматировщик HTML
Форматирует и выравнивает неаккуратный или минифицированный HTML: расставляет отступы вложенных тегов по глубине, сохраняет атрибуты и не трогает содержимое <pre>, <script>, <style> и <textarea>. Работает полностью в вашем браузере.
Ввод
Настройки
Вывод
Другие способы использовать этот инструмент
REST API
curl -X POST https://api.iotools.cloud/v1/tool/html-formatter-beautifier \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"htmlSource": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta ch…",
"indentation": " ",
"preserveNewlines": "",
"removeComments": ""
}'Подставьте свой собственный ключ из аккаунта. Поля инструмента — это тело запроса, без обёртки.
Спросите у ИИ-агента
Use the IOTools `html-formatter-beautifier` tool (HTML Formatter & Beautifier) on this input:
YOUR_INPUT_HEREВставьте это любому агенту, подключённому к MCP-серверу IOTools, и добавьте свой ввод.
Виджет для встраивания
<iframe
src="https://iotools.cloud/embed/html-formatter-beautifier/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Форматировщик HTML — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Вставьте это на свою страницу — бесплатно, без ключа, нужна лишь обратная ссылка.
| Стоимость вызова API/MCP | От 5 кредитов |
|---|---|
| Нужно больше кредитов? | Посмотреть тарифы |
Также доступно через
Руководства
Вставьте минифицированный, сгенерированный машиной или просто неаккуратно отформатированный HTML и получите его обратно аккуратно выровненным — по одному уровню вложенности на строку, с нетронутыми атрибутами и без изменений в тегах, которые не должны форматироваться. Полезно, чтобы читать исходный код минифицированной страницы, очистить разметку, скопированную из WYSIWYG-редактора, или привести в порядок шаблон перед коммитом.
Как пользоваться
- Вставьте HTML в поле ввода или загрузите файл
.html/.htm. - Выберите отступ: 2 пробела, 4 пробела или табуляцию.
- По желанию включите Сохранять существующие пустые строки (сохраняет намеренные промежутки между разделами) или Удалять HTML-комментарии (убирает всё, что заключено в
<!-- -->). - Скопируйте результат или скачайте его как
formatted.html.
Форматирование происходит по мере ввода — нажимать кнопку не нужно.
Как инструмент решает, что оставить в одной строке
Тег, всё содержимое которого — текст или текст вперемешку с инлайн-элементами вроде <a>, <span>, <strong>, <em> или <img>, остаётся в одной строке: <li>Пункт 1</li> и <p>Привет, <strong>мир</strong>!</p> не разрываются на пять строк только потому, что внутри есть вложенный тег. Тег, содержащий блочные дочерние элементы (<div>, <ul>, <section> и подобные), разбивается: открывающий тег, каждый потомок и закрывающий тег получают отдельную строку с отступом на один уровень глубже родителя.
Void-элементы — <br>, <hr>, <img>, <input>, <meta>, <link>, <area>, <base>, <col>, <embed>, <source>, <track>, <wbr> — никогда не получают закрывающего тега и не получают ложного уровня отступа для «дочерних» элементов, которых у них быть не может. Синтаксис самозакрытия (<img />) сохраняется ровно в том виде, в каком вы его написали.
Что инструмент никогда не трогает
- Содержимое
<pre>,<script>,<style>и<textarea>воспроизводится байт в байт. Пробелы внутри них — часть того, что отображается или выполняется: переформатирование блока<pre>меняет показываемый текст, а пересчёт отступов внутри<script>может изменить поведение, если там есть шаблонный литерал или строка, чувствительная к отступам. Инструмент пересчитывает отступ только открывающего тега, а всё между ним и соответствующим закрывающим тегом остаётся точно таким, каким вы его написали. - Атрибуты никогда не переупорядочиваются, не переписываются и не форматируются заново. Какие кавычки и пробелы использовались в теге, такими и остаются; меняются только положение и отступ тега.
- Некорректный HTML не вызывает сбоя форматировщика. Лишний закрывающий тег отбрасывается, а не портит остальной вывод, поэтому вставка фрагмента (а не полного документа) работает нормально.
Почему инструмент не исправляет незакрытые теги и не проверяет разметку?
Это форматировщик, а не валидатор — он пересчитывает отступы для структуры, которую может разобрать, и оставляет действительно неправильную разметку максимально близкой к вашему замыслу. Если нужно проверить пропущенные теги, неверную вложенность или некорректные атрибуты, после этого прогоните результат через валидатор HTML.
Минифицирует ли он или что-то удаляет?
Нет — отступы добавляются, а не убираются, и ни один тег, атрибут или текст не удаляется (комментарии удаляются, только если вы включили эту опцию). Если нужно уменьшить размер страницы в байтах, используйте минификатор HTML.
Загружается ли мой HTML куда-нибудь?
Нет. Форматировщик работает полностью в вашем браузере — ваша разметка никогда не отправляется на сервер, не логируется и не сохраняется, а загрузка файла лишь читает его локально на странице. Работает офлайн.