Тег LINK: удобная навигация по сайту

LINK - это тег, который обеспечивает связь между страницами сайта, и связь между файлами ресурсов и сайтом. Он может быть расположен только в теле HEAD. Тег LINK регистро-независим. При помощи него можно связать ленту новостей со страницей сайта, можно подключить иконку страницы, подключить к странице таблицу стилей. Также можно логически вязать разные страницы сайта, если между ними есть определенная взаимосвязь. Действие тега LINK распространяется только на ту страницу сайта, на которой он установлен.

Тег LINK используют некоторые боты, для понимания структуры сайта. Также, эти теги используются некоторыми браузерами и плагинами, для удобной навигации по сайту. В частности, в браузере Opera существует панель навигации, которая берет информацию из тега LINK. Поэтому, если вы заботитесь о своих пользователях и удобстве навигации по сайту, то обязательно связывайте структуру сайта через теги LINK.

Синтаксис тега LINK выглядит следующим образом:

Свойство тега LINK "href" определяет файл, с которым будет связана страница (страница, на которую делается ссылка). Свойство "rel" определяет тип связи между файлом (документом) и страницей. "type" определяет тип файла, который связывается со страницей. "media" - тип устройства, на котором должна отражаться связь с файлом ресурсов.

Свойство HREF

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

Свойство REL

Это свойство может принимать одно из следующих значений:

• top или home - ссылка на самую первую в иерархии сайта страницу.
• contents или toc - ссылка на файл оглавления сайта.
• index - ссылка на файл, который может выполнять индексный поиск по странице. Индексный поиск - это поиск нужного слова или словосочетания в пределах одной страницы.
• glossary - ссылка на файл, который является глоссарием страницы, и содержит термины и определения, которые упомянуты на странице. Обычно, ведет на краткий справочник.
• copyright - ссылка на файл, в котором показаны авторские права на страницу.
• next - ссылка на следующую страницу сайта по предполагаемому маршруту пользователя.
• previous - ссылка на предыдущую страницу сайта по предполагаемому маршруту пользователя.
• help - ссылка на файл помощи, в котором, скажем, более подробно расписано описанное на странице.
• search - ссылка на страницу поиска по сайту.
• start - точка входа, с которой начинается логическая структура сайта.
• chapter - ссылка на страницу, которая является главой текущей страницы.
• section - ссылка на страницу, которая является главным разделом текущей страницы.
• subsection - ссылка на страницу, которая является главным подразделом текущей страницы.
• bookmark - ссылка на закладку к текущей странице, установленную на другой странице.
• up или parent - ссылка на страницу, которая находится выше текущей страницы по иерархии сайта.
• first - ссылка на страницу, которая является первой по предполагаемому маршруту перемещения пользователя по сайту.
• last или end - ссылка на страницу, которая является последней по предполагаемому маршруту перемещения пользователя по сайту.
• child - ссылка на страницу, которая является дочерней по иерархии сайта в отношении к текущей странице.
• stylesheet - ссылка на файл css, в котором зранятся стилевые настройки оформления страницы.
• alternate - ссылка на альтернативный файл текущей страницы. Обычно, с таким свойством REL ссылаются на RSS-ленты обновлений сайта. Некоторые браузеры (Opera, Firefox) при обнаружении такого тега выводят в адресной строке кнопку для перехода на альтернативный файл.
• icon или shortcut icon - ссылка на иконку страницы. Иконка будет отображаться в заголовке страницы.
• canonical - свойство, разработанное для поисковых ботов. Это ссылка на оригинал материала, опубликованного на странице. Если у вас на сайте имеются 2 страницы с одинаковым контентом, то при помощи этого тега можно указать, который из контентов оригинал. Пример одинакового контента на одном сайте: страница с материалом и страница оптимизированная на печать.
• chapter - ссылка на страницу, которая является отдельной главой к текущей странице.
• appendix - ссылка на страницу добавления контента.

При использовании свойства rel="icon" или rel="shortcut icon" тега LINK иконка может быть любая, но, желательно, чтобы она была размером 16x16 пикселей и качеством 32 битов на пиксел. Возможны и анимированные иконки, но двигаться они будут только в браузере Firefox. Остальные браузеры будут показывать только первый кадр анимации.

Свойство TYPE

Это свойство определет тип файла, на который ссылается тег LINK. Значение этого свойства задается в MIME формате. Если вы подключаете файл CSS стилей, то MIME формат будет "text/css". Если ссылка ведет на другую страницу сайта, то значение этого свойства "text/html" или "text/xml", если на иконку, то "image/x-icon", если на rss-ленту, то "application/rss+xml". Это основные и самые используемые MIME-типы.

Свойство MEDIA

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

• all - все устройства.
• screen - экран монитора.
• print - устройство печати. Обычно - принтер.
• projection - проектор.
• braille - устройства, предназначенные для чтения слепыми, на основе системы Брайля.
• speech - устройства речевого вывода. Обычно - синтезаторы речи или речевые браузеры.

Обычно, для файлов стилей применяется MIME-тип "screen".

Свойство TITLE

Это свойство описывает файл, на который ссылается тег LINK. Свойство является необязательным и используется, в основном, для краткого описания или оглавления RSS-лент.

Примеры

Предлагаю несколько распространенных примеров, использующих тег LINK.

Подключение внешнего CSS файла стилей:

Подключение RSS канала новостей к странице:

Подключение своей иконки favicon производится двумя тегами LINK. Это нужно для поддержки тега разными браузерами:

сылка на главную страницу сайта:

Это лишь некоторые способы использования тега LINK. Вы можете использовать его по-своему, но в рамках описанных выше правил.

Вы можете присоедениться к моему микроблогу в Твиттере @SzenProgs. Буду благодарен, если оцените мой труд, и щелкните по звездочкам ниже.

• 1
• 2
• 3
• 4
• 5

Тег LINK: удобная навигация по сайту
Справочники
Скрипты, инструкции, справочники