Kāpēc ir nepieciešams rel atribūts link tagā?

<link> elementa rel atribūts nosaka saistību (relationship) starp pašreizējo dokumentu un dokumentu, uz kuru atsaucas elements. Tas informē pārlūkprogrammu, kā izmantot saistīto resursu.

Visbiežāk lietotās rel vērtības ir:

• stylesheet: Norāda ārēju CSS failu, kas jāpiemēro dokumentam.
• icon/shortcut icon: Norāda ikonu (favicon), kas tiek rādīta pārlūkprogrammas cilnē.
• preload: Iepriekš ielādē resursu, kas būs nepieciešams vēlāk, neapturējot renderēšanu.
• preconnect: Iepriekš izveido savienojumu ar norādīto avotu, paātrinot turpmākos pieprasījumus.
• prefetch: Iepriekš ielādē resursu, kas varētu būt nepieciešams nākotnes navigācijai.
• canonical: Norāda kanonisko URL, palīdzot meklētājprogrammām noteikt galveno satura versiju.
• alternate: Norāda alternatīvu pašreizējam dokumentam (piemēram, citā valodā vai formātā).
• author: Norāda dokumenta autoru.
• help: Norāda palīdzības dokumentu.

Piemērs rel="stylesheet" lietošanai:

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

Piemērs rel="icon" lietošanai:

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

Piemērs rel="preload" lietošanai:

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