KafeGue.com

Tag ini berfungsi untuk menampilkan keterangan berupa ‘tooltip’ yang berisi kepanjangan dari sebuah singkatan. Penggunaan tag ini wajib diikuti dengan penggunaan atribut title agar keterangan ‘tooltip’-nya bisa muncul saat dihover. Contoh nyatanya bisa Anda lihat/cek sendiri pada keterangan yang muncul ketika Anda mengarahkan kursor ke atas teks “HTML” pada paragraf pertama dan kedua di atas.

Tag <abbr> sendiri mempunyai fungsi yang sama dengan tag <acronym>, namun saya pribadi lebih memilih tag <abbr> berhubung pengunjung web/blog ini sedikit sekali yang masih menggunakan peramban Internet Explorer lawas. Mayoritas sudah menggunakan peramban modern dengan versi terkini (yang sudah mampu merender tag <abbr>).

Mungkin ada yang bertanya, seberapa pentingkah menampilkan keterangan ‘tooltip’ berupa kepanjangan singkatan menggunakan tag <abbr>? Menurut saya cukup penting, walaupun tidak ada istilah wajib dalam penggunaannya. Para pengunjung yang mengakses halaman web menggunakan pembaca layar (screen-reader) kemungkinan akan sangat terbantu dengan penggunaan tag <abbr> untuk menjelaskan kepanjangan singkatan tertentu. Ini yang saya ketahui, walaupun saya belum pernah mengecek kebenarannya secara langsung menggunakan alat pembaca layar.

Sesuai namanya, tag <button> berfungsi untuk memberi makna/tanda bahwa teks yang diapit olehnya adalah teks yang berupa tombol atau menjelaskan tentang tombol. Saya sendiri sudah beberapa kali menggunakan tag <button> pada sejumlah postingan blog ini, terutama yang berisi tutorial.

Tampilan default penggunaan tag <button> pada peramban atau halaman web tak jauh beda dengan tampilan sebuah tombol. Jadi, kita tidak wajib menyetelnya dengan kode CSS khusus. Kecuali kalau kita ingin membuat tampilannya lebih menarik atau berbeda. Contoh nyata penggunaan tag <button> bisa Anda lihat pada teks “tombol” di paragraf ini.

Merupakan tag HTML yang berfungsi untuk menguatkan makna teks khusus yang dimaksudkan sebagai keterangan tombol tertentu di keyboard (papan ketik) komputer. Misalnya tombol Enter. Perhatikan tampilan teks “Enter” yang barusan saya tulis. Itu menggunakan tag <kbd> yang saya kustom tampilannya dengan kode CSS berupa kbd{border:outset;background:#ecf0d9;color:#111;padding:0.04em 0.5em;font:100 .9em arial,sans-serif} agar tampak mirip dengan tampilan tombol di keyboard.

Saya kurang tahu tampilan default tag <kbd> jika tidak dikustomisasi dengan CSS atau style baru. Namun yang jelas, tag <kbd> sudah beberapa kali pula saya gunakan pada sejumlah postingan di blog ini.