Some text some message..
Some text some message..
Some text some message..
Some text some message..

Tag <s> (Strikethrough) Pada HTML

previous Previous Page

HTML element tag <s> (strikethrough) merupakan tag pada HTML yang digunakan untuk menunjukkan bahwa konten yang dimaksud sudah tidak lagi akurat dan relevan. HTML element tag ini memiliki tampilan berupa teks yang dicoret. Element tag ini biasanya digunakan pada situs e-commerce dalam membuat tampilan label seperti pada label harga diskon, dimana harga utama akan diberikan efek coretan dan digantikan dengan harga baru yang lebih murah. Penulisan tag ini dibuka dengan <s> dan ditutup dengan tag </s>.

Tag <s> pada HTML 4.0 sudah dihilangkan namun dikenalkan kembali pada HTML5 dengan tujuan sebagai koreksi atas teks yang tidak relevan lagi. Tag lain pada HTML yang memiliki kemiripan tampilan adalah tag <del>. Tag ini juga akan menghasilkan gaya tampilan berupa teks dengan tanda coret. Namun penggunaanya berbeda. Jika tag <s> digunakan sebagi koreksi atas teks yang tidak relevan, namun tag <del> digunakan saat teks tersebut benar-benar salah dan mau dihilangkan atau dihapus (deleted).

Berikut ini contoh penggunaan tag <s> :

HTML

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<head>
   <title>Latihan Menggunakan HTML Element Tag S (strikethrough)</title>
</head>
<body>
   <h1>Latihan Menggunakan HTML Element Tag S - Strikethrough</h1>
   <p>Dapatkan Promo Akhir Tahun!! 50% off..</p>
   <p>1.Dompet cantik : <s>Rp. 150.000,-</s> <strong>Rp. 50.000,- </strong></p>
   <p>2. Baju Katun : <s>Rp. 130.000,-</s> <strong>Rp. 65.000,- </strong></p>
   <p>3. Kemeja Pria : <s>Rp. 120.000,-</s> <strong>Rp. 60.000,- </strong></p>
</body>
</html>

Jika dijalankan pada browser akan menghasilkan tampilan :

strikethrough html

Browser Pendukung :

Elemencromeinternet explorerfirefoxsafariopera
<s>yayayayaya

Global Attributes :

Tag <s> mendukung Global Atribut di dalam HTML yang artinya bahwa pada tag ini dapat sisipkan atribut yang bersifat global yang secara umum berlaku pada semua komponen tag HTML.
Silahkan kunjungi Atribut Global Pada HTML untuk mengetahui detail global atribut pada HTML

Event Attributes :

Tag <s> mendukung Event Atribut atau atribut acara (kejadian). Atribut acara ini merupakan wilayah javascript tentang bagaimana menampilkan halaman web. Misalnya saat halaman web sedang loading (onload) sampai interaksi user pada halaman web tersebut seperti scrolling layar (onscroll), menekan tombol pada keyboard (onkeypress, onkeydown), mengarahkan mouse (onmouseover) dan lainnya.
Silahkan kunjungi Event Atribut Pada HTML untuk mengetahui detail event atribut pada HTML.

Pengaturan Default CSS :

Nilai default pengaturan gaya untuk elemen <s> pada HTML:

CSS

1
2
3
s{
   text-decoration : line-through;
}

noteCatatan : Anda tidak seharusnya menggunakan tag <strike> untuk mendapatkan gaya berupa teks tercoret, karena di dalam html5 tag ini sudah deprecated dan sudah tidak digunakan lagi. Sebagai penggantinya Anda dapat menggunakan tag <s> atau tag <del> sebagai gantinya.

facebooktwitterwhatapplinkedinpinterest

previous Previous Page

Tutorial HTML

News Letters

Silahkan masukkan email Anda untuk berlangganan informasi kami