/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, data-*, dir, draggable, dropzone, 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>
<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