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

এইচটিএমএল ট্যাগ লিস্ট HTML5 tag list... HTML5 ট্যাগ লিস্টে আমরা তুলে ধরেছি সবগুলো HTML ট্যাগ  এর নাম ও এদের হালকা বিবরনি । ধিরে ধিরে আমরা তুলে ধরছি এদের বিস্তারিত ব্যবহার এই এইচটিএমএল ট্যাগ ...
ওয়েবসাইটে গুগল ম্যাপ যোগ করবো কিভাবে... অনেক সময় কিছু কিছু ওয়েবসাইটে ভিজিট করার সময় আমরা Google Map দেখে থাকি। আমরা অনেকেই জানি Google Map ব্যবহার করে রোড়ম্যাপ, লোকেশন ট্র্যাক সহ অনেক ধরনের ...
HTML label ট্যাগ ও html label ট্যাগের ব্যবহার... label ট্যাগ একটি input elements জন্য একটি লেবেলকে নির্ধারণ করে থাকে। label ট্যাগ form, input ট্যাগ এর মধ্যে ব্যবহার করা হয়ে থাকে। label ট্যাগ ইনপুট id...
HTML blockquote, q ট্যাগ ও blockquote এবং q ট্যাগে... blockquote একটি HTML এর এলিমেন্ট । সাধারণত HTML blockquote ট্যাগ ব্যবহার করা হয় কোন বড় ধরনের  quotation লেখার ক্ষেত্রে।  হতে পারে, কোন বই থে...
HTML datalist ট্যাগ ও HTML datalist এর ব্যবহার... datalist ট্যাগ একটি input ট্যাগের উপাদান, এটির পূর্বনির্ধারিত বিকল্পগুলির একটি তালিকাকে নির্দিষ্ট করে থাকে। অনেক সময় কিছু কিছু সাইটে বা ফর্মে দেখা যায়...
HTML article ট্যাগের ব্যবহার – article ট্যাগ... article ট্যাগ হচ্ছে বহুল ব্যবহৃিত ট্যাগ কোন সংজ্ঞা বা প্রবন্ধ লেখার ক্ষেত্রে ।  article এর বাংলা হচ্ছে প্রবন্ধ এবং এটি আসলেই সে কাজেই ব্যবহার হয় HTML ...

You may also like...

Leave a Reply

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

error: Content is protected !!