Artikel

HTML body — Indholdssektionen og semantisk struktur

HTML body indeholder alt synligt indhold — og den semantiske opbygning med header, main, article og footer hjælper Google strukturere siden.

Sidst opdateret:

Hvad er HTML body?

<body>-sektionen indeholder alt synligt indhold på en webside: tekst, billeder, videoer, links, formularer og alle de elementer brugeren interagerer med. Mens <head> indeholder metadata om siden, er <body> selve indholdet.

Hele det visuelle resultat — det brugeren ser i browseren — stammer fra HTML i <body>. Googlebot indexerer primært indholdet i <body> og bruger dets struktur til at forstå siden.

<body>
  <header>...</header>
  <nav>...</nav>
  <main>
    <article>...</article>
  </main>
  <aside>...</aside>
  <footer>...</footer>
</body>

Typisk semantisk body-struktur

En velstruktureret body bruger semantiske HTML5-elementer som landmark-elementer — de fungerer som et navigationskort for Googlebot og skærmlæsere.

<header>
  <a href="/" class="logo">Stegger.dk</a>
  <nav>...</nav>
</header>

<header> indeholder sidens (eller en sektions) overskriftsområde: typisk logo, sitenavn og primær navigation. Det er ikke det samme som <head> — <head> er metadata, <header> er visuelt indhold.

<nav aria-label="Primær navigation">
  <ul>
    <li><a href="/ordbog/">Ordbog</a></li>
    <li><a href="/blog/">Blog</a></li>
  </ul>
</nav>

<nav> markerer navigationsområder. Links i <nav> er navigationlinks — ikke primære interne links i SEO-forstand. En side kan have flere <nav>-elementer (primær nav, footer nav).

main

<main>
  <!-- Sidens unikke primære indhold -->
</main>

<main> er det primære indhold — det der er unikt for denne specifikke side og ikke gentages på tværs af sider. Bør forekomme én gang. Googlebot prioriterer indhold i <main> som sidens kernekontent.

article

<article>
  <h1>HTML body-sektionen</h1>
  <p>Alt synligt indhold bor i body...</p>
</article>

<article> er et selvstændigt og distribuérbart indholdsstykke. Et blogindlæg, en nyhedsartikel, en produktbeskrivelse. Indhold i <article> vægtes som primært sideindhold af Google.

section

<section>
  <h2>Typisk semantisk body-struktur</h2>
  <p>...</p>
</section>

<section> grupperer tematisk relateret indhold med en overskrift. Bruges til at opdele langt indhold i logiske afsnit.

aside

<aside>
  <h3>Relaterede artikler</h3>
  <ul>...</ul>
</aside>

<aside> indeholder supplerende indhold: sidepaneler, relaterede artikler, reklamer. Google behandler dette som sekundært indhold.

<footer>
  <p>&copy; 2026 Morten Stegger</p>
  <nav aria-label="Footer navigation">...</nav>
</footer>

<footer> indeholder afsluttende information: copyright, kontaktlinks, juridiske noter og sekundær navigation.

Landmark-elementer og accessibility

De semantiske body-elementer (header, nav, main, aside, footer) fungerer som ARIA landmark roles automatisk. Det giver skærmlæsere mulighed for at springe direkte til relevante sektioner — og det er nøjagtig samme information Googlebot bruger til at kortlægge sidens struktur.

<main> er særligt vigtigt: det er “spring til indhold”-destinationen for keyboard-brugere og den primære indholdszone for crawlers.

Scripts i bunden af body

<body>
  <!-- Alt indhold -->
  <script src="/main.js"></script>
</body>

Scripts placeret i bunden af <body> — umiddelbart før </body> — blokerer ikke HTML-parsing. Browseren renderer siden, og derefter eksekveres JavaScript. Dette er en klassisk performance-optimering.

I moderne HTML foretrækkes <script defer> i <head> over scripts i bunden af body — det giver samme resultat men er semantisk mere korrekt og lader browseren opdage scripts tidligere i parsing-processen.

H1-hierarki i body

Hvert <body> bør have netop ét <h1>-element der repræsenterer sidens primære emne:

<main>
  <article>
    <h1>HTML body — Indholdssektionen og semantisk struktur</h1>
    <h2>Hvad er HTML body?</h2>
    <h2>Typisk semantisk body-struktur</h2>
    <h3>header</h3>
    <h3>nav</h3>
  </article>
</main>

H1 bør indeholde det primære søgeord. H2 og H3 strukturerer indholdshierarkiet. Forkerte hierarki-hop (H2 → H4) er en teknisk fejl.

Hvad er forskellen på <head> og <header>? <head> er HTML-sektionen med metadata — usynlig for brugere. <header> er et semantisk body-element der indeholder sidens synlige overskriftszone (logo, nav). De er fundamentalt forskellige.

Kan en side have flere <main>-elementer? Nej. <main> bør forekomme kun én gang per side. Flere <main>-elementer er ugyldig HTML.

Er <article> kun til nyhedsartikler? Nej. <article> bruges til ethvert selvstændigt indholdsstykke: blogindlæg, produktbeskrivelse, ordbogsdefinition, forum-opslag. Kriteriet er at det kan stå alene og give mening.

Hvad er bedst — scripts i bunden af body eller defer i head? <script defer> i <head> er den moderne best practice. Det giver browseren mulighed for at opdage scriptet tidligere og planlægge download optimalt, mens defer sikrer at eksekvering sker efter DOM er fuldt bygget.

Sidst opdateret: marts 2026. Denne artikel er en del af Stegger.dk’s SEO-ordbog.

Del af: HTML-struktur — Tags, elementer og semantik →

Andre artikler i samme emne

Relaterede begreber

Emne HTML-struktur — Tags, elementer og semantik HTML-strukturens byggeklodser — fra tags og attributter til semantisk markup der hjælper Google og brugere. Artikel HTML-elementer — Struktur og semantik HTML-elementer definerer dit indholds struktur og betydning — semantiske elementer som article, nav og main er Googles kort over siden. Artikel Semantisk HTML — Hvad er semantisk markup og hvorfor det betyder noget Semantisk HTML er kode med betydning — artikel, navigation, overskrifter — ikke blot div og span overalt. Artikel HTML head — Hvad indeholder head-sektionen? HTML head er usynlig for brugere men kritisk for SEO — title, meta description, canonical og hreflang bor alle her. Emne Indholdselementer i kode — Links, billeder og formularer Links, billeder, formularer, tabeller og lister — HTML-elementerne der bærer dit indhold og påvirker SEO direkte. Hovedguide Kode — Webkode og teknisk SEO Komplet guide til webkode og teknisk SEO — fra HTML-struktur og metadata til crawling, structured data og Core Web Vitals.

Placering i ordbogen

Kode — Webkode og teknisk SEO
HTML-struktur — Tags, elementer og semantik
HTML body — Indholdssektionen og semantisk struktur