Summary  
This chapter explains how to use HTML5 semantic elements—header, nav, section, article, and footer—to structure and group content within a webpage.

General domain of usage  
Web development

Nedenfor er de mest almindelige semantiske elementer og deres anvendelse.

## `header`-tag
Repræsenterer den øverste del af en webside eller sektion. Indeholder typisk et logo, en titel eller navigationslinks.

Forveksl ikke `header` med `head`. De har forskellige formål.

Bemærk

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGhlYWRlcj4KICAgICAgPGEgaHJlZj0iIyI+V2Vic2l0ZSBMb2dvPC9hPgoKICAgICAgPHVsPgogICAgICAgIDxsaT48YSBocmVmPSIjIj5Ib21lPC9hPjwvbGk+CiAgICAgICAgPGxpPjxhIGhyZWY9IiMiPlNlcnZpY2VzPC9hPjwvbGk+CiAgICAgICAgPGxpPjxhIGhyZWY9IiMiPkNvbnRhY3Q8L2E+PC9saT4KICAgICAgPC91bD4KICAgIDwvaGVhZGVyPgogIDwvYm9keT4KPC9odG1sPg==

## `nav`-tag
Definerer et blokafsnit med navigationslinks. Ofte placeret i headeren.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGhlYWRlcj4KICAgICAgPGEgaHJlZj0iIyI+V2Vic2l0ZSBMb2dvPC9hPgoKICAgICAgPG5hdj4KICAgICAgICA8dWw+CiAgICAgICAgICA8bGk+PGEgaHJlZj0iIyI+SG9tZTwvYT48L2xpPgogICAgICAgICAgPGxpPjxhIGhyZWY9IiMiPlNlcnZpY2VzPC9hPjwvbGk+CiAgICAgICAgICA8bGk+PGEgaHJlZj0iIyI+Q29udGFjdDwvYT48L2xpPgogICAgICAgIDwvdWw+CiAgICAgIDwvbmF2PgogICAgPC9oZWFkZXI+CiAgPC9ib2R5Pgo8L2h0bWw+

## `section`-tag
Grupperer relateret indhold i logiske sektioner. Hver sektion bør typisk starte med en overskrift.


PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGhlYWRlcj4KICAgICAgPCEtLSBoZWFkZXIgY29udGVudCAtLT4KICAgIDwvaGVhZGVyPgoKICAgIDxzZWN0aW9uPgogICAgICA8aDE+Q29tcGFueSB0aXRsZSBvciBicmFuZCBwaHJhc2U8L2gxPgogICAgICA8cD5XZWxjb21lIHRvIG91ciBjb21wYW55LiBXZSBzcGVjaWFsaXplIGluLi4uPC9wPgogICAgPC9zZWN0aW9uPgoKICAgIDxzZWN0aW9uPgogICAgICA8aDI+U2VydmljZXM8L2gyPgogICAgICA8dWw+CiAgICAgICAgPGxpPlNlcnZpY2UgMTwvbGk+CiAgICAgICAgPGxpPlNlcnZpY2UgMjwvbGk+CiAgICAgICAgPGxpPlNlcnZpY2UgMzwvbGk+CiAgICAgIDwvdWw+CiAgICA8L3NlY3Rpb24+CiAgPC9ib2R5Pgo8L2h0bWw+

## article-tag
Repræsenterer et selvstændigt indholdselement, såsom et blogindlæg eller en nyhedsartikel. Nyttig for søgemaskiner til at identificere hovedindholdet.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGhlYWRlcj4KICAgICAgPCEtLSBoZWFkZXIgY29udGVudCAtLT4KICAgIDwvaGVhZGVyPgoKICAgIDxzZWN0aW9uPgogICAgICA8IS0tIHNlY3Rpb24gY29udGVudCAtLT4KICAgIDwvc2VjdGlvbj4KCiAgICA8YXJ0aWNsZT4KICAgICAgPGgyPkJsb2cgUG9zdCBUaXRsZTwvaDI+CiAgICAgIDxwPkJsb2cgcG9zdCBjb250ZW50IGdvZXMgaGVyZS4uLjwvcD4KICAgIDwvYXJ0aWNsZT4KICA8L2JvZHk+CjwvaHRtbD4=

## `footer`-tag
Definerer den nederste del af en webside eller sektion. Indeholder typisk ophavsretstekst, kontaktoplysninger eller relaterede links.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGhlYWRlcj4KICAgICAgPCEtLSBoZWFkZXIgY29udGVudCAtLT4KICAgIDwvaGVhZGVyPgoKICAgIDxzZWN0aW9uPgogICAgICA8IS0tIHNlY3Rpb24gY29udGVudCAtLT4KICAgIDwvc2VjdGlvbj4KCiAgICA8YXJ0aWNsZT4KICAgICAgPCEtLSBhcnRpY2xlIGNvbnRlbnQgLS0+CiAgICA8L2FydGljbGU+CgogICAgPGZvb3Rlcj4KICAgICAgPHA+JmNvcHk7IE15IFdlYnNpdGUuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuPC9wPgogICAgICA8dWw+CiAgICAgICAgPGxpPjxhIGhyZWY9IiMiPlByaXZhY3kgUG9saWN5PC9hPjwvbGk+CiAgICAgICAgPGxpPjxhIGhyZWY9IiMiPlRlcm1zIG9mIFNlcnZpY2U8L2E+PC9saT4KICAgICAgICA8bGk+PGEgaHJlZj0iIyI+Q29udGFjdCBVczwvYT48L2xpPgogICAgICA8L3VsPgogICAgPC9mb290ZXI+CiAgPC9ib2R5Pgo8L2h0bWw+

Hvad er det primære formål med `<header>`-tagget?

Hvilket HTML-tag bruges typisk til at definere et afsnit med navigationslinks, såsom menuer eller navigationsbjælker?

Hvad er hovedfunktionen for `<section>`-tagget?

Hvornår bør vi bruge `<footer>`-tagget?

Behersk det grundlæggende i HTML for at opbygge velstruktureret og tilgængeligt webindhold. Lær at strukturere dokumenter ved hjælp af tags, elementer og attributter. Arbejd sikkert med tekst, lister, billeder, lyd og video for at berige websider. Opret tabeller for organiserede data og formularer til brugerinput og interaktion. Opdag semantisk HTML for at forbedre tilgængelighed og opbygge komplette, funktionelle webstedsstrukturer fra bunden.

Master the essentials of HTML to build well-structured and accessible web content. Learn how to structure documents using tags, elements, and attributes. Work confidently with text, lists, images, audio, and video to enrich web pages. Create tables for organized data and forms for user input and interaction. Discover semantic HTML to enhance accessibility and build complete, functional website structures from the ground up.

Undersøgelse af Semantiske Elementer i HTML

`header`-tag

`nav`-tag

`section`-tag

article-tag

`footer`-tag

1. Hvad er det primære formål med `<header>`-tagget?

2. Hvilket HTML-tag bruges typisk til at definere et afsnit med navigationslinks, såsom menuer eller navigationsbjælker?

3. Hvad er hovedfunktionen for `<section>`-tagget?

4. Hvornår bør vi bruge `<footer>`-tagget?

Undersøgelse af Semantiske Elementer i HTML

header-tag

nav-tag

section-tag

article-tag

footer-tag

1. Hvad er det primære formål med <header>-tagget?