Beberapa situs web / blog memiliki abbr text dalam beberapa katanya, biasanya ini menjelaskan apa dari maksud teks tersebut. Misalnya kamu memiliki price list dengan fitur-fitur unggulan, kemudian ingin menampilkan deskripsi untuk menjelaskan maksud dari fitur tersebut gunakanlah tag <abbr>.
Ini juga biasa digunakan untuk help text alias teks bantuan, tujuannya untuk mempermudah para pengunjung memahami apa maksud dari kata-kata tersebut. Pada framework Bootstrap, cukup gunakan tag <abbr> untuk membuat seperti itu.
Sentuhlah tulisan ini untuk menampilkan deskripsi, begini cara membuatnya:
<p>Ikuti kode ini, <abbr title="Masukkan deskripsi disini agar tampil ketika disentuh">Ini teks beneran</abbr>, coba saja hover.</p>
Pada Tittle di dalam <abbr> silahkan masukkan deskripsi yang ingin ditampilkan ketika teks asli di dalam <abbr> di hover. Simpan dan lihat hasilnya ! Deskripsi tersebut akan muncul ketika hover mouse.
Berikanlah class/id dan style pada <abbr> tersebut jika ingin membuatnya lebih menarik dan tidak ingin menggunakan default style.