Форматтер HTML

Форматор HTML перезаписывает разметку HTML с чистым, последовательным отступом, чтобы структуру документа было легко читать. Вставьте минифицированную страницу, фрагмент, скопированный из инструмента сборки, или рукописную разметку с несовпадающими вкладками и пробелами, а форматировщик анализирует дерево тегов и распечатывает его обратно с одним уровнем отступов на глубину вложения. Обратная операция, минирование, удаляет незначительное пробелы между тегами, чтобы уменьшить файл для производства, не меняя при этом способ его рендеринга браузером.

Необработанный HTML редко приходит в состоянии, которое вы можете сканировать. шаблоны сервера излучают его в одной строке, пакеты свертывают его, и вставленные фрагменты несут любой интервал между используемым источником.Украшение раскрывает вложение, чтобы вы могли найти нужный вам элемент, обнаружить тег, который никогда не был закрыт, или различать две версии чисто.Это имеет наибольшее значение, когда вы отлаживаете макет, проверяете разметку на доступность или впервые читаете чужой контент.Форматор превращает стену угловых скобок в контур, за которым вы можете следить.

Рабочий пример показывает, что этот бесплатный HTML-форматор делает с небрежным вводом. Вставьте <ul>PH1__One<li>Two</ul><p>Hi <b>there</b>, сохраните Beautify и 2 пробела выбранными и нажмите "Формат". Онлайн-форматор HTML закрывает оба элемента списка и абзац, помещает каждый li в свою собственную строку с отступом и сохраняет <p>Hi <b>there</b><li>0_ в одной строке, потому что это короткий встроенный контент. На выходе написано 5 тегов, 5 строк, 63 байта и два предупреждения, в которых указано, что было автоматически закрыто, поэтому формат HTML-кода никогда не устраняет разметку бесшумножественно.

Этот инструмент работает на 100% в вашем браузере с анализатором без зависимостей, поэтому ничего из того, что вы вставляете, не загружается и не регистрируется, и он продолжает работать в автономном режиме после загрузки страницы. анализатор намеренно терпим: он применяет те же правила подразумеваемого закрытия, которые браузер использует для таких тегов, как li, p, td и опции, поэтому реальная разметка с опущенными конечными тегами по-прежнему правильно форматирует.Содержимое внутри сценария, стиля, пре, текстовой области и заголовка копируется дословно, что означает, что ваш JavaScript, CSS и предварительно отформатированный текст никогда не удаляются или не разбиваются.