HTML <link> тег

  • Предыдущая страница <li>
  • Следующая страница <main>

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

<link> Тег определяет отношение текущего документа и внешних ресурсов.

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

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

См. также:

Уроки HTMLHTML стили

Руководство по HTML DOMОбъект Link

Пример

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

<head>
  <link rel="stylesheet" href="styles.css">
</head>

Попробуйте сами

Атрибут

Атрибут Значение Описание
crossorigin
  • anonymous
  • use-credentials
 Определяет, как элемент обрабатывает запросы к другим доменам.
href URL Определяет местоположение документа, на который делается ссылка.
hreflang Аудиокод Определяет, на каком языке будет текст документа, на который делается ссылка.
media Медиа-запрос Определяет, на каком устройстве будет отображаться документ, на который делается ссылка.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • unsafe-url
 Определяет,哪个 реферер используется для получения ресурса.
rel
  • alternate
  • author
  • dns-prefetch
  • help
  • icon
  • license
  • next
  • pingback
  • preconnect
  • prefetch
  • preload
  • prerender
  • prev
  • search
  • stylesheet
 Обязателен. Определяет отношение текущего документа и документа, на который делается ссылка.
размеры
  • ВысотаxШирина
  • любой
 Определяет размер ресурса, на который делается ссылка. Применяется только для rel="icon".
title Определяет предпочтительный или резервный стилевой лист.
type Тип媒体 Определяет тип媒体, связанного с документом.

Глобальные свойства

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

событийные свойства

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

Стандартные настройки CSS

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

link {
  display: none;
}

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка
  • Предыдущая страница <li>
  • Следующая страница <main>