Форматировщик HTML
Форматируйте HTML с понятными отступами, сохраняя элементы, атрибуты, текст, комментарии и структуру документа.
Make HTML structure easier to inspect
Компактный HTML скрывает вложенность, атрибуты, текст и комментарии в одной строке. Инструмент показывает разметку в читаемом виде.
Форматирование меняет представление и не доказывает валидность, доступность, безопасность или совместимость с браузером. Сохраните исходник и diff.
Используйте пример с вложенными элементами, атрибутами, текстом, комментариями и сущностями, затем выполните нужные проверки.
Formatting is not HTML validation
HTML — дерево элементов, атрибутов, текста, комментариев и деклараций. Отступы упрощают просмотр отношений и закрывающих тегов.
Форматтер упорядочивает пробелы, но не подтверждает стандарт, доступность, безопасность, правила шаблона или поведение приложения.
Браузеры могут по-разному восстанавливать неверную разметку. Проверьте void-элементы, необязательные теги, скрипты, стили и сущности.
How to format HTML
- Вставьте полный HTML-документ или поддерживаемый фрагмент.
- Проверьте вложенность, теги, атрибуты, текст, комментарии, скрипты и стили.
- Сравните значения, сущности, текст и порядок с исходником.
- Запустите проверки HTML, доступности, шаблона и браузера.
- Удалите учетные данные и личные данные из примеров.
Formatting method
- Читает элементы, атрибуты,
Читает элементы, атрибуты, текст, комментарии, декларации и встроенные области.
- Добавляет переносы и
Добавляет переносы и отступы, показывая вложенность и порядок соседних элементов.
- Сохраняет значения, текст,
Сохраняет значения, текст, комментарии, сущности, скрипты и стили источника.
Восстановление parser, необязательные теги, пробелы, встроенные языки и точные ошибки нужно проверить на рабочем движке.
Read the formatted result
Успешный результат — читаемая раскладка HTML. Сверьте структуру, атрибуты, текст, комментарии, сущности и скрипты с источником.
Ошибка не доказывает восстановление браузера или точное сообщение parser.
Проблема validator, доступности или сборки относится к отдельному контракту; форматирование не добавляет семантику или безопасность.
Распространённые ошибки
Отождествление отступов с валидацией может скрыть отсутствующие атрибуты, неверную вложенность или проблемы доступности.
Изменение сущностей, атрибутов или текста, чувствительного к пробелам, меняет поведение.
Не считайте восстановление браузера одинаковым с выводом форматтера.
Частные шаблоны, токены или данные пользователей могут раскрыться в примере.
Ограничения и особые случаи
Функция форматирует представление HTML и не гарантирует стандарт, доступность, безопасность, совместимость, корректность шаблона или минификацию.
Необязательные теги, void-элементы, CSS, JavaScript, сущности и большие документы проверяйте целевыми инструментами.
Не вставляйте конфиденциальную production-разметку без разрешения политики.
Examples
Проверяет ли форматирование HTML?
Проверяет ли форматирование HTML?
Вставьте полный HTML-документ или поддерживаемый фрагмент.
Успешный результат — читаемая раскладка HTML. Сверьте структуру, атрибуты, текст, комментарии, сущности и скрипты с источником.
Меняет ли оно поведение страницы?
Меняет ли оно поведение страницы?
Проверьте вложенность, теги, атрибуты, текст, комментарии, скрипты и стили.
Ошибка не доказывает восстановление браузера или точное сообщение parser.
Сохраняются ли атрибуты?
Сохраняются ли атрибуты?
Сравните значения, сущности, текст и порядок с исходником.
Проблема validator, доступности или сборки относится к отдельному контракту; форматирование не добавляет семантику или безопасность.
Сохраняются ли комментарии?
Сохраняются ли комментарии?
Запустите проверки HTML, доступности, шаблона и браузера.
Успешный результат — читаемая раскладка HTML. Сверьте структуру, атрибуты, текст, комментарии, сущности и скрипты с источником.
Можно ли форматировать фрагмент?
Можно ли форматировать фрагмент?
Удалите учетные данные и личные данные из примеров.
Ошибка не доказывает восстановление браузера или точное сообщение parser.
Улучшает ли это доступность?
Улучшает ли это доступность?
Вставьте полный HTML-документ или поддерживаемый фрагмент.
Проблема validator, доступности или сборки относится к отдельному контракту; форматирование не добавляет семантику или безопасность.
Frequently asked questions
Проверяет ли форматирование HTML?
Нет. Используйте HTML validator, проверки доступности, браузера и шаблона.
Меняет ли оно поведение страницы?
Должны меняться только пробелы представления, но сравните и протестируйте.
Сохраняются ли атрибуты?
Примеры сохраняют имена и значения; проверьте URL, class и id через diff.
Сохраняются ли комментарии?
Примеры оставляют комментарии; подтвердите поведение на своём вводе.
Можно ли форматировать фрагмент?
Используйте полный документ или поддерживаемый фрагмент.
Улучшает ли это доступность?
Нет. Семантика, фокус, контраст и ARIA требуют отдельных проверок.
Исправляет ли неверный HTML?
Не предполагайте автоматическое исправление; исправьте источник и проверьте.
Что делать после форматирования?
Проверьте diff, запустите валидаторы и доступность, отобразите в целевых браузерах.