HTML header-element

Mer exempel

Dokumentets titel
<title>-tagget definierar dokumentets titel.
Alla länkar har en mål
Hur man använder base-etagget för att öppna alla etiketter i ett nytt fönster.
Dokumentbeskrivning
Använd <meta>-elementet för att beskriva dokumentet.
Dokumentnyckelord
Använd <meta>-elementet för att definiera dokumentets nyckelord.
Omdirigera användare
Hur man omdirigerar användare till en ny webbadress.

HTML <head>-elementet

HTML-elementet är behållaren för alla huvudelement. Element inom <head> kan innehålla skript, instruktioner om var man kan hitta styltsidor, metainformation och så vidare.

Följande taggar kan läggas till i head-sektionen: <title>, <base>, <link>, <meta>, <script> och <style>.

HTML <title>-elementet

<title>-taggen definierar titeln på dokumentet.

title-elementet är nödvändigt i alla HTML/XHTML-dokument.

title-elementet kan:

  • Titeln definierar titeln i webbläsarens verktygsfält
  • Titeln som visas när sidan läggs till i favoriter
  • Sidtiteln som visas i sökmotorernas resultat

En förenklad HTML-dokument:

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
Innehållet i dokumentet......
</body>
</html>

HTML <base>-elementet

<base>-taggen anger standardadress eller standardmål (target) för alla länkar på sidan:

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

HTML <link>-elementet

<link>-taggen definierar relationen mellan dokumentet och externa resurser.

<link>-taggen används ofta för att länka till style sheets:

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

HTML <style>-elementet

<style>-taggen används för att definiera stilmässig information för HTML-dokument.

Du kan definiera stilar för HTML-element i style-elementet:

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

HTML <meta>-elementet

Metadata (metadata) är information om data.

<meta>-taggen tillhandahåller metadata om HTML-dokumentet. Metadata visas inte på sidan, men är läsbar för maskiner.

Typiskt används meta-elementet för att definiera sidans beskrivning, nyckelord, författare till dokumentet, senaste ändringsdatum och annan metadata.

<meta>-taggen finns alltid i head-elementet.

Metadata kan användas av webbläsare (hur innehållet visas eller sidan laddas om), sökmotorer (nyckelord) eller andra webbtjänster.

Nyckelord för sökmotorer

Vissa sökmotorer använder meta-elementets namn och innehållsegenskaper för att indexera din sida.

Nedan definieras sidans beskrivning med hjälp av meta-elementet:

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

Nedan definieras sidans nyckelord med hjälp av meta-elementet:

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

Namn och innehållsegenskaperna används för att beskriva innehållet på sidan.

HTML <script>-element

<script>-etiketten används för att definiera klientbibliotek, till exempel JavaScript.

Vi kommer att förklara script-elementet i ett senare kapitel.

HTML header-element

Etikett Beskrivning
<head> Definiera information om dokumentet.
<title> Definiera dokumentets titel.
<base> Definiera standardadressen eller standardmålet för alla länkar på sidan.
<link> Definiera dokumentets relation till externa resurser.
<meta> Definiera metadata för HTML-dokumentet.
<script> Definiera klientbibliotek.
<style> Definiera dokumentets stilinformation.