ИНФОРМАЦИЯ,    ДИЗАЙН,    ПЕРЕВОДЫ,    РЕКЛАМА   .   .   .
w a p - с а й т
Информационный портал
Сегодня:  
admin@aranea.ru
+79068922256

   aranea.ru || Спецификация HTML 4.01 | 12. Гиперсвязи и ссылки

12. Гиперсвязи и ссылки

12.3. Связи между документами: элемент LINK

12.3.1. Гиперсвязи со следующим и предыдущим документами
12.3.2. Гиперсвязи и внешние стилевые таблицы
12.3.3. Гиперсвязи и поисковые машины 
<!ELEMENT LINK - O EMPTY               -- a media-independent link -->
<!ATTLIST LINK
  %attrs;                              -- %coreattrs, %i18n, %events --
  charset     %Charset;      #IMPLIED  -- char encoding of linked resource --
  href        %URI;          #IMPLIED  -- URI for linked resource --
  hreflang    %LanguageCode; #IMPLIED  -- language code --
  type        %ContentType;  #IMPLIED  -- advisory content type --
  rel         %LinkTypes;    #IMPLIED  -- forward link types --
  rev         %LinkTypes;    #IMPLIED  -- reverse link types --
  media       %MediaDesc;    #IMPLIED  -- for rendering on these media --
  >

Начальный тег: обязательный, конечный тег: запрещенный

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

  • 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>
...the rest of the document...

12.3.1 Гиперсвязи со следующим и предыдущим документами

Атрибуты rel и rev играют дополняющие роли: атрибут rel определяет следующую гиперсвязь; а атрибут rev устанавливает обратную связь.

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

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

Они означают одно и то же:

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

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

12.3.2 Гиперсвязи и внешние стилевые таблицы

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

Типы медиа будут обсуждаться позже в разделе о стилевых таблицах.

12.3.3 Гиперсвязи и поисковые машины

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

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

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

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

<HEAD>
<TITLE>The manual in English</TITLE>
<LINK title="The manual in Dutch"
      type="text/html"
      rel="alternate"
      hreflang="nl" 
      href="http://someplace.com/manual/dutch.html">
<LINK title="The manual in Portuguese"
      type="text/html"
      rel="alternate"
      hreflang="pt" 
      href="http://someplace.com/manual/portuguese.html">
<LINK title="The manual in Arabic"
      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>Reference manual</TITLE>
<LINK media="print" title="The manual in postscript"
      type="application/postscript"
      rel="alternate"
      href="http://someplace.com/manual/postscript.ps">
</HEAD>

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

<HEAD>
<TITLE>Reference manual -- Page 5</TITLE>
<LINK rel="Start" title="The first page of the manual"
      type="text/html"
      href="http://someplace.com/manual/start.html">
</HEAD>

← Назад | Вперед →
Copyright © 2006 -  aranea.ru