En HTML5, sé que <nav>se puede usar dentro o fuera del <header>elemento de encabezado de la página . Para los sitios web que tienen navegación secundaria y principal, parece común incluir la navegación secundaria como un <nav>elemento dentro del <header>elemento de cabecera con la navegación principal como un <nav>elemento fuera del <header>elemento de cabecera . Sin embargo, si el sitio web carece de navegación secundaria, parece común incluir la navegación principal en un <nav>elemento dentro del <header>elemento de cabecera .
Si sigo estos ejemplos, mi estructura de contenido se basará en la inclusión o exclusión de la navegación secundaria. Esto introduce un acoplamiento entre el contenido y el estilo que se siente innecesario y antinatural.
¿Hay alguna manera mejor de no mover la navegación principal de adentro hacia afuera del <header>elemento de cabecera según la inclusión o exclusión de la navegación secundaria?
Ejemplo de navegación principal y secundaria
<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 es un sitio de ejemplo que sigue el patrón anterior.
Ejemplo de navegación solo principal
<header>
<h1>Website Title</h1>
<nav>
<!-- Main Navigation inside <header> -->
<ul>
<li></li>
</ul>
</nav>
</header>
Keyzo.co.uk es un sitio de ejemplo que sigue el patrón anterior.
Extractos de la presentación de HTML5 : agregado el 02-feb-11, 7:38 a.m.
La presentación de HTML5 por Bruce Lawson y Remy Sharp tiene esto que decir sobre el tema:
El encabezado también puede contener navegación. Esto puede ser muy útil para la navegación en todo el sitio, especialmente en sitios controlados por plantillas donde todo el
<header>elemento podría provenir de un archivo de plantilla.Por supuesto, no se requiere que
<nav>esté en el<header>.Si depende en gran medida de si cree que la navegación en todo el sitio pertenece al encabezado de todo el sitio y también de consideraciones pragmáticas sobre la facilidad de diseño.
Con base en esa última oración, parece que Bruce Lawson, autor del capítulo del que provienen esos extractos, admite que las "consideraciones pragmáticas sobre la facilidad del estilo" producen un acoplamiento entre el contenido y el estilo.