HTML Tags
HTML <ins> Tag
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
html
<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
html
<!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>Visible Output vs Non-Visible Attributes
- What is visible:
<ul class="wp-block-list"><li>The content inside<ins>(₹350) is underlined.</li><li>classapplies CSS styling (color: green in this example).</li><li>titleis visible on hover as a tooltip.</li></ul> - What is not visible:
<ul class="wp-block-list"><li>datetime="2025-10-29"→ Semantic information, not displayed.</li><li>cite="https://example.com"→ Reference URL, not displayed.</li></ul>
Browser Support
Chrome | Edge | Firefox | 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.