Cсылки и якоря
Ссылки
Содержание
и
HTML предлагает множество условных оборотов для текстовых и структурированных документов, но что отличает его от большинства других языков разметки - его возможности разметки гипертекста и интерактивных документов. В этом разделе вводится понятие ссылки (или гиперссылки или ссылки Web), основной гипертекстовой конструкции. Ссылки связывают один ресурс Web с другим. Несмотря на простоту, ссылки стали основным залогом успеха Web.
имеет два конца - называемых -- и направление. Ссылка начинается в "исходном" anchor (источнике) и указывает на "целевой" anchor, который может быть любым ресурсом Web (например, изображением, видеоклипом, звуковым файлом, программой, документом HTML, элементом в документе HTML и т.д.).
Переход к ресурсу, на который указывает ссылка
Это поведение достигается обычно путем выбора ссылки (например, с помощью щелчка мыши, ввода с клавиатуры и т.д.).
В следующем HTML-фрагменте содержится , у одной целевым anchor является документ HTML с именем "chapter2.html", а у второй целевой anchor - изображение в формате GIF, расположенное в файле "forest.gif":
<BODY> ...какой-то текст... <P>Подробнее см. в <A href="chapter2.html">главе два</A>. См. также <A href="../images/forest.gif">карту леса.</A> </BODY>
Путем активизации этих ссылок (с помощью щелчка мыши, ввода с клавиатуры, голосовых команд и т.д.) пользователи могут перейти к этим ресурсам. Обратите внимание, что атрибут в каждом исходном anchor указывает адрес целевого anchor с использованием URI.
Целевой anchor ссылки может быть элементом в документе HTML. Целевому anchor должно даваться имя и адрес URI, адресующий этот anchor, Должен содержать это имя в качестве .
Целевые anchors в документах HTML могут указываться с помощью элемента (именующего его с помощью атрибута ) или с помощью любого другого элемента (именующего с помощью атрибута ).
Таким образом, например, автор может создавать оглавление, элементы Которого являются ссылками на элементы заголовков , и т.д. в том же документе. Используя элемент для создания целевых anchors, можно записать:
<H1>Содержание;/H1> <P><A href="#section1">Введение</A><BR> <A href="#section2">Предыстория</A><BR> <A href="#section2.1">Более конкретные заметки</A><BR> ...продолжение содержания... ...тело документа... <H2><A name="section1">Введение</A></H2> ...раздел 1... <H2><A name="section2">Предыстория</A></H2> ...раздел 2... <H3><A name="section2.1">Более конкретные заметки</A></H3> ...раздел 2.1...
Этого же эффекта можно достигнуть, сделав якорями сами элементы заголовка:
<H1>Содержание</H1> <P><A href="#section1">Введение</A><BR> <A href="#section2">Предыстория</A><BR> <A href="#section2.1">Более конкретные заметки</A><BR> ...продолжение содержания... ...тело документа... <H2 id="section1">Введение</H2> ... раздел 1... <H2 id="section2">Предыстория</H2> ... раздел 2... <H3 id="section2.1">Более конкретные заметки</H3> ...раздел 2.1...
Наиболее часто сейчас ссылки используются для загрузки других ресурсов Web, как показано в предыдущих примерах. Однако авторы могут помещать в свои документы ссылки, выражающие иные отношения между ресурсами, чем просто "использование ссылки для Просмотра связанного ресурса". Для ссылок, выражающих другие типы отношений, В исходном якоре указываются один или более .
Роли ссылок, определяемых элементом или указываются с помощью атрибутов и .
Например, ссылки, определяемые элементом , могут описывать положение документа в последовательности документов. В следующем примере ссылка в документе "Глава 5" указывает на предыдущую и последующую главы:
<HEAD> ...другая заголовочная информация... <TITLE>Глава 5</TITLE> <LINK rel="prev" href="chapter4.html"> <LINK rel="next" href="chapter6.html"> </HEAD>
Тип первой ссылки - "prev", второй - "next" (два из ряда распознаваемых ). Ссылки, задаваемые элементов , не генерируются с содержимым документа, хотя агенты пользователей могут отображать их различными способами (например, в виде средств перехода).
Даже если они не используются для перехода, эти ссылки могут интерпретироваться интересными способами. Например, агент пользователя, выполняющий печать ряда документов в формате HTML в виде одного документа, может использовать эту информацию для формирования последовательного линейного документа. Дальнейшая информация об использовании приведена ниже.
Задание якорей и ссылок
Хотя некоторые элементы и атрибуты языка HTML создают ссылки на другие ресурсы (например, элемент , элемент и т.д.), в этой главе обсуждаются ссылки и якоря, создаваемые элементами и . Элемент может присутствовать только в заголовке документа. Элемент может присутствовать только в теле документа.
Если для элемента установлен атрибут , этот элемент определяет исходный якорь для ссылки, которая может активизироваться пользователем для загрузки ресурса Web. Исходный якорь - это местоположение экземпляра элемента и целевой якорь ресурса Web.
Загруженный ресурс может обрабатываться агентом пользователя различными способами: открытием нового документа HTML в том же окне агента, открытием нового документа HTML в другом окне, запуском новой программы для обработки ресурса и т.д. Поскольку элемент имеет содержание (текст, изображения и т.д.), агенты пользователей могут генерировать это содержимое так, чтобы показать наличие ссылки (например, подчеркивая содержимое).
Если установлены атрибуты или элемента , этот элемент определяет якорь, который может служить целью других ссылок.
Авторы могут устанавливать атрибуты и одновременно в одном экземпляре элемента .
Элемент определяет отношение между текущим документом и другим ресурсом. Хотя элемент не имеет содержимого, определяемые им отношения могут отображаться некоторыми агентами пользователей.
Атрибут может устанавливаться как для элемента , так и для элемента ; в нем указывается информация о природе ссылки. Эта информация может проговариваться агентом пользователя, отображаться в виде подсказки, изменять вид курсора и т.д.
Таким образом можно augment , указав для каждой ссылки заголовок:
<BODY>
...некоторый текст...
<P>Подробнее Вы можете узнать об этом в <A href="chapter2.html"
title="Перейдите к главе 2">главе 2</A>.
<A href="./chapter2.html"
title="Переход к главе 2.">глава 2</A>.
См. также <A href="../images/forest.gif"
title="Изображение леса в формате GIF">карту леса.</A>
</BODY>
Поскольку ссылки могут указывать на документы, использующие другие , элементы и поддерживают атрибут . Этот атрибут позволяет авторам рекомендовать агентам пользователей кодировку данных в связанном документе.
Атрибут предоставляет агенту пользователя информацию о языке связанного ресурса, точно так же, как атрибут предоставляет информацию о языке содержимого элемента или значениях атрибутов.
Имея дополнительные знания, агенты пользователей должны иметь возможность не представлять пользователю "мусор". Вместо этого они могут находить ресурсы, необходимые для корректного представления документа или, если они не могут найти эти ресурсы, по крайней мере уведомить пользователя о невозможности прочтения документа с указанием причины.
Элемент
<!ELEMENT - - ()* -(A) -- якорь (точка ссылки) -->
<!ATTLIST A
-- , , --
#IMPLIED -- кодировка символов связанного ресурса --
#IMPLIED -- рекомендуемый тип содержимого --
#IMPLIED -- конец именованной ссылки --
#IMPLIED -- URI связанного ресурса --
#IMPLIED -- код языка --
#IMPLIED -- типы прямых ссылок --
#IMPLIED -- типы обратных ссылок --
#IMPLIED -- клавиша доступа --
rect -- для использования с клиентскими навигационными картами --
#IMPLIED -- для использования с клиентскими навигационными картами --
#IMPLIED -- положение в последовательности перехода --
#IMPLIED -- фокус на элементе --
#IMPLIED -- фокус вне элемента --
>
Начальный тэг: обязателен, Конечный тэг: обязателен
Определения атрибутов
- =
- Этот атрибут дает якорю имя, так что он может служить целью другой ссылки. Значением этого атрибута должно быть уникальное имя. Область действия имени - текущий документ. Обратите внимание, что этот атрибут использует общее пространство имен с атрибутом .
- =
- Этот атрибут определяет местоположение ресурса Web, определяя связь между текущим элементом (исходным якорем) и целевым якорем, определяемым этим атрибутом.
- =
- Этот атрибут задает базовый язык ресурса, назначаемого атрибутом , и может использоваться, только если указан атрибут .
- =
- Если этот атрибут задан, он определяет тип части содержимого, например, результат обратного действия ссылки на ресурс. Типы содержимого определены в разделе .
- =
- Этот атрибут описывает отношение из текущего документа к якорю, заданному атрибутом . Значением этого атрибута является разделенный пробелами список типов ссылок.
- =
- Этот атрибут используется для описания из якоря, задаваемого атрибутом , в текущий документ. Значением этого атрибута является разделенный пробелами список типов ссылок.
- =
- Этот атрибут задает кодировку символов назначаемого ссылкой ресурса. Подробнее см. в разделе о .
Атрибуты, определяемые в другом месте
- , ()
- (), ()
- ()
- ()
- and ()
- , , , , , , , , , , , ()
- ()
- ()
- ()
Каждый элемент определяет якорь
- Содержимое элемента определяет положение якоря.
- Атрибут задает имя якоря, так что он может служить пунктом назначения любого числа ссылок (см. также ).
- Атрибут назначает якорь пунктом назначения ровно одной ссылки.
Авторы также могут создавать элемент , не определяющий ни одного якоря, и не указывающий , или . Значения этих атрибутов могут устанавливаться позднее с помощью
В следующем примере элемент определяет ссылку. Исходным якорем является текст " Web-сайте W3C", а пунктом назначения - "http://www.w3.org/":
Подробнее о W3C Вы можете узнать на <A href="http://www.w3.org/"> Web-сайте W3C</A>.
Эта ссылка указывает на страницу World Wide Web Consortium. Если пользователь активизирует эту ссылку в своем агенте, агент загрузит ресурс, в данном случае - документ HTML.
так, чтобы они были очевидны для пользователей (подчеркивание, обратное видео и т.д.). Конкретное представление зависит от агента пользователя. Представление может различаться в зависимости от того, посещал ли уже пользователь указанную ссылку. Возможное визуальное представлением предыдущей ссылки:
Подробнее о W3C Вы можете узнать на Web-сайте W3C.
~~~~~~~~~~~~~
Чтобы дать агентам пользователей явное указание кодировки символов целевой страницы, установите атрибут :
Подробнее о W3C Вы можете узнать на <A href="http://www.w3.org/" charset="ISO-8859-1">Web-сайте W3C</A>
Предположим, мы определяем якорь с именем "anchor-one" в файле "one.html".
...текст до якоря... <A name="anchor-one">Это местоположение первого якоря.</A> ...текст после якоря...
В данном фрагменте вокруг текста "Это местоположение первого якоря" создается якорь. Обычно содержимое элемента не представляется каким-либо особым образом, если элемент определяет только якорь.
Определив якорь, мы можем связать его с этим же или с другим документом. URI, назначающие якорь, включают символ "#", за которым следует имя якоря (). Вот несколько примеров таких URI:
- Абсолютный URI: http://www.mycompany.com/one.html#anchor-one
- Относительный URI: ./one.html#anchor-one или one.html#anchor-one
- Если ссылка определена в том же документе: #anchor-one
Таким образом, ссылка, определенная в файле "two.html", который находится в одном каталоге с файлом "one.html", будет указывать на этот якорь следующим образом:
...текст до ссылки... Подробнее см. <A href="./one.html#anchor-one"> первый якорь</A>. ...текст после ссылки...
Элемент в следующем примере задает ссылку (с помощью атрибута ) и одновременно создает именованный якорь (с помощью атрибута ):
Я только что вернулся из отпуска! Вот <A name="anchor-two" href="http://www.somecompany.com/People/Ian/vacation/family.png"> фотография моей семьи на озере.</A>.
В этом примере содержится ссылка на другой тип ресурса Web (изображение в формате PNG). Активизация ссылки должна привести к загрузке изображения из Web (и, возможно, его отображению, если система сконфигурирована соответствующим образом).
Примечание. Агенты пользователей должны уметь находить якоря, созданные пустыми элементами , но некоторые агенты не могут этого делать. Например, некоторые агенты пользователей могут не найти "empty-anchor" в следующем фрагменте HTML:
<A name="empty-anchor"></A> <EM>...некоторые текст в формате HTML...</EM> <A href="#empty-anchor">Ссылка на пустой якорь</A>
Именем якоря является значение атрибута или атрибута , используемого в контексте якоря. К именам якорей применяются следующие правила:
- Имена якорей должны быть уникальны в пределах документа. Имена якорей в одном документе не могут отличаться только регистром.
- Сравнение между и именами якорей должно проводиться на основе полного (с учетом регистра) совпадения.
Таким образом, следующий пример является корректным в смысле соответствия строк и должен рассматриваться агентами пользователей как совпадение:
<P><A href="#xxx">...</A> ...некоторый текст... <P><A name="xxx">...</A>
ПРИМЕР НЕДОПУСТИМОГО ИСПОЛЬЗОВАНИЯ:
Следующий пример не является корректным в смысле уникальности, поскольку два имени отличаются только регистром:
<P><A name="xxx">...</A> <P><A name="XXX">...</A>
Хотя далее приводится допустимый код HTML, поведение агента пользователя в данном случае не определено; некоторые агенты пользователей могут (ошибочно) считать это совпадением, другие могут так не считать.
<P><A href="#xxx">...</A> ...некоторый текст... <P><A name="XXX">...</A>
Подробнее см. в разделе .
Ссылки и якоря, определяемые элементом , не могут быть вложенными; элемент не должен содержать других элементов .
Поскольку DTD определяет элемент как пустой, элементы также не могут быть вложенными.
Атрибут может использоваться для создания якоря в начальном тэге любого элемента (включая элемент ).
В данном примере показано использование атрибута для размещения якоря в элементе . Связь с якорем осуществляется с помощью элемента .
Подробнее об этом Вы можете прочесть в <A href="#section2">Разделе 2</A>. ...далее в документе <H2 id="section2">Раздел 2</H2> ...далее в документе <P>Подробнее см. в <A href="#section2">Разделе 2</A> выше.
В следующем примере имя целевого якоря задается с помощью атрибута :
Я только что вернулся из отпуска! Вот <A id="anchor-two">фотография моей семьи на озере.</A>.
Атрибуты и используют одно и то же Это означает, что они не могут определять якорь с одним и тем же именем в одном и том же документе.
ПРИМЕР НЕДОПУСТИМОГО ИСПОЛЬЗОВАНИЯ:
Далее показан недопустимый фрагмент кода HTML, поскольку эти атрибут объявляют одно и то же имя дважды в пределах одного документа.
<A href="#a1">...</A> ... <H1 id="a1"> ...страницы и страницы... <A name="a1"></A>
По спецификации в HTML DTD атрибут может содержать . Таким образом, значение Dürst является допустимым для атрибута , так же как Dürst . Атрибут не может содержать ссылки на символы.
Что использовать - или ? При элемента или для указания имени якоря авторы должны иметь в виду следующее:
- Атрибут может быть не только именем якоря (а также селектором таблицы стилей, идентификатором обработки и т.д.).
- Некоторые агенты пользователей более старых версий не поддерживают якоря, созданные с помощью атрибута .
- Атрибут обеспечивает более разнообразные имена якорей (с использованием ).
Ссылка на недоступный или неопределяемый ресурс является ошибкой. Хотя агенты пользователей могут по-разному обрабатывать такие ошибки, рекомендуется следующее поведение:
- Если агент пользователя не может найти связанный ресурс, он должен уведомить об этом пользователя.
- Если агент пользователя не может идентифицировать тип связанного ресурса, он должен попытаться обработать его. Он должен уведомить пользователя и позволить пользователю вмешаться и определить тип документа.
Отношения документов: элемент
<!ELEMENT - O EMPTY -- независимая от устройства ссылка -->
<!ATTLIST LINK
-- , , --
#IMPLIED -- кодировка символов связанного ресурса --
#IMPLIED -- URI связанного ресурса --
#IMPLIED -- код языка --
#IMPLIED -- рекомендуемый тип содержимого --
#IMPLIED -- тип прямой связи --
#IMPLIED -- тип обратной связи --
#IMPLIED -- для представления на этих устройствах --
>
Начальный тэг: обязателен, Конечный тэг: запрещен
Атрибуты, определяемые в другом месте
- , ()
- (), ()
- ()
- ()
- , , , , , , , , , ()
- , , , , ()
- ()
- ()
- ()
Этот элемент определяет связь. В отличие от элемента , он может присутствовать только в разделе документа, хотя может присутствовать неограниченное число раз. Хотя элемент не имеет содержимого, он содержит информацию об отношениях, которая может представляться агентами пользователей различными способами (например, в виде панели с выпадающим списком ссылок).
В данном примере показано, как несколько определений элемента могут быть представлены в разделе документа. Текущим документом является "Chapter2.html". Атрибут указывает отношение связанного документа с текущим документом. Значения "Index", "Next" и "Prev" описаны в разделе, посвященном .
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd"> <HTML> <HEAD> <TITLE>Глава 2</TITLE> <LINK rel="Index" href="../index.html"> <LINK rel="Next" href="Chapter3.html"> <LINK rel="Prev" href="Chapter1.html"> </HEAD> ...продолжение документа...
Атрибуты и играют дополнительные роли - атрибут задает прямую ссылку, а атрибут - обратную.
Рассмотрим два документа - A и B.
Документ A: <LINK href="docB" rel="foo">
имеет точно то же значение, что и:
Документ B: <LINK href="docA" rev="foo">
Оба атрибута могут определяться одновременно.
Если элемент ссылается на внешнюю таблицу стилей для документа, атрибут указывает язык таблицы стилей, а атрибут - предполагаемое устройство или устройства для представления документа. Агенты пользователей могут сэкономить время, загружая из сети только те таблицы стилей, которые применяются к текущему устройству.
обсуждаются в разделе, посвященном таблицам стилей.
Авторы могут использовать элемент для указания различной информации для поисковых машин, включая:
- Ссылки на альтернативные версии документа, написанные на других языках.
- Ссылки на альтернативные версии документа, разработанные для других устройств, например, на версии, предназначенные специально для печати.
- Ссылки на начальные страницы набора документов.
В примерах ниже показано, как информация о языке, типах устройств и типах ссылок может использоваться для улучшения обработки документа поисковыми машинами.
В следующем примере мы используем атрибут , чтобы сообщить поисковым машинам, где находятся голландская, португальская и арабская версии документа. Обратите внимание на использование атрибутов и для руководства на арабском языке, а также на использование атрибута для указания того, что значением атрибута для элемента , указывающего руководство на французском языке, задано по-французски.
<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="Руководство на арабском языке"
dir="rtl"
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>
Дальнейшая информация приведена в замечаниях в приложении о том, .
Информация о пути: элемент
<!ELEMENT - O EMPTY -- базовый URI документа -->
<!ATTLIST BASE
#REQUIRED -- URI, служащий базовым --
>
Начальный тэг: обязателен, Конечный тэг: запрещен
Определения атрибутов
- =
- Этот атрибут задает абсолютный URI, служащий базовым URI для разрешения относительных URI.
Атрибуты, определяемые в другом месте
- ()
В HTML ссылки на внешние изображения, апплеты, программы для обработки форм, таблицы стилей и т.д. всегда задаются с помощью URI. Относительные URI в соответствии с базовым URI, который может определяться из различных источников. Элемент позволяет авторам
Если элемент указан, он должен присутствовать в разделе документа HTML, до элементов, ссылающихся на внешние ресурсы. Информация о пути, указанная в элементе , влияет только на URI в документе, в котором присутствует этот элемент.
Например, даны следующее объявление и объявление :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd"> <HTML> <HEAD> <TITLE>Наши продукты</TITLE> <BASE href="http://www.aviary.com/products/stat.php?p_tex=6"> </HEAD> <BODY> <P>Вы видели наши <A href="../cages/birds.gif">клетки для птиц</A>? </BODY> </HTML>
относительный URI "../cages/birds.gif" будет разрешен в:
http://www.aviary.com/cages/birds.gif
Агенты пользователей должны вычислять базовый URI для разрешения относительных URI в соответствии с , раздел 3. Далее описано, как применяется именно к HTML.
Агенты пользователей должны вычислять базовый URI в соответствии со следующим приоритетом (от высшего приоритет к низшему):
- Базовый URI, устанавливаемый элементом .
- Базовый URI, задаваемый метаданными, обнаруженными в процессе работы по протоколу, такими как заголовок HTTP (см. ).
- По умолчанию базовым URI является URI текущего документа. Не все документы HTML имеют базовый URI (например, документ HTML может присутствовать в сообщении электронной почты и может не определяться никаким URI). Такие документы HTML считаются erroneous, если они содержат относительные URI и используют базовый URI по умолчанию.
Кроме того, элементы и определяют атрибуты, имеющие преимущество над значением, установленным для элемента . Подробнее об относящихся к ним определениям URI см. в определениях этих элементов.
Ссылки, указанные в заголовках HTTP, обрабатываются в точности так, как элементы , явно установленные в документе.
Нет комментариев. Ваш будет первым!