HTML alt Özelliği
Tanım ve Kullanım
alt özelliği, bir kullanıcı herhangi bir nedenle görüntüleyemiyorsa (yavaş bağlantı, src özelliğindeki bir hata veya kullanıcı bir ekran okuyucu kullanıyorsa) resim için alternatif bilgiler sağlar.
Not: <img> öğesi için alt niteliği gereklidir.
Not: <input> öğeleri için alt niteliği yalnızca <input type="image"> ile kullanılabilir.
İpucu: Bir resim için araç ipucu oluşturmak için title niteliğini kullanın!
Şunlar için geçerlidir:
Alt niteliği aşağıdaki öğelerde kullanılabilir:
| Elementler | Bağlanmak |
|---|---|
| <alan> | alt |
| <img> | alt |
| <giriş> | alt |
Örnekler
Alan Örneği
Tıklanabilir alanları olan bir resim haritası:
<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>
Resim Örneği
Belirtilen alternatif metne sahip bir resim:
<img src="smiley.gif" alt="Smiley face">
Giriş Örneği
Gönder düğmesini temsil eden bir resim içeren bir HTML formu:
<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>
Tarayıcı Desteği
Nitelik alt, her öğe için aşağıdaki tarayıcı desteğine sahiptir:
| Element | |||||
|---|---|---|---|---|---|
| area | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input | Yes | Yes | Yes | Yes | Yes |