Sebagian besar dari kamu pasti sudah sering melihat tooltip atau popup kecil ini. Jika kita mengarahkan cursor mouse kita ke sebuah tombol, terkadang muncul tooltip atau popup seperti gambar di bawah ini yang memberitahukan fungsi dari tombol tersebut. Inilah fungsi dari title attribute di HTML. 



Cara menggunakan title attribute cukup sederhana, dan title attribute ini bisa digunakan di hampir semua tag HTML karena ia merupakan salah satu dari global attribute. Bisa ditaruh di div, p tag, dan masih banyak lagi, gak cuma di button atau tombol aja.



Ini kata Mozilla mengenai title attribute

Atribut judul global berisi teks yang mewakili informasi penasehat terkait dengan elemen yang dimilikinya (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title).

Atribut global adalah atribut yang umum untuk semua elemen HTML; mereka dapat digunakan pada semua elemen, meskipun mungkin tidak berpengaruh pada beberapa elemen (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes).

Penutup

Itu dia mengenai HTML title attribute. Ia biasa dipakai untuk memberi keterangan di berbagai elemen HTML, terutama untuk sebuah tombol yang hanya memiliki icon dan tidak ada keterangan berbentuk teks di dalam tombol tersebut.

Atribut HTML yang satu ini berfungsi untuk memberikan keterangan pada gambar, tombol yang hanya berisi icon, link, dan masih banyak lagi. Namun beberapa orang berpendapat bahwa atribut ini sudah tidak berguna lagi karena support yang tidak terlalu bagus dan kadaluarsa.

Ditambah lagi dengan adanya smartphone dan touchscreen, maka title attribute tidak bisa tampil.

Kalau menurut pendapat pribadi saya sih attribute title ini masih sangat berguna untuk memberi keterangan tentang sebuah tombol atau hal - hal lainnya. Walaupun untuk memberi keterangan ini tidak harus menggunakan title attribute tapi bisa menggunakan div biasa atau style yang lainnya.

Lalu bagaimana dengan SEO?

Kalau mengenai SEO dari hasil riset saya baca - baca artikel di internet, mereka mengatakan title attribute ini gak ada hubungannya dengan SEO. Google, Yahoo, dan MSN tidak mengambil title attribute ini untuk keperluan SEO. Tapi menurut saya pribadi title attribute ini sangat penting untuk memberi keterangan kepada user supaya UX-nya aplikasi web kita jadi lebih baik.