Опубликован: 19.05.2006 | Доступ: свободный | Студентов: 10205 / 1645 | Оценка: 4.29 / 4.03 | Длительность: 22:29:00
ISBN: 978-5-94774-648-8
Лекция 12:

Гиперссылки

< Лекция 11 || Лекция 12: 12345 || Лекция 13 >

Взаимосвязи документов: элемент LINK

<!ELEMENT LINK - O EMPTY               -- медиа-независимая ссылка -->
<!ATTLIST LINK
  %attrs;                              -- %coreattrs, %i18n, %events --
  charset     %Charset;      #ПРЕДПОЛАГАЕТСЯ  -- набор символов связанного ресурса --
  href        %URL;          #ПРЕДПОЛАГАЕТСЯ  -- URL связанного ресурса --
  hreflang    %LanguageCode; #ПРЕДПОЛАГАЕТСЯ  -- код языка --
  type        %ContentType;  #ПРЕДПОЛАГАЕТСЯ  -- информативный тип содержимого --
  rel         %LinkTypes;    #ПРЕДПОЛАГАЕТСЯ  -- типы ссылок вперёд --
  rev         %LinkTypes;    #ПРЕДПОЛАГАЕТСЯ  -- типы ссылок назад --
  media       %MediaDesc;    #ПРЕДПОЛАГАЕТСЯ  -- для представления на данном носителе --
  >
Начальный тег: необходим, Конечный тег: запрещён

Атрибуты, определённые в другом месте

  • id , class (идентификаторы документа)
  • lang ( язык ), dir (направление текста)
  • title (название элемента)
  • style (инлайн-стиль)
  • onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (внутренние события)
  • href, hreflang, type, rel, rev (ссылки и якоря )
  • target (целевой фрэйм)
  • media (стиль "шапки")
  • charset (набор символов документа)

Этот элемент определяет ссылку. В отличие от A, он может появляться только в разделе HEAD - "шапки" документа, хотя и может появляться любое количество раз. Хотя LINK не имеет содержимого, он выражает информацию о взаимоотношениях, которая может отображаться ПА различными способами (напр., панель с выпадающим меню со ссылками).

Этот пример показывает, как различные определения LINK могут появляться в разделе HEAD документа. Текущий документ - "Chapter2.html". Атрибут rel специфицирует соотношение связанного документа с текущим. Значения "Index", "Next" и "Prev" разъясняются в разделе "типы ссылок" .

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
  <TITLE>Chapter 2</TITLE>
  <LINK rel="Index" href="../index.html">
  <LINK rel="Next"  href="Chapter3.html">
  <LINK rel="Prev"  href="Chapter1.html">
</HEAD>
...оставшаяся часть документа...

Гиперссылки вперёд и назад

Атрибуты rel и rev дополнительно могут: атрибут rel - определять ссылки вперёд, а атрибут rev - ссылки назад.

Рассмотрим два документа - A и B.

Document A:       <LINK href="docB" rel="foo">

имеет то же значение, что и:

Document B:       <LINK href="docA" rev="foo">

Оба атрибута могут быть определены одновременно.

Гиперссылки и внешние таблицы стилей

Если элемент LINK связывает внешнюю таблицу стилей с документом, то атрибут type определяет язык таблицы стилей, а атрибут media определяет соответствующие носители представления. ПА могут сэкономить время, запрашивая из сети только те таблицы стилей, которые применимы к текущему устройству.

"Типы носителя" рассматриваются в разделе о таблицах стилей.

Гиперссылки и машины поиска

Авторы могут использовать элемент LINK для предоставления поисковым машинам различной информации, в том числе:

  • для ссылок на альтернативные версии документа на других языках ;
  • для ссылок на альтернативные версии документа, разработанные для других носителей, Например, специальные версии для печати документов;
  • для ссылок на начальную страницу коллекции документов.

Ниже пример иллюстрирует, как информация о языке, типах носителя и типах ссылок может быть объединена для упрощения обработки документа поисковой машиной.

Здесь мы используем атрибут hreflang, чтобы сообщить поисковой машине, где найти датскую, португальскую и арабскую версии документа. Обратите внимание на использование атрибута charset для арабского варианта учебника. Отметьте также использование атрибута lang для указания на то, что значение атрибута title элемента LINK, указывающего на французский учебник, - французский.

<HEAD>
<TITLE>Учебник на английском</TITLE>
<LINK title="Учебник на датском"
      type="text/html"
      rel="alternate"
      hreflang="nl" 
      href="http://someplace.com/manual/dutch.html">
<LINK title="Учебник на португальском"
      type="text/html"
      rel="alternate"
      hreflang="pt" 
      href="http://someplace.com/manual/portuguese.html">
<LINK title="Учебник на арабском"
      type="text/html"
      rel="alternate"
      charset="ISO-8859-6"
      hreflang="ar" 
      href="http://someplace.com/manual/arabic.html">
<LINK lang="fr" title="La documentation en Français"
      type="text/html"
      rel="alternate"
      hreflang="fr"
      href="http://someplace.com/manual/french.html">
</HEAD>

В следующем примере мы сообщаем поисковой машине, где искать версию для печати:

<HEAD>
<TITLE>Справочник</TITLE>
<LINK media="print" title="Справочник в postscript"
      type="application/postscript"
      rel="alternate"
      href="http://someplace.com/manual/postscript.ps">
</HEAD>

В следующем примере мы сообщаем поисковой машине, где искать начальную страницу коллекции документов:

<HEAD>
<TITLE>Справочник -- Страница 5</TITLE>
<LINK rel="Start" title="Первая страница"
      type="text/html"
      href="http://someplace.com/manual/start.html">
</HEAD>

Дополнительная информация находится в примечаниях: "помощь поисковым машинам в индексации Вашего Web-сайта" .

< Лекция 11 || Лекция 12: 12345 || Лекция 13 >
Ирина Кириллова
Ирина Кириллова

Нажимаю на ссылку на дополнительный материал и дополнение к информации-меня возвращает на первую страницу лекции. Подскажите, что делать? Или дополнительный материал платный?