এইচটিএমএল সিএসএস জাভাস্ক্রিপ্ট পিএইচপি এসকিউএল জেকুয়েরি বুটস্ট্রাপ সি প্রোগ্রামিং
ফোরাম
 

এইচটিএমএল <base> ট্যাগ


<base> ট্যাগের ব্রাউজার সাপোর্ট



এলিমেন্ট Google Chrome Edge/IE Mozila Firefox Safari Opera
<base> সকল ভার্সন সকল ভার্সন সকল ভার্সন সকল ভার্সন সকল ভার্সন




সংজ্ঞা ও ব্যবহার

<base> ট্যাগটি একটি ওয়েবপেজে ব্যবহারকৃত সম্পর্কিত সকল URL এর ভিত্তি URL/target নির্ধারণ করে।

একটি ওয়েব পেজের মধ্যে সর্বোচ্চ একটি <base> এলিমেন্ট ব্যবহার করা যায় এবং তা অবশ্যই ডকুমেন্টের <head> এলিমেন্টের মধ্যে লিখতে হবে।



নিচের উদাহরণে <base> ট্যাগের ব্যবহার দেখানো হলোঃ

উদাহরণ

<!DOCTYPE html>
<html>
<head>
   <base href="www.sattacademy.com/images/" target="_blank">
</head>
<body>

  <p><img src="satt.png" width="80" height="60" alt="Satt Logo">
    বিঃদ্রঃ আমরা এই ইমেজটির জন্য শুধুমাত্র একটি রিলেটিভ এড্রেস দিয়েছি। যেহেতু আমরা হেড সেকশনে base URL
    উল্লেখ করেছি, সেজন্য ব্রাউজার এই ইমেজটি "http://www.sattacademy.com/images/satt.png" লিংক থেকে খুজে নিবে।</p>

  <p><a href="www.sattacademy.com">স্যাট একাডেমী</a><br>
    যদিও এই লিংকটিতে কোন target="_blank" নেই তথাপি head সেকশনে base এলিমেন্টের মাধ্যমে ইহার target="_blank"
    সেট করার কারনে এটি একটি নতুন উইন্ডোতে ওপেন হবে।</p>

</body>
</html>

ফলাফল





টীকা ও মন্তব্যঃ

  • <base> ট্যাগটি <head> এলিমেন্টের মধ্যে সবার প্রথমে লিখবো, যেন অন্যান্য এলিমেন্ট গুলো <base> এলিমেন্ট থেকে তথ্য ব্যবহার করতে পারে।
  • আপনি যদি <base> ট্যাগ ব্যবহার করেন, তবে এর মধ্যে href এট্রিবিউট অথবা target এট্রিবিউট অথবা আপনার প্রয়োজন অনুযায়ী উভয়ই ব্যবহার করতে পারেন।


এট্রিবিউট

নিচের টেবিলে <base> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ

এট্রিবিউট ভ্যালু বর্ণনা
href URL একটি পেজের সকল রিলেটিভ URL এর জন্য base URL সেট করে।
target _blank
_parent
_self
_top
framename
পেজের সকল hyperlinks এবং forms এর জন্য নির্দিষ্ট target নির্ধারন করে।


<base> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?

গ্লোবাল এট্রিবিউট ইভেন্ট এট্রিবিউট
সাপোর্ট করে সাপোর্ট করে না


সম্পর্কিত পেজ