<link rel>

<link rel> - зв’язок між поточним документом і пов’язаним документом/ресурсом.

Синтаксис:

<head> <link href="url" rel=""> </head>

Параметри:

<head> - тег head.

url - URL адреса.

Опис:

rel атрибут тегу <link> який вказує зв’язок між поточним документом і пов’язаним документом/ресурсом.

Можливі значення атрибуту rel:
alternate альтернативна версія веб-сторінки (для друку, перекладена і т.п.) <link rel="alternate" hreflang="en" href="/en/">
authorпосилання на автора <link rel="author" href="/about">
dns-prefetchвказує, що браузер повинен попереджувально виконувати дозвіл DNS для джерела ресурсу <link rel="dns-prefetch" href="https://example.com">
helpпосилання на довідку <link rel="help" href="/about">
iconпосилання на значок веб-сторінки <link rel="icon" href="/favicon.ico" type="image/x-icon">
licenseпосилання на ліцензію <link rel="license" href="/about">
nextнаступна веб-сторінка <link rel="next" href="/HTML/link/as">
pingbackНадає адресу сервера pingback, який обробляє pingback до поточного документа
preconnectвказує, що браузер повинен попередньо підключитися до джерела цільового ресурсу.
prefetchвказує, що браузер повинен завчасно отримати та кешувати цільовий ресурс, так як він ймовірно знадобиться для подальшої навігації
preloadвказує, що браузер повинен попередньо отримати та кешувати цільовий ресурс для поточної навігації відповідно до місця призначення, заданого атрибутом as. <link rel="preload" href="/style.css" as="style">
prerenderвказує, що браузер повинен попередньо відтворювати (завантажувати) вказану веб-сторінку у фоновому режимі. Отже, якщо користувач переходить на цю сторінку, це прискорює завантаження сторінки (оскільки сторінка вже завантажена).
prevвказує, що документ є частиною серії, а попередній документ у серії є документом, на який посилаються
searchпосилання на веб-сторінку для пошуку інформації <link rel="search" href="/find/">
stylesheetпідключення таблиці стилів CSS <link rel="stylesheet" type="text/css" href="/styles.css">
modulepreloadпідключення модуля JavaScript <link rel="modulepreload" href="/dani/module.js">

Приклад:

Приклад підключення CSS стилів: <head>   <link rel="stylesheet" type="text/css" href="/styles.css"> </head>