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

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

<base> এলিমেন্টের href অ্যাট্রিবিউট ডকুমেন্টের সব রিলেটিভ URL-র জন্য বেস URL সেট করে। একবার বেস URL সেট করলে সমস্ত রিলেটিভ লিংক (/html, /java, ./page.html ইত্যাদি) সেই বেসের সাপেক্ষে রেজলভ হয়।

সিনট্যাক্স

<base href="absolute_URL">

কীভাবে কাজ করে?

বেস URL: https://example.com/tutorials/

রিলেটিভ লিংক	রেজলভড URL
`/html`	`https://example.com/html` (রুট-রিলেটিভ)
`html`	`https://example.com/tutorials/html`
`./java`	`https://example.com/tutorials/java`
`../about`	`https://example.com/about`

উদাহরণ

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.example.com/tutorials/">
</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> href অ্যাট্রিবিউট

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

<base> ট্যাগ <head> এর ভিতরে থাকতে হয় এবং শুধু একটিই থাকতে পারে।
এটি <a>, <area>, <link>, <script>, <img>, <form> (action) — সব রিলেটিভ URL-কে প্রভাবিত করে।
target অ্যাট্রিবিউটও <base>-এ সেট করা যায় (সব লিংকের ডিফল্ট টার্গেট)।
অবসোলিউট URL (যে URL https:// বা https:// দিয়ে শুরু হয়) বেস URL দ্বারা প্রভাবিত হয় না।

সικিউরিটি ও SEO টিপস

<base> ব্যবহার করলে সাইট মাইগ্রেশন সহজ হয় (বেস URL পরিবর্তন করলেই সব লিংক আপডেট হয়)।
SPA (Single Page Application)-এ <base> ব্যবহার করলে রাউটিং কনফিগারেশন সহজ হয়।
ক্যানোনিক্যাল URL-এ সমস্যা নেই, কিন্তু সার্চ ইঞ্জিন বেস URL রেসপেক্ট করে।