¿Cómo definir una lista o menú de comandos en HTML5?

La etiqueta <menu> se usa para definir una lista o menú de comandos en HTML5. Puede contener más de un elemento <li> o <menuitem>

La etiqueta <menu> solo es compatible con los últimos navegadores web Firefox de Mozilla. Esta etiqueta también es compatible con los atributos de evento en HTML5.

Sintaxis: 

<menú> </menú>

Ejemplo: El siguiente ejemplo muestra la etiqueta <menu> con la etiqueta <li> para definir el tipo de lista.

HTML

<!DOCTYPE html>
<html>
  <body>
    <h1><menu> tag Illustration:</h1>
    <menu>
      <li>Problems</li>
      <li>Courses</li>
      <li>Get Hired</li>
      <li>Notifications</li>
      <li>Profile</li>
    </menu>
  </body>
</html>

Producción:

        

etiqueta de menú 

Nota: Use un navegador web Mozilla Firefox para la salida.

Ejemplo 2: El siguiente ejemplo demuestra el uso de la etiqueta <menu> con la etiqueta <menuitem> para mostrar elementos.

La etiqueta <menuitem> no es compatible con la última versión de HTML, es decir, HTML5. Se recomienda utilizar la versión anterior para la salida.

Sintaxis: 

<menu>
   <menuitem> </menuitem>
</menu>

HTML

<!DOCTYPE html>
<html>
  <body>
    <h1><menuitem> tag Illustration:</h1>
    <menu>
      <menuitem>Problems</menuitem>
      <menuitem>Courses</menuitem>
      <menuitem>Get Hired</menuitem>
      <menuitem>Notifications</menuitem>
      <menuitem>Profile</menuitem>
    </menu>
  </body>
</html>

Producción:

opción del menú

Nota: Use un navegador web Mozilla Firefox para la salida.

Publicación traducida automáticamente

Artículo escrito por ayushraghuwanshi80 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 *