HTML nav ট্যাগ ও nav ট্যাগের ব্যবহার

সাধারণত HTML nav ট্যাগ ন্যাভিগেশন লিংকগুলির একটি সেটকে নির্ধারণ করে থাকে। যেমন ধরুনঃ কোন একটি সাইটে সাথে আরও একটি সাটের  লিংক করবেন কিংবা আপনার web page অন্য পেজ গুল লিংক কবেন,  সে ক্ষেত্রে আপনি HTML nav ট্যাগ ব্যবহার করতে পারেন।  চলুন নিচের অংশে দেখে নেই।

HTML nav ট্যাগ এর উদাহরন

<nav>
     <a href="https://kivabe.com">Home</a>
     <a href="https://kivabe.com/contact-us/">Contact Us</a>
     <a href="https://kivabe.com/about-us/">About Us</a> 
</nav>

নিজে চেষ্ঠা করুন

উপরের প্রথম অংশে nav টাগ ব্যবহার করা হয়েছে। এরপর nav ট্যাগের ভিতরে a ট্যাগ দেয়া রয়েছে।  এবার আপনি যে সাইটির সাথে লিংক করবেন। সে সাইটের নাম href  attribute এর ভিতরে যেমনঃ https://kivabe.com দেয়া আছে। আমরা আসলে তিনটি লিকং করেছি উপরের কোডে । তবে মেনুগুলো তে ul ও li tag ব্যবহার করে করা হয় । নিচে দেখুন

<nav>
 <ul>
   <li><a href="https://kivabe.com">Home</a></li>
   <li><a href="https://kivabe.com/contact-us/">Contact Us</a></li>
   <li><a href="https://kivabe.com/about-us/">About Us</a></li>
 </ul>
</nav>

নিজে চেষ্ঠা করুন

সাধারনত মেনু আইটেম গুলোকে উপরের কোডের মতো করে সাজানো হয় । যেখানে দেখতে পাচ্ছি nav tag এর ভতরে আছে ul tag এবং তার ভিতরে আছে li tag. এবার li tag এর ভিতরে আছে a tag যা দিয়ে আমরা লিংক করেছি বিভিন্য পেজ গুলোকে ।

nav ট্যাগের ব্যবহার

  • ন্যাভ ট্যাগ ব্যবহার করা হল কোন একটি মেনু কিংবা ইম্পটেন্ট লিংক গুলোকে রাখবার জন্য
  • যে কোন লিংক এ nav tag ব্যবহার করা যাবেনা ।

Nav tag HTML5 এ নতুন যোগ হয়েছে। এটি সব ধরনের নতুন ওয়েব ব্রাউজার সাপোর্ট করে এবং এটি ব্লক লেভেল এলিমেন্ট ।

Related Post

HTML br ট্যাগ এবং br ট্যাগের ব্যবহার... আমরা ওয়েবে সাধারনত বিভিন্য Paragraph গুলো p tag এর মধ্যে রাখি । আর লিখাগুলো এক লাইন শেষ হলে অটো পরের লাইনে চলে আসে । কিন্তু এমন যদি হয় যে আপনি চাচ্ছেন...
html এ DOCTYPE html কেন ব্যবহার হয়... শুরুতেই বলে রাখা ভালো  কে সম্পূর্ন ট্যাগ বলা হয় না।  ব্যাবহার করা হয়ে থাকে  html এর কোন ভার্সন সেইটাকে বোঝাতে।  এইচট...
HTML address ট্যাগ এর ব্যবহার... কোন তথ্য বা নথির যোগাযোগের ক্ষেত্রে address ট্যাগ ব্যবহার করা হয়। আবার ওয়েব পেজে কোন ঠিকান লেখবার জন্যও address ট্যাগ ব্যবহার করা হয়ে থাকে। ধরুন, আপনি...
aside ট্যাগ ও HTML aside ট্যাগের ব্যবহার... aside ট্যাগ কোন ডকুমেন্ট এর সাথে রিলেটেড বিষয় গুলকে আলাদা রাখবার জন্য ব্যবহার হয়। এক কথায় কোন প্রবন্ধ বা আটিকেল এর সাথে সম্পর্ক যুক্ত বিষয় গুল একটু সা...
HTML hr ট্যাগ ও hr ট্যাগের ব্যবহার... সাধারণত HTML hr  ট্যাগ কোন ডকুমেন্ট কিংবা কোন লাইনে ব্যবহার করলে নিচের দিকে লম্ব রেখা তৈরি হয়। hr tag আসলে Horizontal Line কে বুঝায়। অনেক সময় কিছু সাই...
HTML হেডিং ট্যাগ ও এর ব্যবহার... সাধারণত HTML এ ছয় ধরনের হেডিং ট্যাগ রয়েছে, h1 to h6 পর্যন্ত। তবে h1 সবচেয়ে বড় হেডিং ট্যাগ এবং সবার ছোট h6 Heading Tag. HTML এ কোন ওয়েবপেজে কোন ডকুমেন্...

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *

error: Content is protected !!