The ins
tag stands for “inserted” text. It’s used to mark text that has been added to a document, especially when tracking changes or updates. It is often paired with the <del>
tag, which marks deleted text.
🔧 Syntax:
<ins>New content goes here</ins>
Or with an optional attribute:
<ins datetime="2025-06-14">New content added</ins>
🧩 Attributes:
Attribute | Description |
---|---|
datetime | Optional. Specifies the date and time when the text was inserted. Format: YYYY-MM-DDThh:mm:ssZ (ISO 8601). |
✅ Example:
<p>Here is the updated policy: <ins datetime="2025-06-14">Free shipping on all orders over $50.</ins></p>
With deleted text:
<p>
<del>Shipping is free on orders over $100.</del>
<ins>Shipping is free on orders over $50.</ins>
</p>
🎨 Styling:
By default, most browsers render <ins>
text with an underline. You can customize it with CSS:
<ins style="text-decoration: underline; color: green;">Added text</ins>
🧠 Use Cases:
- Track edits or revisions in documents.
- Highlight new changes on a webpage (e.g., in changelogs or release notes).
- Accessibility: Helps screen readers identify newly added content.