Milleks on vajalik rel atribuut linki sildil?

Attribuut rel <link>-sildil määrab suhte (suhted) praeguse dokumendi ja dokumendi vahel, millele sild viitab. See teatab brauserile, kuidas seotud ressurssi kasutada.

Kõige sagedamini kasutatavad rel väärtused:

• stylesheet: Näitab välist CSS-faili, mida tuleb dokumendile rakendada.
• icon/shortcut icon: Näitab ikooni (favicon), mis kuvatakse brauseri vahelehel.
• preload: Eel-laadib ressursi, mis võib hiljem vajalik olla, ilma renderdamist takistamata.
• preconnect: Loob ühenduse määratud allikaga ette, kiirendades järgnevaid päringuid.
• prefetch: Eel-laadib ressursi, mis võib tulevikus kasutaja liikumisel vajalik olla.
• canonical: Näitab kanonilist URL-i lehele, aidates otsingumootoritel määrata sisu põhiversiooni.
• alternate: Näitab alternatiivset versiooni praegusest dokumendist (näiteks teises keeles või teises formaadis).
• author: Näitab dokumendi autorit.
• help: Näitab abidokumenti.

Näide rel="stylesheet" kasutamisest:

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

Näide rel="icon" kasutamisest:

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

Näide rel="preload" kasutamisest:

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

rel kasutamine on vajalik väliste ressursside korrektseks töötlemiseks brauseri ja otsingumootorite poolt ning ka jõudluse optimeerimiseks.