Definisi dan Penggunaan
The alt atribut menyediakan informasi alternatif untuk gambar jika pengguna untuk beberapa alasan tidak bisa melihatnya (karena koneksi yang lambat, kesalahan dalam src atribut, atau jika pengguna menggunakan pembaca layar).
Catatan: alt atribut diperlukan untuk <img> elemen.
Catatan: Untuk <input> elemen, alt atribut hanya dapat digunakan dengan <input type="image"> .
Tip: Untuk membuat tooltip untuk gambar, gunakan title atribut!
Berlaku untuk
The alt atribut dapat digunakan pada unsur-unsur berikut:
| elemen | Atribut |
|---|---|
| <area> | alt |
| <img> | alt |
| <input> | alt |
contoh
Area Contoh
Gambar-peta, 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>
Cobalah sendiri " Img Contoh
Gambar dengan teks alternatif yang ditentukan:
<img src="smiley.gif" alt="Smiley face">
Cobalah sendiri " Input Contoh
HTML form dengan gambar yang mewakili tombol submit:
<form action="demo_form.asp">
First name: <input type="text" name="fname"><br>
<input type="image" src="submit.gif" alt="Submit" width="48" height="48">
</form>
Cobalah sendiri " Dukungan Browser
The alt atribut memiliki dukungan browser berikut untuk setiap elemen:
| Elemen | |||||
|---|---|---|---|---|---|
| area | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input | Yes | Yes | Yes | Yes | Yes |