وسم التنقل <nav>

الصياغة

<nav>
  <ul>
    <li><a href="/">الرئيسية</a></li>
    <li><a href="/learn">المسارات</a></li>
  </ul>
</nav>

⚡ جرّب بنفسك

عدّل الكود واضغط «تحديث» لترى النتيجة فورًا — التجربة أفضل معلّم.

<nav style="background:#1a1725; padding:12px; border-radius:10px">
  <a href="#" style="color:#a78bfa; margin-inline-end:16px">الرئيسية</a>
  <a href="#" style="color:white; margin-inline-end:16px">المسارات</a>
  <a href="#" style="color:white">المدونة</a>
</nav>

أهم الخصائص

💡 نصائح عملية

• أكثر من nav بالصفحة؟ ميّز كلًّا بـ aria-label
• العرف الراسخ: قائمة ul داخل nav — دلالة مزدوجة نظيفة

⚠️ أخطاء شائعة

• لف كل رابط بالصفحة بـ nav — يفقد الوسم معناه
• استخدام div.navbar بدل nav — تخسر الدلالة مجانًا

وسوم ذات صلة