صفت خصوصی alt در html

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

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

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

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

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

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

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

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

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

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

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

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

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

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

نکته :

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

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

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

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

خاصیت 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]

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

خاصیت 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]

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

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