Code has been added to clipboard!

HTML Cross Out Text

Reading time 1 min
Published Mar 19, 2019
Updated Oct 1, 2019

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.

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

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

Attributes for del

cite

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

Example
<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.

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

Browser support

Browser image
Chrome
All
Browser image
Edge
All
Browser image
Firefox
1+
Browser image
IE
All
Browser image
Opera
All
Browser image
Safari
All

Mobile browser support

Browser image
Chrome
All
Browser image
Firefox
4+
Browser image
Opera
All
Browser image
Safari
All

Latest Coupon Found:

Verified STAFF PICK

TOP-RATED CODING COURSES

Learn the skills of tomorrow

The best time to learn programming is now - follow this link to access 100+ coding courses and enjoy learning at a very low cost!

Expiration date: 15/05/2021
2287 People Used
Only 92 Left
Rating
5.0