أحدث البرامج التعليمية وتطوير الشبكة
 

HTML <menu> Tag


مثال

قائمة سياق مع مختلف <menuitem> عناصر هي:

<menu type="context" id="mymenu">
  <menuitem label="Refresh" onclick="window.location.reload();" icon="ico_reload.png">
  </menuitem>
  <menu label="Share on...">
    <menuitem label="Twitter" icon="ico_twitter.png"
    onclick="window.open('//twitter.com/intent/tweet?text='+window.location.href);">
    </menuitem>
    <menuitem label="Facebook" icon="ico_facebook.png"
    onclick="window.open('//facebook.com/sharer/sharer.php?u='+window.location.href);">
    </menuitem>
  </menu>
  <menuitem label="Email This Page"
  onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu>
انها محاولة لنفسك »

تعريف واستخدام

و <menu> تحدد العلامة قائمة / القائمة من الأوامر.

و <menu> يستخدم شعارا لقوائم السياق، أشرطة الأدوات ولإدراج عناصر تحكم النموذج والأوامر.


دعم المتصفح

الأرقام في الجدول تحدد أول نسخة متصفح يدعم تماما العنصر.

العنصر
<menu> غير معتمد غير معتمد ثمانية
(فقط قوائم السياق)
غير معتمد غير معتمد

ملاحظة: <menu> ويدعم العلامة فقط في فايرفوكس، وأنها لا تعمل إلا لقوائم السياق.


نصائح وملاحظات

نصيحة: استخدم CSS أن تصفف القوائم القائمة.


الخلافات بين HTML 4.01 و HTML5

و <menu> كان عنصر مهمل في HTML 4.01.

و <menu> إعادة تعريف العنصر في HTML5.


الصفات

= جديد في HTML5.

السمة القيمة وصف
label text تحدد تسمية واضحة للقائمة
type list
toolbar
context
يحدد أي نوع من القائمة لعرض

السمات العامة

و <menu> كما يدعم بطاقة و السمات العامة في HTML .


سمات الحدث

و <menu> كما يدعم هذا الكود في حدث سمات في HTML .


صفحات ذات صلة

HTML DOM إشارة: كائن القائمة


الإعدادات الافتراضية CSS

معظم المتصفحات عرض <menu> العنصر مع القيم الافتراضية التالية:

menu {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}