Атрибут rel

Атрибут rel определяет отношения между текущим документом и документом, на который ведёт ссылка, заданная атрибутом href.

Синтаксис

<a rel="текст">...</a>

Значения

Значение rel Описание Пример использования
alternate Ссылка на альтернативные представления текущего документа. <a href="print.html" rel="alternate">Версия для печати</a>
author Ссылка на автора текущего документа или статьи. <a href="about.html" rel="author">Об авторе</a>
bookmark Постоянная ссылка на ближайший родительский раздел. <a href="toc.html" rel="bookmark">Оглавление</a>
external Документ, на который ведёт ссылка, не является частью данного сайта. <a href="https://google.ru" rel="external">Google</a>
help Ссылка на контекстно-зависимую справку. <a href="help.html" rel="help">Справка</a>
license Ссылка на лицензию, по которой распространяется содержимое документа. <a href="license.html" rel="license">Распространяется по лицензии GNU GPL</a>
me Ссылка на персону, которой принадлежит содержимое документа. <a href="about.html" rel="me">Обо мне</a>
next Указывает, что текущий документ является частью серии и ссылка ведёт на следующий документ в серии. <a href="next.html" rel="next">Следующая страница</a>
nofollow Указывает поисковым системам не переходить по данной ссылке. <a href="old.html" rel="nofollow">Старая версия</a>
noopener Указывает, что любой вновь созданный объект верхнего уровня НЕ будет содержать вспомогательный контекст просмотра. Требуется для безопасности, чтобы вредоносный сайт не мог получить доступ к содержимому текущего документа. <a href="https://ya.ru" target="_blank" rel="noopener">Яндекс</a>
noreferrer Требует, чтобы браузер не посылал в HTTP-заголовке Referer, если пользователь переходит по ссылке. <a href="https://google.ru" target="_blank" rel="noreferrer">Поиск</a>
opener Указывает, что любой вновь созданный объект верхнего уровня будет содержать вспомогательный контекст просмотра. Является противоположностью noopener. <a href="https://ya.ru" rel="opener">Яндекс</a>
prev Указывает, что текущий документ является частью серии и ссылка ведёт на предыдущий документ в серии. <a href="prev.html" rel="prev">Предыдущая страница</a>
search Даёт ссылку на ресурс, который может быть использован для поиска по текущему документу и связанных с ней страниц. <a href="search.html" rel="search">Поиск по сайту</a>
tag Указывает, что тег имеет отношение к текущему документу. <a href="tag.html" rel="tag">Таксономия</a>

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

Нет.

Пример

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>А, атрибут rel</title> </head> <body> <p><a href="http://ya.ru" rel="nofollow">Наш ответ Яндексу</a></p> </body> </html> <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Навигация</title> </head> <body> <ul> <li><a href="/prev" rel="prev">Назад</a></li> <li><a href="/up" rel="bookmark"></a>Оглавление</a></li> <li><a href="/next" rel="next"></a>Вперёд</a></li> </ul> </body> </html>

Браузеры

11 12 1 15 3.1 2
4.4 4 14 1

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.