ایچ تی ایم ال <area> تگ

کورس کی سفارش:

<area> تعریف و استعمال

<area> علامت میں کھپت ہوتی ہیں، علامت کی تعریف میں نقش بندی کا حوالہ دیتی ہیں (نقش بندی تصویر میں کلک شامل ہونے والی تصویر ہے، یعنی کلائنٹ کی پارٹشین ریسپانسی ڈیگر)。 <map> علامتاندرون.

توجہ دیئے:<img> میں usemap پرزئپرکشن ساتھ <map> علامت کا نام پرزئپرکشنمربوط ہوکر، تصویر اور نقش بندی کے درمیان رابطہ قائم کریں.

ایک بار دیگر دیکھئے:

HTML DOM مرجع کتاب:ایریا آپرائز

مثال

مثال 1

کلک کا حوالہ رکھنے والی تصویر کی نقش بندی:

<img src="life.png" alt="Life" usemap="#lifemap" width="650" height="451">
<map name="lifemap">
  <area shape="rect" coords="10,208,155,338" alt="AirPods" href="airpods.html">
  <area shape="rect" coords="214,65,364,365" alt="iPhone" href="iphone.html">
  <area shape="circle" coords="570,291,75" alt="Coffee" href="coffee.html">
</map>

پس از من امتحان کنید

مثال 2

ایک دوسرا تصویر جس میں کلک شامل ہے:

<img src="solarsystem.png" width="1024" height="576" alt="Planets" usemap="#planetmap">
<map name="planetmap">
  <area shape="rect" coords="0,0,114,576" alt="Sun" href="sun.html">
  <area shape="circle" coords="190,230,5" alt="Mercury" href="mercury.html">
  <area shape="circle" coords="228,230,5" alt="Venus" href="venus.html">
</map>

پس از من امتحان کنید

ویژگی

ویژگی مقدار وصف
alt متن متن جایگزین ناحیه را مشخص می‌کند. اگر ویژگی href وجود داشته باشد، ضروری است.
coords مقادیر مختصات مختصات ناحیه را مشخص می‌کند.
download نام فایل هدف دانلود را مشخص می‌کند که هنگام کلیک بر روی لینک توسط کاربر دانلود می‌شود.
href URL هدف لینک‌های ناحیه را مشخص می‌کند.
hreflang کد زبان زبان URL هدف را مشخص می‌کند.
media پرسش و پاسخ رسانه رسانه/دستگاه بهینه‌سازی شده URL هدف را مشخص می‌کند.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 اطلاعات مرتبطی که باید با لینک ارسال شوند را مشخص می‌کند.
rel
  • alternate
  • author
  • bookmark
  • help
  • license
  • next
  • nofollow
  • noreferrer
  • prefetch
  • prev
  • search
  • برچسب
 رابطه بین مستند فعلی و URL هدف را مشخص می‌کند.
shape
  • default
  • rect
  • circle
  • poly
 شکل ناحیه را مشخص می‌کند.
target
  • _blank
  • _parent
  • _self
  • _top
  • نام فریم
 مکان باز کردن URL هدف را مشخص می‌کند.
نوع نوع رسانه نوع رسانه‌ای هدف URL را مشخص می‌کند.

ویژگی‌های جهانی

<area> برچسب‌ها نیز از ویژگی‌های رویداد پشتیبانی می‌کنند ویژگی‌های جهانی در HTML。

ویژگی‌های رویداد

<area> برچسب‌ها نیز از ویژگی‌های رویداد پشتیبانی می‌کنند ویژگی‌های رویداد در HTML。

تنظیمات CSS پیش‌فرض

کثیرترین براؤزران از مقادیر پیش‌فرض زیر برای نمایش استفاده می‌کنند <area> عنصر:

area {
  دکھائی نہ دیجیائے
}

بrowsر پشتیبانی

کروم ایجی فائرفاکس سافری اپرا
کروم ایجی فائرفاکس سافری اپرا
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی