Kam paredzēta <link> zīme?

<link> tags tiek izmantots, lai izveidotu saites starp pašreizējo dokumentu un citiem resursiem.

Galvenie lietošanas gadījumi:

• CSS stila lapu pievienošana: Visbiežāk sastopamais pielietojums. Ļauj pievienot ārējos CSS failus lapas stilizēšanai.

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

• Fontu pievienošana: Piemēram, 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">
  

• Ikonu (Favicon) pievienošana: Standarta ikonas lapas cilnē.

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

• Kanoniskās saites norādīšana: Palīdz meklētājprogrammām noteikt galveno lapas versiju, ja ir dublēti saturs.

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

• Alternatīvu dokumenta versiju norādīšana: Piemēram, dažādām valodām.

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

• Resursu priekšlaicīga ielāde (preload, prefetch, preconnect, prerender): Veicina veiktspējas uzlabošanu, iepriekš ielādējot vai izveidojot savienojumus.

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

Galvenie atribūti ietver rel (attiecība ar pašreizējo dokumentu), href (resursa URL), type (MIME tips) un media (mediju pieprasījums).