বর্তমান ডকুমেন্ট এবং লিঙ্কড ডকুমেন্টের মধ্যে সম্পর্ক সেট করতে এলিমেন্টের rel অ্যাট্রিবিউট ব্যবহার করা হয়। এই বৈশিষ্ট্যটি HTML5 এ উপাদানের জন্য চালু করা হয়েছে।
নিচের সিনট্যাক্স −
<area rel="value">
উপরে, মান নিম্নলিখিত বিকল্পগুলির মধ্যে যেকোনও হতে পারে যা −
এর সাথে লিঙ্ক করে- বিকল্প :নথির একটি বিকল্প সংস্করণ, উদাহরণস্বরূপ, প্রিন্ট করার জন্য।
- লেখক :নথির লেখক
- বুকমার্ক :বুকমার্ক করার জন্য ব্যবহৃত স্থায়ী URL
- সহায়তা :সহায়তা নথি
- লাইসেন্স :কপিরাইট তথ্য
- পরবর্তী :একটি নির্বাচনের পরবর্তী নথি
- nofollow: একটি লিঙ্কের লিঙ্ক যা আপনি চান না যে Google ইনডেক্সিং সেই লিঙ্কটিকে অনুসরণ করুক।
- নোরেফারার :নির্দিষ্ট করে যে ব্যবহারকারী হাইপারলিঙ্ক অনুসরণ করলে ব্রাউজারটি HTTP রেফারার হেডার পাঠাবে না
- প্রিফেচ :নির্দিষ্ট করে যে লক্ষ্য নথিটি ক্যাশে করা উচিত
- আগের :একটি নির্বাচনে পূর্ববর্তী নথি
- অনুসন্ধান করুন :নথির জন্য একটি অনুসন্ধান সরঞ্জামের লিঙ্ক
- ট্যাগ: বর্তমান নথির জন্য একটি ট্যাগ
আসুন এখন উপাদান −
এর rel বৈশিষ্ট্য বাস্তবায়নের একটি উদাহরণ দেখিউদাহরণ
<!DOCTYPE html> <html> <body> <h2>Learning</h2> <p>Learn these technologies with ease....</p> <img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/> <map name = "tutorials"> <area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27" href = "/perl/index.htm" alt = "Perl Tutorial" target = "_blank" rel="alternate"/> <area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial" href = "/html/index.htm" target = "_blank" /> <area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial" href = "/php/index.htm" target = "_blank" /> </map> </body> </html>
আউটপুট
উপরের উদাহরণে, আমরা মানচিত্রটি নিচের ছবিতে −
সেট করেছি<img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/>
এখন, আমরা এর মধ্যে মানচিত্র এবং ক্ষেত্রফল −
আকারের জন্য সেট করেছি<map name = "tutorials"> <area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27" href = "/perl/index.htm" alt = "Perl Tutorial" target = "_blank" rel="alternate"/> <area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial" href = "/html/index.htm" target = "_blank" /> <area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial" href = "/php/index.htm" target = "_blank" /> </map>
উপরে, আমরা বিকল্প সংস্করণ -
-এর জন্য সম্পর্ক সেট করেছিrel="alternate"
