سمة HTML البديلة
التعريف والاستخدام
توفر السمة alt معلومات بديلة للصورة إذا كان المستخدم لسبب ما لا يمكنه عرضها (بسبب الاتصال البطيء ، أو خطأ في السمة src ، أو إذا كان المستخدم يستخدم قارئ الشاشة).
ملاحظة: سمة النص البديل مطلوبة لعنصر <img>.
ملاحظة: بالنسبة لعناصر <input> ، لا يمكن استخدام سمة alt إلا مع <input type = "image">.
تلميح: لإنشاء تلميح للصورة ، استخدم سمة العنوان !
ينطبق على
يمكن استخدام سمة alt في العناصر التالية:
| عناصر | يصف |
|---|---|
| <المنطقة> | بديل |
| <img> | بديل |
| <إدخال> | بديل |
أمثلة
مثال المنطقة
خريطة صورة مع مناطق قابلة للنقر:
<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>
مثال على ذلك
صورة بنص بديل محدد:
<img src="smiley.gif" alt="Smiley face">
مثال الإدخال
نموذج HTML مع صورة تمثل زر الإرسال:
<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>
دعم المتصفح
تحتوي altالسمة على دعم المتصفح التالي لكل عنصر:
| Element | |||||
|---|---|---|---|---|---|
| area | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input | Yes | Yes | Yes | Yes | Yes |