The
<ins>tag in HTML represents inserted or added text.
Browsers typically display it with an underline to indicate new content.
It is often used alongside<del>to show revisions, edits, or updates.
It is an inline element.
Syntax
<ins>Inserted text here</ins>Attributes
| Attribute | Description |
|---|---|
class | Assigns one or more class names for styling. |
id | Assigns a unique identifier to the element. |
style | Adds inline CSS styles to customize appearance. |
cite | URL indicating the source of the insertion. |
datetime | Specifies the date and time of the insertion. |
title | Provides additional information as a tooltip. |
Example
<!DOCTYPE html>
<html>
<head>
<title>INS Tag Example</title>
<style>
.new-price {
color: #2e7d32;
text-decoration: underline;
}
</style>
</head>
<body>
<h1>HTML <ins> Tag Example</h1>
<p>
Updated price: <ins class="new-price" id="new-price" datetime="2025-10-29" cite="https://example.com" title="New Price">₹350</ins>
</p>
</body>
</html>Output
Browser Output
Use our TryIt Editor to see the output.
Visible Output vs Non-Visible Attributes
- What is visible:
- The content inside
<ins>(₹350) is underlined. classapplies CSS styling (color: green in this example).titleis visible on hover as a tooltip.
- The content inside
- What is not visible:
datetime="2025-10-29"→ Semantic information, not displayed.cite="https://example.com"→ Reference URL, not displayed.
Browser Support
 Chrome |  Firefox |  Edge |  Safari |  Opera |  IE9+ |
|---|---|---|---|---|---|
| ✅Yes | ✅Yes | ✅Yes | ✅Yes | ✅Yes | ✅Yes |
The <ins> tag displays text with an underline to indicate newly inserted content.
Attributes like datetime and cite are semantic and not directly visible.
Notes
<ins>is an inline element and does not break the line.- Commonly used for content updates or corrections alongside
<del>. - The
datetimeandciteattributes add semantic metadata about the insertion. They are not visually rendered but can be read and interpreted by search engines, screen readers, and other tools for SEO purpose. - CSS can customize underline style, color, or font for inserted text.
Conclusion
The <ins> tag visually indicates newly inserted content with an underline, while also providing semantic meaning via attributes like datetime and cite.
It is ideal for showing revisions, updates, or additions on a web page.
