Форматувальник HTML
Прикрашайте HTML із відступами, що враховують блоки, або мініфікуйте його. Вміст pre, textarea, script і style зберігається.
Пов'язані інструменти
Як користуватися Форматувальник HTML
- 01
Вставте свій HTML у поле вводу.
- 02
Оберіть «Прикрасити», щоб зробити відступи, чи «Мініфікувати», щоб стиснути.
- 03
Оберіть розмір відступу, потім скопіюйте результат.
Що робить форматувальник HTML
Це форматувальник HTML, який робить розмітку охайною з відступами, що враховують блокові та рядкові елементи, або стискає її, згортаючи пробіли і прибираючи коментарі. Розмір відступу при форматуванні обираєте ви.
Форматування додає відступи елементам відповідно до їхньої вкладеності, тож структура документа, тобто які елементи що містять, стає очевидною. Це значно полегшує читання і налагодження написаного вручну чи згенерованого HTML.
І форматування, і стискання повністю відбуваються у вашому браузері, тож ваша розмітка ніколи не залишає пристрій.
Елементи, які він не чіпає
Він навмисно залишає недоторканим вміст pre, textarea, script і style, бо пробіли всередині цих елементів мають значення: переформатування змінило б попередньо відформатований текст, те, що набирають користувачі, або зміст вашого коду.
Як працює стискання
Стискання вилучає коментарі та згортає послідовності пробілів, що зменшує розмір файлу, який мають завантажити браузери. Найкорисніше це як крок збірки для робочих сторінок.
Чому він залишає пробіл між тегами
Стискач залишає один пробіл між тегами замість того, щоб прибрати його повністю, бо пробіли між рядковими елементами насправді відображаються, і їх вилучення може зсунути ваше компонування. Ця обачність дозволяє уникнути тонких візуальних помилок, які можуть спричиняти агресивні стискачі.
Поширені запитання
Що робить прикрашання HTML?
Воно робить відступи елементам за їхньою вкладеністю та структурою, лишаючи вміст pre, textarea, script і style недоторканим, бо там пробіли значущі.
Як працює мініфікація HTML?
Воно вилучає коментарі та згортає послідовності пробілів до одного пробілу. Воно зберігає одиничні пробіли між тегами, а не вилучає їх, бо пробіли між рядковими елементами відображаються, і їх вилучення може зсунути розмітку.
Чи надсилається мій HTML на сервер?
Ні. І прикрашання, і мініфікація виконуються повністю у вашому браузері, тож ваша розмітка ніколи не залишає ваш пристрій.