যখন আমরা একজন ইউজারকে একটি থার্ড-পার্টি ওয়েব পেজে নিয়ে যেতে চাই, ডিফল্ট বিহেভিয়র হল লিংকটি একই ট্যাবে সেটি পেজে চলে যায়। আপনি ইউজারকে আপনার পেজে রাখতে পারেন থার্ড-পার্টি এক্সটার্নাল লিংকটি একটি নতুন ট্যাবে খুলিয়ে, যাতে আপনার পেজে ফিরে আসা সহজ হয়। এই আর্টিকেলে সেটি কীভাবে করা যায় তা কভার করা হয়েছে।
সিন্ট্যাক্স
<a href="https://placekitten.com/1000/1000" target="_blank" rel="noopener noreferrer">Click to See a Kitten!</a>
এই নির্দিষ্ট ফিচারটি খুব সিম্পল। আপনাকে একটি target অ্যাট্রিবিউট যোগ করতে হবে এবং সেটিকে _blank-এ সেট করতে হবে। ব্রাউজার সেটিংসের ওপর নির্ভর করে, এটি একটি নতুন ব্রাউজার ট্যাবে বা একটি নতুন ব্রাউজার উইন্ডোতে খুলবে। noreferrer এবং noopener rel অ্যাট্রিবিউটগুলো এক অংশ আপনি কোথা থেকে এসেছেন তা মাস্ক করা এবং এক অংশ ম্যালিশিয়াস অ্যাট্যাক প্রতিরোধ।
Noreferrer SEO (সার্চ ইঞ্জিন অপ্টিমাইজেশন) কে আপনার কাছ থেকে কোনো নির্দিষ্ট ইউজার কোথা থেকে এসেছে তা নোট করতে বাধা দেয়। এটি একটি ডাইরেক্ট লিংক হিসেবে দেখাবে। Noopener একটি ম্যালিশিয়াস HTML ডকুমেন্টকে আপনার ডকুমেন্ট অ্যাক্সেস করে খারাপ কাজ করার থেকে রক্ষা করে।
এখানে পুরো কোডবেস:
<html> <head> <link href="./style.css" type="text/css" rel="stylesheet" /> </head> <body> <a href="https://placekitten.com/1000/1000" target="_blank" rel="noopener noreferrer">Click on the link to See a Kitten!</a> </body> </html>
