Sobes.tech
Junior

Kam skirta žymė <link>?

sobes.tech AI

Atsakymas iš AI

<link> žymė naudojama siekiant nustatyti ryšius tarp dabartinio dokumento ir kitų išteklių.

Pagrindiniai naudojimo atvejai:

  • CSS stiliaus lapų prijungimas: Labiausiai paplitęs taikymas. Leidžia prijungti išorinius CSS failus puslapio stiliui.

    <link rel="stylesheet" href="/css/style.css">
    
  • Šriftų prijungimas: Pavyzdžiui, 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">
    
  • Piktogramų (Favicon) prijungimas: Naršyklės skirtuko piktogramos keitimas.

    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
    
  • Kanoniško nuorodų nurodymas: Padeda paieškos sistemoms nustatyti pagrindinę puslapio versiją, jei yra dubliuotų turinio versijų.

    <link rel="canonical" href="https://example.com/page">
    
  • Alternatyvių dokumento versijų nurodymas: Pavyzdžiui, skirtingoms kalboms.

    <link rel="alternate" hreflang="en" href="https://example.com/en/page">
    
  • Išteklių išankstinis įkėlimas (preload, prefetch, preconnect, prerender): našumo gerinimas iš anksto įkeliant ar užmezgant ryšius.

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

Pagrindiniai atributai apima rel (santykis su dabartiniu dokumentu), href (išteklių URL), type (MIME tipas) ir media (medijos užklausa).