امتیاز موضوع:
  • 3 رأی - میانگین امتیازات: 3.67
  • 1
  • 2
  • 3
  • 4
  • 5

آموزش تگ nav در HTML

#1
تگ 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>
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
ناشناس
پاسخ
 سپاس شده توسط shghyegh ، شـــقآیــق
آگهی


[-]
به اشتراک گذاری/بوکمارک (نمایش همه)
google Facebook cloob Twitter
برای ارسال نظر وارد حساب کاربری خود شوید یا ثبت نام کنید
شما جهت ارسال نظر در مطلب نیازمند عضویت در این انجمن هستید
ایجاد حساب کاربری
ساخت یک حساب کاربری شخصی در انجمن ما. این کار بسیار آسان است!
یا
ورود
از قبل حساب کاربری دارید? از اینجا وارد شوید.


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان