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

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s