Перейти до вмісту
TextArray
100% локально

Форматувальник HTML

Красиво надрукуйте HTML з правильним вкладеним відступом, не торкаючись попереднього вмісту, сценарію чи стилю.

Введення
Вихід

Форматувальник HTML

Вставте скорочений, скопійований або просто заплутаний HTML і відновіть його з належним відступом: кожен вкладений елемент розміщується за вибраним вами відступом (два пробіли, чотири пробіли або табуляції), недійсні елементи, такі як br, img, input, meta та посилання, розглядаються як невкладені, а вбудовані елементи, як-от a, b, em, strong, span і code, залишаються на батьківському рядку, коли підходить увесь елемент — тому елементи короткого списку та посилання залишаються. компактний, а не розбитий на три рядки кожен.

Форматувальник навмисно прощає, тому що HTML у дикій природі має неправильний формат. Невідповідні або незакриті теги ніколи не створюють помилки: випадковий закриваючий тег відкидається, незакритий елемент неявно закривається своїм батьківським елементом, а решта документа форматується якнайкраще. Вміст елементів pre, script і style проходить дослівно — ваш попередньо відформатований текст зберігає свої інтервали, а ваші вбудовані JavaScript і CSS ніколи не змінюють відступи чи компонування.

Два варіанти очищення справляються зі звичайним шумом. «Видалити порожні рядки між елементами» видаляє порожні рядки, які накопичуються під час копіювання розмітки з шаблонів, а «Згорнути пробіли в тексті» перетворює рядки пробілів і розриви рядків у текстових вузлах на окремі пробіли — ніколи всередині pre, script або style. Підрахунок під результатом звітує про елементи, вхідні та вихідні рядки та найглибший рівень вкладеності.

Усе працює локально у вашому браузері: сторінки, шаблони та розмітка електронної пошти ніколи не залишають вашу машину. Скопіюйте результат або завантажте його як файл .txt.

FAQ

Що відбувається з неправильним HTML?
Він все одно форматує. Забійний закриваючий тег відкидається, незакритий елемент неявно закривається своїм батьківським елементом, і жодна помилка ніколи не відображається — реальний HTML рідко буває ідеальним, і для цього створено програму форматування.
Чи буде змінено мій сценарій, стиль або попередній вміст?
Ні. Внутрішній вміст елементів pre, script і style проходить байт за байтом. Попередньо відформатований інтервал, вбудований JavaScript і CSS зберігають оригінальний макет.
Коли вбудовані елементи залишаються на одному рядку?
Вбудовані елементи (a, b, i, em, strong, span, code, small, sub, sup) залишаються в батьківському рядку, якщо весь елемент вміщується приблизно в 80 символів на поточному відступі. Довші елементи розбиваються на лінії з відступами, як будь-який блоковий елемент.
Що робить «Згорнути пробіли в тексті»?
Серії пробілів, табуляції та розриви рядків усередині текстових вузлів стають одним пробілом, саме так їх і відтворюють браузери. Вміст у пре, сценарії та стилі ніколи не згортається.
Чи завантажено кудись мій HTML?
Ні. Інструмент повністю працює у вашому браузері, і ваша розмітка ніколи не залишає ваш пристрій.