Kode HTML Singkatan dan Akronim

Sambil mengingatkan diri sendiri, saya akan berbagi dan diskusi tentang apa itu singkatan dan akronim. Juga sharing tentang bagaimana memasang HTML singkatan dan akronim pada kata tertentu di postingan. Sebelum lanjut, kita simak dulu arti kata singkatan dan akronim menurut KBBI sebagai berikut:

sing·kat·an n 1 hasil menyingkat (memendekkan), berupa huruf atau gabungan huruf (msl DPR, KKN, yth., dsb., dan hlm.); 2 kependekan; ringkasan;

ak·ro·nim n Ling kependekan yg berupa gabungan huruf atau suku kata atau bagian lain yg ditulis dan dilafalkan sbg kata yg wajar (msl mayjen mayor jenderal, rudal peluru kendali, dan sidak inspeksi mendadak);

O iya, tampilan di atas saya kutip dari hasil pencarian pada KBBI Offline 1.3 yang saya miliki. Bagi yang belum punya silakan unduh dari blognya Kang Ebta Setiawan. Atau bisa juga langsung kunjungi halaman KBBI Daring milik Pusat Bahasa Kementrian Pendidikan Nasional.

Pada tulisan ini, ada beberapa kata yang memiliki garis bawah halus, seperti kata HTML, KBBI dan Daring. Apabila diraba dengan pointer mouse, akan ada  keterangan (tooltip) kepanjangan dari singkatan dan akronim tersebut. Memberikan keterangan dengan gaya seperti ini bisa menghemat kata dan ruang pada tulisan.

Kita bisa saja memakai tanda dalam kurung untuk menjelaskan kepanjangan suatu singkatan atau akronim. Tapi, bayangkan seandainya kita harus menuliskan kepanjangan yang panjang dari suatu singkatan/akronim. Contoh yang agak sedikit panjang misalnya: BPUPKI (Badan Penyelidik untuk Persiapan Kemerdekaan Indonesia). Cukup panjang, bukan?

Kode HTML <abbr> dan <acronym>

Lalu bagaimana cara menambahkan kode HTML untuk singkatan dan akronim? Caranya mudah:

(1) Edit atau buat baru sebuah tulisan yagn berisi singkatan atau akronim.

(2) Klik tab HTML yang ada di pojok kanan atas area editor tempat kita mengetik postingan. Maka tulisan kita akan berubah ke dalam modus HTML.

Klik tab HTML untuk berganti ke modus HTML.

(3) Cari singkatan yang akan diberi keterangan (tooltip). Pada bagian awal kata beri tanda <abbr> dan pada akhir dari kata tersebut beri tanda </abbr> seperti contoh di bawah ini (saya memakai contoh singkatan KBBI):

<abbr>KBBI</abbr>

Kode HTML di atas sengaja saya beri warna biru untuk memudahkan melihat. Pahamilah bahwa kata yang akan diberi keterangan harus diapit oleh kedua kode tersebut.

(4) Langkah berikutnya adalah mengisi kepanjangan dari singkatan tersebut. Sisipkan semua atribut yang huruf-huruf dan kodenya saya beri warna merah sehingga menjadi seperti berikut:

<abbr title="Kamus Besar Bahasa Indonesia">KBBI</abbr>

(5) Kemudian untuk kembali ke modus visual, klik tab Visual yang ada di pojok kanan bawah area text editor tempat kita mengetik postingan. Rabalah singkatan tadi dengan pointer mouse Anda. Apabila ada tooltip yang menjelaskan kepanjangan dari singkatan tersebut, berarti upaya kita; berhasil!

Catatan : abbr merupakan kepanjangan dari abbreviation. Untuk pemakaian kode <acronym></acronym>, penerapannya sama persis dengan kode <abbr></abbr>.

Jangan lupa menyimpan postingan Anda. Selamat mencoba ya.