Атрибут 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>
Результат