HTML <img> alt özelliği
Tanım ve kullanım
alt Özellik, görsel görüntülenemeyen durumda alternatif metni belirlemek için zorunlu bir özelliktir.
Aşağıdaki nedenlerden biri nedeniyle kullanıcı görseli görüntüleyemiyorsa, alt özelliği görsel için alternatif bilgi sağlayabilir:
- İnternet hızı çok yavaş
- src özelliğindeki hata
- Tarayıcı görselleri devre dışı bırakıyor
- Kullanıcı ekran okuyucusu kullanıyor
<img> etiketinin alt özelliği, görsel görüntülenemeyen veya kullanıcı görsel görüntülemeyi devre dışı bırakırsa, tarayıcıda görsel yerine gösterilecek alternatif metni tanımlar.
Bu özelliği belgedeki her görsel için kullanmanızı şiddetle tavsiye ederiz. Bu şekilde, görsel görüntülenemiyorsa bile kullanıcı, kaybedilen şey hakkında bazı bilgiler görebilir. Ayrıca, engelli kullanıcılar için alt özelliği, genellikle görsel içeriğini anlamalarının tek yolu olma eğilimindedir.
İpucu:Görseli için bir araç ipucu oluşturmak istiyorsanız, aşağıdaki komutu kullanın: title özelliği!
İpucu ve açıklamalar
Açıklama:alt Özelliğin değeri, boşluk ve noktalama işaretleri dahil olmak üzere en fazla 1024 karakter içerebilen bir dizi karakterdir. Bu dizi, virgül içerir. Bu alt metin, özel karakterlerin referanslarını içerebilir, ancak diğer kategorilerdeki etiketleri içermemesi gerekir, özellikle de herhangi bir tarz etiketi içermemesi gerekir.
Açıklama:Kullanıcı fareyi img ögesi üzerine taşıdığında, Internet Explorer alt özelliğinin değerini gösterecektir. Bu davranış doğru değildir. Tüm diğer tarayıcılar normlara yaklaşıyor, sadece görsel görüntülenemiyorsa alternatif metni gösterir.
İpucu:Görseli için bir araç ipucu oluşturmak istiyorsanız, aşağıdaki komutu kullanın: title özelliği。
Örnek
Örnek 1
<img src="/i/eg_tulip.jpg" alt="Shanghai Flower Port - Tulip" />
Görsel görüntülenemiyorsa, tarayıcı alternatif metni gösterecektir, örneğin:
Ayrıca, kullanıcı fareyi resmin üzerine götürdüğünde, en yeni tarayıcılar tanımlayıcı metni bir metin kutusunda görüntüler. Alt özelliğinde resme tanımlayıcı metin ekleyen aşağıdaki kodu kullanır:
Aşağıdaki fotoğrafa fareyi götürerek ilgili etkiyi görmek için tıklayın:
Kırmızı daire içindeki metin kutusu, kullanıcı fareyi resme götürdüğünde IE7 tarayıcısında görülen etkiyi gösterir:
Örnek 2
Alternatif metni belirtilmiş olan resimler:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
gramer
<img alt="metin">
özellik değeri
| değer | tanım |
|---|---|
| metin |
Resmin alternatif metnini belirler. Alt metin kullanım ilkeleri:
|
Tarayıcı Desteği
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| Destek | Destek | Destek | Destek | Destek |
