Атрибут rel

23.09.2010

Влад Мержевич

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
		10.50+		4.0+

Спецификация

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

Атрибут rel определяет отношения между текущим документом и документом, на который ведет ссылка, заданная атрибутом href. Несмотря на то, что браузеры в большинстве своем не поддерживают атрибут rel, на сайтах часто можно встретить код rel="nofollow", предназначенный для поисковых систем Google и Яндекс. Ссылки, помеченные таким образом, не передают PageRank и ТИЦ.

Синтаксис

<a rel="строка">...</a>

Обязательный атрибут

Нет.

Значения

Некоторые возможные значения перечислены ниже.

answer: Ответ на вопрос.
chapter: Раздел или глава текущего документа.
co-worker: Ссылка на страницу коллеги по работе.
colleague: Ссылка на страницу коллеги (не по работе).
contact: Ссылка на страницу с контактной информацией.
details: Ссылка на страницу с подробностями.
edit: Редактируемая версия текущего документа.
friend: Ссылка на страницу друга.
question: Вопрос.

Весь список значений можно посмотреть по адресу http://wiki.whatwg.org/wiki/RelExtensions

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

archives: Ссылка на архив сайта.
author: Ссылка на страницу об авторе на том же домене.
bookmark: Постоянная ссылка на раздел или запись.
first: Ссылка на первую страницу.
help: Ссылка на документ со справкой.
index: Ссылка на содержание.
last: Ссылка на последнюю страницу.
license: Ссылка на страницу с лицензионным соглашением или авторскими правами.
me: Ссылка на страницу автора на другом домене.
next: Ссылка на следующую страницу или раздел.
nofollow: Не передавать по ссылке ТИЦ и PR.
noreferrer: Не передавать по ссылке HTTP-заголовки.
prefetch: Указывает, что надо заранее кэшировать указанный ресурс.
prev: Ссылка на предыдущую страницу или раздел.
search: Ссылка на поиск.
sidebar: Добавить ссылку в избранное браузера.
tag: Указывает, что метка (тег) имеет отношение к текущему документу.
up: Ссылка на родительскую страницу.

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

Нет.

Пример 1

HTML 4.01IECrOpSaFx

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег А, атрибут rel</title>
 </head>
 <body>
  <p><a href="http://ya.ru" rel="nofollow">Наш ответ Яндексу</a></p>
 </body>
</html>

Пример 2

HTML5IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Добавить в избранное</title>
 </head>
 <body>
  <p><a href="http://htmlbook.ru" rel="sidebar">Добавить в избранное</a></p>
 </body>
</html>

Браузеры

Firefox поддерживает значение prefetch и sidebar. Opera поддерживает значение sidebar.