ویژگی alt <img> HTML
تعریف و استفاده
alt ویژگی یک ویژگی اجباری است که متنی جایگزین را در صورت نمایش ندهی تصویر تعیین می‌کند.
اگر کاربر نتواند تصویر را مشاهده کند به دلیل موارد زیر، ویژگی alt می‌تواند اطلاعات جایگزینی برای تصویر ارائه دهد:
- سرعت اینترنت کند است
- اشتباه در ویژگی src
- مرورگر تصاویر را غیرفعال کرده است
- کاربر از یک خواننده‌ی صفحه‌نمایی استفاده می‌کند
ویژگی alt علامت <img> تعیین می‌کند متنی جایگزین، که در صورت نمایش ندهی تصویر یا وقتی که کاربر نمایش تصاویر را غیرفعال کند، محتوای جایگزین در مرورگر نمایش داده می‌شود.
ما به شدت توصیه می‌کنیم که در هر تصویر موجود در مستند از این ویژگی استفاده کنید. این‌گونه حتی اگر تصویر نمایش داده نشود، کاربر می‌تواند اطلاعاتی درباره‌ی چیزی که از دست رفته است، ببیند. و همچنین برای افراد معلول، ویژگی alt معمولاً تنها راهی است که می‌توانند محتوای تصویر را درک کنند.
توضیح:برای ایجاد ابزار توضیحی برای تصویر از ویژگی title!
توضیح و یادداشت‌ها
توضیح:alt مقدار ویژگی یک رشته است که حداکثر می‌تواند شامل 1024 کاراکتر باشد، از جمله فاصله و علامت‌های زبانی. این رشته باید در قوتی قرار گیرد. این متنی جایگزین alt می‌تواند شامل ارجاع به کاراکترهای خاص باشد، اما اجازه ندارد علامت‌های دیگری را شامل شود، به ویژه اجازه ندارد هیچ برچسب استایل داشته باشد.
توضیح:وقتی که کاربر موس را روی علامت img حرکت می‌دهد، اینترنت اکسپلورر مقدار ویژگی alt را نمایش می‌دهد. این رفتار صحیح نیست. تمام مرورگرهای دیگر به استاندارد نزدیک‌تر هستند، تنها زمانی که تصویر نمایش داده نمی‌شود، متنی جایگزین نمایش داده می‌شود.
توضیح:اگر می‌خواهید ابزار توضیحی برای تصویر ایجاد کنید، از ویژگی title。
مثال
مثال 1
<img src="/i/eg_tulip.jpg" alt="شنگهای پارک شانگهای - لالوبال" />
اگر تصویر نمیتواند نمایش داده شود، مرورگر متنی جایگزین را نمایش خواهد داد، مانند این:
ਇਲਾਵਾ, ਜਦੋਂ ਮਾਉਸ ਚਿੱਤਰ ਉੱਤੇ ਲਿਆ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਨਵੇਂਂ ਬਰਾਉਜ਼ਰ ਇੱਕ ਟੈਕਸਟ ਬਾਕਸ ਵਿੱਚ ਵਰਣਨਾਤਮਕ ਟੈਕਸਟ ਵਿਖਾਉਂਦੇ ਹਨ।ਹੇਠ ਲਿਖੇ ਕੋਡ ਵਿੱਚ alt ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਿੱਚ ਚਿੱਤਰ ਦੇ ਵਰਣਨਾਤਮਕ ਟੈਕਸਟ ਵਾਲੇ ਕੋਡ ਵਿੱਚ ਲਿਆ ਗਿਆ ਹੈ:
ਤੁਸੀਂ ਨਿਚੇ ਦੇ ਫੋਟੋ 'ਤੇ ਮਾਉਸ ਨੂੰ ਲਿਆ ਸਕਦੇ ਹੋ, ਅਤੇ ਸਬੰਧਤ ਪ੍ਰਭਾਵ ਨੂੰ ਦੇਖ ਸਕਦੇ ਹੋ:
ਹੋਰਨ ਵਿੱਚ ਹੋਏ ਟੈਕਸਟ ਬਾਕਸ ਨੂੰ ਮਾਉਸ ਨੂੰ ਚਿੱਤਰ 'ਤੇ ਲਿਆਉਣ ਨਾਲ ਆਇਈਐੱਲ 7 ਬਰਾਉਜ਼ਰ ਵਿੱਚ ਵਿਖਾਇਆ ਜਾਂਦਾ ਹੈ:
ਉਦਾਹਰਣ 2
ਪਰਿਵਰਤਨ ਟੈਕਸਟ ਵਾਲੇ ਚਿੱਤਰ ਨੂੰ ਸ਼ਾਮਿਲ ਕੀਤਾ ਗਿਆ ਹੈ:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
ਗਤੀਸ਼ੀਲਤਾ
<img alt="text">
ਪ੍ਰਤੀਯੋਗਿਤਾ ਮੁੱਲ
| ਮੁੱਲ | ਵਰਣਨ |
|---|---|
| text |
ਚਿੱਤਰ ਦੇ ਪਰਿਵਰਤਨ ਟੈਕਸਟ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ alt ਟੈਕਸਟ ਦੇ ਵਰਤੋਂ ਦੇ ਨਿਯਮਾਂ:
|
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
| ਚਰਮ | ਐਜ਼ | ਫਾਰਫੈਕਸ | ਸਫਾਰੀ | ਓਪੇਰਾ |
|---|---|---|---|---|
| ਚਰਮ | ਐਜ਼ | ਫਾਰਫੈਕਸ | ਸਫਾਰੀ | ਓਪੇਰਾ |
| ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ |
