<del>
The <del> HTML element represents a range of text that has been deleted from a document. This can be used when rendering "track changes" or source code diff information, for example. The <ins> element can be used for the opposite purpose: to indicate text that has been added to the document.
Browser support
| Feature | Desktop | Mobile | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | ≤4 | 18 | ≤3.2 | |
| HTML attribute | ||||||
cite | 1 | 12 | 1 | 3 | 18 | 2 |
datetime | 1 | 12 | 1 | 3 | 18 | 2 |
| DOM API | ||||||
| The HTMLModElement interface provides special properties (beyond the regular methods and properties available through the HTMLElement interface they also have available to them by inheritance) for manipulating modification elements, that is del and ins. | 1 | 12 | 1 | 3 | 18 | 1 |
| The cite property of the HTMLModElement interface indicates the URL of the resource explaining the modification. It reflects the cite attribute of the del element and ins elements. | 1 | 12 | 1 | 3 | 18 | 1 |
| The dateTime property of the HTMLModElement interface is a string containing a machine-readable date with an optional time value. It reflects the datetime HTML attribute of the del and ins elements. | 1 | 12 | 1 | 3 | 18 | 1 |
Syntax
<p>Price:<del>¥5,000</del> <ins>¥3,980</ins></p>
<p><del datetime="2024-01-15">Textbook (Old Edition)</del></p> Live demo
pricechange. Display
price. change representationation.se-ldisplay to usage. with Del and ins.
Use cases
-
Using <del>
The <del> HTML element represents a range of text that has been deleted from a document.
Cautions
- May not be supported in older browsers.
Accessibility
- Verify how this element is announced by screen readers.