ویژگی alt تگ <img> در HTML

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
< مرجع HTML:تگ‌ها‏ | Img(تغییرمسیر از Img tag)
پرش به ناوبری پرش به جستجو

{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

یک تصویر با یک متن مشخص‌شدهٔ جایگزین:

<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">


تعریف و کاربرد

ویژگی alt که الزامی است، در صورتی که تصویر نتواند نمایش داده شود، یک متن جایگزین را برای تصویر مشخص می‌کند.[۱]

ویژگی alt، در صورتی که بنا به هر دلیلی تصویر را نتوان دید (به دلیل اتصال کند، خطا در ویژگی src، یا چون کاربر از صفحه‌خوان استفاده می‌کند)، یک اطلاعات جایگزین را برای تصویر ارائه می‌کند.

نکته: برای ایجاد tooltip برای یک تصویر، از ویژگی title استفاده کنید!

پشتیبانی مرورگر

صفت Chrome Internet Explorer / Edge Firefox Safari Opera
alt بله بله بله بله بله

سینتکس

<img alt="text">


مقادیر صفت

مقدار توضیحات
text یک متن جایگزین برای یک تصویر مشخص می‌کند.

رهنمودهایی برای متن جایگزین:

  • متن باید به شرح تصویر بپردازد اگر تصویر حاوی اطلاعاتی باشد
  • متن باید توضیح دهد که لینک به کجا می‌رود اگر تصویر درون عنصر <a> باشد
  • از alt="" استفاده کنید اگر تصویر فقط برای تزئین است

منابع آموزشی