HTML <ins> Tag Tutorial - Usage, Syntax,
Attributes and Example

calender-iconPublished: 29 Jan 2025

clock-icon5-min read

printer-icon whatsapp-icon share-icon



close-button
HTML
Table of Contents

INTRODUCTION

The <ins> element is used to specify that new text has been added to the webpage. It helps users, search engines and screen readers understand that new content has been added. It is shown by browser with a underline on the text and can be customised by using CSS.

The <ins> element is mostly used with <del> element to show difference/changes made in text or track changes in source code.

Syntax: 
<ins> - - TEXT - - </ins>

Example: 

<p> <ins> I am new text. </ins>
I am old text.
</p>

Syntax:

I am new text.
I am old text.



Tag Omission

The HTML <ins> element must have both start tag and end tag.

ATTRIBUTES

1. cite

cite attributes is used for URI of resource that explains the change. (Example: A link to webpage)

Example: 

<p> <ins cite="www.example.com/blog"> New clause </ins>
</p>


2. datetime

datetime attributes is used to specify date and time of change. It must be a valid date string while time is optional. The Date string format is - YYYY-MM-DD and date-time string format is YYYY-MM-DDTHH:MM:SSZ

Example: 

<p> <ins datetime="2023-07-05T15:17:03Z"> New policy text. </ins>  
</p>

Frequently Asked Questions (FAQ)

What is the Difference Between HTML u Tag and HTML ins tag?
The HTML ins tag indicates that new text has been added to the webpage. While the HTML u element is used for text to indicate it has a non-textual annotation. Annotating is the process of marking text with notes or comments and include highlighting or underlining text. It is mostly used for spelling errors, applying name mark or proper name in Chinese. The below image makes clear the process of Annotating.
text-annotation

annotation