Target অ্যাট্রিবিউট
target অ্যাট্রিবিউট নির্দিষ্ট করে যে ব্যবহারকারী লিংকে ক্লিক করলে সেটি কোথায় খুলবে।
আপনি নিচের লিংকে ক্লিক করলে, আপনি TechStacker-এর ফ্রন্ট পেজে যাবেন এই ব্রাউজার ট্যাবে/উইন্ডোতে:
<a href="https://techstacker.com/">Link to front page</a>তাই আপনি অন্য ওয়েবসাইটে লিংক দিলে, ইউজার আপনার ওয়েবসাইট থেকে চলে যাবে, এবং আপনার লিংক করা ওয়েবসাইটে যাবে। আপনি এটি চাইতে পারেন বা চাইতে না পারেন।
এটি হয় কারণ ডিফল্টভাবে <a> এলিমেন্টের target অ্যাট্রিবিউটের ভ্যালু থাকে _self — যার মানে লিংকটি ইউজারের বর্তমান উইন্ডোতে খুলবে।
সুতরাং এই লিংক এলিমেন্ট:
<a href="https://techstacker.com/"></a>কম্পিউটার/ব্রাউজার এটি এইভাবে পড়ে:
<a href="https://techstacker.com/" target="_self"></a>যা বিভ্রান্তিকর, কারণ আপনি সেটি দেখতে পান না (এখন আপনি জানেন)।
আপনি যদি চান আপনার লিংকগুলো নতুন ব্রাউজার ট্যাবে খুলে, তবে ডিফল্ট _self ভ্যালুকে _blank ভ্যালু দিয়ে ওভাররাইড করুন:
<a href="https://youtube.com" target="_blank" rel="noopener" >If you click this, the YouTube website opens in a new tab</a >কখন কোনটি ব্যবহার করবেন?
সহজ উত্তর: আপনি যদি ইউজারকে আপনার ওয়েবসাইট থেকে আলাদা করতে না চান (যেমন SEO-র জন্য), তবে target="_blank" ব্যবহার করুন।
অন্যথায়, কিছু করবেন না, এবং আপনার লিংকগুলো ডিফল্টভাবে একই ব্রাউজার উইন্ডোতে খুলবে (via _self ভ্যালু)।
গুরুত্বপূর্ণ: target="_blank" ব্যবহার করলে নিরাপত্তার কারণে noopener অ্যাট্রিবিউটও যোগ করা উচিত। অন্তত এক্সটার্নাল ওয়েবসাইট লিংক করার সময়। noopener অ্যাট্রিবিউট সম্পর্কে আরও জানুন।
