HTML <area> target অ্যাট্রিবিউট

<area> target অ্যাট্রিবিউট

<area> এলিমেন্টের target অ্যাট্রিবিউট নির্দিষ্ট করে যে লিংক করা ডকুমেন্ট কোথায় খোলা হবে — নতুন উইন্ডো/ট্যাব, একই ফ্রেম, প্যারেন্ট ফ্রেম, পুরো বডি, বা নামকৃত ফ্রেম।

এটি ইমেজ ম্যাপ (<map> এবং <area>) এর ক্লিকযোগ্য এলিয়ার জন্য লিংক টার্গেট নিয়ন্ত্রণ করে।

সিনট্যাক্স

<area target="_blank | _self | _parent | _top | framename">

মানসমূহ

উদাহরণ

<!DOCTYPE html>
<html>
<body>
  <h2>শিক্ষা</h2>
  <p>এই টেকনোলজিগুলো সহজে শিখুন....</p>
  <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>

আউটপুট

ব্যাখ্যা

ইমেজ ম্যাপ সেট করা হয়েছে:

<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>

সব এলিয়ায় target="_blank" ব্যবহার করা হয়েছে যাতে লিংক নতুন ট্যাবে খুলে।

সিকিউরিটি টিপ

target="_blank" ব্যবহার করলে সিকিউরিটির জন্য rel="noopener noreferrer" যোগ করুন:

<area ... target="_blank" rel="noopener noreferrer">