Тег <link> барои чӣ истифода мешавад?

<link> тегі ағымдағы құжат пен басқа ресурстар арасындағы байланыстарды орнату үшін пайдаланылады.

Негізгі қолдану жағдайлары:

CSS стиль парақтарына қосылу: Ең кең таралған қолданылуы. Сайттың стилін жасау үшін сыртқы CSS файлдарын қосуға мүмкіндік береді.
```
<link rel="stylesheet" href="/css/style.css">
```

Фонттарға қосылу: Мысалы, 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">

Иконкаларға (Favicon) қосылу: Браузердің қойындысындағы стандартты белгішені өзгерту.
```
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
```
Каноникалық сілтемені көрсету: Іздеу жүйелеріне қайсысы негізгі екенін анықтауға көмектеседі.
```
<link rel="canonical" href="https://example.com/page">
```
Басқа тілдер үшін құжаттың баламалы нұсқаларын көрсету: Мысалы, әртүрлі тілдер.
```
<link rel="alternate" hreflang="en" href="https://example.com/en/page">
```

Ресурстарды алдын ала жүктеу (preload, prefetch, preconnect, prerender): Өнімділікті жақсарту үшін алдын ала жүктеу немесе байланыс орнату.

<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">

Негізгі атрибуттар rel (қазіргі құжатпен қатынас), href (ресурс URL-і), type (MIME түрі) және media (медиа сұрауы) қамтиды.