How to show edits in a HTML document?

Let’s say you created a HTML document with some content .

You published it and your users have already started viewing it.

And then suddenly you wanted to make some changes.

You want to insert new data and delete old ones.

You want to do this without affecting the user experience.

How do you that?

HTML provides two tags for this purpose:

<ins> element to insert new content

<del> element to delete old content

Here is a sample code:


<h1>Full Stack Technologies</h1>

<ul>


<li>Node JS</li>

<li><ins>Angular</ins></li>

<li><del>JSP</del></li>

</ul>

The term Angular is inserted new and the term JSP has been deleted.

Here is how it appears on the browser:

That’s it!

Leave a Reply