Na čo je potrebný atribút rel v tagu link?

Atribút rel v tagu <link> určuje vzťah (relationship) medzi aktuálnym dokumentom a dokumentom, na ktorý sa odkazuje tag. Informuje prehliadač, ako má použiť prepojený zdroj.

Najčastejšie používané hodnoty rel sú:

• stylesheet: Uvádza externý CSS súbor, ktorý má byť aplikovaný na dokument.
• icon/shortcut icon: Uvádza ikonu (favicon) pre stránku, ktorá sa zobrazuje na karte prehliadača.
• preload: Predbežne načíta zdroj, ktorý bude neskôr potrebný, bez blokovania vykresľovania.
• preconnect: Vytvára spojenie s uvedeným zdrojom vopred, zrýchľujúc následné požiadavky.
• prefetch: Predbežne načíta zdroj, ktorý môže byť potrebný pri budúcej navigácii používateľa.
• canonical: Uvádza kanonickú URL stránky, pomáha vyhľadávačom určiť hlavnú verziu obsahu.
• alternate: Uvádza alternatívnu verziu aktuálneho dokumentu (napríklad v inom jazyku alebo formáte).
• author: Uvádza autora dokumentu.
• help: Uvádza pomocný dokument.

Príklad použitia rel="stylesheet":

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

Príklad použitia rel="icon":

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

Príklad použitia rel="preload":

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