ইমেজ ম্যাপে ক্লিকযোগ্য এলাকা সংজ্ঞায়িত করতে <area> ট্যাগ ব্যবহার করা হয়।
<area> ট্যাগের প্রধান অ্যাট্রিবিউটগুলো:
| অ্যাট্রিবিউট | মান | বিবরণ |
|---|---|---|
| Alt | Text | এলাকার জন্য বিকল্প টেক্সট। |
| coords | shape অনুযায়ী কোঅর্ডিনেট | shape অ্যাট্রিবিউট অনুযায়ী ইমেজের এলাকা নির্ধারণের কোঅর্ডিনেট। |
| download | filename | লিংকে ক্লিক করলে টার্গেট ডাউনলোড হবে। |
| Href | URL | লিংকের লক্ষ্য URL বা অ্যানকর নাম। |
| hreflang | language_code | লক্ষ্য URL-এর ভাষা। |
| media | media query | লক্ষ্য URL কোন ডিভাইসে অপ্টিমাইজড। |
| Nohref | true/false | ইমেজ ম্যাপ থেকে এলাকা বাদ দেয়। |
| rel | alternate, author, bookmark, help, license, next, nofollow, noreferrer, prefetch, prev, search, tag | বর্তমান ডকুমেন্ট এবং লক্ষ্য URL-এর সম্পর্ক। |
| Shape | rect, rectangle, circ, circle, poly, polygon | ইমেজ ম্যাপের আকৃতি। |
| Target | _blank, _parent, _self, _top | লক্ষ্য URL কোথায় খুলবে (_blank=নতুন উইন্ডো, _self=একই ফ্রেম)। |
| type | mime_type | লক্ষ্য URL-এর MIME টাইপ। |
উদাহরণ
area ট্যাগ বাস্তবায়নের উদাহরণ:
<!DOCTYPE html> <html> <head> <title>HTML area Tag</title> </head> <body> <img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/> <map name = "tutorials"> <area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27" href = "/perl/index.htm" alt = "Perl Tutorial" target = "_blank" /> <area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial" href = "/html/index.htm" target = "_blank" /> <area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial" href = "/php/index.htm" target = "_blank" /> </map> </body> </html>
