# Форматер HTML

Форматуйте фрагменти HTML за допомогою цього форматера HTML. Вставте розмітку, і інструмент розмістить блокові елементи, як-от div, section, p, ul і table, в окремих рядках із відступом у два пробіли, згорне зайві пробіли у вбудованому вмісті, відформатує вбудовані CSS та JavaScript, а вміст pre і textarea залишить без змін. Чудово підходить веброзробникам і дизайнерам, які приводять до ладу вставлену, згенеровану чи мінімізовану розмітку для читання та перевірки.

## Поширені запитання

### Як форматер HTML визначає, де переносити рядки?

Елемент, що містить блокові дочірні елементи, як-от div, section, article, header, footer, nav, main, form, p, h1 до h6, ul, ol, table або blockquote, розгортається так, щоб кожен дочірній елемент був в окремому рядку з відступом у два пробіли. Елементи без блокових дочірніх елементів залишаються в одному рядку.

### Чому весь документ HTML повертається в одному рядку?

Згідно з правилами форматера, елементи html, head і body не є блоковими тегами, тому документ, обгорнутий у них, залишається в одному рядку, за винятком doctype. Щоб вміст розгорнувся, вставте вміст усередині body або фрагмент, над яким працюєте.

### Що відбувається з пробілами?

У вбудованому вмісті послідовності пробілів, табуляцій і розривів рядка згортаються до одного пробілу, як і під час відображення в браузерах. Пробіли у вмісті елементів pre і textarea зберігаються без змін.

### Чи форматується вбудований код скриптів і стилів?

Так, блоки style форматуються як CSS, а блоки script — як JavaScript або як JSON для типів JSON і JSON-LD. Скрипти з іншими типами, наприклад текстові шаблони, залишаються без змін.

### Як записуються порожні елементи?

Теги із самозакриттям, як-от <br/>, записуються з пробілом перед скісною рискою, як <br />. Порожні елементи без скісної риски, як-от <img src="a.png">, зберігають початковий вигляд.

### Чи змінюються атрибути?

Ні, атрибути, лапки навколо них і їхній порядок залишаються без змін. Переставляються лише пробіли між елементами.

### Коментарі зберігаються?

Так, коментарі HTML і doctype зберігаються та розміщуються в окремих рядках. Їхній вміст копіюється без змін, зокрема й розмітка всередині коментарів.

### Чи виправляє форматер некоректний HTML?

Ні, він не перевіряє та не виправляє розмітку. Незакриті теги форматуються настільки добре, наскільки це можливо, тому скористайтеся валідатором, якщо потрібно знайти структурні помилки.

### Чому результат обгорнуто в блок коду html?

Результат повертається в блоці коду Markdown з позначкою html, тому в Markdown він відображається з підсвічуванням синтаксису. Скопіюйте рядки між роздільниками, щоб вставити їх у файл .html.

### Який обсяг HTML можна форматувати?

До 5 MB за один запуск; більший вхідний файл відхиляється з повідомленням. Результат ідентичний параметру HTML у форматері коду.

Ваша реклама тут?

[Напишіть нам електронною поштою](mailto:hi@dennn.is?subject=%D0%A0%D0%B5%D0%BA%D0%BB%D0%B0%D0%BC%D0%B0%20%D0%BD%D0%B0%20OneClick%20Pro)

[Реклама Набір плагінів для роботи з агентами для WordPress.](https://sleekwp.com/?ref=oneclickpro)