HTML hovedelementer

Flere eksempler

Dokumentets titel
<title>-Titel definerer dokumentets titel.
Alle links en mål
Sådan bruger man base-Tagget til at åbne alle elementer i en ny fane.
Dokumentbeskrivelse
Brug <meta>-elementet til at beskrive dokumentet.
Dokumentets nøgleord
Brug <meta>-elementet til at definere dokumentets nøgleord.
Omdiriger brugeren
Sådan omdirigerer man brugeren til en ny webadresse.

HTML <head> element

Elementet <head> er beholderen for alle hovedelementer. Elementer i <head> kan indeholde skript, angive, hvor browseren kan finde stilark, levere metadata osv.

Følgende tags kan tilføjes til head-sektionen: <title>, <base>, <link>, <meta>, <script> og <style>.

HTML <title>-elementet

<title>-tagget definerer titlen på dokumentet.

title-elementet er obligatorisk i alle HTML/XHTML-dokumenter.

title-elementet kan:

  • Titel, der defineres i browserens værktøjslinje
  • Titel, der vises, når siden tilføjes til favoritter
  • Sidetitel, der vises i søgemaskineresultaterne

En forenklet HTML-dokument:

<!DOCTYPE html>
<html>
<head>
<title>Titel på dokumentet</title>
</head>
<body>
Indholdet af dokumentet......
</body>
</html>

HTML <base>-elementet

<base>-tagget angiver standardadresse eller standardmål (target) for alle links på siden:

<head>
<base href="http://www.codew3c.com/images/" />
<base target="_blank" />
</head>

HTML <link>-elementet

<link>-tagget definerer forholdet mellem dokumentet og eksterne ressourcer.

<link>-tagget bruges oftest til at koble til stilark:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

HTML <style>-elementet

<style>-tagget bruges til at definere stilinformation for HTML-dokumentet.

Du kan specificere stil for HTML-elementer i browseren inde i style-elementet:

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

HTML <meta>-elementet

Metadata (metadata) er information om data.

<meta>-tagget leverer metadata om HTML-dokumentet. Metadata vises ikke på siden, men er læsbart for maskiner.

I typiske tilfælde bruges meta-elementet til at specificere sidens beskrivelse, nøgleord, forfatter af dokumentet, seneste ændringstidspunkt og anden metadata.

<meta>-tagget er altid placeret i head-elementet.

Metadata kan bruges af browsere (hvordan indhold vises eller siderne genindlæses), søgemaskiner (nøgleord) og andre web-tjenester.

Keywords for search engines

Some search engines will use the name and content attributes of the meta element to index your page.

The following meta element defines the description of the page:

<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />

The following meta element defines the keywords of the page:

<meta name="keywords" content="HTML, CSS, XML" />

The name and content attributes of the <meta> tag are used to describe the content of the page.

HTML <script> element

The <script> tag is used to define client-side scripts, such as JavaScript.

We will explain the script element in a later chapter.

HTML hovedelementer

Tag Description
<head> Define information about the document.
<title> Define the document title.
<base> Define the default address or default target for all links on the page.
<link> Define the relationship between the document and external resources.
<meta> Define metadata about the HTML document.
<script> Define client-side scripts.
<style> Define the style information of the document.