Exemplo
Um menu de contexto com diferentes <menuitem> elementos:
<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> Tente você mesmo " Definição e Uso
O <menu> tag define uma lista / menu de comandos.
O <menu> tag é usada para menus de contexto, barras de ferramentas e para listar os controles de formulário e comandos.
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente o elemento.
| Elemento | |||||
|---|---|---|---|---|---|
| <menu> | Não suportado | Não suportado | 8 (Apenas menus de contexto) | Não suportado | Não suportado |
Nota: O <menu> tag só é suportada no Firefox, e ele só funciona para menus de contexto.
Dicas e Notas
Dica: Use CSS para estilizar listas de menu.
Diferenças entre HTML 4.01 e HTML5
O <menu> elemento foi preterido em HTML 4.01.
O <menu> elemento é redefinida em HTML5.
Atributos
= Novo em HTML5.
| Atributo | Valor | Descrição |
|---|---|---|
| label | text | Especifica um rótulo visível para o menu |
| type | list toolbar context | Especifica qual tipo de menu para exibir |
Atributos globais
O <menu> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <menu> tag também suporta o evento Atributos em HTML .
Páginas relacionadas
Referência HTML DOM: objeto de menu
Configurações CSS padrão
A maioria dos navegadores irá exibir o <menu> elemento com os seguintes valores padrão:
menu {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}