Цей форматер зосереджений на зрозумілій структурі. Він розташовує вкладені елементи на потрібній глибині, залишаючи видимими атрибути, коментарі, оголошення й текст. Інструмент не видаляє коментарі та не зменшує розмір файлу, тому не замінює мініфікатор HTML. Розмітка обробляється локально й нікуди не завантажується.
Безкоштовне форматування HTML
Працює повністю у вашому браузері - без завантаження на сервер і без реєстрації.
HTML
Відформатований HTML
Вставте HTML для форматування
Що робить HTML-форматер?
HTML-форматер перетворює стиснену або нерівно оформлену розмітку на читабельний HTML з однаковими відступами. Вставте документ чи фрагмент, виберіть два пробіли, чотири пробіли або табуляцію та скопіюйте результат. Форматер розпізнає порожні елементи HTML5, поширені необов'язкові кінцеві теги й необроблений вміст script або style. Усе виконується у браузері.
Як користуватися
- 1Вставте HTML. Додайте повний HTML-документ, шаблон або фрагмент у поле введення чи завантажте приклад.
- 2Виберіть відступ. Виберіть два пробіли, чотири пробіли або табуляцію. Відформатований результат оновиться одразу.
- 3Перевірте структуру. Перегляньте кількість елементів, атрибутів і рівнів вкладеності, а потім прочитайте результат із відступами.
- 4Скопіюйте результат. Скопіюйте відформатований HTML у редактор, CMS або систему перевірки коду.
Кому це знадобиться
- Frontend-розробники упорядковують компактний шаблон перед пошуком помилки у вкладеності або перевіркою змін.
- Розробники листів роблять експортовану розмітку розсилки зручнішою для перегляду, не надсилаючи приватний 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 та навмисно зберігає оформлення й коментарі.