Самоучитель HTML Справочник HTML Глобальные атрибуты MIME-типы События Типы элементов Таблица цветов Спецсимволы HTML Коды языков
Теги HTML

Атрибут 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>

Результат

Три квадрата

Первый квадрат
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2024 © puzzleweb.ru | razumnikum.ru

Реклама на сайте | puzinfo@puzzleweb.ru