Belajar HTML ABBR Tag Element <abbr>

KURAZONE ~ Belajar HTML <abbr> Tag Element. Pengenalan element <abbr> ... </abbr> yang sering digunakan untuk menjelaskan kepanjangan dari sebuah singkatan, mencakup bentuk penulisan dan contoh kasus agar mudah dipahami.

PENGENALAN
HTML abbr 

abbr merupakan element yang merujuk pada sebuah abbreviation (singkatan) atau acronym (akronim), seperti WHO, HTML, CSS, PNS, ASN, PPPK, ASAP, OTW, DPR, MPR, RT, RW, TPS, Baper, Jones, dan lain-lain yang menunjukkan bahwa singkatan tersebut memiliki kepanjangan.

Element <abbr> digunakan bersamaan dengan atribut title yang menjelaskan kepanjangan dari singkatan tersebut dan tidak boleh berisi keterangan lain. Kepanjangan yang ditulis pada atribut title dapat dilihat ketika mouse/pointer menyentuh singkatan tersebut atau ketika kursor berada diatas element abbr tersebut.

<abbr title="Kepanjangan Disini">Singkatan Disini</abbr>

ATRIBUT
Atribut pada element abbr

title

Digunakan untuk menjelaskan kepanjangan dari singkatan

<abbr title="World Health Organization">WHO</abbr>

Contoh :
PNS = Pegawai Negeri Sipil

<p><abbr title="Pegawai Negeri Sipil">PNS</abbr> yang harus bekerja pada saat cuti bersama Lebaran 2018 akan mendapat jatah pengambilan cuti di waktu lain.</p>

Hasil : (arahkan kursor ke PNS)

PNS yang harus bekerja pada saat cuti bersama Lebaran 2018 akan mendapat jatah pengambilan cuti di waktu lain.

PRAKTEK | Contoh HTML <abbr> element

Membuat singkatan sederhana (bentuk dasar abbr)

<abbr title="Dewan Perwakilan Rakyat">DPR</abbr>

Pengaturan CSS Awal

/* Tidak Ada. Element ini tidak ada default style yang berlaku */

Namun untuk mempercantik tampilan ABBR, bisa menggunakan CSS seperti berikut:
<style>
abbr[title]{
cursor: help;
border-bottom: 1px dotted #777; 
}
</style>

Browser yang mendukung

Element
<abbr>	Yes	Yes	Yes	Yes	Yes

Dari penjelasan pada artikel ini, semoga sahabat Kurazone dapat dengan mudah memahami HTML ABBR Tag Element