HTML del Tag

by Online Tutorials Library July 14, 2022

HTML <del> tag

HTML <del> tag is used to represent the range of text that has been deleted/removed from the document. It is used as a Markup for the deleted content. The browser generally renders it by strike a line through the deleted text, although this can be changed using the CSS property.

Note: To identify the deleted text and inserted text use <ins> tag with <del> which will display deleted and inserted text in a document.

Syntax

Following are some specifications about the HTML <del> tag

Display	Inline
Start tag/End tag	Both Start and End tag
Usage	Textual

Example 1

  <!DOCTYPE html>  <html>  <head>  <title>Del tag</title>  </head>  <body>  <h2>Example of Del Tag</h2>  <p>It represent the <del> deleted </del> text. </p>  </body>  </html>  

Test it Now

Output:

HTML del tag

Example 2

Using CSS and <ins> tag

  <!DOCTYPE html>  <html>  <head>  <title>Del tag</title>  <style>  del{  color: red;  background-color: #fde1e5;}     ins{         color:#16c39a;}  </style>  </head>  <body>  <h2>Example of Del Tag</h2>  <p>Rishi came to Rahul’s palce to <del>shock </del> <ins> surprise </ins> him</p>  </body>  </html>  

Test it Now

Output:

HTML del tag

Attribute

Attribute	Value	Description
cite	URL	It specifies a URL of the resource which explains change or reason of deleting text.
datetime	YYYY-MM-DDThh:mm:ssTZD	It specifies the date and time when text is deleted.

Global Attribute

HTML <del> tag supports the Global attributes.

Event Attribute

HTML <del> tag supports the Event attributes.

Supporting Browsers

Element	Chrome	IE	Firefox	Opera	Safari
<del>	Yes	Yes	Yes	Yes	Yes

Next TopicHTML details tag