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 link বা a tag এর ব্যবহার... Link অর্থ যুক্ত করা। আর একটি ওয়েব পেজের সাথে আরও একটি পেজকে যুক্ত করাই হচ্ছে link এর মূল কাজ।  যেকোন ওয়েব পেজে link করার জন্য a tag, যাকে anchor ট্যাগ...
এইচ টি এম এল কি একটি ওয়েব পেজের মূল গঠন তৈরি করতে HTML ব্যবহার করা হয়ে থাকে। এইচ টি এম এল হচ্ছে মার্কআপ ল্যাঙ্গুয়েজ, HTML প্রোগ্রামিং ল্যাঙ্গুয়েজ নয়। HTML এর ফুল ফ...
এইচটিএমএল ট্যাগ লিস্ট HTML5 tag list... HTML5 ট্যাগ লিস্টে আমরা তুলে ধরেছি সবগুলো HTML ট্যাগ  এর নাম ও এদের হালকা বিবরনি । ধিরে ধিরে আমরা তুলে ধরছি এদের বিস্তারিত ব্যবহার এই এইচটিএমএল ট্যাগ ...
HTML হেডিং ট্যাগ ও এর ব্যবহার... সাধারণত HTML এ ছয় ধরনের হেডিং ট্যাগ রয়েছে, h1 to h6 পর্যন্ত। তবে h1 সবচেয়ে বড় হেডিং ট্যাগ এবং সবার ছোট h6 Heading Tag. HTML এ কোন ওয়েবপেজে কোন ডকুমেন্...
ওয়েবসাইটে গুগল ম্যাপ যোগ করবো কিভাবে... অনেক সময় কিছু কিছু ওয়েবসাইটে ভিজিট করার সময় আমরা Google Map দেখে থাকি। আমরা অনেকেই জানি Google Map ব্যবহার করে রোড়ম্যাপ, লোকেশন ট্র্যাক সহ অনেক ধরনের ...
area ট্যাগ ও map ট্যাগের ব্যবহার উদাহরন সহ... map ট্যাগ এবং area ট্যাগ এই দুটো আসলে একে অপরের সাথে কানেক্টটেড। অনেকটা ul li এবং ol li এই দুইটো ট্যাগের সাথে সর্ম্পকের মতো। যেমন এর আগে আমরা দেখিয়েছি...

You may also like...

Leave a Reply

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

error: Content is protected !!