O elemento de HTML <nav> representa a seção de uma página cujo propósito é providenciar links de navegação, tanto dentro do documento em questão como para outros documentos. Exemplos comuns de seções de navegação são menus, tabelas de conteúdo e indíces.
| Categorias de conteúdo | Flow content, conteúdo de seccionamento, conteúdo palpável. |
|---|---|
| Conteúdo permitido | Flow content. |
| Omissão de tag | None, both the starting and ending tag are mandatory. |
| Pais permitidos | Qualquer elemento que permita flow content. |
| Papeis ARIA permitidos | Nenhuns |
| interface DOM | HTMLElement |
Atributos
Este elemento apenas inclui atributos globais.
Notas de utilização
- Nem todos os links num documento devem estar contidos num elemento
<nav>, que é direcionado apenas para blocos de hiper-ligações de navegação principal; tipicamente o elemento<footer>tem uma lista de hiper-ligações que não necessitam de estar contidos no elemento<nav>. - Um documento poderá ter vários elementos
<nav>, por exemplo, um para navegação na página e outro para navegação exterior da mesma. - User agents, tais como leitores de ecrã direcionados para utilizadores com limitações, podem utilizar este elemento para determinar a omissão ou não da renderização inicial deste conteúdo.
Exemplos
No exemplo seguinte, um bloco <nav> é usado para conter uma lista não ordenada (<ul>) de hiper-ligações. Com o CSS apropriado, a lista pode ser apresentada como uma barra de navegação ou menu "drop-down.
<nav class="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Sobre</a></li>
<li><a href="#">Contactos</a></li>
</ul>
</nav>
Especificações
| Especificação | Estado | Comentários |
|---|---|---|
| HTML Living Standard The definition of '<nav>' in that specification. |
Living Standard | Sem alterações desde o ultimo snapshot da W3C. |
| HTML5 The definition of '<nav>' in that specification. |
Recommendation | Definição inicial |
Compatibidade de Navegadores
A tabela de compatibilidades nesta página é gerada através de dados estruturados.Se gostaria de contribuir para esta coleta de dados por favor dirija-se a https://github.com/mdn/browser-compat-data e envie-nos um pull request.
Ver também