За шта се користи <link> таг?

O oznaka <link> se koristi za uspostavljanje veza između trenutnog dokumenta i drugih resursa.

Glavni slučajevi upotrebe:

• Povezivanje sa CSS stilskim listovima: Najčešća primena. Omogućava povezivanje eksternih CSS fajlova za stilizovanje stranice.

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

• Povezivanje sa fontovima: Na primer, 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">
  

• Povezivanje sa ikonama (Favicon): Promena standardne ikone kartice pregledača.

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

• Navođenje kanoničke veze: Pomaže pretraživačima da odrede glavnu verziju stranice u slučaju duplog sadržaja.

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

• Navođenje alternativnih verzija dokumenta: Na primer, za različite jezike.

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

• Preload, prefetch, preconnect, prerender: Poboljšanje performansi putem unapred učitavanja ili uspostavljanja veza.

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

Ključni atributi uključuju rel (odnos prema trenutnom dokumentu), href (URL resursa), type (tip MIME) i media (medijsko upit).