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

admin Sep 30, 2020 1742 0

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

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

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

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

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

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<base href="www.onlylearn24.com/category/basic-html/" target="_blank">
</head>
<body>
<img src="onlylearn24.png" width="80" height="60" alt="Satt Logo">
বিঃদ্রঃ আমরা এই ইমেজটির জন্য শুধুমাত্র একটি রিলেটিভ এড্রেস দিয়েছি। যেহেতু আমরা হেড সেকশনে base URL
উল্লেখ করেছি, সেজন্য ব্রাউজার এই ইমেজটি "http://www.onlylearn24.com/basic-html/onlylearn24.png" লিংক থেকে খুজে নিবে।
<a href="www.onlylearn24.com">স্যাট একাডেমী</a>
যদিও এই লিংকটিতে কোন target="_blank" নেই তথাপি head সেকশনে base এলিমেন্টের মাধ্যমে ইহার target="_blank"
সেট করার কারনে এটি একটি নতুন উইন্ডোতে ওপেন হবে।
</body>
</html>

ফলাফল

বিঃদ্রঃ আমরা এই ইমেজটির জন্য শুধুমাত্র একটি রিলেটিভ এড্রেস দিয়েছি। যেহেতু আমরা হেড সেকশনে base URL উল্লেখ করেছি, সেজন্য ব্রাউজার এই ইমেজটি "http://www.onlylearn24.com/basic-html/onlylearn24.png" লিংক থেকে খুজে নিবে।

onlylearn24 একাডেমী
যদিও এই লিংকটিতে কোন target="_blank" নেই তথাপি head সেকশনে base এলিমেন্টের মাধ্যমে ইহার target="_blank" সেট করার কারনে এটি একটি নতুন উইন্ডোতে ওপেন হবে।

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

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

এট্রিবিউট

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

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