Пример
Ссылка на внешнюю таблицу стилей:
<head>
<link rel="stylesheet" href="styles.css">
</head>
Попробуйте сами »
Определение и использование <link>
Тег <link> определяет связь между текущим документом и внешним ресурсом.
Тег <link> чаще всего используется для ссылки на внешние таблицы стилей.
Элемент <link> пустой, он содержит только атрибуты.
Поддержка браузеров <link>
При использовании для таблиц стилей тег <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>
Тег <link> также поддерживает Глобальные атрибуты в HTML.
События атрибутов <link>
Тег <link> также поддерживает События атрибутов в HTML.
Связные страницы <link>
HTML учебник: HTML Стили
HTML DOM справочник: Объект link
Настройки CSS по умолчанию <link>
Большинство браузеров будут отображать элемент <link> со следующими значениями по умолчанию:
link {
display: none;
}