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

aside ট্যাগ ও HTML aside ট্যাগের ব্যবহার... aside ট্যাগ কোন ডকুমেন্ট এর সাথে রিলেটেড বিষয় গুলকে আলাদা রাখবার জন্য ব্যবহার হয়। এক কথায় কোন প্রবন্ধ বা আটিকেল এর সাথে সম্পর্ক যুক্ত বিষয় গুল একটু সা...
HTML হেডিং ট্যাগ ও এর ব্যবহার... সাধারণত HTML এ ছয় ধরনের হেডিং ট্যাগ রয়েছে, h1 to h6 পর্যন্ত। তবে h1 সবচেয়ে বড় হেডিং ট্যাগ এবং সবার ছোট h6 Heading Tag. HTML এ কোন ওয়েবপেজে কোন ডকুমেন্...
HTML meta ট্যাগ ও meta ট্যাগের ব্যবহার... সাধারণত meta ট্যাগ ব্যবহার করে ব্রাউজারকে অতিরিক্ত তথ্য প্রধান করা হয়ে থাকে।  meta ট্যাগের কোন ক্লোজিং ট্যাগ নেই।  আপনি একটি ওয়েব পেজ তৈরি করার সময় এক...
HTML এ div ট্যাগ ও div ট্যাগের ব্যবহার... HTML এ একটি নির্দিষ্ট অংশকে আলাদাভাবে স্টাইল কিংবা ব্লক আকারে তৈরি করবার জন্য সাধারণত div ট্যাগ ব্যবহার করা হয়ে থাকে।  আমরা যখন একটি ওয়েবসাইট ভিজিট কর...
html img tag কিভাবে ব্যাবহার করবেন... Web Page এ ছবি নিয়ে আসবার জন্য আমাদের img tag টি ব্যবহার করতে হয় html code এ । html5 standard এ img tag এর দুটি attribute থাকতেই হবে, আর তারা হচ্ছে, s...
HTML base ট্যাগ ও base ট্যাগের ব্যবহার... সাধারণত একটি ডকুমেন্টের সমস্ত ইউআরএল বা ঠিকানা গুলির জন্য এ্কটি ডিফল্ট URL ও এর টার্গেট ঠিক করা হয়ে থাকে base ট্যাগ দিয়ে  । base ট্যাগ ব্যবহার করা হয় ...

You may also like...

Leave a Reply

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

error: Content is protected !!