Тег <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> поддерживает общие атрибуты и атрибуты-события.
CSS стили по умолчанию
Большинство браузеров будут отображать тег <link> со следующими стилями
link {
display: none;
}
HTML пример использования
Подключение внешнего файла стилей:
<head>
<link rel="stylesheet" type="text/css" href='theme.css'>
</head>
