Форматирование HTML (отступы и красивый вид)
Отформатируйте запутанный или минифицированный HTML-код онлайн: каждый тег на своём уровне, CSS и JavaScript внутри страницы форматируются вместе с ним, на выбор отступ в 2 или 4 пробела либо табуляция и перенос длинных строк.
Как пользоватьсяВставьте ваш HTML.
Форматирование HTML (отступы и красивый вид): для чего нужен
Минифицированный или скопированный откуда-то HTML обычно идёт одной строкой, без отступов, и его трудно читать и править. Вставьте код, и каждый тег встанет на свой уровень, а содержимое тегов style и script будет отформатировано вместе с ним.
Выберите отступ в 2 или 4 пробела либо табуляцию, перенос длинных строк на 100 или 120 столбцах, отступ для head и body и сохранение пустых строк из оригинала. Элементы вроде pre и textarea остаются как есть.
Как пользоваться
- Вставьте HTML.
- Выберите отступ и параметры.
- Скопируйте или скачайте результат.
Когда использовать
- Чтение исходного кода страницы.
- Наведение порядка в шаблоне перед правкой.
- Проверка HTML, созданного другой системой.
Частые вопросы
Меняет ли форматирование работу страницы?
Нет. Форматирование лишь добавляет переносы строк и отступы между тегами. Элементы, которые показывают пробелы как есть, например pre и textarea, остаются без изменений.
Форматируются ли CSS и JavaScript внутри HTML?
Да. Содержимое тегов style и script форматируется по тем же правилам отступов.
Правда бесплатно?
Да, 100% бесплатно. Без регистрации, без подписки и без ограничений использования. Все инструменты Tools123 бесплатны.