Тег А, атрибут rel

Синтаксис¶

Закрывающий тег не требуется.

Атрибуты¶

href Путь к связываемому файлу. media Определяет устройство, для которого следует применять стилевое оформление. rel Определяет отношения между текущим документом и файлом, на который делается ссылка. sizes Указывает размер иконок для визуального отображения. type MIME-тип данных подключаемого файла.

Также для этого элемента доступны универсальные атрибуты.

href¶

Путь к файлу, на который делается ссылка.

В качестве значения принимается полный или относительный путь к файлу.

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

media¶

Определяет устройство, для которого следует применять стилевое оформление. Это позволяет сделать разный стиль для отображения документа на экране монитора и при его печати. Допускается писать несколько значений через запятую.

link media="all | print | screen | speech" /> 

all Все устройства. print Печатающее устройство вроде принтера. screen Экран монитора. speech Речевые синтезаторы, а также программы для воспроизведения текста вслух. Сюда же входят речевые браузеры.

В HTML5 в качестве значений могут быть указаны медиа-запросы.

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

rel¶

Атрибут rel определяет отношения между текущим документом и файлом, на который делается ссылка. Это необходимо, чтобы браузер знал, как использовать подключаемый документ.

alternate Альтернативный тип, используется, к примеру, для указания ссылки на файл в формате XML для описания ленты новостей, анонсов статей. author Указывает ссылку на автора текущего документа или статьи. help Указывает ссылку на контекстно-зависимую справку. icon Адрес картинки, которая символизирует текущий документ или сайт. license Сообщает, что основное содержание текущего документа распространяется по лицензии, описанной в указанном документе. next Сообщает, что текущий документ является частью связанных между собой документов, а ссылка указывает на следующий документ. prefetch Указывает на предварительно кэшированный ресурс текущей страницы или сайта целиком. prev Сообщает, что текущий документ является частью связанных между собой документов, а ссылка указывает на предыдущий документ. search Указывает ссылку на ресурс, который применяется для поиска по документу или сайту. stylesheet Определяет, что подключаемый файл хранит таблицу стилей (CSS).

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

sizes¶

Указывает размер иконок для визуального отображения. Сама иконка может применяться браузером для отображения в адресной строке, при сохранении в избранное, а также поисковыми системами для придания наглядности результатам поиска (именно так поступает Яндекс).

link rel="icon" sizes="X" /> link rel="icon" sizes="X X* | any" /> 

Вначале указывается ширина иконки в пикселах без указания единиц (например, 16), затем пишется латинская буква x в верхнем (X) или нижнем регистре (x), после чего идёт высота иконки. Если в файле хранится сразу несколько иконок, можно задавать их размеры через пробел. Ключевое слово any указывает, что иконка может масштабироваться в любой размер, к примеру, если она хранится в векторном формате SVG.

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

type¶

Сообщает браузеру, какой MIME-тип данных используется для внешнего документа. Как правило, применяется для того, чтобы указать, что подключаемый файл содержит CSS.

Имя MIME-типа в любом регистре. Для подключаемых таблиц связанных стилей применяется тип text/css .

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

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

• Preload, определение
• Subresource Integrity, определение атрибута integrity
• WHATWG HTML Living Standard
• HTML 5
• HTML 4.01 Specification
• Resource Hints, определение dns-prefetch , preconnect , prefetch и prerender

Описание и примеры¶

 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

 html> head> meta charset="utf-8" /> title>LINKtitle> link rel="stylesheet" href="ie.css" /> link rel="alternate" type="application/rss+xml" title="Статьи с сайта xsltdev.ru" href="http://xsltdev.ru/rss.xml" /> link rel="shortcut icon" href="http://xsltdev.ru/favicon.ico" /> head> body> p>. p> body> html> 

Источник

Атрибут rel

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

Синтаксис

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

Значения

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

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 Ссылка на родительскую страницу.

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

      
Наш ответ Яндексу
  

      
Добавить в избранное
  

Браузеры

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

Источник