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

অভ্যন্তরীণ এবং বাহ্যিক লিঙ্ক (Internal and External Links)

HTML-এ লিঙ্ক দুটি ভাগে বিভক্ত করা যায়:

  1. অভ্যন্তরীণ লিঙ্ক (Internal Link)
  2. বাহ্যিক লিঙ্ক (External Link)

1. অভ্যন্তরীণ লিঙ্ক (Internal Link)

অভ্যন্তরীণ লিঙ্ক একটি ওয়েবসাইটের বিভিন্ন পেজ বা সেকশনের মধ্যে সংযোগ স্থাপন করে।

ব্যবহার:

  • যখন লিঙ্ক একই ডোমেইনের মধ্যে থাকে।
  • সাধারণত ফাইলের নাম বা রিলেটিভ পাথ ব্যবহার করা হয়।

উদাহরণ:

html
 
<!-- একই ডিরেক্টরির পেজের সাথে লিঙ্ক -->
<a href="about.html">About Us</a>

<!-- একই পেজের সেকশনে লিঙ্ক -->
<a href="#services">Our Services</a>
<h2 id="services">Services Section</h2>

বৈশিষ্ট্য:

  • উদ্দেশ্য: ওয়েবসাইটের ভেতরে নেভিগেশন সহজ করা।
  • সাধারণত দ্রুত লোড হয় কারণ এটি একই ডোমেইনের ভেতর থাকে।
  • SEO (Search Engine Optimization) এর জন্য গুরুত্বপূর্ণ।

2. বাহ্যিক লিঙ্ক (External Link)

বাহ্যিক লিঙ্ক অন্য একটি ওয়েবসাইট বা ডোমেইনের পেজে সংযোগ স্থাপন করে।

ব্যবহার:

  • যখন লিঙ্ক অন্য ওয়েবসাইটে যায়।
  • পুরো URL ব্যবহার করা হয়।

উদাহরণ:

html
 
<!-- বাহ্যিক লিঙ্ক -->
<a href="https://www.google.com" target="_blank">Visit Google</a>

বৈশিষ্ট্য:

  • উদ্দেশ্য: ব্যবহারকারীকে অন্য ওয়েবসাইটের তথ্য প্রদান করা।
  • SEO-তে ব্যাকলিঙ্ক তৈরির জন্য গুরুত্বপূর্ণ।
  • target="_blank" ব্যবহার করলে লিঙ্কটি নতুন ট্যাবে খুলবে।

3. অভ্যন্তরীণ বনাম বাহ্যিক লিঙ্কের পার্থক্য

বিষয় অভ্যন্তরীণ লিঙ্ক বাহ্যিক লিঙ্ক
গন্তব্য একই ওয়েবসাইটের মধ্যে থাকে অন্য একটি ওয়েবসাইটে নিয়ে যায়
URL ধরণ রিলেটিভ বা অ্যাবসোলিউট পাথ ব্যবহার করে পুরো URL (https://) ব্যবহার করে
লিঙ্কের লোডিং সময় তুলনামূলক দ্রুত ওয়েবসাইটের সার্ভারের উপর নির্ভরশীল
SEO ভূমিকা সাইটের স্ট্রাকচার উন্নত করে ব্যাকলিঙ্ক ও রেফারেন্স হিসাবে কার্যকর

 

4. উদাহরণ: অভ্যন্তরীণ এবং বাহ্যিক লিঙ্ক একসঙ্গে

html
 
<!DOCTYPE html>
<html>
<head>
<title>Internal and External Links</title>
</head>
<body>
<h1>Welcome to Our Website</h1>

<!-- অভ্যন্তরীণ লিঙ্ক -->
<a href="about.html">About Us</a>
<a href="#contact">Contact Us</a>

<!-- বাহ্যিক লিঙ্ক -->
<a href="https://www.wikipedia.org" target="_blank" rel="noopener noreferrer">Visit Wikipedia</a>

<h2 id="contact">Contact Section</h2>
<p>You can reach us at <a href="mailto:info@example.com">info@example.com</a>.</p>
</body>
</html>

5. সেরা অনুশীলন (Best Practices)

অভ্যন্তরীণ লিঙ্কের জন্য:

  1. রিলেটিভ পাথ ব্যবহার করুন: সাইটের স্ট্রাকচার সহজ রাখতে।
  2. সম্ভব হলে আইডি ব্যবহার করুন: পেজের নির্দিষ্ট সেকশনে লিঙ্ক করার জন্য।

বাহ্যিক লিঙ্কের জন্য:

  1. target="_blank" ব্যবহার করুন: লিঙ্কটি নতুন ট্যাবে খুলতে।
  2. rel="noopener noreferrer" ব্যবহার করুন: নিরাপত্তা নিশ্চিত করতে।
  3. কন্টেন্ট রিলেভেন্স চেক করুন: বাহ্যিক লিঙ্ক প্রাসঙ্গিক এবং নির্ভরযোগ্য কিনা।

 

অভ্যন্তরীণ এবং বাহ্যিক লিঙ্ক সাইটের ব্যবহারযোগ্যতা এবং SEO-এর জন্য গুরুত্বপূর্ণ। অভ্যন্তরীণ লিঙ্ক ব্যবহারকারীর নেভিগেশন সহজ করে, আর বাহ্যিক লিঙ্ক সাইটের রেফারেন্স এবং ব্যাকলিঙ্ক তৈরিতে সহায়তা করে।