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) Рекомендация

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


Учебник HTML

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

                  HTML Стили

                  HTML Элементы