Atribut alt HTML
Definisi dan Penggunaan
Atribut alt memberikan informasi alternatif untuk gambar jika pengguna karena alasan tertentu tidak dapat melihatnya (karena koneksi lambat, kesalahan pada atribut src, atau jika pengguna menggunakan pembaca layar).
Catatan: Atribut alt diperlukan untuk elemen <img>.
Catatan: Untuk elemen <input>, atribut alt hanya dapat digunakan dengan <input type="image">.
Tip: Untuk membuat tooltip untuk gambar, gunakan atribut title !
Berlaku untuk
Atribut alt dapat digunakan pada elemen berikut:
Elemen | Atribut |
---|---|
<area> | alternatif |
<img> | alternatif |
<masukan> | alternatif |
Contoh
Contoh Daerah
Peta gambar, dengan area yang dapat diklik:
<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Contoh img
Gambar dengan teks alternatif yang ditentukan:
<img src="smiley.gif" alt="Smiley face">
Contoh Masukan
Formulir HTML dengan gambar yang mewakili tombol kirim:
<form action="/action_page.php">
First name: <input type="text" name="fname"><br>
<input type="image" src="submit.gif" alt="Submit" width="48" height="48">
</form>
Dukungan Peramban
Atribut alt
memiliki dukungan browser berikut untuk setiap elemen:
Element | |||||
---|---|---|---|---|---|
area | Yes | Yes | Yes | Yes | Yes |
img | Yes | Yes | Yes | Yes | Yes |
input | Yes | Yes | Yes | Yes | Yes |