Тег <link>

Тег <link> підключає зовнішні ресурси до документа — найчастіше CSS-стилі, favicon чи попереднє завантаження ресурсів. Void-елемент.

Syntax

<link rel="stylesheet" href="styles.css">

rel	Тип зв'язку: stylesheet, icon, canonical, preload, preconnect, alternate тощо.
href	URL підключеного ресурсу.
as	Обов'язковий разом з rel="preload" — вказує тип ресурсу (script, style, font, image).
media	Умова медіа-запиту, за якої стиль застосовується (наприклад, print).

<link rel="stylesheet" href="/css/main.css">
<link rel="icon" href="/favicon.png">
<link rel="canonical" href="https://example.com/page">

rel="canonical" вказує пошуковим системам основну версію сторінки при дублях URL.
rel="preload" з некоректним as або без нього браузер може ігнорувати попереднє завантаження.

charset, name/content, property та http-equiv у тегу <meta> з прикладами.

Атрибути src, type, async, defer тегу <script> та різниця між ними.