Заметки о вёрстке сайтов  ·  Александр Шуркаев об HTML, CSS и JavaScript
• Dreamweaver    • О проекте    • Ссылки    • Книги    • Подписка    
• HTML    • CSS    • JavaScript    
Путь: Заметки о вёрстке сайтов  >  HTML  >  20

Тег LINK, атрибут rel и типы ссылок

30 января 2003 г.

Буквально за несколько дней до написания этой заметки вышла финальная версия браузера Opera 7 (Win). В ней появилось множество замечательных интерфейсных нововведений, среди которых можно выделить т. н. Site navigation. Работа этой навигации основывается на теге link и атрибуте rel.

Буквально за несколько дней до написания этой заметки вышла финальная версия браузера Opera 7 (Win). В ней появилось множество замечательных интерфейсных нововведений, среди которых можно выделить т. н. Site navigation — одноимённый пункт меню и панель инструментов. Работа этой навигации основывается на теге link и атрибуте rel.

Не секрет, что тег link довольно активно используется разработчиками сайтов практически только для одного — установки связи между HTML документом и CSS файлом:

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

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

Давайте рассмотрим реальный пример использования link, реализованный у меня на сайте:

<head>
…
<link rel="start" href="/" />
<link rel="search" href="/Search/" />
<link rel="author" href="/About/" />
…
</head>

Если вы посмотрите на любую страницу данного сайте через Opera 7, то увидите в интерфейсе этого браузера дополнительную панель, на которой будут «кликабельными» кнопки Home, Search и Author.

Полный список предопределённых типов ссылок и их интерпретации можно посмотреть в спецификации HTML 4.01. Следует лишь упомянуть, что Opera 7 воспринимает не все указанные в спецификации типы, но в то же время поддерживает некоторые нестандартные названия:

  • В качестве синонима слову start можно использовать top или home. Последний вариант даже предпочтительнее, если вы ориентируетесь на Opera 7, т. к. только в этом случае будет активен пункт меню Navigation/Site navigation/Home (на панели инструментов кнопка Home будет активна в любом случае).
  • Типы first (первая страница), last (последняя страница) и up (оглавление страниц раздела) хорошо подходят для различных справочников и руководств, где преобладает линейная навигация.
  • Тип author полезен для указания автора материала (ссылка на e-mail или же — что лучше — на отдельную страницу с детальной информацией).

Если вас интересуют дополнительные сведения по теме, то их можно найти на странице Subotnik: The 'link'-Element in (X)HTML. Там же даны некоторые рекомендации, как сделать описанные возможности навигации доступными для пользователей Internet Explorer.

P. S. Добавил также на этом сайте навигацию по заметкам (ссылки previous, next, up). Удобная штука, правда?

P. P. S. Панель Site Navigation Bar (aka Link Toolbar) сперва появилась в Mozilla, но в том билде, который установлен у меня на машине, этой панели нет, поэтому я и написал заметку только после выхода Opera 7.

Если вам пригодилась статья, то отправьте 5 рублей автору этого проекта. Спасибо!

Самое популярное на сайте

Объявления
задаете вопрос где же uggs купить недорого и с доставкой
LiveInternet