Как пользоваться
- Вставьте HTML, откройте файл
.htmlили начните с примера — страницы, сжатой в одну строку. - Выберите 2 пробела, 4 пробела или табуляцию. Отформатированный HTML появляется по мере ввода.
- Скопируйте его, скачайте или нажмите Опубликовать эту страницу, чтобы выложить её.
Что меняется, а что нет
Форматирование только добавляет и убирает пробельные символы между тегами: каждый блочный элемент начинается с новой строки с отступом по глубине вложенности. Текст, атрибуты и содержимое <pre> и <textarea> остаются как есть, поэтому страница выглядит одинаково до и после. Пустые строки, оставленные между разделами, сохраняются (до двух подряд), а содержимое <script> и <style> тоже получает отступы.
Когда это полезно
- Чтобы прочитать исходник страницы, собранной кем-то другим, или минифицированного шаблона.
- Чтобы привести в порядок HTML, написанный ИИ-ассистентом, перед правкой.
- Чтобы diff стал читаемым: сначала отформатируйте обе версии одинаково.
Частые вопросы
Изменит ли форматирование внешний вид страницы?
Для блочных элементов — нет. Между строчными элементами, например двумя ссылками рядом, любой пробельный символ отображается как один пробел, и форматтер оставляет строчные элементы на одной строке, если они стояли рядом.
Исправляет ли он сломанный HTML?
Нет: он расставляет отступы в том, что есть. Чтобы увидеть, как его читает браузер, откройте его в инструменте Просмотр HTML.
Какой форматтер используется?
js-beautify — популярный форматтер с открытым исходным кодом, работающий в вашем браузере.
Загружается ли мой HTML куда-то?
Нет. Форматирование выполняется в вашем браузере. В Lobsite он отправляется, только если вы нажмёте Опубликовать эту страницу.