Die link-tag
Die link-tag koppel CSS-lêers by 'n HTML-bladsy.
Daarbenewens kan die link-tag ook ander lêers koppel,
bv. 'n favicon.
('n Favicon is die werfbare ikoon van 'n webwerf wat
in die blaaier se oortjie gesien word. Dit kan ook
gesien word in sommige soekenjins soos by Yandex).
Hierdie tag het baie kenmerke wat verskeie waardes kan aanneem, maar in die werklike lewe word dit amper nooit gebruik nie. Die mees algemene gebruik is die koppeling van CSS en die byvoeging van 'n favicon.
Hoe om CSS te koppel:
<link rel="stylesheet" href="style.css">
Hoe om 'n favicon te koppel:
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
Die link-tag vereis nie 'n sluitingstag nie.
Kenmerke
| Kenmerk | Beskrywing |
|---|---|
href |
Die pad na die lêer wat gekoppel moet word. |
media |
Die tipe toestel waarvoor die lêer gekoppel moet word. Met ander woorde, jy kan 'n CSS-lêer net vir groot skerms koppel (waarde screen)
of net vir klein skerms soos selfone of tablets (waarde handheld).
Moontlike waardes: all, braille, handheld, print, screen, speech, projection, tty, tv.
Sien meer detail hieronder.
|
rel |
Die tipe lêer wat gekoppel word.
Moontlike waardes: stylesheet | alternate.
Die waarde stylesheet dui aan dat 'n CSS-lêer gekoppel word,
terwyl die waarde alternate byvoorbeeld gebruik word om 'n skakel na
'n lêer in XML-formaat aan te dui wat 'n nuusvoer of artikelankondigings beskryf.
|
charset |
Die kodering van die gekoppelde lêer.
Tans is die standaard utf-8.
|
type |
Die tipe data van die gekoppelde lêer. |
Waardes vir die media-kenmerk
In HTML5 kan media-navrae as waardes gespesifiseer word.
| Waarde | Beskrywing |
|---|---|
all |
Alle toestelle. |
screen |
Rekenaarskerm. |
handheld |
Fone, slimfone, toestelle met klein skerms. |
braille |
Toestelle gebaseer op die Braille-stelsel, ontwerp vir blinde mense. |
speech |
Spraaksintetiseerders, sowel as programme om teks hardop voor te lees. Spraakblaaiers val ook onder hierdie kategorie. |
print |
Drukkers. |
projection |
Projektors. |
tty |
Teletype, terminale, draagbare toestelle met beperkte skermvermoëns. Pixels moet nie as eenhede vir hulle gebruik word nie. |
tv |
Televisiestelle wat webbladsye kan oopmaak (dit kom wel voor). |
Verstekwaarde: all.
Voorbeeld
Kom ons kyk na die struktuur van 'n eenvoudige HTML-bladsy waaraan ons CSS-lêers en 'n favicon koppel:
<!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>
