RU
PortuguêsEnglishEspañolDeutschFrançaisItaliano日本語Русский中文
Главная Избранное
Voltar

Форматирование HTML (отступы и красивый вид)

Отформатируйте запутанный или минифицированный HTML-код онлайн: каждый тег на своём уровне, CSS и JavaScript внутри страницы форматируются вместе с ним, на выбор отступ в 2 или 4 пробела либо табуляция и перенос длинных строк.

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

Вставьте ваш HTML.

Доступно на: PortuguêsEspañolEnglishDeutschFrançaisItaliano日本語Русский中文

Следующий инструментФорматирование JavaScript (отступы и красивый вид)→
Реклама

Форматирование HTML (отступы и красивый вид): для чего нужен

Минифицированный или скопированный откуда-то HTML обычно идёт одной строкой, без отступов, и его трудно читать и править. Вставьте код, и каждый тег встанет на свой уровень, а содержимое тегов style и script будет отформатировано вместе с ним.

Выберите отступ в 2 или 4 пробела либо табуляцию, перенос длинных строк на 100 или 120 столбцах, отступ для head и body и сохранение пустых строк из оригинала. Элементы вроде pre и textarea остаются как есть.

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

  1. Вставьте HTML.
  2. Выберите отступ и параметры.
  3. Скопируйте или скачайте результат.

Когда использовать

  • Чтение исходного кода страницы.
  • Наведение порядка в шаблоне перед правкой.
  • Проверка HTML, созданного другой системой.

Частые вопросы

Меняет ли форматирование работу страницы?

Нет. Форматирование лишь добавляет переносы строк и отступы между тегами. Элементы, которые показывают пробелы как есть, например pre и textarea, остаются без изменений.

Форматируются ли CSS и JavaScript внутри HTML?

Да. Содержимое тегов style и script форматируется по тем же правилам отступов.

Правда бесплатно?

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

Похожие инструменты

Большое спасибо за поддержку!

Каждое пожертвование помогает держать сайт в сети. Инструменты созданы, чтобы помогать вам, но у нас есть расходы на серверы. Если можете помочь, это очень важно! Выберите или введите сумму:

Безопасная оплата через Stripe. Откроется в другой вкладке.

Инструменты предоставляются как есть, без гарантий. Мы не отвечаем за результаты и за то, как они используются.