HTML атрибут rel

HTML <link> тег

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

Обязателен rel Атрибут указывает на отношение текущего документа и документа/ресурса, на который указывает ссылка.

Пример

Пример 1

Импортирует внешнюю таблицу стилей:

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

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

Пример 2

Ниже приведен способ добавления значка сайта на веб-сайт:

<!DOCTYPE html>
<html>
<head>
  <title>My Page Title</title>
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

Грамматика

<link rel="value">

Значение атрибута

Значение Описание
alternate

Предоставляет ссылку на альтернативное представление документа (например, печать, перевод или зеркало).

Пример: <link rel="alternate" type="application/atom+xml" href="/blog/news/atom">
author Предоставляет ссылку на автора документа.
dns-prefetch Определяет, что браузер должен выполнить предварительную DNS-расшифровку для целевых ресурсов.
help

Предоставляет ссылку на документ с помощью.

Пример: <link rel="help" href="/help/">
icon

Импортирует значок, представляющий документ.

Пример: <link rel="icon" href="favicon.ico" type="image/x-icon">
license Предоставляет ссылку на страницу с информацией о лицензии документа.
next Предоставляет ссылку на следующий документ в серии.
pingback Предоставляет адрес сервера pingback, который обрабатывает pingback для текущего документа.
preconnect Определяет, что браузер должен заблаговременно устанавливать соединение с источником целевых ресурсов.
prefetch Определяет, что браузер должен заблаговременно получить и кэшировать целевые ресурсы, которые могут быть использованы в последующих навигациях.
preload Определяет, что браузер-агент должен заблаговременно получить и кэшировать целевые ресурсы на основе места назначения, указанного в свойстве «as» (и связанных с этим приоритетов).
prerender

Определяет, что браузер должен предварительно отрисовывать (загружать) указанные веб-страницы в фоновом режиме.

Если пользователь переходит на эту страницу, это ускорит загрузку страницы (поскольку страница уже была загружена).

Внимание! Это может浪费 полосу пропускания пользователя! Используйте предварительную отрисовку (преимущество) только если вы absolutely sure, что этот веб-сайт потребуется пользователю в какой-то момент его просмотра.
prev Указывает, что файл является частью серии и что предыдущий файл в этой серии является ссылкой на этот файл.
search Предоставляет ссылки на ресурсы, которые можно использовать для поиска текущего документа и связанных с ним страниц.
stylesheet Импорт таблиц стилей.

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка

HTML <link> тег