ওভারভিউ
HTML DOM Link rel প্রপার্টি বর্তমান এবং লিংক করা ডকুমেন্টের মধ্যে সম্পর্ক সেট/রিটার্ন করে এবং এটি উল্লেখ করা আবশ্যক।
সিনট্যাক্স
rel অ্যাট্রিবিউটের মান রিটার্ন করা
linkObject.rel
rel সেট করা
linkObject.rel = valueString
ভ্যালু স্ট্রিংস
| valueString | বিবরণ |
|---|---|
| alternate | বিকল্প সংস্করণ প্রদান করে। |
| author | লিংক করা ডকুমেন্টের লেখকের লিংক প্রদান করে। |
| dnsprefetch | টার্গেট রিসোর্সের অরিজিনের জন্য DNS রেজোলিউশন প্রি-এম্পটিভলি করার নির্দেশনা দেয়। |
| help | সাহায্যকারী ডকুমেন্টের লিংক প্রদান করে। |
| icon | ডকুমেন্টকে রিপ্রেজেন্ট করার জন্য আইকন ইম্পোর্ট করে। |
| rel | বর্তমান এবং লিংক করা ডকুমেন্টের মধ্যে সম্পর্ক সেট/রিটার্ন করে। |
| license | লিংক করা ডকুমেন্টের কপিরাইট ইনফরমেশন প্রদান করে। |
| next | ডকুমেন্ট সিরিজের পরবর্তী ডকুমেন্টের লিংক প্রদান করে। |
| pingback | পিংব্যাক সার্ভারের অ্যাড্রেস প্রদান করে। |
| preconnect | টার্গেট রিসোর্সের অরিজিনের সাথে প্রি-কানেক্ট করার নির্দেশনা দেয়। |
| prefetch | টার্গেট রিসোর্স প্রি-ফেচ ও ক্যাশ করার নির্দেশনা দেয়। |
| preload | টার্গেট রিসোর্স প্রি-লোড করার নির্দেশনা দেয়। |
| prerender | নির্দিষ্ট ওয়েবপেজ ব্যাকগ্রাউন্ডে লোড করার নির্দেশনা দেয়। |
| prev | পূর্বের ডকুমেন্টের লিংক নির্দেশ করে। |
| search | সার্চ রিসোর্সের লিংক প্রদান করে। |
| stylesheet | কারেন্ট ডকুমেন্টে স্টাইলশীট ইম্পোর্ট করে। |
উদাহরণ
Link rel প্রপার্টির উদাহরণ:
<!DOCTYPE html> <html> <head> <title>Link rel</title> <link id="extStyle" rel="stylesheet" type="text/css" href="style.css"> </head> <body> <form> <fieldset> <legend>Link-rel</legend> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var extStyle = document.getElementById("extStyle"); if(extStyle.rel === 'stylesheet') divDisplay.textContent = 'The linked document is of type stylesheet'; else divDisplay.textContent = 'The linked document is of type '+extStyle.rel; </script> </body> </html>
উপরের উদাহরণে 'style.css' নিচের কন্টেন্ট ধারণ করে:
form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; }
আউটপুট
