Link-taggen
Taggen link kobler til CSS-filer på en HTML-side.
I tillegg kobler link til
noen andre filer, for eksempel favicon.
(Favicon er nettstedets ikon som
synes i nettleserens fane.
Det kan også sees i enkelte søkemotorer ved søk
ved siden av nettsteder, for eksempel i Yandex).
Denne taggen har mange attributter og de kan anta forskjellige verdier, men i virkelig livet brukes de nesten ikke. Det mest populære er tilkobling av CSS og tillegget av favicon.
Hvordan koble til CSS:
<link rel="stylesheet" href="style.css">
Hvordan koble til favicon:
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
Taggen link krever ikke avsluttende tagg.
Attributter
| Attributt | Beskrivelse |
|---|---|
href |
Sti til filen som skal kobles til. |
media |
Enhetstypen som filen skal kobles til for. Hva som menes - du kan koble til en CSS-fil kun for store skjermer (verdi screen)
eller kun for små skjermer: for mobiltelefoner eller nettbrett (verdi handheld).
Mulige verdier: all, braille, handheld, print, screen, speech, projection, tty, tv.
Se nedenfor for mer informasjon.
|
rel |
Type fil som kobles til.
Mulige verdier: stylesheet | alternate.
Verdien stylesheet indikerer at en CSS-fil kobles til,
verdien alternate brukes for eksempel for å angi en lenke
til en fil i XML-format for beskrivelse av nyhetsstrøm, artikkelkunngjøringer.
|
charset |
Tegnkoding for filen som kobles til.
I dag er standarden utf-8.
|
type |
Datatypen for filen som kobles til. |
Verdier for media-attributtet
I HTML5 kan media-spørringer angis som verdier.
| Verdi | Beskrivelse |
|---|---|
all |
Alle enheter. |
screen |
Skjerm. |
handheld |
Telefoner, smarttelefoner, enheter med liten skjerm. |
braille |
Enheter basert på Braille-systemet, beregnet for blinde. |
speech |
Talesyntesere, samt programmer for avspilling av tekst høyt. Dette inkluderer også talenettlesere. |
print |
Skrivere. |
projection |
Projektorer. |
tty |
Teletyper, terminaler, bærbare enheter med begrensede skjermmuligheter. For disse bør ikke piksler brukes som måleenhet. |
tv |
Fjernsyn som kan åpne nettsider (det hender). |
Standardverdi: all.
Eksempel
La oss se på hvordan strukturen til en enkel HTML-side ser ut, der vi legger til tilkobling av 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>
