HTML del Tag

In HTML, we use the <del> tag to indicate that the enclosed text has been deleted from the document. This tag is used to display the deleted text, which is displayed with a strike through the text.

  • The <del> tag is used to provide information about changes and updates made to a document.

  • The web browser renders the enclosed text as strikethrough.

  • The <del> tag comes under the category of Logical Style elements.

HTML <del> Tag - Syntax and Usage

The <del> tag requires the start(opening) tag and end(closing) tag.

Following is the syntax for using the <del> tag in your HTML code:

<del>
    deleted text
</del>

HTML <del> Tag Basic Example

Below we have a basic example showing how we can use the HTML <del> tag,

HTML <del> Tag Attributes

This element does not have any specific attributes although this element supports Global attributes and Event attributes.

Some other important attributes used along with <del> tag are given below:

1. cite:

  • This attribute is used to indicate the reason for deletion.

  • The value of this attribute is URL(Universal Resource Locator), which points to some other document that describes the deleted text.

Here is an example,

<p><del cite="/path/to/reason_for_deletion.html">This text has been deleted.</del></p>

2. datetime:

  • It is used to indicate the time of deletion.

  • It takes only a single value which is the date and time when the text got deleted.

Here is an example,

<p><del datetime="2020-05-15T22:55:03Z">This text has been deleted.</del></p>

HTML <ins> tag:

When we delete some text in a webpage, we can use the <del> tag to show it and if there is some other text inserted in the place of the deleted text, we can show it on the webpage using the <ins> tag.

Let's take an example:

<p>We no longer sell <del>ProductX</del>, instead, we now have the new <ins>ProductY</ins>.</p>

Try using the <ins> tag in the Code playground above and you will see that the text enclosed within the <ins> tag is underlined.

Default CSS style for HTML <del> tag

del {
    text-decoration: line-through;
}

Browser Support for HTML <del> tag

Following browsers support this attribute:

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 4+

  • Safari 1+

  • Opera 7+