<menu>: عنصر MENU
آخر تحديث: 2026-10-13
<menu>عنصر MENU
يمثل قائمة أوامر أو عناصر قائمة، غالبًا شريط أدوات أو قائمة سياق؛ قد تحتوي على <li> أو <button>.
| الفئة | النماذج |
|---|---|
| نموذج المحتوى | محتوى تدفقي |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </menu> وسم |
| الحالة | قياسي |
📝 البنية
<menu>
<li><button>نسخ</button></li>
<li><button>لصق</button></li>
</menu>⚙️ السمات
يدعم هذا العنصر السمات العامة بالإضافة إلى ما يلي:
| السمة | القيمة | الوصف |
|---|---|---|
type | Menu type: toolbar (default) or context. | |
label | A human-readable label, often for context menus. |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <menu> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： menu يشبه <ul> لكنه يعني قائمة أوامر؛ دعم العرض متفاوت — استخدم <ul> للقوائم البسيطة.
❓ الأسئلة الشائعة
Qما الفرق بين menu و nav؟
Aدلالتان متجاورتان بتاريخ متشابك: انتهى HTML5 إلى تعريف
<menu> بأنه «شريط أدوات/قائمة أوامر» معادل دلاليًا لـ <ul>. فتنقل الموقع يستخدم <nav>، وأشرطة أدوات التطبيق وقوائم الاختصارات يمكنها <menu> — وفي المشاريع الفعلية معدل استخدام menu منخفض.Qهل يصلح menu لقائمة النقر الأيمن؟
Aكان ممكنًا — فالمواصفات القديمة بها سمة
contextmenu مع حل menu/menuitem، لكنه أُهمل إهمالًا كاملًا ولم يفعّله أي متصفح رئيسي. فالقوائم المخصصة للنقر الأيمن اليوم لا تُنجز إلا بـ JS وDOM مخصص.Qكيف تكتب عناصر menu؟
Aكما في
<ul>: العناصر الابنة <li>، وفي قوائم الأوامر يوضع في كل li زر <button> (الأكثر توصية — قابل للتركيز والتشغيل بالكيبورد أصيلًا). وأضف إلى الحاوية role وaria-label لتحسين الوصولية.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قادمة قريبًا — ترقبوا.
📚 دروس ذات صلة
