HTML <link> rel ominaisuus

HTML <link> -elementti

määrittely ja käyttö

pakollinen rel ominaisuus määrittelee nykyisen asiakirjan ja linkitetyn asiakirjan/resurssin välisen suhteen.

esimerkki

Esimerkki 1

Tuo ulkoinen tyylisivusto:

<link rel="stylesheet" href="styles.css">

Kokeile itse!

Esimerkki 2

Seuraavassa on esimerkki, miten lisätä verkkosivuston ikonin:

<!DOCTYPE html>
<html>
<head>
  <title>Minun sivuni otsikko</title>
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<h1>Tämä on otsikko.</h1>
<p>Tämä on kappale.</p>
</body>
</html>

syntaksi

<link rel="arvo">

ominaisuusarvo

arvo kuvaus
alternate

Tarjoaa linkin asiakirjan korvaavalle esitykselle (esim. tulostus, käännös tai peilaus).

Esimerkki: <link rel="alternate" type="application/atom+xml" href="/blog/news/atom">
author Tarjoaa linkin asiakirjan kirjoittajan.
dns-prefetch Määrittelee, että selain tulisi suorittaa kohdejoukon DNS-tulkinnan etukäteen.
help

Tarjoaa linkin apudokumenttiin.

Esimerkki: <link rel="help" href="/help/">
icon

Tuo asiakirjan edustavan kuvakkeen.

Esimerkki: <link rel="icon" href="favicon.ico" type="image/x-icon">
license Tarjoaa linkin asiakirjan tekijänoikeustietoihin.
next Tarjoaa linkin seuraavaan sarjan asiakirjaan.
pingback Tarjoaa pingback-palvelimen osoitteen, joka käsittelee nykyisen asiakirjan pingback-pyyntöjä.
preconnect Määritellään, että selain tulisi ennakkoon yhdistää kohdealueen resurssien lähde.
prefetch Määritellään, että selain tulisi ennakkoon hakea ja varastoida kohdealueen resurssit, koska ne saattavat olla käytössä myöhemmin navigoinnissa.
preload Määritellään, että selainagentti tulisi ennakkoon hakea ja varastoida nykyisen navigoinnin kohdealueen resurssit, jotka on annettu "as"-ominaisuuden mukaisesti kohteelle (ja siihen liittyvälle prioriteetille).
prerender

Määritellään, että selain tulisi esipainata (ladata) määritetyn sivun taustalla.

Jos käyttäjä navigoi tälle sivulle, se nopeuttaa sivun latausnopeutta (koska sivu on jo ladattu).

Varoitus! Tämä kuluttaa käyttäjän leveyskaistaa! Käytä esipainoa vain, jos olet täysin varma, että tämä sivu on välttämätön käyttäjän selailun jossain vaiheessa.
prev Merkittää, että tämä tiedosto on sarjan osa, ja sarjan edellinen tiedosto on viitattu tiedosto.
search Tarjoaa linkit resursseihin, jotka voidaan käyttää nykyisen dokumentin ja sen liittyvien sivujen hakemiseen.
stylesheet Tuo tyylisivu.

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki

HTML <link> -elementti