Ի՞նչ նպատակով է օգտագործվում <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 (մեդիա հարցում):