Milleks kasutatakse <link> märgist?

Peamised kasutusjuhtumid:

CSS stiililehtede ühendamine: Kõige levinum kasutus. Võimaldab ühendada väliseid CSS-faile lehe stiilimiseks.
```
<link rel="stylesheet" href="/css/style.css">
```

Fontide ühendamine: Näiteks Google Fonts.

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">

Ikoonide (Favicon) ühendamine: Brauseri vahelehe ikooni muutmine.

<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">

Kanonilise lingi näitamine: Aitab otsingumootoritel määrata lehe põhiversiooni dubleeritud sisu korral.
```
<link rel="canonical" href="https://example.com/page">
```

Alternatiivsete versioonide näitamine: Näiteks erinevad keeled.

<link rel="alternate" hreflang="en" href="https://example.com/en/page">

Resursside eelne laadimine (preload, prefetch, preconnect, prerender): Parandab jõudlust, laadides ressursid ette või luues ühendusi.

<link rel="preload" href="/fonts/roboto.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preconnect" href="https://api.example.com">
<link rel="prefetch" href="/data/next-page.json">
<link rel="prerender" href="https://example.com/next-page">

Peamised atribuudid hõlmavad rel (suhe praeguse dokumendiga), href (ressursi URL), type (MIME-tüüp) ja media (meedia päring).