HTML Tutorial

HTML-tagg: <nav>

Användning av <nav>

Taggen <nav> används för att markera ett navigationsområde på en webbsida. Detta kan inkludera länkar till andra sidor på webbplatsen, externa webbplatser eller andra resurser som användare behöver för att navigera.

Attribut för <nav>

Det finns inga standardattribut som är specifika för taggen <nav>.

Exempel med <nav>

<nav>
  <ul>
    <li><a href="index.html">Hem</a></li>
    <li><a href="about.html">Om oss</a></li>
    <li><a href="contact.html">Kontakt</a></li>
  </ul>
</nav>

Utforska <nav>-taggen

Här är ett enkelt exempel på hur du kan använda <nav>-taggen för att skapa en navigationsmeny:

<!DOCTYPE html>
<html>
<head>
  <title>Navigationsmeny</title>
</head>
<body>

<nav>
  <ul>
    <li><a href="index.html">Hem</a></li>
    <li><a href="about.html">Om oss</a></li>
    <li><a href="contact.html">Kontakt</a></li>
  </ul>
</nav>

</body>
</html>

När du sparar och öppnar denna HTML-fil i en webbläsare kommer du att se en horisontell navigationsmeny längst upp på sidan. Den här menyn kommer att innehålla länkar till startsidan, sidan om oss och kontaktsidan.