ویژگی usemap <img> HTML

ہیٹل HTML <img> تیٹل

تعریف و استفاده

usemap ویژگی تصویر را به عنوان نمودار تصویر کاربر تعریف می‌کند.

نمودار تصویر به معنای تصویری است که مناطق قابل کلیک دارد.

usemap ویژگی با عنصر <map> با ویژگی name یا id مرتبط است، تا ارتباطی بین <img> و <map> برقرار شود.

توجه:اگر عنصر <img> فرزند عنصر <a> یا <button> باشد، نمی‌توان از آن استفاده کرد usemap ویژگی‌ها.

تفصیلات کا مطالعہ: usemap پر وضاحت

مثال

تصویر نمودار شامل مناطق قابل کلیک:

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

خود کا تجربہ کریجئے

قواعد

<img usemap="#mapname">

پرائیوٹیز قیمت

قیمت وصف
#mapname پونچھا نمبر (#) اور استعمال کے لئے <map> عناصر کا نام جوڑنا ہوتا ہے۔

تفصیلات کا مطالعہ: usemap پر وضاحت

usemap پرائیوٹیز ایک 'کلیئنٹ' نقش زدگی تصویر میکانزم فراہم کرتی ہیں، جس سے سرور پر ماوس کی کورڈینٹس کا ہینڈلنگ اور اس کی وجہ سے آن لائن دیرا رکاوٹ کا مسئلہ کم ہوتا ہے۔ خاص <map> اور <area> ٹیگوں کے ذریعے، HTML خالق اس کا ایک نقش زدگی تصویر میں یوزر سینسی علاقوں کی کورڈینٹس کا نقش زدگی فراہم کرسکتا ہے، جس میں مناسب لنک URL بھی شامل ہوتی ہے۔ usemap کی قیمت ایک URL ہے، جو خصوصی <map> علاقوں کی طرف پیش کرتی ہے۔ یوزر کی کمپیوٹر پر براوزر اس کورڈینٹس کو ماوس پر کلک کے موقع پر تبدیل کرتا ہے، جس میں خصوصی رفتار شامل ہوتی ہیں، مثلاً دوسرے سند کو لوڈ کرنا اور اس کو نمائش کرنا。

آپ میں مثال دے دیگا، اس سورس کوڈ میں ایک 100x100 پیکسل کا تصویر map.gif کو چار علاقوں میں نقش زدگی کیا گیا ہے، جب یوزر کسی علاقے پر کلک کرتا ہے تو اس کا لنک مختلف سندوں میں چل جاتا ہے۔ لطفاً یقین رکھیجئے کہ اس <img> ٹیگ میں ہم نے موثر طور پر ismap نقش زدگی تصویر کا ہینڈلنگ شامل کیا ہے، جس کی وجہ سے ان یوزروں کے لئے جو usemap ہینڈلنگ کا فائدہ نہیں اٹھاتا، اس کا دوسرا راستہ یعنی سرور سائیڈ میکانزم کے ذریعے نقش زدگی تصویر کو ہینڈلنگ کرسکتا ہے:

<a href="/example/map">
  <img src="/i/map.gif" ismap="ismap" usemap="#map" />
</a>
<map name="map">
  <area coords="0,0,49,49" href="link1.html">
  <area coords="50,0,99,49" href="link2.html">
  <area coords="0,50,49,99" href="link3.html">
  <area coords="50,50,99,99" href="link4.html">
</map>

تفاوت‌های استفاده از ویژگی‌های ismap و usemap

نقشه‌ها به عنوان مثال خوبی از استفاده از ویژگی‌های ismap و usemap است، به عنوان مثال، هنگام مشاهده وب‌سایت یک شرکت بزرگ در سراسر کشور، کاربر ممکن است روی شهر خود در نقشه کلیک کند تا آدرس و شماره تلفن فروشگاه‌های خرده‌فروشی نزدیک را دریافت کند.

مزایای استفاده از ismap برای کاربران Client در مدیریت نقشه‌های تصویری این است که نیازی به سرور یا نرم‌افزار خاص سرور نیست، برخلاف مکانیزم ismap، می‌تواند در محیط‌های غیر وب (بدون اینترنت) استفاده شود، به عنوان مثال، استفاده از فایل‌های محلی یا CD-ROM.

پشتیبانی از مرورگر

کروم کناره افراط‌گرایی سافاری آپرا
کروم کناره افراط‌گرایی سافاری آپرا
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

ہیٹل HTML <img> تیٹل