এইচটিএমএল <link> ট্যাগ
<link> ট্যাগের ব্রাউজার সাপোর্ট
| এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
<link> |
সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন |
সংজ্ঞা এবং ব্যবহার
<link> ট্যাগটি ডকুমেন্ট এবং এক্সটার্নাল রিসোর্স এর মধ্যে লিংক/সম্পর্ক স্থাপন করে।
সাধারনত এক্সটার্নাল স্টাইল শীটকে ডকুমেন্টের সাথে সংযুক্ত করতে <link> ট্যাগটি ব্যবহার করা হয়।
কিভাবে একটি এক্সটার্নাল স্টাইল শীটকে এইচটিএমএল ডকুমেন্টের সাথে লিংক করা যায় তা নিচের উদাহরণে দেখানো হলোঃ
এক্সটার্নাল স্টাইল ফাইলঃ style.css
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল link ট্যাগ</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>স্যাট একাডেমী</h1>
<p>কম্পিউটার প্রোগ্রামিং শেখার অন্যতম ওয়েবসাইট!</p>
<a href="https://www.sattacademy.com" target="_blank">www.sattacademy.com</a>
</body>
</html>
ফলাফল
এট্রিবিউট
নিচের টেবিলে <link> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ
| এট্রিবিউট | ভ্যালু | বর্ণনা |
|---|---|---|
| charset | char_encoding | এইচটিএমএল(৫) সাপোর্ট করে না। লিঙ্ক ডকুমেন্টের ক্যারেক্টার এনকোডিং নির্ধারণ করে। |
| crossorigin | anonymous use-credentials |
কিভাবে এলিমেন্টটি cross-origin রিকুয়েস্ট হ্যান্ডল করবে তা নির্ধারণ করে। |
| href | URL | লিংক/সোর্স ফাইলের অবস্থান নির্দেশ করে। স্টাইল শীটের ক্ষেত্রে ফাইলটির লোকেশন নির্দিষ্ট করে দেয়া। |
| hreflang | language_code | লিংককৃত ফাইলের টেক্সের ভাষাকে নির্দেশ করে। |
| media | media_query | লিংককৃত ফাইল/ডকুমেন্টটি কি ধরনের ডিভাইসে প্রদর্শন করবে তা নির্দেশ করে। |
| rel | alternate, archives, author, bookmark, external, first, help, icon, last, license, next, nofollow, noreferrer, pingback, prefetch, prev, search, sidebar, stylesheet, tag, up | বর্তমান ডকুমেন্ট এবং লিংককৃত ডকুমেন্টের মধ্যে সম্পর্ক নির্দেশ করে। |
| rev | reversed relationship | এইচটিএমএল(৫) সাপোর্ট করে না। লিঙ্ক ডকুমেন্ট এবং বর্তমান ডকুমেন্টের মধ্যে সম্পর্ক নির্দেশ করে। |
| sizes | Height X Width any |
লিংককৃত রিসোর্সের আকার উল্লেক করে। শুধুমাত্র rel="icon" |
| target | _blank _self _top _parent frame_name |
এইচটিএমএল(৫) সাপোর্ট করে না। লিংক করা ডকুমেন্টটি কোন উইন্ডোতে লোড করা হবে তা উল্লেখ করে। |
| type | media_type | লিংককৃত ডকুমেন্টের মিডিয়া টাইপ উল্লেখ করে। |
<link> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে না |
<link> ট্যাগের ডিফল্ট স্টাইল
অধিকাংশ ব্রাউজারেই <link> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ
link {
display: none;
}