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

Элемент <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" />

Ссылки:



Много комментариев (7) к “Тэг <LINK>: отношения между документами”

  1. Алексей :

    ну положим все это написано в мануале W3org, а практический смысл на примере показал бы, например – – что он, позволяет горячим клавишами или чем пользоваться в браузере?.. или оглавление то же?
    примеры пажалста.


  2. Алексей :

    тэги обрезало. rel=”prev” href=”/prev.html” type=”text/html” title=”Предыдущая глава”


  3. kost :

    2Алексей:
    В Opera и Netscape появляется сверху панель кнопок — previous, next, author и т.п. Очень удобно.

    Также можно и горячими клавишами пользоваться.

    Пожалуй, самый популярный пример — страница выдачи Яндекса. Там все эти кнопицы есть.


  4. Баранов Андрей :

    Для Firefox есть Site navigation bar
    https://addons.mozilla.org/firefox/1949/


  5. levati :

    Поставил сразу после . Валидатор ругается: document type does not allow element “link” here.
    Вопрос: неужели favicon.ico в head-е ВИДЕН будет?
    ЗЫ: понимаю, что вопрос примитивный, но сам на него ответа не нашел :(


  6. levati :

    Мдя, я про favicon.ico после тега body писал.


  7. Evgg :

    все ок с favicon



22 queries 0.222 seconds.