Link etiketində rel atributu nə üçün lazımdır?

<link> teqetində rel atributu, cari sənəd ilə əlaqəli sənəd arasındakı əlaqəni (relationship) müəyyən edir. Bu, brauzerə əlaqəli resursu necə istifadə edəcəyini bildirir.

Ən çox istifadə olunan rel dəyərləri:

• stylesheet: Sənədə tətbiq olunmalı xarici CSS faylını göstərir.
• icon/shortcut icon: Sayt üçün ikon (favicon) göstərir və bu, brauzer sekmesinde göstərilir.
• preload: Sonradan lazım olacaq resursu əvvəlcədən yükləyir, renderləməni bloklamadan.
• preconnect: Göstərilən mənbə ilə əvvəlcədən əlaqə qurur, bu da növbəti sorğuları sürətləndirir.
• prefetch: İstifadəçinin gələcək naviqasiyasında lazım ola biləcək resursu əvvəlcədən yükləyir.
• canonical: Səhifənin kanonik URL-ni göstərir, axtarış motorlarının məzmunun əsas versiyasını müəyyən etməsinə kömək edir.
• alternate: Cari sənədin alternativ versiyasını göstərir (məsələn, başqa dildə və ya başqa formatda).
• author: Sənədin müəllifini göstərir.
• help: Kömək sənədini göstərir.

rel="stylesheet" istifadəsinə nümunə:

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

rel="icon" istifadəsinə nümunə:

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

rel="preload" istifadəsinə nümunə:

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