XHTML ডকুমেন্টে ব্রাউজার নেভিগেশন এবং লিঙ্কের জন্য টার্গেট অ্যাট্রিবিউট ব্যবহার করা একটি গুরুত্বপূর্ণ বিষয়। এই টিউটোরিয়ালে আমরা ব্যাখ্যা করব কীভাবে এক্সএইচটিএমএল ডকুমেন্টে ব্রাউজার নেভিগেশন এবং টার্গেট অ্যাট্রিবিউট ব্যবহার করা হয়।
১. ব্রাউজার নেভিগেশন
১.1 লিঙ্ক তৈরি করা
XHTML ডকুমেন্টে, href অ্যাট্রিবিউট সহ <a> ট্যাগ ব্যবহার করে আপনি লিঙ্ক তৈরি করতে পারেন, যা একটি নির্দিষ্ট URL বা পেজে ব্যবহারকারীকে নিয়ে যায়। এটি ওয়েব পেজের মধ্যে নেভিগেশন করতে সহায়তা করে।
<a href="https://www.example.com">Visit Example</a>
এখানে, href="https://www.example.com" লিঙ্কের লক্ষ্য URL নির্দেশ করছে এবং "Visit Example" হলো প্রদর্শিত টেক্সট যা ক্লিক করলে ব্যবহারকারী ওই URL-এ যাবে।
২. টার্গেট অ্যাট্রিবিউট
২.1 টার্গেট অ্যাট্রিবিউট কি?
target অ্যাট্রিবিউটটি লিঙ্কের উদ্দেশ্য বা টার্গেট কনটেইনার নির্ধারণ করে। এটি নির্ধারণ করে যে লিঙ্কটি কীভাবে (একই উইন্ডো, নতুন ট্যাব, বা নতুন উইন্ডো) খোলা হবে।
২.2 টার্গেট অ্যাট্রিবিউটের মান
target অ্যাট্রিবিউটের জন্য কয়েকটি ভিন্ন মান থাকতে পারে, যেগুলি আপনাকে লিঙ্কের আচরণ নিয়ন্ত্রণ করতে সহায়তা করে:
_self: বর্তমান উইন্ডো বা ট্যাবে লিঙ্কটি ওপেন হবে (এটি ডিফল্ট মান)।_blank: লিঙ্কটি একটি নতুন উইন্ডো বা ট্যাবে ওপেন হবে।_parent: যদি পেজটি একটি ফ্রেম বা আইফ্রেমে থাকে, তবে প্যারেন্ট ফ্রেমে লিঙ্কটি ওপেন হবে।_top: সম্পূর্ণ উইন্ডোতে (ফ্রেমসেটের বাইরে) লিঙ্কটি ওপেন হবে।
৩. টার্গেট অ্যাট্রিবিউট সহ লিঙ্ক উদাহরণ
৩.1 একই উইন্ডো/ট্যাবে লিঙ্ক খুলতে _self ব্যবহার করা
<a href="https://www.example.com" target="_self">Visit Example</a>
এটি একই উইন্ডো বা ট্যাবে লিঙ্কটি খুলবে (এটি ডিফল্ট আচরণ, তাই target="_self" ব্যবহারের প্রয়োজন নেই)।
৩.2 নতুন উইন্ডো বা ট্যাবে লিঙ্ক খুলতে _blank ব্যবহার করা
<a href="https://www.example.com" target="_blank">Open Example in New Tab</a>
এটি লিঙ্কটিকে নতুন ট্যাবে বা নতুন উইন্ডোতে খুলবে, যাতে বর্তমান পেজটি অপরিবর্তিত থাকে।
৩.3 প্যারেন্ট ফ্রেমে লিঙ্ক খুলতে _parent ব্যবহার করা
<a href="https://www.example.com" target="_parent">Visit Example</a>
এটি ফ্রেমসেটের বাইরে প্যারেন্ট ফ্রেমে লিঙ্কটি খুলবে, যদি পেজটি একটি ফ্রেম বা আইফ্রেমে থাকে।
৩.4 সম্পূর্ণ উইন্ডোতে লিঙ্ক খুলতে _top ব্যবহার করা
<a href="https://www.example.com" target="_top">Visit Example</a>
এটি সম্পূর্ণ উইন্ডোতে, সমস্ত ফ্রেম বা আইফ্রেমকে উপেক্ষা করে, লিঙ্কটি খুলবে।
৪. XHTML-এ টার্গেট অ্যাট্রিবিউট ব্যবহার করার নিয়ম
XHTML ডকুমেন্টে target অ্যাট্রিবিউট ব্যবহারের সময় কিছু গুরুত্বপূর্ণ নিয়ম মেনে চলতে হবে:
- কেস সেনসিটিভিটি: XHTML এ সব ট্যাগ এবং অ্যাট্রিবিউট কেস সেনসিটিভ (ছোট হাতের অক্ষরে) থাকতে হবে। তাই
target="_blank"এভাবে ব্যবহার করতে হবে, বড় হাতের অক্ষর ব্যবহার করা যাবে না। - ব্লক ট্যাগগুলোর সাথে ব্যবহৃত:
targetঅ্যাট্রিবিউট মূলত<a>,<form>,<base>ইত্যাদি ট্যাগের সাথে ব্যবহার করা হয়।
৫. পূর্ণাঙ্গ উদাহরণ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8" />
<title>XHTML Target Example</title>
</head>
<body>
<h1>XHTML Links with Target Attribute</h1>
<p>Click the links below:</p>
<!-- Same window/tab -->
<a href="https://www.example.com" target="_self">Visit Example in the same window</a><br />
<!-- New window/tab -->
<a href="https://www.example.com" target="_blank">Open Example in a new tab</a><br />
<!-- Parent frame -->
<a href="https://www.example.com" target="_parent">Open in parent frame</a><br />
<!-- Full window -->
<a href="https://www.example.com" target="_top">Open in full window</a>
</body>
</html>
XHTML ডকুমেন্টে ব্রাউজার নেভিগেশন এবং টার্গেট অ্যাট্রিবিউট ব্যবহার করে আপনি লিঙ্কের আচরণ নিয়ন্ত্রণ করতে পারেন, যেমন লিঙ্কটি নতুন ট্যাবে বা একই উইন্ডোতে খোলা হবে। target অ্যাট্রিবিউটটি বিভিন্ন মান গ্রহণ করতে পারে, যেমন _self, _blank, _parent, এবং _top যা লিঙ্কের আচরণ এবং উপস্থাপনকে প্রভাবিত করে। XHTML-এ এই অ্যাট্রিবিউট ব্যবহারের সময় কেস সেনসিটিভিটি এবং সঠিক গঠন মেনে চলা অত্যন্ত গুরুত্বপূর্ণ।
