Прикрашайте 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/uk/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 і Excel назад на CSV, повністю у вашому браузері. Працює в обидва боки.
Генеруйте інтерфейси TypeScript зі зразка JSON, із вкладеними типами, масивами та опційними полями. Працює у вашому браузері.
Перетворюйте JSON на XML і XML назад на JSON, в обидва боки, повністю у вашому браузері.