Тег <link>
Тег <link> подключает внешние ресурсы к документу — чаще всего CSS-стили, favicon или предзагрузку ресурсов. Void-элемент.
Syntax
<link rel="stylesheet" href="styles.css">Attributes
| rel | Тип связи: stylesheet, icon, canonical, preload, preconnect, alternate и т.д. |
| href | URL подключаемого ресурса. |
| as | Обязателен вместе с rel="preload" — указывает тип ресурса (script, style, font, image). |
| media | Условие медиа-запроса, при котором стиль применяется (например, print). |
Example
<link rel="stylesheet" href="/css/main.css">
<link rel="icon" href="/favicon.png">
<link rel="canonical" href="https://example.com/page">
Notes
- rel="canonical" указывает поисковым системам основную версию страницы при дублях URL.
- rel="preload" с некорректным as или без него браузер может игнорировать предзагрузку.