Belajar Element HTML: <del>

Tag <del> mewakili teks yang dihapus dalam dokumen HTML.

Menandai teks yang dihapus sering digunakan untuk membedakan antara beberapa versi dokumen yang sama.

Syntax

Tag <del> ditulis seperti <del></del> dengan teks yang dihapus diantara tag pembuka dan penutup.

Seperti ini:

<del>Teks yang dihapus ...</del>

Contoh “To Do” List

<ol>
  <li><del>Book flights</del></li>
  <li><del>Book accommodation</del></li>
  <li><del>Go to airport</del></li>
  <li>Fly away!</li>
</ol>

Date & Time

<ol>
  <li><del datetime="2014-08-11T10:25-05:00">Book flights</del></li>
  <li><del datetime="2014-08-11T11:25-05:00">Book accommodation</del></li>
  <li><del datetime="2014-08-12T06:10-05:00">Go to airport</del></li>
  <li>Fly away!</li>
</ol>

Menyisipkan Teks Baru

<p>On 21 December 2012 the whole world is going to <del datetime="2012-12-22T00:01-05:00" cite="/2012_correction.html">end!</del> <ins datetime="2012-12-22T00:01-05:00" cite="/2012_correction.html">carry on as usual</ins>.</p>

cite

Menentukan URL tempat alasan penghapusan dijelaskan.

"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/acronym"

Hanya URL valid yang bisa digunakan.

datettime

Menentukan kapan penghapusan telah terjadi.

Pengaturan Default CSS

Sebagian besar browser menampilkan elemen <del> dengan pengaturan CSS:

del {
  text-decoration: line-through;
}