Сравнение HTML онлайн
Код 1 оригинал
Код 2 изменённый
Сравнение и подсветка работают в браузере: код никуда не отправляется. Tab внутри поля делает отступ, Ctrl+Enter — сравнить.
Как сравнить две HTML-страницы?
Сравнение двух HTML-документов или фрагментов разметки: добавленные и удалённые теги, изменённые атрибуты, поправленный текст, переставленные блоки. Подсветка различий внутри строки показывает, что в <a href="/cart/"> сменился именно адрес, а не вся строка.
Полезно, когда нужно понять, чем отличается лендинг до и после правок, где шаблон письма разошёлся с эталоном, или какая строка в вёрстке сломала валидность. Тот же режим сравнивает XML: фиды, выгрузки, настроечные файлы.
- Вставьте разметку в поля или загрузите .html, .htm, .xml, .svg файлы.
- Язык «HTML / XML» включает подсветку тегов и атрибутов.
- Для отформатированного и «сжатого» HTML включите «не считать пробелы» — иначе разница будет в каждой строке.
- Вид «Слитно» удобнее, если изменений много и их нужно читать подряд.
Сравнивается исходный текст разметки, без рендеринга: визуальное сравнение скриншотов — это другая задача, здесь же видны именно изменения в коде.
Сравнение кода: другие инструменты
Сравнить кодЛюбой язык, с подсветкой синтаксисаСравнить PHPФункции, условия, конфигиСравнить JavaScriptСкрипты и конфиги сборкиСравнить TypeScriptТипы, интерфейсы, дженерикиСравнить CSSСтили, SCSS, LessСравнить JSONОтветы API и конфигиСравнить YAMLКонфиги, CI, compose-файлыСравнить SQLЗапросы, дампы, миграции