Paste two versions of HTML code, or drop .html and .htm files, to see every change highlighted. Use it to compare two versions of a page, a template or an email, or check what a CMS changed. Diffspot highlights HTML syntax, marks changed words inside each line and recognizes moved blocks. Press Try an example to see it on a real HTML change.
How to compare HTML files
- Paste or drop the original HTML code on the left.
- Paste or drop the changed version on the right. The diff updates as you type.
- Jump between changes with F7 and Shift+F7, or switch to Unified view to read it like a pull request.
- Copy or export a unified diff, a .patch file or an HTML report.
HTML comparison tips
- Comparing HTMLComparing minified HTML? Paste it into a formatter first, then compare with Ignore changes in whitespace.
- Cut the noiseText changes inside long lines are highlighted word by word, so a changed attribute value is easy to spot.
- Your code stays privateThe comparison runs on your device in WebAssembly. Proprietary code is never uploaded or stored.
- Fast on large filesFiles with hundreds of thousands of lines compare in about a second.
Advertisement
Frequently asked questions
Is HTML detected automatically?
Yes. Diffspot recognizes HTML from the file name (.html and .htm) or from the code itself. You can also choose it in the Syntax menu.
Is my code uploaded?
No. The page loads the diff engine once; after that your code stays in the browser tab. How Diffspot works explains how you can check this yourself.
Can I get a patch file?
Yes. Export → Download .patch creates a standard unified diff that git apply or patch can apply.