La ce folosește atributul rel în tag-ul link?

Atributul rel din eticheta <link> definește relația (relationship) dintre documentul curent și documentul la care face referire eticheta. El informează browserul cum să utilizeze resursa legată.

Cele mai frecvent utilizate valori pentru rel sunt:

• stylesheet: Indică un fișier CSS extern care trebuie aplicat documentului.
• icon/shortcut icon: Indică o pictogramă (favicon) pentru site, afișată în fila browserului.
• preload: Încarcă în prealabil resursa care va fi necesară mai târziu, fără a bloca randarea.
• preconnect: Stabilește o conexiune cu sursa specificată în avans, accelerând solicitările ulterioare.
• prefetch: Încarcă în prealabil resursa care poate fi necesară în navigarea viitoare a utilizatorului.
• canonical: Indică URL-ul canonic pentru pagină, ajutând motoarele de căutare să determine versiunea principală a conținutului.
• alternate: Indică o versiune alternativă a documentului curent (de exemplu, în altă limbă sau în alt format).
• author: Indică autorul documentului.
• help: Indică un document de ajutor.

Exemplu de utilizare a rel="stylesheet":

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

Exemplu de utilizare a rel="icon":

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

Exemplu de utilizare a rel="preload":

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