معرفی و کاربرد تگ nav در HTML
معرفی و کاربرد تگ nav در HTML ساخت منو در سند html
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی و کاربرد تگ <nav> در HTML می پردازیم.
تگ <nav> در HTML
تگ <nav> مجموعه ای از لینک های ناوبری را تعریف می کند.
لازم نیست تمام لینک های صفحه را در تگ <nav> قرار داد. در تگ <nav> فقط لینک های ناوبری اصلی در نظر گرفته می شود.
در مرورگرهای با قابلیت screen reader که برای افراد ناتوان ایجاد شده اند می توان مشخص کرد که محتوای تگ هایی مثل nav مورد بررسی قرار بگیرد یا اینکه قلم گرفته شوند.
معرفی و کاربرد تگ nav در HTML ساخت منو در سند html
مثال در مورد تگ <nav> در html
[html]<nav>
<a href=”/#html/”>HTML</a> |
<a href=”/#css/”>CSS</a> |
<a href=”/#js/”>JavaScript</a> |
<a href=”/#jquery/”>jQuery</a>
</nav>[/html]
خروجی کد در مرورگر اینترنتی
بررسی تگ <nav> در HTML 4.01 و HTML5
تگ <nav> یک تگ جدید در HTML5 است. و در HTML 4.01 و نسخه های قدیمی تر وجود نداشت
خصوصیات ویژه تگ <nav> در HTML5
تگ <nav> هیچگونه خصوصیت ویژه ای در سند HTML ندارد.
ویژگی های عمومی تگ <nav> در اچ تی ام ال
تگ <nav> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.
رویدادهای عمومی تگ <nav> در HTML
تگ <nav> از کلیه رویدادهای عمومی در سند HTML پشتیبانی می کند.
پشتیبانی مرورگرها از تگ <nav> در اچ تی ام ال
اولین نسخه ی مرورگرهای معتبری که به طور کامل از تگ <nav> پشتیبانی کرده اند، عبارتنداز:
جهت دیدن تمام ردیف و ستون های جدول در موبایل و تبلت جدول را به چپ و راست اسکرول کنید.
تگ | فایرفاکس | اینترنت اکسپلورر | گوگل کروم | سافاری | اپرا |
nav | 4.0 به بالا | 9.0 به بالا | 6.0 به بالا | 5.0 به بالا | 11.1 به بالا |
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
معرفی و کاربرد تگ nav در HTML ساخت منو در سند html – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی1 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
ممنون از شما عالی بود…