HTML <a> target অ্যাট্রিবিউট
সংজ্ঞা ও ব্যবহার
target অ্যাট্রিবিউট লিঙ্ক ডকুমেন্টকে খুলার স্থানটি নির্দিষ্ট করে
উদাহরণ
target অ্যাট্রিবিউট লিঙ্ক ডকুমেন্টকে খুলার স্থানটি নির্দিষ্ট করে:
<a href="https://www.codew3c.com" target="_blank">CodeW3C.com সংগ্রহ করুন</a>
সংজ্ঞা
<a target="_blank|_self|_parent|_top|framename">
target এই অ্যাট্রিবিউটের উপযোগ হল ব্রাউজারকে জানানো যে কোথায় সংযুক্ত সম্পদকে প্রদর্শন করতে হবে। ডিফল্ট ক্ষেত্রে, ব্রাউজার বর্তমান ডকুমেন্টকে প্রদর্শন করে থাকে, তবে অন্যান্য বিকল্পও রয়েছে, যারা নিচের ট্যাবলে দেখানো হয়:
অ্যাট্রিবিউট মান
| মান | বর্ণনা |
|---|---|
| _blank | নতুন উইন্ডো বা ট্যাবে লিঙ্কের ডকুমেন্টকে খুলুন |
| _self | ক্লিক করা ফ্রেমে লিঙ্কের ডকুমেন্টকে খুলুন (ডিফল্ট) |
| _parent | পিতৃফ্রেমে লিঙ্কের ডকুমেন্টকে খুলুন |
| _top | উইন্ডোর সমগ্র মূল বক্তব্যে লিঙ্কের ডকুমেন্টকে খুলুন |
| framename | নির্দিষ্ট iframe-এর মধ্যে লিঙ্ক ডকুমেন্টকে খুলুন |
বিস্তারিত ব্যাখ্যা
যদি একটি <a> ট্যাগের মধ্যে একটি target অ্যাট্রিবিউট থাকে, তবে ব্রাউজার এই ট্যাগের href অ্যাট্রিবিউটের নামের ফ্রেম বা উইন্ডোতে ডকুমেন্টকে লোড এবং প্রদর্শন করবে, যার নাম এই লক্ষ্যকে সামঞ্জস্যপূর্ণ। যদি এই নির্দিষ্ট নাম বা id-এর ফ্রেম বা উইন্ডো অস্তিত্ব না থাকে, তবে ব্রাউজার একটি নতুন উইন্ডো খুলবে, এই উইন্ডোকে একটি নির্দিষ্ট ট্যাগ দেবে, এবং নতুন ডকুমেন্টকে এই উইন্ডোতে লোড করবে। থেকেই, সংযোগটির ডকুমেন্টটি এই নতুন উইন্ডোতে ইনডেক্স করা যাবে。
নতুন উইন্ডো খুলুন
কৃত্রিম সংযোগটির মাধ্যমে কার্যকরী ব্রাউজিং টুলগুলি তৈরি করা অত্যন্ত সহজ। উদাহরণস্বরূপ, একটি সাধারণ কনটেন্ট ডকুমেন্টের তালিকা একটি একক উইন্ডোতে ডকুমেন্টকে পুনর্দিস্পত্তি করতে পারে:
<h3>Table of Contents</h3> <ul> <li><a href="pref.html" target="view_window">Preface</a></li> <li><a href="chap1.html" target="view_window">Chapter 1</a></li> <li><a href="chap2.html" target="view_window">Chapter 2</a></li> <li><a href="chap3.html" target="view_window">Chapter 3</a></li> </ul>
যখন ব্যবহারকারী প্রথমবারের মতো সামগ্রিক তালিকায় একটি লিঙ্ককে নির্বাচন করে, ব্রাউজার একটি নতুন উইন্ডো খুলবে, যা "view_window" নামে চিহ্নিত হবে, এবং সেখানে নির্বাচিত ডকুমেন্টের উপাত্ত দেখাবে। যদি ব্যবহারকারী এই সামগ্রিক তালিকায় আরেকটি লিঙ্ককে নির্বাচন করে, এবং "view_window" তাৎক্ষণিকভাবে খুলে থাকে, তবে ব্রাউজার পুনরায় নির্বাচিত ডকুমেন্টকে সেই উইন্ডোতে লোড করবে, যা পূর্ববর্তী ডকুমেন্টগুলিকে প্রতিস্থাপন করবে。
সমগ্র প্রক্রিয়ায়, যা সামগ্রিক তালিকা ধারণ করে, ব্যবহারকারীর পক্ষে পরিবেশন করা হয়। একটি লিঙ্কের ক্লিক করে, অন্য উইন্ডোর উপাত্তও পরিবর্তিত হবে。
ফ্রেমে উইন্ডো খুলুন
একটি সম্পূর্ণ ব্রাউজার উইন্ডো খুলতে হবে না, target ব্যবহার করে একটি <frameset> ডকুমেন্টে হাইপারলিঙ্কগুলিকে একটি বা একাধিক ফ্রেমে নির্দেশ করা হয়। এই তালিকা একটি দুইটি ফ্রেম ধারণকারী ডকুমেন্টের একটিতে রাখা যেতে পারে, এবং সেই আপসকারী ফ্রেমটিকে নির্বাচিত ডকুমেন্টটি দেখাতে ব্যবহার করা যেতে পারে:
<frameset cols="100,*"> <frame src="toc.html"> <frame src="pref.html" name="view_frame"> </frameset>
যখন ব্রাউজার প্রথমবারের মতো দুইটি ফ্রেমকে দেখায়, ডানদিকের ফ্রেমটি বিষয়সূচী ধারণ করে, আর ডানদিকের ফ্রেমটি প্রস্তাবনা ধারণ করে。
এটি "toc.html"-র সূত্রকোড:
<h3>Table of Contents</h3> <ul> <li><a href="pref.html" target="view_frame">Preface</a></li> <li><a href="chap1.html" target="view_frame">Chapter 1</a></li> <li><a href="chap2.html" target="view_frame">Chapter 2</a></li> <li><a href="chap3.html" target="view_frame">Chapter 3</a></li> </ul>
দৃষ্টান্ত, "toc.html" ডকুমেন্টে, প্রত্যেক লিঙ্কের লক্ষ্য "view_frame" হয়, যারা ডানদিকের ফ্রেমকে নির্দেশ করে。
যখন ব্যবহারকারী ডানদিকের ফ্রেম থেকে একটি লিঙ্ক চিহ্নিত করে, ব্রাউজার সেই সংযুক্ত ডকুমেন্টটিকে ডানদিকের "view_frame" ফ্রেমে লোড করে দেখাবে। অন্য লিঙ্কটি চিহ্নিত হলে, ডানদিকের ফ্রেমের উপাত্তও পরিবর্তিত হবে, যখন ডানদিকের ফ্রেম স্থায়ীভাবে অপরিবর্তিত থাকবে。
বিশেষ লক্ষ্য
4টি সংরক্ষিত নাম বিশেষ ডকুমেন্ট রিডিরেকশন অপারেশনের জন্য ব্যবহৃত হয়:
_blank
ব্রাউজার একটি নতুন, নামবদ্ধ না করা উইন্ডোতে লক্ষ্য ডকুমেন্টকে লোড করবে。
_self
এই লক্ষ্যটি সব লক্ষ্যহীন <a> ট্যাগগুলোর ডিফল্ট লক্ষ্য হয়, এটি লক্ষ্য ডকুমেন্টকে লোড করে এবং সেটি সূত্রস্থ ডকুমেন্টের একই ফ্রেম বা উইন্ডোতে দেখাবে।এই লক্ষ্যটি অপরিহার্য এবং অপরিলক্ষ্য, যদি এটি <base> ট্যাগের target অ্যাট্রিবিউটের সঙ্গে ব্যবহৃত হয়।
_parent
এই লক্ষ্যটি ডকুমেন্টটিকে পিতৃউইন্ডোতে লোড করা বা হাইপারলিঙ্কটি উল্লেখকৃত ফ্রেমসেটে ফ্রেমকে লোড করা।যদি এই উল্লেখনী উইন্ডোতে বা টপ ফ্রেমে থাকে, তবে এটি _self লক্ষ্যের সমতুল্য।
_top
এই লক্ষ্যটি এই হাইপারলিঙ্কটি ধারণকারী উইন্ডোতে ডকুমেন্টটি লোড করার জন্য কাজ করে, _top লক্ষ্যটি সব সমুহ ফ্রেমকে নিরসন করে এবং পূর্ণ ব্রাউজার উইন্ডোতে ডকুমেন্টটি লোড করবে。
পরামর্শ:এই target-এর সব চারটি মান নিশানী দিয়ে শুরু করে।অন্য কোনও নিশানী দিয়ে শুরু করা উইন্ডো বা লক্ষ্যকে ব্রাউজার অবহেলা করবে, তাই নিশানীটিকে কোনও ফ্রেম নাম বা id-এর প্রথম অক্ষর হিসাবে ব্যবহার করবেন না。
ব্রাউজার সমর্থন
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
