+- انجمن های تخصصی فلش خور (http://www.flashkhor.com/forum)
+-- انجمن: رایانه (http://www.flashkhor.com/forum/forumdisplay.php?fid=27)
+--- انجمن: آموزش رایانه و اینترنت (http://www.flashkhor.com/forum/forumdisplay.php?fid=60)
+--- موضوع: آموزش تگ nav در HTML (/showthread.php?tid=296921)
آموزش تگ nav در HTML - Mohlek - 13-05-2021
تگ nav تگی است که با استفاده از آن میتوان یک منوی ناوبری یا Navigation Menu که از تعدادی لینک تشکیل شده است را ایجاد نمود.
وقتی میگیم منوی ناوبری ، یعنی بطور کلی منویی که بتونه کاربر رو به بخش های مختلف یک سایت منتقل کنه، جوری که کاربر بتونه با یک نگاه متوجه شه چه نوع مطالبی با چه دسته بندی هایی در این سایت قرار داده شده است.
سوال : آیا لینک هایی که در قسمت منو قرار میگیرند با لینک هایی که در محتوای سایت یا صفحات سایت قرار میگیرد فرق دارند؟
پاسخ : بله و صددرصد که فرق دارند، لینک هایی که در قسمت منو قرار میگیرند میتونیم اینجوری بگیم که این لینک ها لینک های والد هستن، لینک هایی که میتونن یک دسته از مطالب سایت را مشخص نمایند.
ادامه پاسخ : برای مثال همین منوی اصلی فری لرن رو نگاه کنید، ما در این منو یک لینک داریم به اسم [آموزش HTML] که اگه روش کلیک کنید میتونید باز تعداد زیادی از لینک ها (که در واقع همون مطالب سایت هستن) رو مشاهده نمایید.
ادامه پاسخ : پس، لطفا توجه داشته باشید که لینک های محتوارو درون قسمت منوی ناوبری قرار ندهید، یعنی اون لینک هایی که براتون ارزش محتوایی دارند و تو محتوا باید وجود داشته باشن رو سعی کنید درون منوی ناوبری قرار ندهید.
سوال : خب چرا نباید لینک هایی که باید تو محتوای سایت باشند رو درون منوی ناوبری گذاشت، مگه اشکالش چیه؟!
پاسخ : چون ممکنه بعضی از مرورگرها و یا نرم افزارهای صفحه خوان (مناسب برای افراد نابینا) برای اینکه بهتر بتونن محتوارو پردازش کنند و یا بطور کلی رندر (Rendering) کنن، میان و لینک های قسمت منوی ناوبری رو بصورت خودکار حذف میکنن، برای همین سعی کنید همه ی لینک هاتون رو درون منوی ناوبری قرار ندهید.
مثال از این تگ :
کد:
<body>
<nav>
<a href="#">HTML</a> |
<a href="#">CSS</a> |
<a href="#">Test1</a> |
<a href="#">Test2</a>
</nav>
</body>