<nav>

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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
navChrome Full support 5Edge Full support YesFirefox Full support 4IE Full support 9Opera Full support 11.1Safari Full support 4.1WebView Android Full support YesChrome Android Full support YesFirefox Android Full support 4Opera Android Full support 11.1Safari iOS Full support 4.2Samsung Internet Android Full support Yes

Legend

Full support  
Full support

Ver também

Tópicos relacionados
  1. HTML Elements
    1. A
      1. <a>
      2. <abbr>
      3. <acronym>
      4. <address>
      5. <applet>
      6. <area>
      7. <article>
      8. <aside>
      9. <audio>
    2. B
      1. <b>
      2. <base>
      3. <basefont>
      4. <bdi>
      5. <bdo>
      6. <bgsound>
      7. <big>
      8. <blink>
      9. <blockquote>
      10. <body>
      11. <br>
      12. <button>
    3. C
      1. <canvas>
      2. <caption>
      3. <center>
      4. <cite>
      5. <code>
      6. <col>
      7. <colgroup>
      8. <content>
    4. D
      1. <data>
      2. <datalist>
      3. <dd>
      4. <del>
      5. <details>
      6. <dfn>
      7. <dialog>
      8. <dir>
      9. <div>
      10. <dl>
      11. <dt>
    5. E
      1. <em>
      2. <embed>
    6. F
      1. <fieldset>
      2. <figcaption>
      3. <figure>
      4. <font>
      5. <footer>
      6. <form>
      7. <frame>
      8. <frameset>
    7. G H
      1. <h1>
      2. <h2>
      3. <h3>
      4. <h4>
      5. <h5>
      6. <h6>
      7. <head>
      8. <header>
      9. <hgroup>
      10. <hr>
      11. <html>
    8. I
      1. <i>
      2. <iframe>
      3. <img>
      4. <input>
      5. <ins>
      6. <isindex>
    9. J K
      1. <kbd>
      2. <keygen>
    10. L
      1. <label>
      2. <legend>
      3. <li>
      4. <link>
      5. <listing>
    11. M
      1. <main>
      2. <map>
      3. <mark>
      4. <marquee>
      5. <menu>
      6. <menuitem>
      7. <meta>
      8. <meter>
    12. N
      1. <nav>
      2. <nobr>
      3. <noframes>
      4. <noscript>
    13. O
      1. <object>
      2. <ol>
      3. <optgroup>
      4. <option>
      5. <output>
    14. P
      1. <p>
      2. <param>
      3. <picture>
      4. <plaintext>
      5. <pre>
      6. <progress>
    15. Q
      1. <q>
    16. R
      1. <rp>
      2. <rt>
      3. <rtc>
      4. <ruby>
    17. S
      1. <s>
      2. <samp>
      3. <script>
      4. <section>
      5. <select>
      6. <shadow>
      7. <slot>
      8. <small>
      9. <source>
      10. <spacer>
      11. <span>
      12. <strike>
      13. <strong>
      14. <style>
      15. <sub>
      16. <summary>
      17. <sup>
    18. T
      1. <table>
      2. <tbody>
      3. <td>
      4. <template>
      5. <textarea>
      6. <tfoot>
      7. <th>
      8. <thead>
      9. <time>
      10. <title>
      11. <tr>
      12. <track>
      13. <tt>
    19. U
      1. <u>
      2. <ul>
    20. V
      1. <var>
      2. <video>
    21. W
      1. <wbr>
    22. X Y Z
      1. <xmp>