HTML <link> -elementti

Määrittely ja käyttö

<link> Tunniste määrittää nykyisen dokumentin ja ulkoisen resurssin välinen suhde.

<link> Tunniste käytetään yleensä linkittämään ulkoiseen tyylisivustoon tai lisäämään kuvaketta verkkosivustolle.

<link> Elementti on tyhjä elementti, joka sisältää vain ominaisuuksia.

Katso myös:

HTML-opas:HTML-tyyli

HTML DOM -viittausopas:Linkki-objekti

Esimerkki

Linkitä ulkoiseen tyylisivustoon:

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

Kokeile itse!

ominaisuus

ominaisuus arvo kuvaus
crossorigin
  • nimetön
  • käytä-tunnistustietoja
 Määritellään, miten elementti käsittelee kaksisuuntaiset pyynnöt.
href URL Määritellään linkitetyn dokumentin sijainti.
hreflang äänikoodi Määritellään, millä kielellä linkitetty dokumentin teksti näytetään.
media Media-kysely Määritellään, millä laitteella linkitetty dokumentti näytetään.
referrerpolicy
  • ei-referrer
  • ei-referrer-kun-pudotus
  • alkuperäinen
  • alkuperäinen-kun-kaukosuhteessa
  • epävarma-URL
 Määritellään, mitä viittaajaa käytetään resurssin hankkimiseen.
rel
  • vaihtoehtoinen
  • tekijä
  • dns-esilataus
  • apu
  • ikoni
  • lisenssi
  • seuraava
  • pingback
  • esiyhteys
  • esiprefetch
  • esilataus
  • esipre-renderöinti
  • edellinen
  • etsi
  • tyylisivu
 Välttämätön. Määritellään nykyisen ja linkitetyn dokumentin välinen suhde.
koossa
  • KorkeusxLeveys
  • mikä tahansa
 Määritellään linkitetyn resurssin koko. Vain rel="icon" -tyyppiä varten.
title Määrittelee ensisijaisen tai vaihtoehtoisen tyylisivun
type Median tyyppi Määrittelee linkitetyn dokumentin median tyyppin

Globaalit ominaisuudet

<link> Tunniste tukee myös HTML:n globaalit ominaisuudet。

tapahtumien ominaisuuksia

<link> Tunniste tukee myös HTML:n tapahtumien ominaisuudet。

Oletusarvoiset CSS-asetukset

Useimmat selaimet käyttävät seuraavia oletusarvoja näyttämiseen <link> Elementti：

link {
  display: none;
}

Selaimen tuki

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