HTML <area> ট্যাগ

  • পূর্ববর্তী পৃষ্ঠা <applet>
  • পরবর্তী পৃষ্ঠা <article>

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

<area> ট্যাগ দ্বারা চিত্র ম্যাপিং-এর এরিয়া নির্বাচন করা হয় (চিত্র ম্যাপিং হল ক্লিকযোগ্য এরিয়ার সহ চিত্র, যারা ক্লায়েন্ট পার্টিশন রিসপন্স ম্যাপিং হিসাবে কাজ করে)。

<area> ইলেকট্রনিক অবজেক্টগুলির মধ্যে নিহিত থাকেন <map> ট্যাগএর মধ্যে。

নোট:<img> র মধ্যে usemap অ্যাট্রিবিউট র <map> ইলেকট্রনিক অবজেক্ট র সঙ্গে name অ্যাট্রিবিউটসংযুক্ত হয়ে, চিত্র এবং ম্যাপিং-এর মধ্যে সংযোগ স্থাপন করা হয়。

অন্যথায় দেখুন:

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
  • tag
 বর্তমান ডকুমেন্ট এবং লক্ষ্য URL-এর মধ্যে সম্পর্ক নির্ধারণ করে
shape
  • default
  • rect
  • circle
  • poly
 লক্ষ্য অঞ্চলের আকৃতি নির্ধারণ করে
target
  • _blank
  • _parent
  • _self
  • _top
  • ফ্রেম নাম
 লক্ষ্য URL-কে কোথায় খুলবে নির্ধারণ করে
টাইপ মিডিয়া টাইপ লক্ষ্য URL-এর মিডিয়া টাইপ নির্ধারণ করে

গ্লোবাল অ্যাট্রিবিউট

<area> ট্যাগটি ইভেন্ট অ্যাট্রিবিউটকেও সমর্থন করে এইচটিএমএল-এর গ্লোবাল অ্যাট্রিবিউট。

ইভেন্ট অ্যাট্রিবিউট

<area> ট্যাগটি ইভেন্ট অ্যাট্রিবিউটকেও সমর্থন করে এইচটিএমএল-এর ইভেন্ট অ্যাট্রিবিউট。

ডিফল্ট সিএসএস সেটিং

অধিকাংশ ব্রাউজারগুলি নিম্নোক্ত ডিফল্ট মান দিয়ে দেখাবে <area> এলিমেন্ট:

area {
  display: none;
}

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

চ্রোম এডজ ফায়ারফক্স স্যাফারি অপেরা
চ্রোম এডজ ফায়ারফক্স স্যাফারি অপেরা
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন
  • পূর্ববর্তী পৃষ্ঠা <applet>
  • পরবর্তী পৃষ্ঠা <article>