HTML Tutorial

HTML-tagg: <main>

Användning av <main>

<main>-taggen representerar huvuddelen av en webbsida, exklusive sidhuvud, sidfot och sidofält. Den innehåller det huvudsakliga innehållet som användaren vill se på sidan.

Attribut för <main>

Det finns inga specifika attribut för <main>-taggen.

Exempel med <main>

<body>
  <header>
    <h1>Min hemsida</h1>
  </header>
  <nav>
    <ul>
      <li><a href="#">Hem</a></li>
      <li><a href="#">Om</a></li>
      <li><a href="#">Kontakt</a></li>
    </ul>
  </nav>
  <main>
    <h2>Välkommen till min hemsida!</h2>
    <p>Här hittar du information om mig, mina projekt och mina intressen.</p>
  </main>
  <footer>
    <p>Copyright 2023 - Min hemsida</p>
  </footer>
</body>

Utforska <main>-taggen

För att se hur <main>-taggen fungerar i praktiken, besök en webbsida och inspektera dess HTML-kod (högerklicka på sidan och välj "Inspektera"). Sök efter <main>-taggen och se hur den används för att representera huvuddelen av sidan.

Tillgänglighet och användbarhet

<main>-taggen är viktig för tillgänglighet eftersom den hjälper skärmläsare och andra hjälpmedel att identifiera huvuddelen av sidan. Genom att använda <main>-taggen korrekt kan du förbättra användarupplevelsen för alla användare.