Тег <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/width
any
Определяет размер иконок (для rel="icon").
target _blank
_parent
_self
_top
Определяет, где открыть связанный документ, указанный в href атрибуте.
type content-type Определяет тип содержимого связанного документа. Наиболее распространенным значением является text/css, которое указывает формат таблицы стилей.

Глобальные атрибуты

Как и все другие HTML-теги, тег <link> поддерживает все глобальные атрибуты в HTML5.

Атрибуты для событий

Тег <link> так же поддерживает атрибуты событий в HTML5.

Поддержка браузеров

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

При использовании для ссылки на внешние таблицы стилей элемент <link> формально поддерживается во всех основных браузерах, но ни на что по сути не влияет.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.