HTML <img> usemap প্রতিশব্দ

HTML <img> ট্যাগ

পরিভাষা ও ব্যবহার

usemap প্রতিশব্দ চিত্রকে ক্লায়েন্ট সাইড চিত্র ম্যাপিং হিসাবে নির্দিষ্ট করে

চিত্র ম্যাপিং হল ক্লিকযোগ্য এলাকার সহযোগিতায় চিত্র

usemap প্রতিশব্দ <map> ইলেকট্রনিক প্রতিমান নাম বা 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 ক্রিয়েটর একটি usemap ইমেজের হ্যান্ডলিং এলাকার কোর্ডিনেট এবং সংশ্লিষ্ট লিঙ্ক ইউআরএল প্রদান করতে পারে, যা usemap এর মাধ্যমে একটি URL, যা বিশেষ <map> এর মাধ্যমে ইঙ্গিত করে। 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 প্রতিভার একটি ভালো উদাহরণ, যেমন, একটি দেশজুড়ে বড় কোম্পানীর ওয়েবসাইট ব্রাউজিং করার সময়, ব্যবহারকারী তাঁর/তাঁর বাসস্থানীয় শহরের ওয়েবসাইটে ক্লিক করতে পারেন, যাতে আশেপাশের রিটেইল স্টোরের ঠিকানা এবং ফোন নম্বর ইত্যাদি পাবেন。

usemap ক্লায়েন্ট হ্যান্ডলিং ইমেজ ম্যাপিং এর একটি লাভ হল যে, এটি সার্ভার বা বিশেষ সার্ভার সফটওয়্যার চাহিদা না করে, ismap মেকানিজম থেকে ভিন্ন, এটা নন-ওয়েব (বিনা নেটওয়্যার) ইকোয়েশনে ব্যবহার করা যেতে পারে, যেমন, স্থানীয় ফাইল বা CD-ROM এ ব্যবহার করা যেতে পারে。

ব্রাউজার সমর্থন

চ্রোম এজ ফায়ারফক্স স্যাফারি ওপেরা
চ্রোম এজ ফায়ারফক্স স্যাফারি ওপেরা
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন

HTML <img> ট্যাগ