Ejemplo
Un menú contextual con 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> Inténtalo tú mismo " Definición y Uso
La <menu> etiqueta define una lista / menú de comandos.
La <menu> etiqueta se utiliza para los menús contextuales, barras de herramientas y para la inclusión de controles de formulario y los comandos.
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el elemento.
| Elemento | |||||
|---|---|---|---|---|---|
| <menu> | No soportado | No soportado | 8.0 (Sólo los menús de contexto) | No soportado | No soportado |
Nota: La <menu> etiqueta sólo se admite en Firefox, y sólo funciona para los menús de contexto.
Notas y sugerencias
Consejo: Usar CSS para Estilo listas de menú.
Diferencias entre HTML 4.01 y HTML5
La <menu> elemento fue desaprobado en HTML 4.01.
La <menu> elemento se redefine en HTML5.
atributos
= Nuevo en HTML5.
| Atributo | Valor | Descripción |
|---|---|---|
| label | text | Especifica una etiqueta visible para el menú |
| type | list toolbar context | Especifica el tipo de menú para mostrar |
Los atributos globales
La <menu> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <menu> etiqueta también es compatible con la atributos de eventos en HTML .
Páginas relacionadas
Referencia HTML DOM: Menú Object
Ajustes por defecto CSS
La mayoría de los navegadores mostrarán el <menu> elemento con los siguientes valores predeterminados:
menu {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}