<ins> HTML Tag
Disclosure: Your support helps keep the site running! We earn a referral fee for some of the services we recommend on this page. Learn more
- Element of
- Learn How Fonts And Web Typography Work In HTML: A Beginner's Guide
- What does
<ins> HTML Tagdo?
- 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.
- semantic | textual
<p>Tickets for the event are <del>$5</del> <ins>$10</ins>.</p>
Tickets for the event are
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
<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
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>
In theory, there is also no reason why a pair of
<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>
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