Semantisk HTML

Hva er semantisk HTML?

Semantisk HTML er en type HTML som gjør at strukturen i en webside blir lettere å forstå.

I semantisk HTML brukes det tagger til å definere hovedelementene i en side. Det gjør det lettere for utviklere å finne fram og kode websiden og holde styr på de forskjellige elementene i den ved å bruke tagger til å definere de forskjellige elementene. Uten semantisk HTML måtte man ha brukt <div> for alle elementene. I websider med mye informasjon ville man måtte bruke mange av disse som ville gjort det mye vanskeligere å finne fram og for f.eks blinde å tolke informasjonen. Under er noen eksempler på slike tagger.

• <header>
• <footer>
• <nav>
• <main>
• <section>
• <article>
• <aside>

Kilder: NDLA