link

Элемент link позволяет авторам присоединять различные ресурсы к своим документам.

Ссылка на ресурс в теге link определяется атрибутом href, который должен быть всегда указан и должен содержать непустой правильный URL-адрес (допускаются пробелы справа и слева). Если атрибут href отсутствует, то элемент не определяет ссылку на другой ресурс.

У элемента link всегда должен быть указан атрибут rel.

Типы присоединяемых ресурсов определяются с помощью атрибута rel, который, если он указан, должен иметь значение в виде набора ключевых слов, разделенных пробелами. Разрешенные ключевые слова и их значения указаны в следующем разделе. Если атрибут rel отсутствует, не содержит ключевых слов или ни одно из указанных ключевых слов не разрешено в спецификации HTML 5, то элемент не определяет ссылку на другой ресурс.

С использованием элемента link могут быть созданы две категории ссылок: ссылки на внешние ресурсы и гиперссылки. Раздел Типы ссылок определяет, какие типы используются для внешних ресурсов и гиперссылок. Один элемент link может создавать несколько ссылок (как ссылки на внешний ресурс, так и гиперссылки); типы и количество ссылок зависит от ключевых слов в атрибуте rel. Агенты пользователя должны обрабатывать ссылки, учитывая все типы ссылок элемента, а не только сам элемент.

Каждая ссылка, созданная для элемента link, обрабатывается отдельно. Например, если существует два элемента link с атрибутом rel="stylesheet", каждая из них считается отдельным внешним ресурсом, и на каждую влияют только собственные атрибуты.

Поведение ссылок на внешние ресурсы зависит от конкретного значения атрибута rel.

Гиперссылки, созданные с помощью элемента link и его атрибута rel, применяются ко всей странице, что отличается от действия атрибута rel, который указывает на тип ссылки, контекст которой определяется назначением ссылки в документе.

Атрибут media определяет типы мультимедиа, к которым должен быть применен ресурс ссылки. Значением должен быть набор ключевых слов, разделенных запятыми.

По умолчанию если атрибут media пропущен, то используется значение "all", применяя соответствующую ссылку ко всем медиатипам.

Атрибут hreflang элемента link имеет такую же семантику, как и атрибут hreflang у гиперссылок.

Атрибут type определяет MIME-тип присоединенного ресурса. Указывать его не обязательно, но рекомендовано. Значение атрибута должно быть правильным MIME-типом.

Для ссылок на внешние ресурсы атрибут type используется в качестве подсказки агентам пользователя, чтобы дать им возможность не загружать и не обрабатывать те ресурсы, которые они не поддерживают.

Атрибут title определяет заголовок ссылки. За одним исключением он носит только рекомендательный характер. Значением этого атрибута является текст. Исключением являются ссылки на таблицы стилей, где атрибут title определяет наборы альтернативных таблиц стилей.

Атрибут title для элемента link отличается от глобального атрибута title большинства других элементов тем, что ссылка без заголовка не наследует заголовок родительского элемента.

Атрибут sizes используется только с тегом link, имеющим тип icon.

Ниже представлен набор элементов link, содержащих ссылки на несколько таблиц стилей:

<!-- a persistent style sheet -->
<link rel="stylesheet" href="default.css">

<!-- the preferred alternate style sheet -->
<link rel="stylesheet" href="green.css" title="Green styles">

<!-- some alternate style sheets -->
<link rel="alternate stylesheet" href="contrast.css" title="High contrast">
<link rel="alternate stylesheet" href="big.css" title="Big fonts">
<link rel="alternate stylesheet" href="wide.css" title="Wide screen">

В следующем примере показано, как можно указать версии страницы, используя альтернативные форматы, предназначенные для других языков и других медиатипов:

<link rel=alternate href="/en/html" hreflang=en type=text/html title="English HTML">
<link rel=alternate href="/fr/html" hreflang=fr type=text/html title="French HTML">
<link rel=alternate href="/en/html/print" hreflang=en type=text/html media=print title="English HTML (for printing)">
<link rel=alternate href="/fr/html/print" hreflang=fr type=text/html media=print title="French HTML (for printing)">
<link rel=alternate href="/en/pdf" hreflang=en type=application/pdf title="English PDF">
<link rel=alternate href="/fr/pdf" hreflang=fr type=application/pdf title="French PDF">