ตัวอย่าง
เมนูบริบทที่มีแตกต่างกัน <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> | ได้รับการสนับสนุน | ได้รับการสนับสนุน | 8.0 (เฉพาะเมนูบริบท) | ได้รับการสนับสนุน | ได้รับการสนับสนุน |
หมายเหตุ: <menu> แท็กได้รับการสนับสนุนใน Firefox และมันทำงานเฉพาะสำหรับเมนูบริบท
เคล็ดลับและคำอธิบาย
เคล็ดลับ: ใช้ 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;
}