Belajar Element HTML: <ins>

Tag <ins> mewakili teks yang disematkan (inserted text) dalam dokumen HTML.

Tag <ins> biasanya beriringan dengan elemen <del> yang digunakan untuk memperbarui (update) teks atau konten tertentu.

Elemen del menunjukkan konten yang dihapus (ditandai dengan teks yang dicoret), sedangkan elemen ins menunjukkan konten yang baru disematkan sebagai pembaruan dari konten lama yang dihapus.

Browser akan menampilkan teks dalam elemen ins dengan garis bawah, namun kamu bisa mengaturnya sendiri menggunakan CSS.

Syntax

Tag <ins> ditulis seperti <ins></ins> dengan teks yang dimasukkan diantara tag pembuka dan penutup.

Kamu bisa menggunakan atribut cite untuk menautkan ke sumber kutipan, dan atribut datetime untuk menentukan tanggal atau waktu edit.

Seperti ini:

<ins>Inserted text...</ins>

Atau dengan beberapa atribut

<ins cite="editinfo.htm" datetime="2014-08-24 00:00Z">Inserted text...</ins>

<p>Saya sering beli pulsa menggunakan aplikasi <del cite="https://www.grab.com/id/press/business/kudo-bertransformasi-menjadi-grabkios-majukan-warung-tradisional-guna-perkuat-pertumbuhan-ekonomi-indonesia/">Kudo</del> <ins>GrabKios</ins>.</p>

Contoh untuk A “To Do” List

Tag <ins> dapat digunakan dalam daftar kegiatan untuk menandai kegiatan yang telah ditambahkan ke daftar.

Untuk menandai kegiatan yang telah selesai dikerjakan, maka bisa digunakan tag <del>.

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

Dengan Date & Time

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

Pengaturan Default CSS

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

ins {
  text-decoration: underline;
}