Заметки о вёрстке сайтов  ·  Александр Шуркаев об HTML, CSS и JavaScript (скрипты, справочники и примеры по сайтостроению)

Тег 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 и rel, реализованный у меня на сайте:

<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. Там же даны некоторые рекомендации, как сделать описанные возможности навигации (link и rel) доступными для пользователей Internet Explorer.

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

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

Хитовые статьи про разработку сайтов

Рассылка новостей и новых статей

Сообщения будут приходить пару раз в неделю, не чаще

Объявления
LiveInternet