/ / Stimmt die Verwendung eines <nav> -Tags für meine sekundäre Navigation nicht? - HTML5, Navigation

Kann ich ein <nav> -Tag nicht für meine sekundäre Navigation verwenden? - HTML5, Navigation

Ich baue eine Wordpress HTML5-Vorlage, und ich frage mich, ob meine Struktur für die Header-Navigation korrekt ist.

Bildbeschreibung hier eingeben

Wie Sie auf dem Screenshot sehen können, habe ich einen"Haupt" -Menü (Musik / Kunst / Design ...), und ein weiteres "Sekundär" -Menü oben rechts (a propos / publicité ...). Meine Sorge geht um diese letzte. Dies ist der HTML-Code, den ich gewählt habe:

<div class="header-nav grid_6">
<ul id="menu-top-menu" class="clearfix">
<li id="menu-item-217" class="menu-item menu-item-type-custom menu-item-object-custom first-menu-item menu-item-217"> <a href="http://#">A propos</a> </li>
<li id="menu-item-218" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-218"> <a href="http://#">Publicité</a> </li>
<li id="menu-item-219" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-219"> <a href="http://#">Partenaires</a> </li>
<li id="menu-item-220" class="menu-item menu-item-type-custom menu-item-object-custom last-menu-item menu-item-220"> <a href="http://#">Contact</a> </li>
</ul>
</div>

Wie Sie sehen können, ist es wirklich einfach. Ich habe mich entschieden, nur ein zu verwenden <ul> Element und nicht in ein <nav>, weil In den Spezifikationen heißt es, dass es sich um eine Art Hauptnavigation handeln mussund in meinem Fall bin ich mir nicht sicher, ob dies der Fall ist, da diese Links für den Hauptinhalt, der auf der Website zu finden ist, nicht wirklich relevant sind.

Kann mir jemand sagen, ob ich falsch liege?

Vielen Dank!

Antworten:

0 für die Antwort № 1

Du hast mindestens einen wichtigen Link in diesem Menü: contact. Deshalb hätte ich diese Art von Muster mit anderen benutzt nav Etikett :

<header class="container">

<div class="grid_6">
<h1>KORE</h1>
<p id="baseline">Wordpress HTML 5 responsive boilerplate based on 996css grid</p>
</div>
<nav class="grid_6">
<a href="">À propos</a>
<a href="">Publicité</a>
<a href="">Partenaires</a>
<a href="">Contact</a>
</nav>

<div class="clear"></div>

<nav class="grid_12">
<a href="">Musique</a>
<a href="">Art</a>
<a href="">Design</a>
<a href="">Lifestyle</a>
<a href="">Podcasts</a>
<a href="">Sortir</a>
</nav>

</header>

0 für die Antwort № 2

Du solltest das benutzen nav Tag für die Navigation.

Gemäß der Spezifikation

Das nav-Element stellt einen Abschnitt eines Dokuments dar, der mit anderen Dokumenten oder Teilen innerhalb des Dokuments selbst verknüpft ist. das heißt, ein Abschnitt von Navigationslinks.

Also kannst du das benutzen nav für alle Arten von Menüs / Navigationslinks. Es ist auch eine gute Idee, das zu verwenden header und footer Stichworte.

Sobald Sie das verwenden nav und header Tags können Sie die Anzahl der Klassen reduzieren, indem Sie diese Tags direkt in Ihrem CSS wie unten verwenden.

header {
/*style header*/
}
nav {
/*style navigation*/
}