HTML тег link

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

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

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

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

Разница между HTML 4.01 и HTML5

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

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

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

В HTML тег <link> - одиночный элемент без закрывающего тега. В XHTML тег <link> необходимо закрывать должным образом, а именно — <link />.

Атрибуты тега <link>
Атрибут Описание
charset Определяет кодировку символов подключаемого документа
href Определяет URL подключаемого внешнего ресурса
hreflang Определяет язык подключаемого внешнего документа
media Определяет устройства вывода, для которых оптимизирован внешний ресурс
rel Определяет отношение между текущим и подключаемым внешним документом/ресурсом
rev Определяет отношение с подключаемым документом/ресурсом
sizes Определяет размер иконки
target Определяет, куда будет загружаться подключаемый документ
type Определяет медиа-тип подключаемого документа

Общие атрибуты

Тег <link> поддерживает общие атрибуты и атрибуты-события.

HTML пример

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


<head>
   <link rel="stylesheet" type="text/css" href='theme.css'>
</head>

CSS стили по умолчанию

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


link {
    display: none;
}