Форматер 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 у форматері коду.