HTML Tutorial: Complete HTML Tutorial
About Lesson

HTML <del> Tag


Concept

The <del> tag in HTML is used to represent deleted text in a document. It allows you to show text that has been removed from the current version but was present in an earlier version. This can be particularly useful in collaborative documents or in scenarios where tracking changes is important.

Implementation

Example 1: Deleting a Part of Text

Here’s an example of how you can use the <del> tag to show a deleted part of the text:

<p>A text with a deleted part: <del>This part is deleted</del>.</p>

Example 2: Deleting and Inserting Text

You can combine the <del> tag with the <ins> tag to show both deleted and inserted text:

<p>A text with a deleted part, and a new, inserted part: <del>Old text</del> <ins>New text</ins>.</p>

Try it out below

Loading

Attributes


Global Attributes

The <del> tag supports all the global attributes in HTML.

Event Attributes

The <del> tag also supports all the event attributes in HTML.

Browser Support

Browser Support
Chrome Yes
Firefox Yes
Safari Yes
Opera Yes
IE Yes

Default CSS Settings

Most browsers will display the <del> element with the following default CSS settings:

del {
  text-decoration: line-through;
}

Conclusion

The <del> tag provides a semantic way to represent deleted text within a document.


It’s a useful tool for authors, editors, and content creators who want to track changes or show the evolution of a text over time