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).