Marchează o secțiune dedicată navigației principale pe site sau a unui cuprins de capitole.

Sintaxă tag
<nav aria-label="Meniu principal">
  <a href="/">Acasă</a>
  <a href="/invata/">Învață</a>
</nav>

Ce face <nav>

Tagul <nav> anunță motoarele de căutare și cititoarele de ecran că linkurile din interior reprezintă căi de navigare majore în site.

Nu toate linkurile din pagină trebuie puse într-un <nav> (de exemplu, linkurile secundare din subsolul paginii nu necesită nav). Se folosește pentru meniul principal, meniul lateral de categorii sau paginarea între articole.

Exemple

Exemplul 1: Meniu de navigare cu listă semantică

Standardul recomandat de accesibilitate include o listă ul în interiorul nav.

<nav aria-label="Navigare principală">
  <ul>
    <li><a href="/">Acasă</a></li>
    <li><a href="/invata/html/">HTML</a></li>
    <li><a href="/invata/css/">CSS</a></li>
  </ul>
</nav>

Ce afișează browserul

O listă orizontală sau verticală de linkuri către secțiunile principale ale site-ului.

Greșeli frecvente

  • Împachetarea fiecărui grup mic de linkuri din text într-un tag

Comenzi înrudite

  • <header>: Antetul introductiv al paginii sau al unei secțiuni: conține de regulă sigla, titlul și navigarea.
  • <a>: Creează un hyperlink către o altă pagină web, un fișier, o adresă de email, un număr de telefon sau o ancoră din pagină.
  • <ul>: Creează o listă neordonată, în care elementele sunt marcate prin buline (puncte), fără o ordine numerică specifică.