Wiem, że w HTML5 <nav>
można tego użyć wewnątrz lub na zewnątrz <header>
elementu masthead na stronie . W przypadku witryn, które mają zarówno pomocniczą, jak i główną nawigację, często umieszcza się dodatkową nawigację jako <nav>
element wewnątrz <header>
elementu masthead , a główną nawigację jako <nav>
element poza mastheadem <header>
. Jeśli jednak w witrynie brakuje dodatkowej nawigacji, często umieszcza się główną nawigację w <nav>
elemencie elementu masthead <header>
.
Jeśli będę postępować zgodnie z tymi przykładami, moja struktura treści będzie oparta na włączeniu lub wykluczeniu dodatkowej nawigacji. Wprowadza to sprzężenie między treścią a stylem, które wydaje się niepotrzebne i nienaturalne.
Czy istnieje lepszy sposób, aby nie przenosić głównego elementu nawigacyjnego z wewnątrz na zewnątrz <header>
elementu masthead na podstawie włączenia lub wyłączenia dodatkowej nawigacji?
Przykład nawigacji głównej i pomocniczej
<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 to przykładowa witryna, która jest zgodna z powyższym wzorcem.
Przykład głównej nawigacji
<header>
<h1>Website Title</h1>
<nav>
<!-- Main Navigation inside <header> -->
<ul>
<li></li>
</ul>
</nav>
</header>
Przykładowa witryna Keyzo.co.uk jest zgodna z powyższym wzorcem.
Fragmenty z Wprowadzenie do HTML5 - dodane 11 lutego o godz. 7:38
Wprowadzenie do HTML5 przez Bruce'a Lawsona i Remy'ego Sharp'a ma do powiedzenia na ten temat:
Nagłówek może również zawierać elementy nawigacyjne. Może to być bardzo przydatne do nawigacji w całej witrynie, szczególnie w witrynach opartych na szablonach, w których cały
<header>
element może pochodzić z pliku szablonu.Oczywiście nie jest wymagane, aby
<nav>
znajdował się w<header>
.To zależy w dużej mierze od tego, czy uważasz, że nawigacja dla całej witryny należy do nagłówka całej witryny, a także pragmatycznych względów dotyczących łatwości stylizacji.
Na podstawie tego ostatniego zdania wydaje się, że Bruce Lawson - autor rozdziału, z którego pochodzą te fragmenty - przyznaje, że „pragmatyczne rozważania na temat łatwości stylizacji” dają sprzężenie między treścią a stylem.