এইচটিএমএল <nav> ট্যাগ
<nav> ট্যাগের ব্রাউজার সাপোর্ট
| এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
<nav> |
সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন |
সংজ্ঞা ও ব্যবহার
<nav> ট্যাগের মাধ্যমে নেভিগেশন লিংক তৈরি করা হয়।
সবধরনের লিংকের জন্য <nav> এলিমেন্টটি ব্যবহার করা যাবে না। শুধুমাত্র নেভিগেশন লিংকসমূহকে <nav> এলিমেন্টের মধ্যে রাখতে হবে।
সাধারণত একটি ওয়েবসাইট/ডকুমেন্টের মূল মূল ফাইল বা অংশের সাথে লিংক করার জন্য <nav> এলিমেন্টটি ব্যবহৃত হয়।
নিচের উদাহরণে <nav> এলিমেন্ট ব্যবহার করে একটি নেভিগেশন লিংক তৈরি করে দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html>
<body>
<nav>
<a href="/html/index.php" target="_blank">এইচটিএমএল</a> |
<a href="/css/index.php" target="_blank"> সিএসএস</a> |
<a href="/js/index.php" target="_blank">জাভাস্ক্রিপ্ট</a> |
<a href="/cprogramming/index.php" target="_blank">সি প্রোগ্রামিং</a>
</nav>
</body>
</html>
বিঃদ্রঃ <nav> ট্যাগটি ইন্টারনেট এক্সপ্লোরার(৮) এবং তার আগের ভার্সনে সাপোর্ট করে না।
ফলাফল
<nav> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে |
<nav> ট্যাগের ডিফল্ট স্টাইল
অধিকাংশ ব্রাউজারেই <nav> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ
nav {
display: block;
}