Тег <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 |
anonymous use-credentials |
Определяет, как элемент обрабатывает перекрестные запросы. |
href |
URL | Определяет местоположение связанного документа. |
hreflang |
language-code | Определяет язык связанного документа. Этот атрибут может использоваться только когда указан href . |
media |
media-types | Определяет носитель, к которому относится связанный ресурс. Значением по умолчанию является screen |
rel |
alternate author help icon license next prefetch prev search stylesheet tag |
Определяет отношение связанного ресурса к текущему документу. Этот атрибут должен использоваться, только если присутствует атрибут 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>
формально поддерживается во всех основных браузерах, но ни на что по сути не влияет.