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.