Отформатируйте HTML с ровными отступами и проверьте ограниченный предпросмотр. Сделайте разметку страницы удобнее для чтения.
Как пользоваться
Вставьте до 200 000 символов HTML. Получите форматированный вывод и просмотрите результат. Для редактирования копируйте исходную разметку.
Пример
Сжатый список с ul и li станет блоком с отступами, где проще найти каждый пункт.
Вопросы и ответы
Почему вид отличается от сайта?
Скрипты и внешние ресурсы заблокированы, часть разметки убирается для безопасности просмотра. Это не полная проверка страницы в браузере.
Связанные инструменты
Практическая задача
Форматирование помогает проверить структуру до правки шаблона. Отступы дочерних элементов показывают лишний закрывающий тег. Причина ошибки парсера может находиться раньше указанной позиции.
Дополнительный вопрос
Предпросмотр равен снимку рабочего сайта?
Нет. Активное содержимое и внешние ресурсы ограничены. Конечный шаблон проверяйте в приложении с настоящими стилями и файлами.
Детали для проверки результата
| Деталь | Пояснение |
|---|---|
| HTML и обычный текст | Теги HTML описывают структуру. Обычный текст показывает знаки без трактовки их как тегов. Определите нужный результат до удаления разметки, экранирования скобок и вставки в редактор. |
| Оформление и поведение | Форматирование меняет вид исходника. Оно не доказывает правильность вычислений или отображения страницы. Проверку поведения проводите отдельно от проверки отступов и пробелов. |
| Ссылки на символы HTML | Запись вроде & обозначает знак внутри HTML. При вложении она может быть экранирована повторно. Снятие одного слоя отличается от полного декодирования всех уровней. |
| Экранирование и очистка | Экранирование показывает специальные символы буквально. Очистка удаляет или меняет опасную разметку по правилам. Не заменяйте эти действия предположением, что незнакомый ввод безопасен. |
| Границы предпросмотра | Ограниченный просмотр блокирует скрипты, внешние изображения, шрифты и другие ресурсы. Поэтому он отделён от активного поведения страницы, но не воспроизводит любой рабочий макет точно. |
| Читаемый и сжатый исходник | Сжатие создаёт компактную копию для публикации. Читаемый исходник нужен для поддержки и повторной сборки. Правка только сжатой версии усложняет проверку и теряет контекст комментариев. |
| Комментарии исходника | Комментарии содержат лицензии, заметки сборки и пояснения. Перед удалением проверьте условия сторонних материалов и сохраните важные уведомления в нужном исходном или распространяемом файле. |
| Границы источника | Резюме и редактура опираются на переданные материалы. Одна ссылка не загружает статью в этом интерфейсе. Добавляйте нужный отрывок и сохраняйте ссылки рядом с подтверждаемыми утверждениями. |