HTML тег <link>

Элемент <link> (от англ. "link" ‒ «связь, ссылка») определяет связь между документом и внешним ресурсом.

Наиболее часто этот тег используется для подключения файла стилей CSS или шрифтов к документу HTML. Элемент <link> обычно размещается внутри контейнера <head> (как правило, перед его закрывающим тегом), при этом может быть использован любое количество раз.

Примечание: Элемент не требует закрывающего тега и содержит внутри себя только атрибуты.

Синтаксис

<head>
  ...
  <link href="...">
  ...
</head>

Закрывающий тег

Не требуется.

Атрибуты

charsetУстарел в HTML5: Определяет кодировку, связанного документа.
hrefОбязательный: Указывает месторасположение (URL) внешнего файла (путь к файлу может быть указан с помощью абсолютного или относительного адреса).
media: Определяет устройство, для которого следует применять стилевое оформление.
rel: Определяет отношения между текущим документом и файлом, на который делается ссылка.
sizesHTML5: Указывает размер иконок для визуального отображения. Определяет размер связанной иконки. Только для rel = "icon".
type: Указывает MIME-тип документа на который осуществляется переход.

Элемент поддерживает глобальные атрибуты и события.

Стилизация по умолчанию

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

link {
    display: none;
}

Различия между HTML 4.01 и HTML5

Некоторые атрибуты, допустимые в HTML 4.01, не поддерживаются в HTML5.

В HTML5 был добавлен атрибут sizes.

Пример использования:

Подключение внешнего файла стилей:

Пример HTML:

Попробуй сам

<link rel="stylesheet" type="text/css" href="style.css">

Спецификации

Спецификация	Статус
WHATWG HTML Living Standard (WHATWG)	Живой стандарт
HTML 4.01 (W3C)	Рекомендация
HTML5 (W3C)	Рекомендация
HTML 5.1 (W3C)	Рекомендация

Поддержка браузерами

Элемент
<link>	3+	1+	4+	1+	1+	1+

Учебник HTML

HTML уроки: HTML Ссылки

HTML Стили

HTML Элементы

Справочники