HTML DOM Link rel সম্পত্তি বর্তমান এবং লিঙ্কড নথির মধ্যে সম্পর্ক সেট/রিটার্ন করে এবং উল্লেখ করা প্রয়োজন৷
সিনট্যাক্স
নিচের সিনট্যাক্স −
- প্রত্যাবর্তন rel বৈশিষ্ট্য মান
linkObject.rel
- সেটিং rel একটি মান স্ট্রিং তে
linkObject.rel =valueString
মান স্ট্রিং
এখানে, “valueString” নিম্নলিখিত −
হতে পারে| valueString | বর্ণনা |
|---|---|
| বিকল্প | এটি প্রদান করে |
| লেখক | এটি লিঙ্ক করা নথির লেখককে একটি লিঙ্ক প্রদান করে |
| dnsprefetch | এটি নির্দিষ্ট করে যে ব্রাউজারটিকে লক্ষ্য সম্পদের উৎপত্তির জন্য আগে থেকেই DNS রেজোলিউশন সম্পাদন করা উচিত |
| সহায়তা | এটি সাহায্য নথির একটি লিঙ্ক প্রদান করে যদি থাকে |
| আইকন | এটি নথির প্রতিনিধিত্ব করার জন্য একটি আইকন আমদানি করে |
| rel | এটি বর্তমান এবং লিঙ্কড নথির মধ্যে সম্পর্ক সেট/রিটার্ন করে |
| লাইসেন্স | এটি লিঙ্ক করা নথির জন্য কপিরাইট তথ্য প্রদান করে |
| পরবর্তী | এটি নথির সিরিজের পরবর্তী নথিতে একটি লিঙ্ক প্রদান করে |
| পিংব্যাক | এটি পিংব্যাক সার্ভারের ঠিকানা প্রদান করে যা বর্তমান লিঙ্ক করা নথিতে পিংব্যাকগুলি পরিচালনা করে |
| প্রাক-সংযোগ করুন | এটি সুনির্দিষ্ট করে যে ব্রাউজারটি আগে থেকেই লক্ষ্য সম্পদের উৎসের সাথে সংযুক্ত হওয়া উচিত যদি থাকে |
| প্রিফেচ | এটি সুনির্দিষ্ট করে যে ব্রাউজারটিকে আগে থেকেই লক্ষ্য সম্পদ আনতে এবং ক্যাশে করা উচিত কারণ ডকুমেন্টের ফলো-আপ নেভিগেশনের প্রয়োজন হয় |
| প্রিলোড | এটি নির্দিষ্ট করে যে ব্রাউজার এজেন্টকে "এজ" অ্যাট্রিবিউট (এবং সেই গন্তব্যের সাথে যুক্ত অগ্রাধিকার) দ্বারা প্রদত্ত গন্তব্য অনুযায়ী বর্তমান নেভিগেশনের জন্য লক্ষ্য সংস্থানকে প্রাক-ইমপটিভভাবে আনতে হবে এবং ক্যাশে করতে হবে )। |
| প্রি-রেন্ডার | এটি নির্দিষ্ট করে যে ব্রাউজারটিকে পটভূমিতে নির্দিষ্ট ওয়েবপৃষ্ঠাটি লোড করা উচিত৷ সুতরাং, ব্যবহারকারী যদি এই পৃষ্ঠায় নেভিগেট করে, তাহলে এটি পৃষ্ঠা লোডের গতি বাড়িয়ে দেয় |
| আগের | এটি নির্দেশ করে যে দস্তাবেজটি একটি সিরিজের একটি অংশ, এবং যে সিরিজের পূর্ববর্তী নথিটি উল্লেখ করা লিঙ্কযুক্ত নথি |
| অনুসন্ধান | এটি একটি সম্পদের একটি লিঙ্ক প্রদান করে যা বর্তমান নথি এবং এর সম্পর্কিত পৃষ্ঠাগুলির মাধ্যমে অনুসন্ধান করতে ব্যবহার করা যেতে পারে৷ |
| স্টাইলশীট | এটি বর্তমান নথিতে একটি স্টাইল শীট আমদানি করে |
উদাহরণ
আসুন Link rel-এর উদাহরণ দেখি সম্পত্তি -
লিঙ্ক rel
উপরের উদাহরণে 'style.css' −
রয়েছে <প্রি>ফর্ম { প্রস্থ:70%; মার্জিন:0 অটো; টেক্সট-সারিবদ্ধ:কেন্দ্র;}* { প্যাডিং:2px; margin:5px;}input[type="button"] { বর্ডার-ব্যাসার্ধ:10px;}আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
