HTML Cross Out Text

HTML Cross Out Text: Main Tips

• <del> element marks and makes HTML cross out text deleted from HTML files.
• Simplify the editing process and indicate the deleted text with HTML <del> tag and the inserted content with <ins>.

Use of del

The <del> tag marks the deleted text in a document. This element crosses out the removed content with a line.

You can make HTML cross out text with both <del> and <s>. However, <del> is more suitable for marking document changes.

<p>I am not deleted text, but <del>I am.</del></p>

Note: you should use <del> instead of the deprecated <strike> element.

Theory is great, but we recommend digging deeper!

Learn HTML5 and CSS3 to Build a HTML5 Website from Scratch

Stone River eLearning

4.2 (694)

Attributes for del

cite

This cite attribute defines an URL address to explain the reason some part of content was deleted.

<p>I am <del cite="h1.html">a h1 tag</del> a paragraph.</p>

datetime

This datetime attribute indicates the date and time when the content was deleted.

<p>I am not deleted text, but <del datetime="2017-07-27">I am.</del></p>

Browser support

Chrome

All

Edge

All

Firefox

1+

IE

All

Opera

All

Safari

All

Mobile browser support

Chrome

All

Firefox

4+

Opera

All

Safari

All