Table of contents

HTML <ins> Tag

What is HTML <ins> Tag?

The HTML ins tag is used to mark text that has been inserted or added to a document. It is short for “inserted.” When browsers render this tag, they usually display the inserted text with an underline to highlight the change. This tag is often used in combination with the del tag, which marks deleted text. The HTML ins tag is useful in version tracking, editing content, or showing updates in online documents, articles, or change logs. It improves readability and helps readers easily identify new information.

Syntax of the HTML <ins> Tag

plaintext
<ins>inserted text</ins>

The inserted text is wrapped between the opening <ins> and closing </ins> tags. It can be used within a paragraph or any inline text container.

Examples of HTML <ins> Tag

Example 1: Basic HTML Ins Tag

plaintext
<!DOCTYPE html>
<html lang="en">
<body>

<p>This article was <ins>recently updated</ins> with new information.</p>

</body>
</html>

Explanation:
In this example, the phrase "recently updated" is enclosed within the <ins> tag, which visually underlines the text to indicate it was newly added to the paragraph.

Example 2: SEO Optimized HTML Ins Tag

plaintext
<!DOCTYPE html>
<html lang="en">
<body>

<p>Our website <ins>Scholar247</ins> now offers <ins>free SEO tutorials</ins> for beginners.</p>

</body>
</html>

Explanation:
Here, the ins tag is used to highlight new content updates, such as “Scholar247” and “free SEO tutorials.” This is helpful for SEO since search engines recognize the page as recently updated, which can improve freshness signals.

Attributes of the HTML <ins> Tag

The HTML ins tag supports the following attributes:

• cite: Specifies the URL of a resource that explains why or how the text was inserted.
• datetime: Defines the date and time when the insertion occurred, formatted as YYYY-MM-DDThh:mm:ssTZD.

Example of using attributes:

plaintext
<p>This document was <ins cite="https://www.scholar247.com/update" datetime="2025-11-13T10:00:00Z">revised</ins> for accuracy.</p>

Best Practices for HTML <ins> Tag

• Use the ins tag only for inserted or newly added text.
• Combine it with the del tag when showing text modifications for better clarity.
• Add the cite and datetime attributes when you need to record update details.
• Avoid overusing the tag just for styling; it’s meant for semantic meaning.
• Use CSS to customize its appearance if needed (for example, changing underline color).

FAQs About HTML <ins> Tag

What is the purpose of the HTML ins tag?

The HTML ins tag indicates new or added text within a document. It helps readers and search engines recognize changes or updates.

Can I style the ins tag with CSS?

Yes, you can use CSS to change its color, underline style, or background while keeping its semantic meaning.

What is the difference between the ins and del tags?

The ins tag is used for added text, while the del tag is used for removed or deleted text.

Does the ins tag affect SEO?

Yes, it can improve SEO by signaling fresh or updated content, which helps search engines identify recent changes on your page.

Is the ins tag block-level or inline?

The HTML ins tag is an inline element by default, meaning it can be placed inside a paragraph or sentence without breaking the text flow.

HTML

Related Articles