HTML - тег <link> устанавливает связь между текущим документом и внешним ресурсом. Обычно он используется для ссылки на внешнюю таблицу стилей CSS.
Тег <link> - синтаксис и код
<link> пустой тег, а это значит, что закрывающий тег не требуется. Он содержит только атрибуты. Но в XHTML тег (<link>) должен быть закрыт (<link/>).
Пример ссылки на внешнюю таблицу стилей:
<head>
<link rel="stylesheet" href="styles.css">
</head>
Определение и использование
- HTML - тег
<link> определяет связь между текущим документом и внешним ресурсом;
- Тег
<link> чаще всего используется для ссылки на внешние таблицы стилей или для добавления значка на ваш сайт.
- Элемент
<link> — пустой элемент, он содержит только атрибуты;
- HTML-документ может иметь несколько элементов
<link> для загрузки различных типов скриптов или страниц;
<link> также можно использовать для связи разных версий страницы. Это полезно, если имеется несколько переводов контента.
★ Примечание: атрибуты: все эти элементы должны быть размещены в разделедокумента (обычно перед закрывающим тегом), и их можно использовать много раз.
Поддержка <link> браузерами
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
Атрибуты
| Атрибут |
Значение |
Описание |
| crossorigin |
anonymous
use-credentials |
Указывает, как элемент обрабатывает запросы между источниками |
| href |
URL |
Указывает расположение связанного документа |
| hreflang |
language_code |
Указывает язык текста в связанном документе |
| media |
media_query |
Указывает, на каком устройстве будет отображаться связанный документ |
| referrerpolicy |
no-referrer
no-referrer-when-downgrade
origin
origin-when-cross-origin
unsafe-url |
Указывает, какой реферер использовать при получении ресурса |
| rel |
alternate
author
dns-prefetch
help
icon
license
next
pingback
preconnect
prefetch
preload
prerender
prev
search
stylesheet |
Необходимый. Указывает связь между текущим документом и связанным документом |
| sizes |
HeightxWidth
any |
Указывает размер связанного ресурса. Только для rel="icon" |
| title |
|
Определяет предпочтительную или альтернативную таблицу стилей |
| type |
media_type |
Указывает тип носителя связанного документа |
Глобальные атрибуты
Тег <link> также поддерживает глобальные атрибуты в HTML
Атрибуты событий
Тег <link> также поддерживает атрибуты событий в HTML
Связанные страницы
Руководство по HTML: cтили HTML
Настройки CSS по умолчанию
Большинство браузеров отображают элемент link со следующими значениями по умолчанию:
Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.
