লিঙ্ক ট্যাগ
link ট্যাগ HTML পৃষ্ঠায় CSS ফাইল সংযুক্ত করে।
তাছাড়া, link কিছু অন্যান্য ফাইলও সংযুক্ত করে,
উদাহরণস্বরূপ, ফ্যাভিকন।
(ফ্যাভিকন হল সাইটের একটি আইকন, যা
ব্রাউজারের ট্যাবে দৃশ্যমান থাকে। এটি
কিছু সার্চ ইঞ্জিনে সাইটগুলির পাশেও দেখা যায়,
উদাহরণস্বরূপ Yandex-এ)।
এই ট্যাগটির অনেকগুলি অ্যাট্রিবিউট রয়েছে এবং সেগুলি বিভিন্ন মান নিতে পারে, তবে বাস্তব জীবনে এগুলি প্রায় ব্যবহার হয় না। সবচেয়ে জনপ্রিয় হল CSS সংযোগ করা এবং ফ্যাভিকন যোগ করা।
CSS কিভাবে সংযুক্ত করবেন:
<link rel="stylesheet" href="style.css">
ফ্যাভিকন কিভাবে সংযুক্ত করবেন:
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
link ট্যাগের ক্লোজিং ট্যাগের প্রয়োজন নেই।
অ্যাট্রিবিউট
| অ্যাট্রিবিউট | বর্ণনা |
|---|---|
href |
সংযুক্ত করা ফাইলের পথ। |
media |
যে ডিভাইসের জন্য ফাইল সংযুক্ত করতে হবে তার ধরন। এর মানে হল - আপনি শুধুমাত্র বড় স্ক্রিনের জন্য (মান screen)
অথবা শুধুমাত্র ছোট স্ক্রিনের জন্য: মোবাইল বা ট্যাবলেটের জন্য (মান handheld) CSS ফাইল সংযুক্ত করতে পারেন।
সম্ভাব্য মানগুলি: all, braille, handheld, print, screen, speech, projection, tty, tv।
নিচে আরও বিস্তারিত দেখুন।
|
rel |
সংযুক্ত করা ফাইলের ধরন।
সম্ভাব্য মানগুলি: stylesheet | alternate।
মান stylesheet নির্দেশ করে যে একটি CSS ফাইল সংযুক্ত করা হচ্ছে,
মান alternate ব্যবহার করা হয়, উদাহরণস্বরূপ, খবর ফিড, নিবন্ধের ঘোষণা বর্ণনা করার জন্য
XML ফর্ম্যাটে ফাইলের লিঙ্ক নির্দেশ করতে।
|
charset |
সংযুক্ত করা ফাইলের এনকোডিং।
বর্তমানে স্ট্যান্ডার্ড হল utf-8।
|
type |
সংযুক্ত করা ফাইলের ডেটার ধরন। |
media অ্যাট্রিবিউটের মান
HTML5-এ মান হিসাবে মিডিয়া ক্যোয়ারী নির্দিষ্ট করা যেতে পারে।
| মান | বর্ণনা |
|---|---|
all |
সব ডিভাইস। |
screen |
মনিটরের স্ক্রিন। |
handheld |
ফোন, স্মার্টফোন, ছোট স্ক্রিনের ডিভাইস। |
braille |
ব্রেইল সিস্টেম ভিত্তিক ডিভাইস, যা অন্ধ মানুষের জন্য তৈরি। |
speech |
স্পিচ সিন্থেসাইজার, সেইসাথে পাঠ্য জোরে পড়ার জন্য প্রোগ্রাম। এছাড়াও স্পিচ ব্রাউজারগুলি এতে অন্তর্ভুক্ত। |
print |
প্রিন্টার। |
projection |
প্রজেক্টর। |
tty |
টেলিটাইপ, টার্মিনাল, সীমিত স্ক্রিন ক্ষমতা সহ পোর্টেবল ডিভাইস। এগুলির জন্য একক হিসাবে পিক্সেল ব্যবহার করা উচিত নয়। |
tv |
টেলিভিশন, যা ওয়েব পৃষ্ঠা খুলতে পারে (এটাও হয়)। |
ডিফল্ট মান: all।
উদাহরণ
আসুন দেখি একটি সাধারণ HTML পৃষ্ঠার কাঠামো কেমন দেখায়, যাতে CSS ফাইল এবং ফ্যাভিকন সংযোগ যোগ করা হয়েছে:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style1.css">
<link rel="stylesheet" href="style2.css" media="screen">
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
