تگ img در HTML
نحوه تعریف و استفاده تگ img
تگ در اسناد HTML یک تصویر را در یک صفحه HTML تعریف می کند و مشخص کردن دو صفت src و alt برای عنصر
لازم است.
مثال
نحوه وارد کردن یک تصویر به سند:
1 | <img src="smiley.gif" alt="Smiley face" height="42" width="42"> |
پشتیبانی مرورگر
عنصر | Chrome | Edge | Firefox | Safari | Opera |
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 | عرض تصویر را مشخص می کند |
صفات جهانی
تگ از صفات جهانی موجود در HTML نیز پشتیبانی می کند.
صفات رویداد
تگ از صفات رویداد موجود در HTML نیز پشتیبانی می کند.
تنظیمات پیش فرض CSS
اکثر مرورگرها عنصر را با مقادیر پیش فرض زیر نمایش می دهند:
1 2 3 | img { display: inline-block; } |
هیچ نظری ثبت نشده است