<ins> HTML Tag

Element of
Fonts and Web Typography
What does <ins> HTML Tag do?
The <ins> element is used to identify text that has been inserted into a document. It is often paired with a <del> element which identifies deleted text replaced by the text contained in the <ins> element.
Display
inline
Usage
semantic | textual

Code Example

<p>Tickets for the event are <del>$5</del> <ins>$10</ins>.</p>

Tickets for the event are $5 $10.

Transparent updates of text

Ideally, a page at a particular URL will last forever. But, naturally information changes. In response to changing information, you have three options as a web publisher:

  • Change the content without acknowledgement
  • Don’t change the content
  • Change the content transparently

The <ins> element, along with the <del> is for this last case — it signals that a piece of content is new, not original to the page when it was first published. This can be used for short, inline corrections…

The dinner will take place at <del>7:30</del> <ins>8:00</ins>. 
The dinner will take place at 7:30 8:00.

Or for a larger update or correction.

<ins><p><strong>Correction:</strong> This story originally reported that Abraham Lincoln was killed in a dinosaur battle while time travelling. This is not accurate. In fact it was the dinosaurs, and not Lincoln, who were time traveling.</p></ins> 
Correction: This story originally reported that Abraham Lincoln was killed in a dinosaur battle while time travelling. This is not accurate. In fact it was the dinosaurs, and not Lincoln, who were time traveling.

In theory, there is also no reason why a pair of <del> and <ins> elements couldn’t be nested inside another <ins> element. (Though you may not want to push this too far.)


<ins> <p><del><strong>Correction:</strong> This story originally reported that Abraham Lincoln was killed in a dinosaur battle while time travelling. This is not accurate. In fact it was the dinosaurs, and not Lincoln, who were time traveling.</del></p> <p><ins><strong>Correction:</strong> A recent update to this story implied that Abraham Lincoln was killed by time travelling dinosaurs. Neither the story nor the update made it clear that this is only one of several theories currently being considered. The exact circumstances remain a mystery.</ins></p> </ins>

Correction: This story originally reported that Abraham Lincoln was killed in a dinosaur battle while time travelling. This is not accurate. In fact it was the dinosaurs, and not Lincoln, who were time traveling. Correction: A recent update to this story implied that Abraham Lincoln was killed by time travelling dinosaurs. Neither the story nor the update made it clear that this is only one of several theories currently being considered. The exact circumstances remain a mystery.

Protip: WordPress (which powers this site, along with 25% of sites on the web) has some trouble with insertion and deletion elements that contain multiple paragraphs. This is related to their automatic insertion of paragraph elements. If you need to show multiple paragraphs of deleted or inserted text in WordPress, your best bet is to place a separate insertion or deletion element inside of each paragraph element, not surrounding it.

Browser Support for ins

AllAllAllAllAllAll