Зашто је потребан атрибут rel у тагу link?

Атрибут rel u tagu <link> definiše odnos (relationship) između trenutnog dokumenta i dokumenta na koji se odnosi tag. On obaveštava pregledač kako da koristi povezani resurs.

Najčešće korišćene vrednosti rel su:

• stylesheet: Ukazuje na eksterni CSS fajl koji treba primeniti na dokument.
• icon/shortcut icon: Ukazuje na ikonu (favicon) za sajt, prikazanu na kartici pregledača.
• preload: Predhodno učitava resurs koji će biti potreban kasnije, bez blokiranja renderovanja.
• preconnect: Uspostavlja vezu sa navedenim izvorom unapred, ubrzavajući naredne zahteve.
• prefetch: Predhodno učitava resurs koji može biti potreban u budućoj navigaciji korisnika.
• canonical: Ukazuje na kanonični URL stranice, pomažući pretraživačima da odrede glavnu verziju sadržaja.
• alternate: Ukazuje na alternativnu verziju trenutnog dokumenta (npr. na drugom jeziku ili u drugom formatu).
• author: Ukazuje na autora dokumenta.
• help: Ukazuje na pomoćni dokument.

Primer korišćenja rel="stylesheet":

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

Primer korišćenja rel="icon":

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

Primer korišćenja rel="preload":

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