HTML ins Tag Tutorial

In this section, we will learn what the <ins> element is in HTML and how to use it.

What is <ins> Tag in HTML?

HTML <ins> element stands for insert and we use this element in a document when a new text content is added to that document in a way to make others to notice! This is because using <ins> element makes the text content in its body to be rendered with an underline!

Note: we use HTML <ins> in situations where a document is already written and published and now we want to add something to that.

This element mainly accompanied by HTML <del>.

The typical use case is when a text content in a document becomes outdated or irrelevant and needs to be replaced with an accurate new content; so what we do here is to first put that outdated text content within the body of HTML <del> element (using <del> element will draw a line over that text content as if it’s been deleted) followed by that, we put the fresh content in HTML <ins> element. This way people notice what was the outdated content that we replaced with a fresh one.

HTML <ins> Tag Syntax:

<ins> Text Content </ins>

HTML <ins> Tag Values

The value we set for the <ins> element is a new content that we want to add to an already existed document as a replacement for an old or not accurate content.

Example: using <ins> tag in HTML

See the Pen using <ins> tag in HTML by Omid Dehghan (@odehghan) on CodePen.

HTML <ins> Tag Attributes

The <ins> element has two attributes:

  • cite: we use this attribute if there’s a link (URL) that explains the change we’ve applied to a document (by adding new content). Basically, the value of this attribute is the address (URL) of that explanation.
  • datetime: this attribute takes a date and optionally a time that tells readers when this change was applied.

Leave a Reply