صفت خصوصی alt در html | ویژگی alt | متن جایگزین

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

در این مقاله از سایت آموزی جهت استفاده شما مخاطبان محترم قصد داریم در مورد صفت کاربردی alt در html که مختص به تگ img ، تگ area و تگ input می باشد، توضیحاتی ارائه نماییم. با ما همراه باشید.

بررسی تگ ها و صفات اچ تی ام ال با تمام جزییات در سایت آموزی

کاربرد خاصیت alt در html

ویژگی خصوصی alt در html ، درون تگ img ، تگ area و تگ input کاربرد دارد.

در حقیقت خاصیت alt در html ، اطلاعاتی از تگ های مذکور به صورت متن جایگزین را درون خود نگهداری می کند.

اگر به هر دلیلی محتویات تگ به کاربر نشان داده نشد، خاصیت alt همچنان اطلاعات را حفظ می کند.

مثلا یک تصویر به دلایلی اعم از تغییر مسیر src ، سرعت کم نت ، خطا و … نمایش داده نمی شود.

در این صورت خاصیت alt اطلاعات آن عکس لود نشده را نمایش می دهد.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

خاصیت alt درون تگ img در html

ویژگی خصوصی alt در تگ img یک خاصیت الزامی می باشد، که بهتر است حتما از آن استفاده شود.

استفاده از خاصیت alt درون تگ های img تاثیر خوبی روی سئوی تصاویر وبسایت شما دارد.

نکته :

برای ساختن یک tooltip که زمان هاور شدن روی عکس اطلاعاتی نشان دهد، از صفت title استفاده شود.

مثال استفاده از خاصیت alt در تگ img

[html]<img src=”logo-siteamoozi.png” alt=”logo brand”>[/html]

خروجی کد در مرورگر اینترنتی

logo brand

خاصیت alt درون تگ area در html

ویژگی خصوصی alt در تگ area نیز جهت تعیین اطلاعات یک نقشه در سند html کاربرد دارد.

مثال استفاده از خاصیت alt در تگ img

[html]<img src=”planets.gif” width=”145″ height=”126″ alt=”Planets” usemap=”#planetmap”>
<map name=”planetmap”>
<area shape=”rect” coords=”0,0,82,126″ alt=”Sun” href=”sun.htm”>
<area shape=”circle” coords=”90,58,3″ alt=”Mercury” href=”mercur.htm”>
<area shape=”circle” coords=”124,58,8″ alt=”Venus” href=”venus.htm”>
</map>[/html]

خروجی کد در مرورگر اینترنتی

Planets

Sun Mercury Venus

خاصیت alt درون تگ input در html

ویژگی خصوصی alt در تگ input زمانی کاربرد دارد، که تگ input دارای صفت type با مقدار image باشد.

مثال استفاده از خاصیت alt در تگ img

[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>[/html]

خروجی کد در مرورگر اینترنتی

First name:

بررسی خاصیت alt در html 4.0.1 و HTML5

خاصیت alt از نظر کاربرد در HTML 4.0.1 و HTML5 تفاوتی ندارد و در هر دو نسخه پشتیبانی می شود.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

صفت خصوصی alt در html | ویژگی alt | متن جایگزین - سایت آموزی

پشتیبانی مرورگرهای اینترنتی از خاصیت alt

تمام مرورگرهای معتبر اینترنتی در همه نسخه ها اعم از مرورگر گوگل کروم ، مرورگر اینترنت اکسپلورر ، مرورگر فایرفاکس ، مرورگر سافاری و مرورگر اپرا از ویژگی خصوصی alt پشتیبانی می کنند.

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

صفت خصوصی alt در html | ویژگی alt | متن جایگزین – اختصاصی سایت آموزی