За какво е необходим атрибутът rel в тагa link?

Атрибутът rel в таг <link> определя връзката (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>