Kam reikalingas rel atributas link žymoje?

<link> žymės rel atributas apibrėžia ryšį (relationship) tarp esamo dokumento ir dokumento, į kurį nurodo žymė. Jis informuoja naršyklę, kaip naudoti susietą išteklių.

Dažniausiai naudojamos rel reikšmės:

• stylesheet: Nurodo išorinį CSS failą, kuris turi būti taikomas dokumentui.
• icon/shortcut icon: Nurodo piktogramą (favicon), kuri rodomas naršyklės skirtuke.
• preload: Iš anksto įkelia išteklių, kuris vėliau bus reikalingas, neblokiruojant atvaizdavimo.
• preconnect: Iš anksto nustato ryšį su nurodytu šaltiniu, pagreitinant vėlesnius užklausimus.
• prefetch: Iš anksto įkelia išteklių, kuris gali būti reikalingas būsimai naudotojo navigacijai.
• canonical: Nurodo kanoninį URL, padedantį paieškos sistemoms nustatyti pagrindinę turinio versiją.
• alternate: Nurodo alternatyvią dabartinio dokumento versiją (pavyzdžiui, kitą kalbą ar formatą).
• author: Nurodo dokumento autorių.
• help: Nurodo pagalbos dokumentą.

Pavyzdys naudojant rel="stylesheet":

<link rel="stylesheet" href="/css/style.css">

Pavyzdys naudojant rel="icon":

<link rel="icon" href="/favicon.ico" type="image/x-icon">

Pavyzdys naudojant rel="preload":

<link rel="preload" href="/fonts/myfont.woff2" as="font" type="font/woff2" crossorigin>