<menu>: O Elemento MENU
Última atualização: 2026-10-13
<menu>O Elemento MENU
Representa uma lista de comandos ou itens de menu, como barra de ferramentas ou menu de contexto; pode conter <li> ou <button>.
| Categoria | Formulários |
|---|---|
| Modelo de Conteúdo | Conteúdo de fluxo |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Sim — requer fechamento </menu> tag |
| Status | Padrão |
📝 Sintaxe
<menu>
<li><button>Copiar</button></li>
<li><button>Colar</button></li>
</menu>⚙️ Atributos
Este elemento suporta os atributos globais mais os seguintes:
| Atributo | Valor | Descrição |
|---|---|---|
type | Menu type: toolbar (default) or context. | |
label | A human-readable label, often for context menus. |
▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <menu> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： menu é como <ul> mas significa lista de comandos; suporte de renderização varia — use <ul> para listas simples.
❓ Perguntas Frequentes
QQual é a diferença entre menu e nav?
ASemânticas vizinhas com história entrelaçada: o HTML5 acabou definindo
<menu> como «barra de ferramentas/menu de comandos», semântica equivalente à de <ul>. Navegação de site usa <nav>; barras de ferramentas de aplicativo e listas de atalhos podem usar <menu> — na prática, menu é raramente usado.Qmenu serve para menu de contexto (botão direito)?
AJá serviu — a especificação antiga tinha o atributo
contextmenu mais menu/menuitem, mas tudo foi totalmente abandonado e nenhum navegador principal ativou. Menus de contexto personalizados hoje só com JS + DOM próprio.QComo escrever os itens de um menu?
AIgual a
<ul>: os filhos são <li>; em menus de comandos, cada li recebe um <button> (o mais recomendado — focável e operável por teclado de fábrica). No contêiner, acrescente role e aria-label para reforçar a acessibilidade.🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
