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 base ট্যাগ ও base ট্যাগের ব্যবহার... সাধারণত একটি ডকুমেন্টের সমস্ত ইউআরএল বা ঠিকানা গুলির জন্য এ্কটি ডিফল্ট URL ও এর টার্গেট ঠিক করা হয়ে থাকে base ট্যাগ দিয়ে  । base ট্যাগ ব্যবহার করা হয় ...
HTML এ div ট্যাগ ও div ট্যাগের ব্যবহার... HTML এ একটি নির্দিষ্ট অংশকে আলাদাভাবে স্টাইল কিংবা ব্লক আকারে তৈরি করবার জন্য সাধারণত div ট্যাগ ব্যবহার করা হয়ে থাকে।  আমরা যখন একটি ওয়েবসাইট ভিজিট কর...
HTML title ট্যাগ ও title ট্যাগের ব্যবহার... একটি ওয়েবপেজ তৈরি করার সময় HTML Page এ title বা শিরোনাম  দেয়ার প্রয়োজন হয় এবং এটি থাকে সবার উপরে ট্যাব এর নাম আকারে এর সঠিক ব্যবহারে আপনার কন্টেন্ট গ...
এইচ টি এম এল কি একটি ওয়েব পেজের মূল গঠন তৈরি করতে HTML ব্যবহার করা হয়ে থাকে। এইচ টি এম এল হচ্ছে মার্কআপ ল্যাঙ্গুয়েজ, HTML প্রোগ্রামিং ল্যাঙ্গুয়েজ নয়। HTML এর ফুল ফ...
HTML এ বাংলা লিখবো কিভাবে... HTML এ বাংলা লিখলেই বাংলা আসেনা অনেক ওয়েব ব্রাউজারে কারন আমরা ওয়েব পেজে যে বাংলা লিখি সেটি ইউনিকোড ভিত্তিক । বাংলা লিখবার জন্য আসলে html এ character s...
HTML hr ট্যাগ ও hr ট্যাগের ব্যবহার... সাধারণত HTML hr  ট্যাগ কোন ডকুমেন্ট কিংবা কোন লাইনে ব্যবহার করলে নিচের দিকে লম্ব রেখা তৈরি হয়। hr tag আসলে Horizontal Line কে বুঝায়। অনেক সময় কিছু সাই...

You may also like...

Leave a Reply

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

error: Content is protected !!