САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

Обновляется!!! Справочник JavaScript

HTML Тег <link>



Пример

Ссылка на внешнюю таблицу стилей:

<head>
 <link rel="stylesheet" href="styles.css">
</head>
Попробуйте сами »

Определение и использование

Тег <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> также поддерживает Глобальные атрибуты в HTML.


События атрибутов

Тег <link> также поддерживает События атрибутов в HTML.


Связные страницы

HTML учебник: HTML Стили

HTML DOM справочник: Объект link


Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент <link> со следующими значениями по умолчанию:

link {
  display: none;
}