<link> etiketi nə üçün istifadə olunur?

<link> etiketi cari mövcud sənəd və digər resurslar arasında əlaqələr qurmaq üçün istifadə olunur.

Əsas istifadə halları:

• CSS stil cədvəllərinə qoşulma: Ən çox istifadə olunan. Səhifənin stilizasiyası üçün xarici CSS fayllarını qoşmağa imkan verir.

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

• Yazı tiplərinə qoşulma: Məsələn, 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">
  

• İkonlara (Favicon) qoşulma: Brauzerin nişanını dəyişdirmək.

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

• Kanonik linkin göstərilməsi: Axtarış motorlarının səhifənin əsas versiyasını müəyyən etməsinə kömək edir.

  <link rel="canonical" href="https://example.com/page">
  

• Alternativ sənəd versiyalarını göstərmək: Məsələn, müxtəlif dillər üçün.

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

• Resursların əvvəlcədən yüklənməsi (preload, prefetch, preconnect, prerender): Performansı artırmaq üçün əvvəlcədən yükləmə və ya əlaqələrin qurulması.

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

Əsas atributlar rel (mövcud sənədlə əlaqə), href (resursun URL-si), type (MIME tipi) və media (media sorğusu) daxildir.