Элемент <link>

Устанавливает связь с внешним документом вроде файла со стилями или со шрифтами. Элемент <link> (от англ. link — ссылка) обычно размещается внутри контейнера <head> и не создаёт ссылку, в отличие от элемента <a>.

Синтаксис

<head>
  <link href="<адрес>">
</head>

Атрибуты

as
Указывает тип содержимого связанного файла.
crossorigin
Является частью технологии CORS и применяется при загрузке таблицы стилей или иконки со стороннего сайта.
href
Путь к связываемому файлу.
hreflang
Используется для указания языка связанного ресурса.
imagesizes
Устанавливает размеры предварительно загружаемого изображения.
imagesrcset
Указывает набор предварительно загружаемых изображений для отображения в браузере.
integrity
Содержит хэш стилевого файла, расположенного на стороннем сервере, такой хэш удостоверяет что файл не поддельный.
media
Определяет устройство, для которого следует применять стилевое оформление.
referrerpolicy
Устанавливает, какие реферальные данные в заголовке Referer следует отправлять при подключении внешнего документа.
rel
Определяет отношения между текущим документом и файлом, на который делается ссылка.
sizes
Указывает размер иконок для визуального отображения.
title
Позволяет указать несколько стилей для одной веб-страницы и присвоить им читаемое имя.
type
MIME-тип данных подключаемого файла.

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

Устаревшие атрибуты

charset
Кодировка связываемого документа.

Устаревшие атрибуты — это атрибуты элементов HTML, которые были частью предыдущих версий HTML, но больше не поддерживаются в последних версиях стандарта. Использование таких атрибутов не рекомендуется, поскольку они противоречат современной идеологии HTML и могут не поддерживаться последними версиями браузеров.

Добавлять к элементам HTML устаревшие атрибуты не надо, взамен применяются стили или другие элементы HTML.

Пример

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>LINK</title> <link rel="stylesheet" href="ie.css"> <link rel="alternate" type="application/rss+xml" title="Статьи с сайта webref.ru" href="https://webref.ru/rss.xml"> <link rel="icon" href="https://webref.ru/favicon.ico"> </head> <body> <p>...</p> </body> </html>

В данном примере подключается внешний файл со стилями с помощью атрибута rel="stylesheet" элемента <link>, указывается RSS-документ текущего сайта (link rel="alternate" type="application/rss+xml") и устанавливается иконка сайта в адресной строке браузера (link rel="icon").

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

Браузеры

3 12 1 4 1 1
2 1 6 1

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.
Документ