Tag ABBR (Abbreviation) adalah salah satu tag HTML yang biasa digunakan untuk mendefinisikan singkatan dan bisa juga digunakan untuk memberikan keterangan atau informasi panjang yang akan muncul jika mouse digerakkan diatasnya. Tag ABBR sudah support untuk 5 besar browser yang sering digunakan yaitu :


Tag ABBR biasanya ditandai dengan dotted line atau garis bertitik khusus, browser firefox dan Opera otomatis akan tampil. Sedangkan untuk browser Chrome dan Safari agar bisa tampil titik-titik tersebut harus memasukkan sebaris CSS Code pada template blog. Caranya nanti akan saya jelaskan pada postingan ini.



Pada gambar di atas contoh hasil penggunaan ABBR pada postingan yang pernah saya buat. Di sana terlihat tulisan Kampung Banjar ada dotted line, jika kursor digerakkan pada kalimat tersebut maka akan muncul keterangan tentang Kampung Banjar yang sudah saya tulis pada HTML.

Dengan menggunakan Tag ABBR keuntungannya kita bisa tetap fokus pada topik penulisan. Contohnya pada contoh diatas saya menuliskan tentang Kuliner dari daerah Kampung Banjar, saya tidak mau menuliskan panjang lebar penjelasan tentang Kampung Banjar. Tetapi pembaca bisa tahu tentang Kampung Banjar dengan menggerakan kursor pada kata atau kalimat yang ditandai dengan dotted line.

Cara menggunakan Tag ABBR pada blog, bisa digunakan pada blogspot maupun wordpress. Tapi yang saya contohkan di sini untuk blogspot. Tentukan kata atau kalimat yang akan digunakan, lalu masuk ke HTML, lalu tuliskan format ABBR seperti yang saya tuliskan di bawah ini.


Berikut contoh penggunaan ABBR pada HTML bisa dilihat pada gambar di bawah ini :



Agar dotted line-nya bisa terlihat di browser Chrome dan Safari maka harus ditambahkan kode :

abbr {border-bottom: 1px dotted black;}

Lalu masukkan kode tersebut pada bagian CSS pada template HTML blog seperti terlihat di bawah ini.