Тег <link> предназначен для вставки каких-либо внешних ресурсов в HTML-документ.
Элемент <link> может появляться только в <head> документа, но использовать его можно любое количество раз. В основном его используют для вставки таблиц CSS-стилей в HTML-документ.
| Родительский: | <head> |
| Контент: | Нет. Это пустой элемент |
| Открывающий тег: | Обязательный |
| Закрывающий тег: | Запрещен |
| Версия: | HTML 2, 3.2, 4, 4.01, 5 |
Синтаксис
Базовый синтаксис тега <link> выглядит следующим образом:
HTML: <link rel="link-type" href="URL">
XHTML: <link rel="link-type" href="URL" />
Примеры написания кода тега <link>:
<head>
<title>HTML Документ</title>
<link rel="stylesheet" href="default.css">
</head>
Специальные атрибуты тега
В следующей таблице приведены атрибуты, которые относятся к тегу <link>:
| Атрибут | Значение | Описание |
|---|---|---|
charset |
charset | Определяет кодировку символов связанного ресурса. |
crossorigin |
anonymoususe-credentials |
Определяет, как элемент обрабатывает перекрестные запросы. |
href |
URL | Определяет местоположение связанного документа. |
hreflang |
language-code | Определяет язык связанного документа. Этот атрибут может использоваться только когда указан href. |
media |
media-types | Определяет носитель, к которому относится связанный ресурс. Значением по умолчанию является screen |
rel |
alternateauthorhelpiconlicensenextprefetchprevsearchstylesheettag |
Определяет отношение связанного ресурса к текущему документу. Этот атрибут должен использоваться, только если присутствует атрибут href. |
rev |
link-type | Описывает связь связанного документа с исходным документом (противоположность атрибута rel). |
sizes |
height/widthany |
Определяет размер иконок (для rel="icon"). |
target |
_blank_parent_self_top |
Определяет, где открыть связанный документ, указанный в href атрибуте. |
type |
content-type | Определяет тип содержимого связанного документа. Наиболее распространенным значением является text/css, которое указывает формат таблицы стилей. |
Глобальные атрибуты
Как и все другие HTML-теги, тег <link> поддерживает все глобальные атрибуты в HTML5.
Атрибуты для событий
Тег <link> так же поддерживает атрибуты событий в HTML5.
Поддержка браузеров
Тег <link> поддерживается во всех основных браузерах.
<link> формально поддерживается во всех основных браузерах, но ни на что по сути не влияет.
















