**`<ins>`** represents content that was **added** to a document, commonly used together with `<del>` to show a tracked change — like a diff view, a legal document redline, or an edited article showing what changed. Both elements support optional **`cite`** (a URL explaining the change) and **`datetime`** (when the edit was made) attributes for more detailed edit history.
1Understanding <ins>
`<ins>` represents content that was added to a document, commonly used together with <del> to show a tracked change — like a diff view, a legal document redline, or an edited article showing what changed. Both elements support optional `cite` (a URL explaining the change) and `datetime` (when the edit was made) attributes for more detailed edit history.
<ins> and <del> are semantically about DOCUMENT EDITS specifically — for a simple 'this is now outdated' without edit-history framing (like a crossed-out sale price), <s> is usually the better fit than <del>.
<p>Store hours: <del>9 AM - 5 PM</del> <ins>9 AM - 6 PM</ins></p>2Practical Example
Here is a real-world application of <ins> showing how it is used in production HTML.
<!-- Recording when an edit was made -->
<p>
<del datetime="2026-01-15">Draft version</del>
<ins datetime="2026-02-01">Final version</ins>
</p>3Best Practices
Follow these guidelines when working with <ins>:
1. Pair <ins> with <del> to represent a specific tracked edit
2. Use the datetime attribute to record when the change was made, for revision history
3. Use <s> instead of <del> when there's no real 'edit' being documented, just outdated content
Tip: <ins> and <del> are semantically about DOCUMENT EDITS specifically — for a simple 'this is now outdated' without edit-history framing (like a crossed-out sale price), <s> is usually the better fit than <del>.
<p>Store hours: <del>9 AM - 5 PM</del> <ins>9 AM - 6 PM</ins></p>