تگ nav در HTML

با تگ nav در HTML آشنا می شویم.

نکات اصلی تگ nav

• با استفاده از تگ nav در HTML ، می توانید گروهی از پیوندها را در یک عنصر معنایی واحد قرار دهید ، وب سایت خود را منظم تر کنید.
• این عنصر برای کاربران مفید در بخش های اصلی وب سایت مفید است.
• جداول مطالب و منوها نمونه های خوبی از عناصر nav هستند.
• از تگ های nav در HTML می توانید در هر بخش از وب سایت استفاده کنید.

استفاده از تگ nav در HTML

عنصر nav یک بلوک از navigational links را تعریف می کند که به بخش های اصلی یک وب سایت منتهی می شود:

<nav>
  <ul>
    <li><a href="https://www.bitdegree.org/tag/interactive-learning">Gamified Courses</a></li>
    <li><a href="https://www.bitdegree.org/tutorials">Tutorials</a></li>
    <li><a href="https://www.bitdegree.org/course/learn-solidity-space-doggos">Space doggo course</a></li>
    <li><a href="https://www.bitdegree.org/tag/game-dev">Game Dev Courses</a></li>
  </ul>
</nav>

شما فقط باید از تگ <nav> برای dominant block پیوندهای ناوبری استفاده کنید ، نه همه پیوندهای یک وب سایت. وقتی می خواهید لیست پیوندهای غیر منظم یا مرتب شده را وارد کنید ، گزینه بسیار خوبی است. با این حال ، اگر می خواهید پیوندهایی به عنصر <footer> اضافه کنید ، نیازی به درج تگ های <nav> نیست.

توجه: عنصر nav همچنین به عنوان یک نقطه عطف ناوبری برای صفحه عمل می کند. هنگام پرداختن به مسائل دستیابی مفید است: خوانندگان صفحه می توانند از آن استفاده کنند تا صفحه کلید را به بخش های صفحه اجازه دهد.

ویژگی های تگ nav

تگ nav در HTML ویژگی خاصی ندارد اما از همه خصوصیات جهانی پشتیبانی می کند. accesskey ، dir ، id و translate مواردی هستند که بیشتر مورد استفاده قرار می گیرند.

Accesskey یک کلید میانبر برای فعال یا تمرکز یک عنصر تعریف می کند:

<nav>
 <a href="#main" accesskey="d">First sample</a>
 <a href="#nav" accesskey="h">Second sample</a>
</nav>

dir جهت متن را برای محتوا تنظیم می کند:

<nav dir="rtl">
  <a href="https://www.bitdegree.org">Home</a>
</nav>

id یک شناسه منحصر به فرد برای یک عنصر HTML تنظیم می کند:

<nav id="faq">
 <a href="https://www.bitdegree.org/faq">Your questions answered</a>
</nav>

translate مشخص می کند که آیا محتوای عنصر نیاز به ترجمه دارد:

<nav translate="lt">
 <a href="https://www.bitdegree.org/courses">Learn With Us!</a>
</nav>

پشتیبانی مرورگرها

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

در دوره آموزش HTML بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.