<nav>: عنصر NAV
آخر تحديث: 2026-10-13
<nav>عنصر NAV
يمثل قسمًا من روابط التنقل الرئيسية، مثل التنقل الأساسي أو مسار التنقل أو الترقيم.
| الفئة | دلالي |
|---|---|
| نموذج المحتوى | محتوى تدفقي |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </nav> وسم |
| الحالة | قياسي |
📝 البنية
<nav>روابط التنقل</nav>▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <nav> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： ليست كل مجموعة روابط تحتاج nav؛ خصصه للتنقل الرئيسي فقط.
❓ الأسئلة الشائعة
Qما الفرق بين nav وقائمة تنقل مبنية بـ ul و li؟
A
<nav> يقدم دلالة «معلم تنقل» يمكن لقارئ الشاشة سردها والقفز إليه؛ وداخله عادة <ul><li> لتنظيم الروابط. أما <ul> وحده فقائمة بلا دلالة تنقل. والتركيب المألوف: <nav><ul><li><a>رابط</a></li></ul></nav>.Qهل يمكن وجود عدة nav في الصفحة؟
Aنعم. التنقل الرئيس ومسار التنقل التفصيلي ومجموعة روابط التذييل وفهرس المقالة يمكن أن يكون كل منها
<nav> مستقلًا؛ لكن ليس كل الروابط يجب تغليفها — غلّف كتل التنقل الرئيسية فقط وأعطِ كل nav سمة aria-label (مثل «التنقل الرئيس» و«مسار التنقل») للتمييز.Qهل يجب تغليف كل الروابط داخل nav؟
Aلا. توصي المواصفات بقصر
<nav> على «كتل التنقل الرئيسية»؛ فالروابط العادية في المتن لا تحتاج تغليفًا، وروابط التذييل الثانوية تعتبرها المواصفات أيضًا قابلة للاستغناء عن nav. والإفراط في nav يخفف دلالة المعلم.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قادمة قريبًا — ترقبوا.
📚 دروس ذات صلة
