تگ nav در HTML
مثال (تگ 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 پشتیبانی می کند.
- نوشته شده توسط سمیه فخری
- بازدید: 22437
دیدگاهها
با وجود تگ های مثل div چه نیازی هست که از nav , header , section , article , aside و footer استفاده کنیم؟
آیا اگر تنها کدهای HTML در دسترس شما باشد، می توانید با یک نگاه بگویید که کدام قسمت از کد مربوط به منو یا Header و Footer است. و یا کدام قسمت مربوط به مطلب اصلی است و ... خوب قاعدتا زمانی که از تگ هایی مثل Div استفاده کنیم، نمی توان موارد بالا را پیدا کرد ...!
اما زمانی که از تگ های معنادار یا Semantic استفاده می کنیم براحتی می توان قسمت های مختلف صفحه را تفکیک کرد.
شاید برایتان سوال شود که پیدا کردن منوها و Header و Footer و ... به چه درد می خوره ...!؟ برای رباط های خزشگری مثل گوگل این امر می تواند در تفسیر صفحه، نقش بسیار خوبی ایفا کند.
سلام من متوجه این جمله نمیشم
"مرورگر ها، از جمله خوانندگان صفحه نمایش برای کاربران غیر فعال، که با استفاده از این عنصر می توانند تعیین کنند لینکهای داخل این تگ، لینکهای اصلی سایت شما هستند یا باید حذف شوند. "
این یعنی چی ؟
سلام، متن مذکور اصلح شد.