De link tag
De tag link sluit CSS bestanden aan op een HTML
pagina. Daarnaast sluit link
enkele andere bestanden aan, bijvoorbeeld een favicon.
(Een favicon is het pictogram van een website, dat
zichtbaar is in het browsertabblad. Je kunt het ook
zien in sommige zoekmachines bij het zoeken
tegenover websites, bijvoorbeeld in Yandex).
Deze tag heeft heel veel attributen en deze kunnen diverse waarden aannemen, echter in de praktijk worden ze bijna nooit gebruikt. Het meest populair is het aansluiten van CSS en het toevoegen van een favicon.
Hoe sluit je CSS aan:
<link rel="stylesheet" href="style.css">
Hoe sluit je een favicon aan:
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
De tag link heeft geen sluitende tag nodig.
Attributen
| Attribuut | Beschrijving |
|---|---|
href |
Het pad naar het aan te sluiten bestand. |
media |
Het type apparaat waarvoor het bestand moet worden aangesloten. Wat hiermee wordt bedoeld - je kunt een CSS bestand alleen voor grote schermen aansluiten (waarde screen)
of alleen voor kleine schermen: voor mobiele telefoons of tablets (waarde handheld).
Mogelijke waarden: all, braille, handheld, print, screen, speech, projection, tty, tv.
Zie hieronder voor meer details.
|
rel |
Het type aan te sluiten bestand.
Mogelijke waarden: stylesheet | alternate.
De waarde stylesheet geeft aan dat er een CSS bestand wordt aangesloten,
de waarde alternate wordt bijvoorbeeld gebruikt om een link aan te geven
naar een bestand in XML formaat voor het beschrijven van een nieuwsfeed, aankondigingen van artikelen.
|
charset |
De codering van het aan te sluiten bestand.
Tegenwoordig is utf-8 de standaard.
|
type |
Het type data van het aan te sluiten bestand. |
Waarden voor het media attribuut
In HTML5 kunnen media queries worden opgegeven als waarden.
| Waarde | Beschrijving |
|---|---|
all |
Alle apparaten. |
screen |
Beeldscherm. |
handheld |
Telefoons, smartphones, apparaten met een klein scherm. |
braille |
Apparaten gebaseerd op het Braille-systeem, bedoeld voor blinde mensen. |
speech |
Spraaksynthesizers, evenals programma's voor het hardop voorlezen van tekst. Spraakbrowsers vallen hier ook onder. |
print |
Printers. |
projection |
Projectoren. |
tty |
Teleprinters, terminals, draagbare apparaten met beperkte schermmogelijkheden. Voor deze apparaten mogen pixels niet als meeteenheid worden gebruikt. |
tv |
Televisies die webpagina's kunnen openen (zoiets bestaat ook). |
Standaardwaarde: all.
Voorbeeld
Laten we kijken hoe de structuur eruitziet van een eenvoudige HTML pagina, waaraan we het aansluiten van CSS bestanden en een favicon toevoegen:
<!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>
