Rel html: Атрибут rel | htmlbook.ru

Posted on by alexxlab

Атрибут rel | htmlbook.ru

Management

Атрибуты тегов

Значения атрибутов

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
10.50+4.0+

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

HTML:3.24.015.0XHTML:1.01.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.

Статьи по теме

  • Добавить в избранное
  • Что всё это значит?

Атрибут rel | WebReference

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

Синтаксис

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

Значения

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

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

Нет.

Пример

<!DOCTYPE html> <html> <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> <head> <meta charset=»utf-8″> <title>Добавить в избранное</title> </head> <body> <p><a href=»http://webref.ru» rel=»sidebar»>Добавить в избранное</a></p> </body> </html>

Примечание

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

Браузеры

10. 504

HTML Атрибут a rel

❮ Тег HTML

Пример

Ссылка с атрибутом rel:

Cheap Рейсы

Попробуйте сами »

Определение и использование

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

Используется только при наличии атрибута href .

Совет: Поисковые системы могут использовать этот атрибут для получения дополнительной информации о ссылке!

Поддержка браузера

Атрибут
отн. Да Да Да Да Да

Синтаксис

Значения атрибутов

Значение Описание
альтернативный Предоставляет ссылку на альтернативное представление документа (т.
е. печатную страницу, переведенное или зеркальное отображение)
автор Предоставляет ссылку на автора документа
закладка Постоянный URL-адрес, используемый для создания закладок
внешний Указывает, что ссылочный документ не является частью того же сайта, что и текущий документ
помощь Предоставляет ссылку на справочный документ
лицензия Предоставляет ссылку на лицензионную информацию для документа
следующий Предоставляет ссылку на следующий документ в серии
nofollow Ссылки на неутвержденный документ, например платная ссылка.
(«nofollow» используется Google, чтобы указать, что поисковый робот Google не должен переходить по этой ссылке)
открывалка Требует, чтобы любой контекст просмотра, созданный путем перехода по гиперссылке, не имел открывающего контекст просмотра
нереферер Делает реферера неизвестным. Заголовок реферера не будет включен, когда пользователь щелкает гиперссылку
предыдущий Предыдущий документ в подборке
поиск Ссылки на средство поиска документа
бирка Тег (ключевое слово) для текущего документа

❮ Тег HTML


ВЫБОР ЦВЕТА

Лучшие учебники
Учебник по HTML
Учебник по CSS
Учебник по JavaScript
Учебник How To
Учебник по SQL
Учебник по Python
Учебник по W3.CSS
Учебник по Bootstrap
Учебник по PHP
Учебник по Java
Учебник по C++
Учебник по jQuery

Лучшие ссылки
Справочник по HTML
Справочник по CSS
Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по W3.CSS
Справочник по Bootstrap
Справочник по PHP
Цвета HTML
Справочник по Java
Справочник по Angular
Справочник по jQuery

Примеры HTML

Примеры CSS
Примеры JavaScript
Примеры How To
Примеры SQL
Примеры Python
Примеры W3. CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery

FORUM | О

W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания. Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.

Авторское право 1999-2022 по данным Refsnes. Все права защищены.
W3Schools работает на основе W3.CSS.

Атрибут HTML rel

❮ Предыдущий Все атрибуты HTML Далее ❯

Определение и использование

Атрибут rel определяет связь между текущим документом и связанным документом/ресурсом.

Применяется к

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

Элементы Атрибут
<а> отн.
<область> отн.
<ссылка> отн.
<форма> отн.

Примеры

Пример A

Ссылка с атрибутом rel:

Cheap Flights

Попробуйте сами »

Пример области

Карта-изображение с кликабельной областью:

<имя карты="planetmap">
Sun href=»sun.htm» rel=»alternate»>

Попробуйте сами »

Пример ссылки

Внешняя таблица стилей:

Попробуйте сами »

Поддержка браузера

Атрибут rel имеет следующую поддержку браузера для каждого элемента:

Элемент
и Да Да Да Да Да
область Да Да Да Да Да
форма  Да Да Да
Да		 Да
ссылка Да Да Да Да Да

❮ Предыдущий Все атрибуты HTML Следующий ❯


ВЫБОР ЦВЕТА

Лучшие учебники
Учебник HTML
Учебник CSS
Учебное пособие по JavaScript
Учебное пособие
Учебное пособие по SQL
Учебное пособие по Python
Учебное пособие по W3. CSS
Учебное пособие по Bootstrap
Учебное пособие по PHP
Учебное пособие по Java
Учебное пособие по C++
Учебное пособие по jQuery

Top References Справочник по HTML

Справочник по CSS
Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по W3.CSS
Справочник по Bootstrap
Справочник по PHP
Цвета HTML
Справочник по Java
Справочник по Angular
Справочник по jQuery

Основные примеры
Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery

FORUM | О

W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *