várias tags <nav>

97

Podemos usar várias tags na mesma página em html5?

Eu li este artigo no Zeldman.com, mas não está totalmente claro para mim

ie

<header><nav>links here</nav></header>

<footer><nav>links here</nav></footer>
html Stephenmurdoch
fonte
1
Role = 'main' é para identificar o conteúdo principal de seu site w3.org/TR/wai-aria/roles#main , e não há uma função para blogroll. Acho que você pretende usar microdados - schema.org .
Andrew Luhring

Respostas:

142

Sim absolutamente. Você pode ter múltiplos header, nave footerpena etiquetas sans.

Contanto que você esteja se certificando de que está usando tags semanticamente e não as colocando em lugares inválidos (eles são elementos de nível de bloco, então você não pode colocá-los dentro de um elemento embutido, por exemplo), então você deveria não se preocupe muito com o que os defensores estão dizendo. É muito fácil se envolver discutindo sobre pequenos detalhes em vez de seguir em frente em seu projeto.

Coreyward
fonte
2
Que tal vários navegadores no mesmo rodapé?
igasparetto
4
@igasparetto Totalmente válido, especialmente se você estiver usando de uma forma que represente a estrutura do conteúdo e não apenas pela conveniência de estilização.
coreyward de
Existe alguma orientação sobre quais rótulos padrão devem ser usados ​​para os tipos de navegação? Especificamente: navegação principal, subnavegação, navegação de utilitário (por exemplo, links rápidos) e navegação de rodapé? Além disso, se <nav>já estiver dentro de uma <footer>tag, é redundante aplicar aria-label="footer navigation"?
chunk_split
1
@chunk_split Acho que seria melhor você fazer uma nova pergunta, embora não tenha certeza se StackOverflow é a comunidade certa. Quanto aos atributos ARIA, é seguro adicioná-los, mesmo que pareçam redundantes.
coreyward
3

A resposta é sim. Você pode ter uma <nav>tag no rodapé, para mais informações, verifique a documentação do mdn<nav> .

harold ramos
fonte
Bom trabalho em fornecer um link confiável. A página vinculada, em suas Notas de Uso, afirma especificamente "um documento pode ter vários <nav>elementos".
Ed Gibbs
2

Sim, ter vários <nav>elementos está absolutamente ok.

Você só precisa ter certeza de que está tornando-os distinguíveis para quem usa leitores de tela. Você pode fazer isso rotulando cada um <nav>usando aria-label.

<nav aria-label=’primary’>
  <ul>
    ...List on links here...
  </ul>
</nav>
<nav aria-label=’secondary’>
  <ul>
    ...List on links here...
  </ul>
</nav>

Ou, se um dos <nav>como texto visível na tela que pode ser identificado como elemento de rotulagem, você pode usar aria-labelledbycomo segue:

<nav aria-label="Site Menu">
  <ul>
    ...List on links here...
  </ul>
</nav>
<article>
  <h1>Title</h1>
  ...
  <nav aria-labelledby="id-1">
    <h2 id="id-1">
      Related Content
    </h2>
    <ul>
      ...List on links here...
    </ul>
  </nav>
</article>

Você pode ler mais sobre como usar vários marcos de navegação .

Lucalanca
fonte