Атрибут rel

Атрибут rel указывает связь между текущим документом и документом, на который ведёт ссылка. Говоря простыми словами, он просто описывает ссылку, то есть обозначает, что это за ссылка, что за документ, на который она ведёт. Сам атрибут и его значения по сути ни на что не влияют и никак не изменяют поведение элемента.

Атрибут rel не может быть использован, если не установлен атрибут href.

Синтаксис

<area rel="alternate | author | bookmark |
        external | help | license |
        next | nofollow | noopener |
        noreferrer | opener | prev |
        privacy-policy | search | tag |
        terms-of-service">

Значения

Атрибут может принимать следующие значения:

Значение	Описание
`alternate`	Указывает, что ссылка ведёт на альтернативную версию текущего документа (например, на страницу для печати, зеркало, страницу на другом языке и т. п.).
`author`	Ссылка на автора текущего документа или статьи.
`bookmark`	Указывает, что это постоянная ссылка на ближайший родительский раздел. Можно использовать, к примеру, для обозначения ссылок на страницы, которые можно добавить в закладки для последующего посещения.
`external`	Указывает, что документ, на который ведёт ссылка, не является частью данного сайта.
`help`	Ссылка на контекстно-зависимую справку. Проще говоря, указывает, что ссылка ведёт на страницу с дополнительной информацией или справкой по текущему контенту.
`license`	Ссылка на лицензию, по которой распространяется содержимое текущего документа.
`next`	Указывает, что ссылка ведёт на следующий в порядке следования документ из набора связанных документов. Может помогать поисковым системам более точно индексировать материалы сайта и предлагать посетителям наиболее подходящие страницы, направляя пользователя на наиболее релевантную страницу среди всех остальных.
`nofollow`	Указывает, что автор текущей страницы не одобряет документ, на который ведёт ссылка. Применительно к поисковикам, данный атрибут указывает поисковым роботам, чтобы робот не переходил по этой ссылке.
`noopener`	Указывает, что вновь созданный объект верхнего уровня (`window`) на открытой по ссылке странице не будет содержать вспомогательный контекст просмотра (`window.opener` будет содержать `null`). `rel="noopener"` используется для повышения безопасности при открытии ссылок в новых вкладках или окнах браузера, чтобы вредоносный сайт не мог получить доступ к содержимому текущего документа. Применяется, если у ссылки установлен атрибут `target="_blank"`. Когда вы используете ссылку с `target="_blank"` без `rel="noopener"`, новая страница, которую вы открываете, может получить доступ к объекту `window` вашей исходной страницы через JavaScript с помощью `window.opener`. Это может привести к потенциальным уязвимостям, таким как возможность злоумышленника перенаправить пользователя на другой сайт.
`noreferrer`	Сообщает браузеру, чтобы он не отправлял заголовок `Referer` при переходе пользователя по ссылке. Кроме того, имеет тот же эффект, что и значение `noopener`.
`opener`	Указывает, что вновь созданный объект верхнего уровня (`window`) на открытой по ссылке странице будет содержать вспомогательный контекст просмотра (`window.opener` будет содержать ссылку на объект `window` предыдущей страницы). Является противоположностью `noopener`. Относится только к ссылкам с атрибутом `target="_blank"`.
`prev`	Указывает, что ссылка ведёт на предыдущий в порядке следования документ из набора связанных документов. Может помогать поисковым системам более точно индексировать материалы сайта и предлагать посетителям наиболее подходящие страницы, направляя пользователя на наиболее релевантную страницу среди всех остальных.
`privacy-policy`	Ссылка на страницу с политикой конфиденциальности. Политика конфиденциальности содержит информацию о том, как сайт или страница обрабатывает личную информацию пользователей, включая сбор, использование и защиту данных, чтобы обеспечить конфиденциальность и безопасность пользователей.
`search`	Ссылка на ресурс, который можно использовать для поиска по текущему документу и связанным с ним страницам. Можно использовать, к примеру, для ссылок на поиск по сайту.
`tag`	Указывает, что тег имеет отношение к содержимому текущего документа. При использовании `rel="tag"` с элементом `<area>` тегом называется текстовое содержимое атрибута `alt`. Текст считается тегом только в том случае, если он имеет непосредственное отношение к содержимому текущей страницы и представляет собой ключевые слова или категорию, которая связана с содержимым текущей страницы. Например, у нас есть страница с рецептом приготовления пиццы, и на этой странице есть изображение с активной областью (ссылкой) с тегом Итальянская кухня (в качестве значения атрибута `alt`). Мы можем использовать атрибут `rel="tag"` для этой активной области, чтобы указать, что текст в атрибуте `alt` представляет собой тег, который имеет отношение к содержимому текущей страницы. Сама ссылка (активная область на изображении) может вести на страницу, которая предоставляет дополнительную информацию об итальянской кухне, например, такую как история, традиции и другие популярные итальянские рецепты.
`terms-of-service`	Ссылка на страницу с пользовательским соглашением. Пользовательское соглашение — это договор, который заключается между владельцем и пользователем сайта. Договор содержит информацию об условиях использования сайта, включая права и обязанности сторон.

Допускается указывать сразу несколько значений, разделяя их пробелом. Порядок следования значений не имеет значения.

Значение по умолчанию

Нет.

Пример

<img src="squares.png" alt="Три квадрата" usemap="#num1">

<map name="num1">
  <area rel="help" shape="rect" coords="3,2,67,58" href="/html/atr_rel_area.php" alt="Первый квадрат">
</map>

Результат

Три квадрата