mehrere <nav> -Tags

97

Können wir in HTML5 mehrere Tags auf derselben Seite verwenden?

Ich habe diesen Artikel auf Zeldman.com gelesen, aber es ist mir nicht ganz klar

dh

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

<footer><nav>links here</nav></footer>
html stephenmurdoch
quelle
1
Role = 'main' dient zum Identifizieren des Hauptinhalts Ihrer Website w3.org/TR/wai-aria/roles#main , und es gibt keine Rolle für Blogroll. Ich denke, Sie wollen microdata - schema.org verwenden .
Andrew Luhring

Antworten:

142

Ja absolut. Sie können mehrere haben header, navund footerTags sans Strafe.

Solange Sie sicherstellen, dass Sie Tags semantisch verwenden und sie nicht an ungültigen Stellen ablegen (es handelt sich um Elemente auf Blockebene, sodass Sie sie beispielsweise nicht in ein Inline-Element einfügen können), sollten Sie dies nicht tun Mach dir keine Sorgen darüber, was die Stickler sagen. Es ist alles zu einfach, sich über winzige Details zu streiten, anstatt Ihr Projekt voranzutreiben.

Coreyward
quelle
2
Wie wäre es mit mehreren Navigationsgeräten in derselben Fußzeile?
Igasparetto
4
@igasparetto Vollständig gültig, insbesondere wenn Sie es so verwenden, dass es die Struktur des Inhalts darstellt und nicht nur zur Vereinfachung des Stils.
Coreyward
Gibt es eine Anleitung, welche Standardbezeichnungen für Navigationstypen verwendet werden sollten? Insbesondere: Hauptnavigation, Subnavigation, Dienstprogrammnavigation (z. B. Quicklinks) und Fußzeilennavigation? Wenn <nav>es sich bereits in einem <footer>Tag befindet, ist es dann redundant, es anzuwenden aria-label="footer navigation"?
chunk_split
1
@chunk_split Ich denke, Sie sollten besser eine neue Frage stellen, obwohl ich nicht sicher bin, ob StackOverflow die richtige Community ist. ARIA-Attribute können sicher hinzugefügt werden, auch wenn sie redundant erscheinen.
Coreyward
3

Die Antwort ist ja. Sie können ein <nav>Tag in der Fußzeile haben. Weitere Informationen finden Sie in der MDN- <nav>Dokumentation .

Harold Ramos
quelle
Gute Arbeit bei der Bereitstellung eines maßgeblichen Links. Auf der verlinkten Seite wird in den Verwendungshinweisen ausdrücklich angegeben, dass ein Dokument mehrere <nav>Elemente enthalten kann.
Ed Gibbs
2

Ja, mehrere <nav>Elemente zu haben ist absolut in Ordnung.

Sie müssen nur sicherstellen, dass Sie sie für Benutzer von Bildschirmleseprogrammen unterscheidbar machen. Sie können dies tun, indem Sie jede <nav>mit kennzeichnen aria-label.

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

Oder wenn einer der <nav>als sichtbar sichtbaren Texte auf dem Bildschirm als Beschriftungselement identifiziert werden kann, können Sie aria-labelledbyFolgendes verwenden:

<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>

Weitere Informationen zur Verwendung mehrerer Navigationsmarkierungen finden Sie hier .

lucalanca
quelle