/html/link:> Ссылка_

Элемент link

Синтаксис

HTML
XHTML
<head>
  ...
  <link href="...">
  ...
</head>

Описание

Элемент link (от англ. "link" ‒ «связь, ссылка») прикрепляет внешний технический документ (стилей, сценариев) к текущей (X)HTML-странице.

Условия использования

Количество подобных технических ссылок в документе не ограничено, но их использование допустимо только внутри элемента технического заголовка.


Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация

Верс. Раздел
HTML
2.0 Link: LINK Перевод
3.2 LINK
4.01 12.3 Document relationships: the LINK element
DTD: Transitional Strict Frameset
5.0 4.2.4 The link element
5.1 4.2.4. The link element
XHTML
1.0 Extensible HyperText Markup Language
DTD: Transitional Strict Frameset
1.1 Extensible HyperText Markup Language

Атрибуты

charset
Указывает кодировку присоединяемого файла.
crossorigin
Определяет то как элемент обрабатывает crossorigin запросы.
href
Указывает местоположение присоединяемого файла.
hreflang
Указывает (человеческий) язык документа.
media
Указывает тип устройства под который оптимизирован присоединяемый файл (таблицы стилей).
methods
Определяет методы, которые будут использоваться при доступе к ресурсу.
name
Указывает имя ссылки.
rel
Указывает отношение между текущим документом и присоединяемым файлом.
rev
Указывает отношение между присоединяемым файлом и текущим документом.
sizes
Задаёт размер иконок (для «rel="icon"»)
target
Указывает окно/фрейм куда загружается прикреплённый документ.
title
Название ссылки; имя набора альтернативный таблиц стилей.
type
Указывает MIME-тип данных присоединяемого файла.
urn
Указывает предпочтительный, более постоянный идентификатор для ссылки.
Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент link</title>
<!-- Добавляем техническую ссылку -->
<link href="./selected.css" rel="stylesheet">
<!-- ~~~ -->
</head>
<body>
<h1>Пример использования элемента "link"</h1>
<p>В этом примере к данному файлу с помощью <span class="txtRed">технической ссылки</span> была присоединена <span class="bgFEA">внешняя таблица стилей</span>.</p>
</body>
</html>
Элемент link