ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP КАК СДЕЛАТЬ W3.CSS JQUERY XML БОЛЬШЕ 🔍 ◑ КНИГИ УПРАЖНЕНИЯ СПРАВОЧНИКИ
HTML теги. Полный справочник

HTML тег <link>

❮ Prev Полный HTML справочник Next ❯

Пример

Ссылка на внешнюю таблицу стилей:

<head>
  <link rel="stylesheet" type="text/css" href="theme.css">
</head>
Попробуйте сами »

Определение и использование

Тег <link> определяет связь (ссылку) между документом и внешним ресурсом.

Тег <link> используется для ссылки на внешние таблицы стилей (файлы css).

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

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

Элемент
<link> Yes Yes Yes Yes Yes

Примечание: Элемент <link> является пустым элементом, он содержит только атрибуты.

Примечание: Этот элемент располагается только в разделе head (в голове html-страницы), но может появляться любое количество раз.

Различия между HTML 4.01 и HTML5

Некоторые HTML 4.01 атрибуты не поддерживаются в HTML5.

Атрибут "размеров" является новым в HTML5.

Различия между HTML и XHTML

В HTML тег <link> не имеет конечного тега.

В XHTML тег <link> должен быть правильно закрыт.

Атрибуты

Атрибут Значение Описание
charset char_encoding Не поддерживается в HTML5.
Определяет кодировку символов связанного документа
crossorigin anonymous
use-credentials		 Определяет, как элемент обрабатывает перекрестные запросы
href URL Определяет местоположение связанного документа
hreflang language_code Определяет язык текста в связанном документе
media media_query Указывает, на каком устройстве будет отображаться связанный документ
rel alternate
author
dns-prefetch
help
icon
license
next
pingback
preconnect
prefetch
preload
prerender
prev
search
stylesheet		 Обязательные. Определяет связь между текущим документом и связанным документом
rev reversed relationship Не поддерживается в HTML5.
Определяет связь между связанным документом и текущим документом
sizes HeightxWidth
any		 Определяет размер связанного ресурса. Только для rel="icon"
target _blank
_self
_top
_parent
frame_name		 Не поддерживается в HTML5.
Указывает, куда должен быть загружен связанный документ
type media_type Определяет тип носителя связанного документа

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

Тег <link> также поддерживает Глобальные атрибуты в HTML.

Атрибуты событий

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

Связанные страницы

HTML учебник: HTML стили

HTML DOM справочник: Объект Link

Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент <link> со следующими значениями по умолчанию:

link {
  display: none;
}
❮ Prev Полный HTML справочник Next ❯