Etiqueta HTML <menú>
Ejemplo
Un menú contextual con diferentes elementos <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>
Definición y uso
La etiqueta <menu> define una lista/menú de comandos.
La etiqueta <menu> se usa para menús contextuales, barras de herramientas y para enumerar controles y comandos de formularios.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el elemento.
Element | |||||
---|---|---|---|---|---|
<menu> | Not supported | Not supported | 8.0 (only context menus) |
Not supported | Not supported |
Nota: la etiqueta <menu> solo se admite en Firefox y solo funciona para los menús contextuales.
Consejos y notas
Sugerencia: use CSS para diseñar listas de menús.
Atributos
Attribute | Value | Description |
---|---|---|
label | text | Specifies a visible label for the menu |
type | list toolbar context |
Specifies which type of menu to display |
Atributos globales
La etiqueta <menu> también es compatible con los atributos globales en HTML .
Atributos de eventos
La etiqueta <menu> también es compatible con los atributos de evento en HTML .
páginas relacionadas
Referencia HTML DOM: objeto de menú
Configuración predeterminada de CSS
La mayoría de los navegadores mostrarán el elemento <menu> 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;
}