কম্পিউটার টিউটোরিয়াল

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


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

<base> এলিমেন্টের target অ্যাট্রিবিউট ডকুমেন্টের সব হাইপারলিংকের (<a>, <area>, <form>) জন্য ডিফল্ট টার্গেট সেট করে। এটি <head> সেকশনে একবার ডিক্লেয়ার করলে পুরো পেজের লিংকে প্রয়োগ হয়।

সিনট্যাক্স

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

মানসমূহ

মান বিবরণ
_blank লিংক নতুন উইন্ডো বা ট্যাবে খোলবে
_self লিংক একই ফ্রেমে খোলবে (ডিফল্ট)
_parent লিংক প্যারেন্ট ফ্রেমে খোলবে
_top লিংক পুরো উইন্ডোর বডিতে খোলবে
framename নামকৃত ফ্রেমে খোলবে

উদাহরণ

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.example.com/tutorials/" target="_blank">
</head>
<body>
  <h2>টিউটোরিয়াল তালিকা</h2>
  <p><a href="java.html">Java Tutorial</a></p>
  <p>(এটি কাজ করবে: https://www.example.com/tutorials/java.html)</p>
  <p><a href="jquery.html">jQuery Tutorial</a></p>
  <p>(এটি কাজ করবে: https://www.example.com/tutorials/jquery.html)</p>
  <p><a href="blockchain.html">Blockchain Tutorial</a></p>
  <p>(এটি কাজ করবে: https://www.example.com/tutorials/blockchain.html)</p>
  <p><a href="python.html">Python Tutorial</a></p>
  <p>(এটি কাজ করবে: https://www.example.com/tutorials/python.html)</p>
</body>
</html>

আউটপুট

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

সभी লিংক নতুন উইন্ডোতে খুলবে কারণ target="_blank" সেট করা হয়েছে:

<base href="https://www.example.com/tutorials/" target="_blank">

গুরুত্বপূর্ণ নোটস

  • <base> ট্যাগ <head> এর ভিতরে থাকতে হয় এবং একটি ডকুমেন্টে শুধু একটিই থাকতে পারে।
  • এটি রিলেটিভ URL-কে রেজলভ করতে সাহায্য করে (href অ্যাট্রিবিউট দিয়ে)।
  • ইনডিভিজুয়াল লিংকে target দিয়ে বেস টার্গেট ওভাররাইড করা যায়।
  • target="_blank" বেসে সেট করলে সব লিংক নতুন ট্যাবে খুলবে — UX দৃষ্টিকোণ থেকে ভাবুন।
  1. HTML value অ্যাট্রিবিউট

  2. HTML style অ্যাট্রিবিউট

  3. HTML start অ্যাট্রিবিউট

  4. HTML rowspan অ্যাট্রিবিউট