কম্পিউটার

কিভাবে HTML টার্গেট অ্যাট্রিবিউট ব্যবহার করবেন

লক্ষ্য বৈশিষ্ট্য

target অ্যাট্রিবিউট নির্দিষ্ট করে যেখানে ব্যবহারকারীরা ক্লিক করলে লিঙ্কটি খুলতে হবে।

আপনি নীচের লিঙ্কে ক্লিক করলে, আপনি এখন যে ব্রাউজার ট্যাব/উইন্ডোতে আছেন সেই একই ব্রাউজারে আপনাকে টেকস্ট্যাকারের প্রথম পৃষ্ঠায় নিয়ে যাওয়া হবে:

<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" ব্যবহার করুন .

অন্যথায়, কিছু করবেন না, এবং আপনার লিঙ্কগুলি একই ব্রাউজার উইন্ডোতে খোলার জন্য ডিফল্ট হবে (_self এর মাধ্যমে মান)।

গুরুত্বপূর্ণ: যখন আপনি target="_blank" ব্যবহার করেন আপনার সম্ভবত noopener যোগ করা উচিত নিরাপত্তা কারণে এটি বরাবর বৈশিষ্ট্য. অন্তত যখন আপনি বহিরাগত ওয়েবসাইট লিঙ্ক. নোপেনার অ্যাট্রিবিউট সম্পর্কে আরও।


  1. কিভাবে HTML এ গঠন বৈশিষ্ট্য ব্যবহার করবেন?

  2. কিভাবে HTML এ প্রয়োজনীয় বৈশিষ্ট্য ব্যবহার করবেন?

  3. কিভাবে HTML এ একাধিক অ্যাট্রিবিউট ব্যবহার করবেন?

  4. কিভাবে HTML এ লিস্ট এট্রিবিউট ব্যবহার করবেন?