Пример
Подключение внешней таблицы стилей:
<head>
<link rel="stylesheet" href="styles.css">
</head>
Попробуйте сами »
Определение и использование
Тег <link> определяет связь между текущим документом и внешним ресурсом.
Тег <link> чаще всего используется для подключения внешних таблиц стилей или добавления фавиконки на ваш сайт.
Элемент <link> является пустым элементом, он содержит только атрибуты.
Поддержка браузерами
| Элемент | |||||
|---|---|---|---|---|---|
| <link> | Да | Да | Да | Да | Да |
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| crossorigin | anonymous use-credentials |
Определяет, как элемент обрабатывает кросс-доменные запросы |
| href | URL | Указывает расположение связанного документа |
| hreflang | код_языка | Указывает язык текста в связанном документе |
| media | медиа-запрос | Указывает, на каком устройстве будет отображаться связанный документ |
| 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 | ВысотаxШирина любой |
Указывает размер связанного ресурса. Только для rel="icon" |
| title | Определяет предпочтительную или альтернативную таблицу стилей | |
| type | тип_носителя | Указывает тип носителя связанного документа |
Глобальные атрибуты
Тег <link> также поддерживает глобальные атрибуты в HTML.
Атрибуты событий
Тег <link> также поддерживает атрибуты событий в HTML.
Связанные страницы
Учебник HTML: Стили HTML
Справочник HTML DOM: Объект Link
Настройки CSS по умолчанию
Большинство браузеров отображают элемент <link> со следующими значениями по умолчанию:
link {
display: none;
}