Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.mozilla.org/es/docs/Web/HTML/Reference/Elements/menu below:

<menu>: El elemento menú - HTML: Lenguaje de etiquetas de hipertexto

Baseline Widely available

El elemento HTML <menu> se describe en la especificación HTML como una alternativa semántica a <ul>, pero los navegadores lo tratan (y lo exponen a través del árbol de accesibilidad) como no diferente de <ul>. Representa una lista desordenada de elementos (que están representados por elementos <li>).

<div class="news">
  <a href="#">NASA’s Webb Delivers Deepest Infrared Image of Universe Yet</a>
  <menu>
    <li><button id="save">Save for later</button></li>
    <li><button id="share">Share this news</button></li>
  </menu>
</div>

.news {
  background-color: bisque;
  padding: 1em;
  border: solid thin black;
}

menu {
  list-style-type: none;
  display: flex;
  padding: 0;
  margin-bottom: 0;
  gap: 1em;
}

Este elemento solo incluye los atributos globales.

Los elementos <menu> y <ul> representan una lista desordenada de elementos. La diferencia clave es que <ul> contiene principalmente elementos para mostrar, mientras que <menu> estaba destinado a elementos interactivos. El elemento <menuitem> relacionado ha quedado obsoleto.

Nota: En las primeras versiones de la especificación HTML, el elemento <menu> tenía un caso de uso adicional como menú contextual. Esta funcionalidad se considera obsoleta y no está en la especificación.

En este ejemplo, se usa un <menú> para crear una barra de herramientas para una aplicación de edición.

<menu>
  <li><button onclick="copy()">Copiar</button></li>
  <li><button onclick="cut()">Cortar</button></li>
  <li><button onclick="paste()">Pegar</button></li>
</menu>

Tenga en cuenta que esto no es funcionalmente diferente de:

<ul>
  <li><button onclick="copy()">Copiar</button></li>
  <li><button onclick="cut()">Cortar</button></li>
  <li><button onclick="paste()">Pegar</button></li>
</ul>

menu,
ul {
  display: flex;
  list-style: none;
  padding: 0;
  width: 400px;
}

li {
  flex-grow: 1;
}

button {
  width: 100%;
}

Contenido de flujo. Si los hijos del elemento incluyen al menos un elemento <li>: contenido palpable.

Cero o más ocurrencias de <li>, <script>, ó <template>.

• Otros elementos HTML relacionados con listas: <ol>, <ul>, y <li>.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4