HTML: Tag Replacer

Replace one HTML tag with another in a full HTML document. Processing runs fully in your browser.

Limit replacement to specific elements (optional)

HTML: Tag Replacer - Explanation & Examples

The Tag Replacer tool replaces one HTML tag with another across a full HTML document. You can optionally limit replacements by class name and/or ID, and choose whether to preserve attributes.

⭐ What this tool does

  • Replaces matching opening and closing tags correctly
  • Maintains inner content exactly as-is
  • Supports optional filters: class contains and ID equals
  • Supports self-closing tags such as <img />

🔎 Optional filters

  • If both filters are empty, all matching tags are replaced
  • If class filter is set, only elements whose class contains that value are replaced
  • If ID filter is set, only elements whose ID equals that value are replaced
  • If both are set, both conditions must match

⚙️ Attribute option

  • Preserve attributes checked: attributes are kept
  • Preserve attributes unchecked: attributes are removed from replaced tags

⭐ Example

Input HTML:

<div class="card featured" id="hero">Content</div>
<div class="container">Other</div>

Settings: Find div, Replace with section, Class contains card

Output HTML:

<section class="card featured" id="hero">Content</section>
<div class="container">Other</div>

Frequently Asked Questions

It replaces all occurrences of one selected HTML tag with another in your input HTML document.

Yes. You can upload an <code>.html</code>, <code>.htm</code>, or <code>.txt</code> file, or paste HTML manually.

Class filter checks whether the class attribute contains your value. ID filter checks exact equality. If both are set, both must match.

If enabled, replaced tags keep their attributes. If disabled, replaced tags are written without attributes.

No. Only tags matching your selected source tag and optional filters are replaced.

The tool shows: <em>No matching tags found.</em>

Yes. You can copy the output to clipboard and download it as an <code>.html</code> file.

No. All processing happens entirely in your browser.