Loading...
تگ img در HTML
نحوه تعریف و استفاده تگ img
تگ <img> در اسناد HTML یک تصویر را در یک صفحه HTML تعریف می کند و مشخص کردن دو صفت src و alt برای عنصر <img> لازم است.
توجه: تصاویر به صورت فنی به یک صفحه HTML وارد نمی شوند، تصاویر به صفحات HTML متصل می شوند. برچسب <img> یک فضای نگهداری برای تصویر مرجع ایجاد می کند.
مثال
نحوه وارد کردن یک تصویر به سند:
1 | <img src="smiley.gif" alt="Smiley face" height="42" width="42"> |
پشتیبانی مرورگر
| عنصر | Chrome | Edge | Firefox | Safari | Opera |
| <img> | Yes | Yes | Yes | Yes | Yes |
تفاوت بین HTML 4.01 و HTML 5
ویژگی های align، border، hspace و vspace در HTML5 پشتیبانی نمی شوند.
| صفت | مقدار | توضیحات |
| align | top bottom middle left right | در HTML5 پشتیبانی نمی شود. مشخص کردن تراز یک تصویر با توجه به عناصر اطراف |
| alt | text | متن جایگزین برای یک تصویر را مشخص می کند |
| border | pixels | در HTML5 پشتیبانی نمی شود مقدار border را برای تصویر مشخص می کند |
| crossorigin | anonymous use-credentials | |
| height | pixels | ارتفاع تصویر را مشخص می کند |
| hspace | pixels | در HTML5 پشتیبانی نمی شود. فاصله فضای سفید در سمت چپ و راست تصویر را مشخص می کند |
| ismap | ismap | یک تصویر را به عنوان یک image map سمت سرور مشخص می کند |
| longdesc | URL | یک URL را برای شرح دقیق یک تصویر مشخص می کند |
| sizes | اندازه تصاویر را برای طرح بندی صفحات مختلف تعیین می کند | |
| src | URL | آدرس یک تصویر را مشخص می کند |
| srcset | URL | URL تصویر را برای استفاده در موقعیت های مختلف مشخص می کند |
| usemap | #mapname | یک تصویر را به عنوان یک image map سمت کاربر مشخص می کند |
| vspace | pixels | در HTML5 پشتیبانی نمی شود. فاصله فضای سفید در سمت بالا و پایین تصویر را مشخص می کند |
| width | pixels | عرض تصویر را مشخص می کند |
صفات جهانی
تگ <img> از صفات جهانی موجود در HTML نیز پشتیبانی می کند.
صفات رویداد
تگ <img> از صفات رویداد موجود در HTML نیز پشتیبانی می کند.
تنظیمات پیش فرض CSS
اکثر مرورگرها عنصر <img> را با مقادیر پیش فرض زیر نمایش می دهند:
1 2 3 | img { display: inline-block; } |
هیچ نظری ثبت نشده است