Link теги ичинде rel атрибуту эмне үчүн керек?

<link> тегинде rel атрибуту учурдагы документ менен шилтеме берген документтин ортосундагы мамилени (relationship) аныктайт. Ал браузерге байланышкан ресурсту кантип колдонуу керектигин кабарлайт.

Көбүнчө колдонулган rel маанилери:

• stylesheet: Тышкы CSS файлын көрсөтөт, ал документке колдонулат.
• icon/shortcut icon: Сайт үчүн иконка (favicon) көрсөтөт, ал браузердин баракчасында көрсөтүлөт.
• preload: Кийинкиде керек болот деп болжолдонгон ресурсты алдын ала жүктөйт, рендерлоону токтотпой.
• preconnect: көрсөтүлгөн булакка алдын ала байланыш түзөт, бул кийинки суроолорду тездетет.
• prefetch: Кийинкиде керектелиши мүмкүн болгон ресурсты алдын ала жүктөйт.
• canonical: Барактын каноник URL'ин көрсөтөт, бул издөө системдерине мазмундун негизги версиясын аныктоого жардам берет.
• alternate: Учурдагы документтин альтернативдүү версиясын көрсөтөт (мисалы, башка тилде же башка форматта).
• author: Документтин авторун көрсөтөт.
• help: Көмөк документин көрсөтөт.

rel="stylesheet" колдонуу мисалы:

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

rel="icon" колдонуу мисалы:

<link rel="icon" href="/favicon.ico" type="image/x-icon">

rel="preload" колдонуу мисалы:

<link rel="preload" href="/fonts/myfont.woff2" as="font" type="font/woff2" crossorigin>