Link-tagten
Tagget link tilkobler CSS-filer til en HTML-side.
Derudover tilkobler link nogle andre filer, for eksempel favicon.
(Favicon er webstedets ikon, som kan ses i browserens faneblad.
Det kan også ses i nogle søgemaskiner ved søgning ud for websteder, for eksempel i Yandex).
Dette tag har mange attributter, og de kan antage forskellige værdier, men i den virkelige verden bruges de næsten ikke alle. Den mest populære anvendelse er tilkobling af CSS og tilføjelse af favicon.
Sådan tilkobles CSS:
<link rel="stylesheet" href="style.css">
Sådan tilkobles favicon:
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
Tagget link kræver ikke en afsluttende tag.
Attributter
| Attribut | Beskrivelse |
|---|---|
href |
Stien til den fil, der skal tilkobles. |
media |
Enhedstypen, som filen skal tilkobles for. Hvad menes der: Du kan tilkoble en CSS-fil kun til store skærme (værdien screen)
eller kun til små skærme: til mobiltelefoner eller tablets (værdien handheld).
Mulige værdier: all, braille, handheld, print, screen, speech, projection, tty, tv.
Se mere nedenfor.
|
rel |
Typen af den fil, der tilkobles.
Mulige værdier: stylesheet | alternate.
Værdien stylesheet angiver, at der tilkobles en CSS-fil,
værdien alternate bruges for eksempel til at angive et link
til en fil i XML-format, der beskriver et nyhedsfeed, artikelannoncer.
|
charset |
Tegnsætningen for den fil, der tilkobles.
I dag er standarden utf-8.
|
type |
Datatypen for den fil, der tilkobles. |
Værdier for media-attributten
I HTML5 kan medieforespørgsler angives som værdier.
| Værdi | Beskrivelse |
|---|---|
all |
Alle enheder. |
screen |
Skærm. |
handheld |
Telefoner, smartphones, enheder med lille skærm. |
braille |
Enheder baseret på Braille-systemet, beregnet til blinde mennesker. |
speech |
Talesynteser, samt programmer til oplæsning af tekst. Dette inkluderer også talebrowsere. |
print |
Printere. |
projection |
Projektorer. |
tty |
Teletyper, terminaler, bærbare enheder med begrænsede skærmmuligheder. Pixels bør ikke bruges som måleenhed for dem. |
tv |
Fjernsyn, der kan åbne websider (det findes også). |
Standardværdi: all.
Eksempel
Lad os se på strukturen for en enkel HTML-side, hvor vi tilføjer tilkobling af CSS-filer og favicon:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style1.css">
<link rel="stylesheet" href="style2.css" media="screen">
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
