Ի՞նչ է անհրաժեշտ rel ատրիբուտը link տեգում:

<link> տեգի մեջ rel հատկությունը սահմանում է կապը (relationship) ներկայիս փաստաթղթի և այն փաստաթղթի միջև, որի վրա հղում է կատարվում։ Այն տեղեկացնում է բրաուզերին, թե ինչպես օգտագործել կապակցված ռեսուրսը։

Ամենատարածված rel արժեքներն են՝

• stylesheet: Նշում է արտաքին CSS ֆայլ, որը պետք է կիրառվի փաստաթղթին:

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

• icon/shortcut icon: Նշում է նշան (favicon), որը ցուցադրվում է բրաուզերի թաբում:

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

• preload: Նախապես բեռնում է ռեսուրսը, որը հետագայում անհրաժեշտ կլինի, առանց բլոկավորելու ռենդերինգը:

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

• preconnect: Նախապես հաստատում է կապ նշված աղբյուրի հետ, արագացնելով հետագա հարցումները:

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

• prefetch: Նախապես բեռնում է ռեսուրսը, որը հնարավոր է անհրաժեշտ լինի ապագայում:

<link rel="prefetch" href="/images/large-image.jpg">

• canonical: Նշում է էջի կանոնական URL-ը, օգնում է որոնողական համակարգերին որոշել հիմնական տարբերակը:

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

• alternate: Նշում է այլընտրանքային տարբերակը՝ օրինակ, այլ լեզվով:

<link rel="alternate" hreflang="fr" href="/fr/page.html">

• author: Նշում է փաստաթղթի հեղինակին:

<link rel="author" href="https://example.com/about.html">

• help: Նշում է օգնության փաստաթուղթ:

<link rel="help" href="/help.html">

Օրինակ rel="stylesheet" օգտագործման օրինակ:

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

Օրինակ rel="icon" օգտագործման օրինակ:

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

Օրինակ rel="preload" օգտագործման օրինակ:

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