Начало » БЛОГ » Теги и вёрстка » Тэг LINK: отношения между документами

Тэг LINK: отношения между документами

+7 (495)722-44-90

07.09.2012

Элемент <LINK> показывает связь между документами.

Его атрибуты:

  • REL=связь к документу по ссылке
  • REV=связь от документа по ссылке
  • HREF=ссылка на другой документ
  • TYPE=тип документа с которым установлена связь
  • MEDIA=тип устройства (all, screen, print и т.д.) для документа с которым установлена связь
  • HREFLANG=код языка документа с которым установлена связь
  • CHARSET=кодировка символов документа с которым установлена связь

Элемент пустой, размещается внутри <HEAD></HEAD>

Собственно, к чему я решил напомнить о нем. Чаще всего применение этого элемента ограничивается установкой связи между HTML документом и CSS файлом:
<link rel="stylesheet" href="/style.css" type="text/css" media="screen" />. Однако, если веб-сайт представляет осмысленный набор взаимосвязанных документов, то связи эти должны быть упорядочены и обозначены.

Если элемент <A> используется для перехода к другому документу или якорю, то <LINK> лишь определяет связи рассматриваемого документа, обозначает его позицию в иерархии, показывает в каком направлении осуществляется связь , а также некоторые особенности связанных документов(их тип, языковые настройки).

Тэг <LINK> можно применить:
для связи с другими документами, не только (x)HTML:

создания ссылки на следующий документ:

<link rel="next" href="/next.html" type="text/html" title="Следующая страница" />

или ссылки на предыдущий документ:

<link rel="prev" href="/prev.html" type="text/html" title="Предыдущая глава" />

или ссылки на первый документ в коллекции, первую страницу:

<link rel="start" href="/" type="text/html" title="Начало" />

или ссылки на оглавление:

<link rel="contents" href="/" type="text/html" title="Оглавление" />

или ссылки на документ с информацией об авторских правах:

<link rel="copyright" href="/copyright.html" type="text/html" title="Копирайты" />

или ссылки на предметный указатель к документам:

<link rel="index" href="/indexlist.html" type="text/html" title="Предметный указатель" />

или ссылки на глоссарий:

<link rel="glossary" href="/glossary.html" type="text/html" title="Список терминов" />

или ссылки на этот же документ на другом языке:

<link rel="alternate" href="/glossary_fr.html" hreflang="fr" lang="fr" type="text/html" title="Française" />

или ссылки на этот же документ но в другом формате:

<link rel="alternate" href="/glossary.pdf" type="application/pdf" media="print" title="Глоссарий в формате PDF" />

 

для связи с внешним файлом CSS:

содержимое которого будет использовано при обработке html-документа браузером:

<link rel="stylesheet" href="/style.css" type="text/css" media="all" />

содержимое которого может быть использовано для обработки html-документа, но не будет использовано по умолчанию, если есть связь со style.css и он загружен (см. предыдущий пункт). Можно использовать для переключения между несколькими таблицами CSS, вплоть до полного изменения внешнего вида html-документа:

<link rel="alternate stylesheet" href="/redstyle.css" type="text/css" media="all" title="Красный раздел сайта" />

 

чтобы подсказать браузеру, что у сайта есть новостные ленты в формате XML (RSS):

так:

<link rel="alternate" href="/rss2" type="application/rss+xml" title="RSS 2.0 Новости сайта" />

или так:

<link rel="alternate" href="/rss092" type="text/xml" title="RSS .92 Новости сайта" />

 

чтобы подсказать браузеру, где следует искать иконку favicon.ico:

так:

<link rel="icon" href="/favicon.ico" type="image/x-icon" />

или так:

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

Источник: http://xhtml.ru/2006/05/28/link-tag/



LINK, REL, САЙТ

Контакты

Адрес:
Москва,улица Лётчика Бабушкина дом 32 корп.2
Индекс:
129281
Телефон:
+7 (499)348-87-63

Seomost.ru - оптимизация и продвижение сайтов Лётчика Бабушкина улица,д.32 корп.2 129281 Москва +7 495 722-44-90 Seomost.ru - оптимизация и продвижение сайтов Лётчика Бабушкина улица,д.32 корп.2 129281 Москва +7 495 722-44-90