Atributo de etiqueta HTML <menú>

El atributo de etiqueta HTML <menu>   se usa para especificar un valor de texto que indica el nombre de la etiqueta visible del elemento del menú , aunque este atributo también se usa para especificar el nombre de los elementos del menú dentro del menú.  

Sintaxis:

<menu label="text"> 

Valores de atributos 

  • texto:  Contiene un único valor que define el nombre de la etiqueta del menú

Ejemplo: el código siguiente ilustra el uso del atributo de etiqueta con la etiqueta <menu>. ;

HTML

<!DOCTYPE html>
<html>
  
<body>
    <center>
        <h1 style="color: green;">
            GeeksforGeeks
        </h1>
  
        <h2>HTML <menu> label Attribute</h2>
  
        <div style="background:green;
            border:2px solid black;
            padding: 10px;" contextmenu="geeks">
  
  
            <p>A Computer Science Portal for Geeks</p>
  
  
            <menu type="context" id="geeks">
                <menu label="Share on...">
                    <menuitem label="Twitter" onclick=
                    "window.open('//twitter.com/intent/tweet?text='
                    + window.location.href);">
                    </menuitem>
                    <menuitem label="Pinterest" onclick="window.open(
                        'http://pinterest.com/pin/create/button/?url=' + 
                        window.location.href);">
                    </menuitem>
                </menu>
  
                <menuitem label="Email This Page" 
                    onclick="window.location='mailto:?body='
                    + window.location.href;">
                </menuitem>
            </menu>
        </div>
        <p>A Computer Science Portal for Geeks</p>
        <hr>
        <p>Right click on green div and see the menuitem
    </center>
</body>
  
</html>

Producción: 

Navegadores compatibles:

  • Firefox 8.0

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *