Этот форматтер помогает получить понятную структуру. Вложенные элементы располагаются на нужной глубине, а атрибуты, комментарии, объявления и текст остаются видимыми. Инструмент не удаляет комментарии и не уменьшает размер файла, поэтому не заменяет минификатор HTML. Разметка обрабатывается локально и никуда не загружается.
Бесплатное форматирование HTML
Работает прямо в браузере - без загрузки файлов и регистрации.
HTML
Отформатированный HTML
Вставьте HTML для форматирования
Что делает HTML-форматтер?
HTML-форматтер превращает сжатую или неровно оформленную разметку в читаемый HTML с едиными отступами. Вставьте документ или фрагмент, выберите два пробела, четыре пробела или табуляцию и скопируйте результат. Форматтер учитывает пустые элементы HTML5, распространенные необязательные закрывающие теги и необрабатываемое содержимое script и style. Все выполняется в браузере.
Как пользоваться
- 1Вставьте HTML. Добавьте полный HTML-документ, шаблон или фрагмент в поле ввода либо загрузите пример.
- 2Выберите отступ. Укажите два пробела, четыре пробела или табуляцию. Отформатированный результат обновится сразу.
- 3Проверьте структуру. Посмотрите количество элементов, атрибутов и уровней вложенности, затем просмотрите результат с отступами.
- 4Скопируйте результат. Скопируйте отформатированный HTML в редактор, CMS или систему проверки кода.
Кому пригодится
- Фронтенд-разработчики приводят в порядок компактный шаблон перед поиском ошибки во вложенности или проверкой изменений.
- Разработчики писем делают экспортированную разметку рассылки удобной для чтения, не отправляя приватный HTML кампании на сервер.
- Редакторы CMS разбираются в скопированном компоненте или фрагменте страницы перед изменением классов, ссылок и содержимого.
- Студенты видят родительскую и дочернюю структуру настоящего HTML-документа благодаря единым отступам.
Вопросы и ответы
HTML-форматтер бесплатный?
Да. HTML-форматтер можно использовать бесплатно, без регистрации, скачивания и ограничений. Вставьте HTML-документ или фрагмент, выберите вид отступа и скопируйте готовый результат прямо в браузере.
Мой HTML куда-нибудь загружается?
Нет. Форматирование выполняется локально в браузере. Вставленный HTML не отправляется на сервер, поэтому инструмент подходит для внутренних шаблонов, неопубликованных лендингов, разметки писем и фрагментов с приватными URL или идентификаторами.
Какой объем HTML можно отформатировать?
Фиксированного серверного лимита нет, потому что ничего не загружается. Обработка очень больших документов зависит от браузера и памяти устройства, но обычные страницы, компоненты, шаблоны писем и фрагменты исходного кода форматируются сразу.
Форматтер понимает теги без закрывающих тегов?
Да. Он распознает пустые элементы HTML5, например img, br, input, meta и link, которым не нужен закрывающий тег. При расчете отступов также учитываются распространенные необязательные окончания для пунктов списка, абзацев, вариантов, строк и ячеек таблицы.
Содержимое script и style изменяется?
Форматтер рассматривает содержимое script и style как необрабатываемый текст. Поэтому операторы сравнения, селекторы CSS и строки со знаками «меньше» не принимаются за HTML-теги. Инструмент меняет отступ блока, но не переписывает JavaScript или CSS.
Инструмент проверяет или исправляет невалидный HTML?
Нет. Это форматтер, а не валидатор стандартов или сервис автоматического исправления. Он сообщает о явно незакрытых комментариях, объявлениях, тегах и элементах с необрабатываемым текстом, но допускает разрешенные в HTML необязательные закрывающие теги. Для проверки соответствия используйте Nu HTML Checker.
Чем HTML-форматтер отличается от минификатора?
Форматтер добавляет переносы строк и отступы, чтобы разметку было удобно читать и редактировать. Минификатор удаляет необязательные пробелы и иногда комментарии, чтобы уменьшить объем передаваемых данных. Эта страница только форматирует HTML и намеренно сохраняет оформление и комментарии.