Exemplu
Un meniu contextual cu diferite <menuitem> elemente:
<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> Încearcă - l singur » Definiție și utilizare
<menu> Eticheta definește o listă / meniu de comenzi.
<menu> tag - ul este utilizat pentru meniuri contextuale, bare de instrumente și pentru listarea controalele formular și comenzi.
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin elementul.
| Element | |||||
|---|---|---|---|---|---|
| <menu> | Nu sunt acceptate | Nu sunt acceptate | 8 (Numai în context meniuri) | Nu sunt acceptate | Nu sunt acceptate |
Notă: <menu> tag - ul este acceptat numai în Firefox, și funcționează doar pentru meniuri contextuale.
Sfaturi și note
Tip: Utilizați CSS pentru stil liste de meniu.
Diferențe între HTML 4.01 și HTML5
<menu> Elementul a fost depreciat in HTML 4.01.
<menu> Elementul este redefinit în HTML5.
atribute
= Nou în HTML5.
| Atribut | Valoare | Descriere |
|---|---|---|
| label | text | Specifică o etichetă vizibilă pentru meniul |
| type | list toolbar context | Specifică ce tip de meniu pentru a afișa |
Atribute globale
<menu> tag - ul sprijină , de asemenea, Atributele Global in HTML .
Atribute Eveniment
<menu> tag - ul sprijină , de asemenea, Atribute eveniment în HTML .
Pagini similare
HTML DOM referință: Meniu obiect
Setări implicit CSS
Cele mai multe browsere va afișa <menu> elementul cu următoarele valori implicite:
menu {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}