Определяет ссылку на внешний ресурс, например таблицу стилей или иконку. Обычно размещается внутри <head>. Закрывающий тег не требуется.
Примеры
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="start.css">
<link rel="icon" type="image/png" href="/favicon.png">
</head>
<body>
...
</body>
</html>Атрибуты
| Атрибут | Описание |
|---|---|
| crossorigin | Определяет работу Cross-Origin Resource Sharing (совместное использование ресурсов между разными источниками). Может быть anonymous или use-credential. |
| href | Адрес внешнего ресурса, абсолютный или относительный |
| hreflang | Язык подключаемого ресурса |
| media | Опрделяет для каких устройств будет подключен внешний ресурс |
| rel | Обязательный. Определяет отношение внешнего ресурса и страницы. Проще говоря тип внешнего ресурса.alternate — ссылка на RSS или другой XML-документ (или альтернативный CSS).author — ссылка на страницу автора.dns-prefetch — ссылка на домен, для которого будет заранее запрошен IP-адрес, что сократит время ожидания.help — ссылка на справку/помощь.icon — ссылка на иконку (favcion). Может быть несколько с разными атрибутами media, type и sizes.license — ссылка на лицензионный документ.next — ссылка на следующую страницу.pingback — ссылка на страницу, куда будут направляться уведомления, если ваш сайт кто-то упоминает.prefetch — предзагрузка ресурса и его кеширование, выполняется позже, с низким приоритетом, т.к. ресурс потребуется на других страницах позже.preload — предзагрузка ресурса и его кеширование, выполняется сразу, т.к. ресурс потребуется на этой странице.prerender prev — ссылка на предыдущую страницуsearch stylesheet — ссылка на таблицу стилей CSS |
| sizes | Определяет размер для иконок, к которых задан атрибут rel="icon" |
| type | Определяет тип документа, на который стоит ссылка, например, text/css |
Этот элемент поддерживает глобальные атрибуты.
