Минификатор HTML

Где сохраняются пробелы

Каждая последовательность пробелов, табуляций и переносов строк превращается в один пробел, а не исчезает, поскольку пробел рядом со строчным содержимым виден: в Read <a href="/guide">the guide</a> now оба пробела вокруг ссылки сохраняются. Пробелы удаляются только там, где браузер их не показывает: в начале и конце блочного элемента, например <p>, <li> или <div>, а также между соседними блочными элементами — например, отступы между элементами <li>. Текст внутри <pre>, <textarea>, <script> и <style> сохраняется без изменений.

CSS может снова сделать удалённый пробел значимым. Элемент <div> со стилем display: inline-block или абзац с white-space: pre-wrap отображает пробелы, которые сам HTML считает невидимыми, поэтому перед публикацией сравните отображаемую страницу с оригиналом.

Что меняет парсер браузера

Фрагмент, например шаблон компонента, возвращается как фрагмент; HTML с doctype или тегом <html>, <head> либо <body> возвращается как целый документ. В обоих случаях разметка проходит через парсер браузера: незакрытые теги закрываются, элементы, расположенные не на своих местах, перемещаются туда, куда их помещает парсер, а HTML doctype любой версии превращается в <!doctype html>. Все комментарии удаляются, включая маркеры фреймворков, записанные в виде комментариев.

Встроенные скрипты и стили сохраняются без изменений. Минифицируйте их содержимое отдельно с помощью минификатора JavaScript и минификатора CSS.

Как пользоваться

1. Вставьте HTML.
2. Выберите «Минифицировать HTML».
3. Проверьте и скачайте компактный документ.

Конфиденциальность и ограничения

Документ остаётся локально. Всегда проверяйте созданные страницы, поскольку пробелы могут иметь значение во встроенной вёрстке.