Summary  
This chapter explains how to use HTML document head elements—such as the `<title>` tag and various `<meta>` tags—to define page metadata like the title, character encoding, description, author, language, and search engine directives.  

General domain of usage  
Search engine optimization (SEO) for web pages.

Dokumentets head indeholder metadata, information til browsere og søgemaskiner.
Disse tags vises ikke på selve siden, hvilket er grunden til, at eksemplerne nedenfor ikke viser synligt output.

### Sidetitel
`<title>`-tagget styrer, hvad der vises i browserens fane. Det bør være kort, klart og helst under 60 tegn.


PGh0bWwgbGFuZz0iZW4iPgogIDxoZWFkPgogICAgPCEtLSBNZXRhZGF0YSAtLT4KICAgIDx0aXRsZT5XZWIgRGV2ZWxvcG1lbnQ8L3RpdGxlPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDwhLS0gUGFnZSBjb250ZW50IC0tPgogIDwvYm9keT4KPC9odG1sPg==

### Metadata
`<meta>`-taggen gemmer vigtige tekniske oplysninger om siden.
Den mest essentielle er tegnkodning, som forhindrer ødelagte tegn (mojibake): 

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDwhLS0gTWV0YWRhdGEgLS0+CiAgICA8bWV0YSBjaGFyc2V0PSJ1dGYtOCIgLz4KICAgIDx0aXRsZT5XZWIgRGV2ZWxvcG1lbnQ8L3RpdGxlPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDwhLS0gUGFnZSBjb250ZW50IC0tPgogIDwvYm9keT4KPC9odG1sPg==

### Betydning af meta-tag-attributter
- `name`: beskriver typen af metadata;
- `content`: værdien af denne metadata;
- `http-equiv`: simulerer HTTP-headere.

### Grundlæggende meta-tags til forbedring af SEO

**SEO (Search Engine Optimization)** er processen med at optimere et website for at forbedre dets synlighed i søgeresultater.

Læs mere

- `<meta name="description"/>`: angiver en kort beskrivelse af websiden;
- `<meta name="author" />`: angiver forfatteren til websiden;
- `<meta name="language"/>`: angiver sproget for websiden;
- `<meta name="robots"/>`: fortæller søgemaskiner, hvordan websiden skal crawles eller indekseres;
- `<meta name="googlebot" content="notranslate"/>`: informerer Google om ikke at tilbyde automatisk oversættelse af websiden;
- `<meta name="copyright" content="Copyright 2024"/>`: angiver ophavsretten til websiden.


PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDwhLS0gTWV0YWRhdGEgLS0+CiAgICA8bWV0YSBjaGFyc2V0PSJ1dGYtOCIgLz4KICAgIDxtZXRhIG5hbWU9ImRlc2NyaXB0aW9uIiBjb250ZW50PSJFeHBsb3JlIHRoZSB3ZWIgZGV2ZWxvcG1lbnQgcHJvY2Vzcy4iIC8+CiAgICA8bWV0YSBuYW1lPSJhdXRob3IiIGNvbnRlbnQ9Ikplbm5pZmVyIFNoaWtpIiAvPgogICAgPG1ldGEgbmFtZT0ibGFuZ3VhZ2UiIGNvbnRlbnQ9IkVuZ2xpc2giIC8+CiAgICA8bWV0YSBuYW1lPSJyb2JvdHMiIGNvbnRlbnQ9ImluZGV4LCBmb2xsb3ciIC8+CiAgICA8bWV0YSBuYW1lPSJnb29nbGVib3QiIGNvbnRlbnQ9InRyYW5zbGF0ZSIgLz4KICAgIDxtZXRhIG5hbWU9ImNvcHlyaWdodCIgY29udGVudD0iQ29weXJpZ2h0IDIwMjQgSmVubmlmZXIgU2hpa2kiIC8+CiAgICA8dGl0bGU+V2ViIERldmVsb3BtZW50IEd1aWRlPC90aXRsZT4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8IS0tIFBhZ2UgY29udGVudCAtLT4KICA8L2JvZHk+CjwvaHRtbD4=

Hvilket tagindhold vises på brugerens fane?

Hvad kan gøres for at hjælpe browseren med at indeksere siden?

Lær det grundlæggende i HTML (HyperText Markup Language), fundamentet for webudvikling. Dette begynder-venlige kursus dækker tags, attributter, elementer og strukturering af websider. Få praktiske færdigheder i at skabe overskrifter, afsnit, lister, billeder, links, formularer og tabeller. Udforsk bedste praksis, optimering og webtilgængelighed. Start din webudviklingsrejse med HTML.

Udforsk internettets indre funktioner. Lær hvordan data rejser over netværk, opdag protokollernes rolle, og afslør mysterierne bag IP-adresser og domænenavne. Få en overordnet forståelse af, hvordan webbrowsere og servere kommunikerer for at levere webindhold.

Opdag kraften i tags til at strukturere indhold, fra overskrifter og afsnit til lister og tabeller. Lær hvordan du forbedrer elementerne med attributter.

Kernen i HTML-dokumentstrukturen. Lær komponenterne i et HTML-dokument, inklusive doctype-deklarationen, head og body. Forstå formålet med hvert element, og hvordan de bidrager til den overordnede struktur af en webside.

Gør en webside mere attraktiv ved hjælp af medier som billeder, lyd og video. Arbejd med strukturerede tabeldata i form af tabeller.

Udforsk alsidigheden af HTML-formularer. Lær at designe intuitive og brugervenlige formularer ved at udnytte nøglekoncepter og teknikker. Opdag, hvordan formularer muliggør brugerinteraktion og dataindsendelse på hjemmesider.

Dokumenthovedets Rolle

Sidetitel

Metadata

Betydning af meta-tag-attributter

Grundlæggende meta-tags til forbedring af SEO

1. Hvor skal `<meta>`-taggen placeres?

2. Hvilket tagindhold vises på brugerens fane?

3. Hvad kan gøres for at hjælpe browseren med at indeksere siden?