Украшайте HTML с умными отступами или минифицируйте. Содержимое pre, textarea, script и style сохраняется.
Как использовать Форматировщик HTML
Вставьте HTML в поле ввода.
Выберите Украсить для добавления отступов или Минифицировать для сжатия.
Выберите размер отступа, затем скопируйте результат.
This is an HTML formatter that beautifies markup with block and inline aware indentation, or minifies it by collapsing whitespace and stripping comments. You pick the indent size when beautifying.
Beautifying indents elements according to how they nest, so the structure of a document, which elements contain which, becomes obvious. That makes hand-written or generated HTML far easier to read and debug.
Both beautify and minify run entirely in your browser, so your markup never leaves your device.
It deliberately leaves the contents of pre, textarea, script and style untouched, because whitespace inside those elements is significant: reformatting them would change preformatted text, what users type, or the meaning of your code.
Minifying removes comments and collapses runs of whitespace, which trims the file size browsers have to download. It is most useful as a build step for production pages.
The minifier keeps a single space between tags rather than removing it entirely, because whitespace between inline elements is actually rendered, and dropping it can shift your layout. This caution avoids the subtle visual bugs aggressive minifiers can cause.
Часто задаваемые вопросы
Делает отступ элементов по их вложенности и структуре, не затрагивая содержимое pre, textarea, script и style -- там пробелы значимы.
Удаляет комментарии и сжимает серии пробелов до одного. Между тегами сохраняется одиночный пробел, а не удаляется полностью, так как пробелы между строчными элементами отображаются и их удаление может нарушить вёрстку.
Нет. Украшение и минификация выполняются полностью в браузере, поэтому разметка никогда не покидает устройство.
Встроить этот инструмент
Добавьте этот инструмент на свой сайт. Скопируйте фрагмент ниже, он обновляется автоматически.
<iframe src="https://monu.tools/embed/ru/html-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Похожие инструменты
Украшайте и форматируйте JavaScript с согласованными отступами и пробелами. Работает полностью в браузере.
Конвертируйте CSV в файл Excel .xlsx и обратно полностью в браузере. Работает в обоих направлениях.
Генерируйте TypeScript-интерфейсы из образца JSON с вложенными типами, массивами и опциональными полями. Работает в браузере.
Конвертируйте JSON в XML и XML обратно в JSON в обоих направлениях полностью в браузере.