مثال (تگ nav در HTML)
مجموعه ای از لینک های ناوبری:
<nav>
<a href="/html/">HTML</a> |
<a href="/css/">CSS</a> |
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>
</nav>
<a href="/html/">HTML</a> |
<a href="/css/">CSS</a> |
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>
</nav>
خودتان امتحان کنید »
تعریف و کاربرد تگ nav در HTML
تگ <nav> مجموعه ای از لینک های ناوبری را تعریف می کند.
لازم نیست تمام لینک های صفحه را در تگ <nav> قرار داد. در تگ <nav> فقط لینک های ناوبری اصلی در نظر گرفته می شود.
در مرورگرهای با قابلیت screen reader که برای افراد ناتوان ایجاد شده اند می توان مشخص کرد که محتوای عناصری مثل nav مورد بررسی قرار بگیرد یا اینکه قلم گرفته شوند.
برای آشنایی بیشتر با screen reader به لینک روبرو مراجعه فرمایید: Screen Reader
پشتیبانی مرورگرها از تگ nav در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.
عنصر | |||||
---|---|---|---|---|---|
<nav> | 6.0 | 9.0 | 4.0 | 5.0 | 11.1 |
تفاوت بین HTML 4.01 و HTML5
تگ <nav> یک تگ جدید در HTML5 است.
ویژگی های عمومی تگ nav در HTML
تگ <nav> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ nav در HTML
تگ <nav> از رویدادهای عمومی در HTML پشتیبانی می کند.
اما زمانی که از تگ های معنادار یا Semantic استفاده می کنیم براحتی می توان قسمت های مختلف صفحه را تفکیک کرد.
شاید برایتان سوال شود که پیدا کردن منوها و Header و Footer و ... به چه درد می خوره ...!؟ برای رباط های خزشگری مثل گوگل این امر می تواند در تفسیر صفحه، نقش بسیار خوبی ایفا کند.
"مرورگر ها، از جمله خوانندگان صفحه نمایش برای کاربران غیر فعال، که با استفاده از این عنصر می توانند تعیین کنند لینکهای داخل این تگ، لینکهای اصلی سایت شما هستند یا باید حذف شوند. "
این یعنی چی ؟