Curriculum
Course: HTML Mastery: From Basics to Brilliance
Login

Curriculum

HTML Mastery: From Basics to Brilliance

মডিউল ১: পরিচিতি এবং বেসিক HTML : 1. HTML পরিচিতি

0/4

মডিউল ১: পরিচিতি এবং বেসিক HTML : 2. HTML ডকুমেন্ট স্ট্রাকচার

0/2

মডিউল ১: পরিচিতি এবং বেসিক HTML : 3. বেসিক ট্যাগস

0/4

মডিউল ১: পরিচিতি এবং বেসিক HTML : 4. টেক্সট ফরম্যাটিং ট্যাগস

0/3

মডিউল ২: HTML লিস্ট এবং লিঙ্ক: 1. লিস্ট তৈরির ট্যাগস

0/3

মডিউল ২: HTML লিস্ট এবং লিঙ্ক: 2. লিঙ্ক তৈরির ট্যাগ

0/3
Text lesson

লিঙ্কে টার্গেট সেট করা (_blank, _self)।

HTML-এ <a> (anchor) ট্যাগের target অ্যাট্রিবিউট ব্যবহার করে নির্ধারণ করা যায়, লিঙ্কটি কীভাবে খুলবে। এটি একটি লিঙ্ক ক্লিক করার সময় ব্রাউজারের আচরণ নিয়ন্ত্রণ করে।

target অ্যাট্রিবিউটের মানসমূহ:

1. _blank

লিঙ্কটি নতুন ট্যাবে বা উইন্ডোতে খুলবে।

  • ব্যবহারকারী মূল পেজটি বজায় রেখে লিঙ্কের কন্টেন্ট দেখতে পারে।
  • এটি সাধারণত বাহ্যিক লিঙ্কের জন্য ব্যবহার করা হয়।

উদাহরণ:

html
 
<a href="https://www.google.com" target="_blank">Google</a>

2. _self

লিঙ্কটি একই ট্যাবে খুলবে (ডিফল্ট আচরণ)।

  • অভ্যন্তরীণ লিঙ্কের জন্য সাধারণত এটি ব্যবহৃত হয়।

উদাহরণ:

html
 
<a href="about.html" target="_self">About Us</a>

3. _parent

লিঙ্কটি প্যারেন্ট ফ্রেমে খুলবে।

  • এটি ফ্রেম বা আইফ্রেম ব্যবহারের সময় প্রাসঙ্গিক।

উদাহরণ:

html
 
<a href="contact.html" target="_parent">Contact Us</a>

4. _top

লিঙ্কটি পুরো ব্রাউজার উইন্ডোতে খুলবে, ফ্রেম বা আইফ্রেমের কাঠামো উপেক্ষা করবে।

উদাহরণ:

html
 
<a href="services.html" target="_top">Our Services</a>

উদাহরণ: বিভিন্ন target ব্যবহার

html
 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Link Targets Example</title>
</head>
<body>
<h1>Link Targets</h1>

<!-- নতুন ট্যাবে লিঙ্ক খুলবে -->
<a href="https://www.facebook.com" target="_blank">Visit Facebook</a><br>

<!-- একই ট্যাবে লিঙ্ক খুলবে -->
<a href="about.html" target="_self">About Us</a><br>

<!-- প্যারেন্ট ফ্রেমে লিঙ্ক খুলবে -->
<a href="parent.html" target="_parent">Parent Frame</a><br>

<!-- পুরো ব্রাউজার উইন্ডোতে লিঙ্ক খুলবে -->
<a href="home.html" target="_top">Home</a>
</body>
</html>

সেরা অনুশীলন:

  1. _blank ব্যবহারের সময় নিরাপত্তা নিশ্চিত করুন:
    বাহ্যিক লিঙ্কে rel="noopener noreferrer" ব্যবহার করুন। এটি নিরাপত্তা এবং কর্মক্ষমতা উন্নত করে।

    উদাহরণ:

    html
     
    <a href="https://example.com" target="_blank" rel="noopener noreferrer">Example</a>

  2. কন্টেক্সট অনুযায়ী target নির্বাচন করুন:

    • অভ্যন্তরীণ লিঙ্কে: সাধারণত _self ব্যবহার করুন।
    • বাহ্যিক লিঙ্কে: _blank ব্যবহার করুন।

 

target অ্যাট্রিবিউট ব্যবহারকারীর ব্রাউজিং অভিজ্ঞতা নিয়ন্ত্রণের জন্য একটি শক্তিশালী হাতিয়ার। এটি প্রাসঙ্গিক ব্যবহার নিশ্চিত করে ওয়েবসাইটের কার্যকারিতা এবং ব্যবহারযোগ্যতা বৃদ্ধি করে।