No HTML5, eu sei que <nav>pode ser usado dentro ou fora do <header>elemento de cabeçalho da página . Para sites com navegação secundária e principal, parece comum incluir a navegação secundária como um <nav>elemento dentro do <header>elemento do cabeçalho com a navegação principal como um <nav>elemento fora do <header>elemento do cabeçalho . No entanto, se o site não possui navegação secundária, parece comum incluir a navegação principal em um <nav>elemento dentro do <header>elemento do cabeçalho .
Se eu seguir esses exemplos, minha estrutura de conteúdo será baseada na inclusão ou exclusão da navegação secundária. Isso introduz um acoplamento entre o conteúdo e o estilo que parece desnecessário e não natural.
Existe uma maneira melhor de não mover a navegação principal de dentro para fora do <header>elemento do cabeçalho com base na inclusão ou exclusão da navegação secundária?
Exemplo de Navegação Principal e Secundária
<header>
<nav>
<!-- Secondary Navigation inside <header> -->
<ul>
<li></li>
</ul>
</nav>
<h1>Website Title</h1>
</header>
<nav>
<!-- Main Navigation outside <header> -->
<ul>
<li></li>
</ul>
</nav>OnlineDegrees.org é um site de exemplo que segue o padrão acima.
Exemplo de Navegação Apenas Principal
<header>
<h1>Website Title</h1>
<nav>
<!-- Main Navigation inside <header> -->
<ul>
<li></li>
</ul>
</nav>
</header>Keyzo.co.uk é um site de exemplo que segue o padrão acima.
Trechos de Introdução ao HTML5 - Adicionado em 11/02/11, 7:38
A introdução do HTML5 de Bruce Lawson e Remy Sharp tem a dizer sobre o assunto:
O cabeçalho também pode conter navegação. Isso pode ser muito útil para a navegação em todo o site, especialmente em sites controlados por modelos, nos quais todo o
<header>elemento pode vir de um arquivo de modelo.Obviamente, não é necessário que
<nav>esteja no<header>.Depende em grande parte se você acredita que a navegação em todo o site pertence ao cabeçalho em todo o site e também considerações pragmáticas sobre a facilidade de estilização.
Com base nessa última frase, parece que Bruce Lawson - autor do capítulo desses trechos - admite que "considerações pragmáticas sobre a facilidade de estilizar" produzem um acoplamento entre o conteúdo e o estilo.