HTML5ANDCSS3 logoHTML5ANDCSS3Tools and Tutorials

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

AttributeDescription
classAssigns one or more class names for styling.
idAssigns a unique identifier to the element.
styleAdds inline CSS styles to customize appearance.
citeURL indicating the source of the insertion.
datetimeSpecifies the date and time of the insertion.
titleProvides 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>

Output

Browser Output

html

Use our TryIt Editor to see the output.

Visible Output vs Non-Visible Attributes

  • What is visible: <ul class="wp-block-list"> <li>The content inside <ins> (₹350) is underlined.</li> <li>class applies CSS styling (color: green in this example).</li> <li>title is 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+
YesYesYesYesYesYes

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 datetime and cite attributes 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.

PreviousHTML <del> TagNextHTML <sub> Tag