The href অ্যাট্রিবিউট
href অ্যাট্রিবিউট হল HTML-এর সবচেয়ে গুরুত্বপূর্ণ বৈশিষ্ট্যগুলির মধ্যে একটি৷
href এর জন্য ইউআরএল নির্দিষ্ট করার জন্য ব্যবহৃত হয়:
- হাইপারলিঙ্ক (একে শুধু "লিঙ্ক"ও বলা হয়)।
- অথবা বাহ্যিক সম্পদ আমদানির জন্য, যেমন শৈলী এবং স্ক্রিপ্ট।
href-এর সবচেয়ে সাধারণ ব্যবহার অ্যাঙ্কর এলিমেন্ট <a>-এ অভ্যন্তরীণ বা বাহ্যিক লিঙ্ক (URL) যোগ করতে হয় :
<a href="link-path">Click</a>href সহ অভ্যন্তরীণ লিঙ্কগুলি
আসুন একটি লিঙ্ক তৈরি করি যা ব্যবহারকারীকে প্রথম পৃষ্ঠায় নিয়ে যায় যখন আপনি এটিতে ক্লিক করেন।
আমরা এটিকে হোম বলব৷
প্রথমত, আমরা অ্যাঙ্কর উপাদান সংজ্ঞায়িত করি:
<a>Home</a>
এখন <a> তৈরি করতে একটি হাইপারলিঙ্কে উপাদান, আমরা href যোগ করি বৈশিষ্ট্য:
<a href>Home</a>
এবং এটিকে "/" এর একটি মান নির্ধারণ করুন :
<a href="/">Home</a>এটি ব্রাউজারে কীভাবে রেন্ডার হয়:
হোম
ভাল পরিমাপের জন্য, আসুন অ্যাঙ্কর উপাদানের উদাহরণটি আলাদা করে ফেলি:
<a>একটি খোলার অ্যাঙ্কর ট্যাগ</a>হল একটি ক্লোজিং অ্যাঙ্কর ট্যাগHomeবিষয়বস্তু (ব্রাউজারে দৃশ্যমান একমাত্র অংশ)hrefএকটি বৈশিষ্ট্য নাম=একজন অ্যাসাইনমেন্ট অপারেটর"/"একটি বৈশিষ্ট্য মান
এই ওয়েবসাইটে, এই সঠিক অ্যাঙ্কর উপাদানটি হেডারের উপরের বাম কোণায় টেকস্ট্যাকার লোগোটি মোড়ানো হচ্ছে (যদি আপনি এটিতে ক্লিক করেন তবে আপনাকে সামনের পৃষ্ঠায় নিয়ে যাওয়া হবে)।
আপনি প্রায়শই ওয়েবসাইটের নেভিগেশন বার <nav>...</nav> এর ভিতরে ব্যবহৃত এই সঠিক কোড উদাহরণটি দেখতে পাবেন .
ধরা যাক আপনার ওয়েবসাইটের মোট 3টি পৃষ্ঠা রয়েছে, যেমন হোম, সম্পর্কে, যোগাযোগ, এবং আপনি অভ্যন্তরীণ করতে চান তাদের জন্য লিঙ্ক।
প্রথমত, প্রতিটি পৃষ্ঠার এইচটিএমএল নথির নাম দেওয়া উচিত এইভাবে:
- হোম
index.htmlহওয়া উচিত - সম্পর্কে
about.htmlহওয়া উচিত - যোগাযোগ
contact.htmlহওয়া উচিত
এবং তারপর আপনি প্রতিটি নথির জন্য আপেক্ষিক পৃষ্ঠার রুট (URL) সংজ্ঞায়িত করুন যেমন:
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/contact">Contact</a>
এখন আপনি একটি <nav> এর মধ্যে প্রতিটি অ্যাঙ্কর উপাদান মোড়ানো করতে পারেন উপাদান:
<nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/contact">Contact</a>
</nav>এখন আপনার কাছে একটি নেভিগেশন উপাদান আছে যা আপনি শিরোনাম, ফুটার,-এ রাখতে পারেন অথবা সাইডবার আপনার ওয়েবসাইটে।
href সহ বাহ্যিক লিঙ্কগুলি
আপনি যদি নিজের ওয়েবসাইটের চেয়ে অন্য ওয়েবসাইটে লিঙ্ক করতে চান তবে আপনি একটি বাহ্যিক ব্যবহার করুন৷ লিঙ্ক বিন্যাস, যেখানে আপনি একটি পরম পথ নির্দিষ্ট করেন:
<a href="https://www.youtube.com">Link to YouTube.com</a>আমি আমার নিজের YouTube চ্যানেলে লিঙ্ক করার এই সুযোগটি ব্যবহার করব:
আমার YouTube চ্যানেলের লিঙ্ক (TechStacker)।
