مثال
قائمة سياق مع مختلف <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;
}