English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل مرجعي لـ HTML

مجموعة كاملة من علامات HTML

HTML: <img> خاصية alt

إذا كان المستخدم غير قادر على عرض الصورة لأي سبب من الأسباب (مثل سرعة الاتصال البطيئة، خطأ في خاصية src أو استخدام المستخدم لقارئ الشاشة)، فإن خاصية alt توفر معلومات بديلة للصورة. إذا لم يتم عرض الصورة، فإن استخدام خاصية alt لتعيين نص بديل للصورة هو أمر ضروري.

 HTML <img> العلامة

مثال على الإنترنت

حددت صورة تحتوي على نص بديل:

!DOCTYPE html
<html>
<head>
<title>HTML:<img> alt خاصية - موقع دروس أساسيات الكود oldtoolbag.com</title>
<body>
<img src="haha-no.gif" alt="haha face" width="42" height="42">
</body>
</html>
اختبار لمعرفة ‹/›

توافق المتصفحات

IEFirefoxOperaChromeSafari

جميع المتصفحات الرئيسية يدعمون خاصية alt.

التعريف والاستخدام

الخاصية alt هي خاصية مطلوبة، وتحدد نص البديل عند عدم عرض الصورة.

إذا لم يتم عرض الصورة، فيجب استخدام الخاصية alt لتعيين نص بديل للصورة.

إذا لم يتمكن المستخدم من عرض الصورة لأي سبب من الأسباب (بسبب سرعة الاتصال البطيئة أو خطأ في الخاصية src أو استخدام المستخدم لقارئ الشاشة)، توفر الخاصية alt معلومات بديلة للصورة.

ملاحظة:عندما يتحرك المستخدم إلى عنصر img، يعرض Microsoft Internet Explorer (إصدارات 9 قبل ذلك) قيمة الخاصية alt كتلميح. وفقًا لم规范 HTML، هذا السلوك غير صحيح.

نصيحة:إذا كنت بحاجة إلى إنشاء تلميح للصورة، استخدم title خصائص!

الفرق بين HTML 4.01 و HTML5

لا يوجد.

القواعد

<img alt="نص">

قيمة الخاصية

قيمةوصف
نصتحديد نص بديل للصورة.

أصول استخدام نص alt:

  • إذا كانت الصورة تحتوي على معلومات، استخدم alt لوصف الصورة

  • إذا كانت الصورة في عنصر <a>، استخدم alt لوصف الرابط الهدف

  • إذا كانت الصورة تستخدم فقط للزينة، استخدم alt=""

 HTML <img> العلامة