# Форматтер 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 форматтера Code Formatter.

Ваша реклама здесь?

[Напишите нам по электронной почте](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)