Переход к ресурсу, на который указывает ссылка

По умолчанию со ссылкой связана загрузка другого ресурса Web. Это поведение достигается обычно путем выбора ссылки (например, с помощью щелчка мыши, ввода с клавиатуры и т.д.).

В следующем HTML-фрагменте содержится две ссылки, у одной целевым anchor является документ HTML с именем "chapter2.html", а у второй целевой anchor - изображение в формате GIF, расположенное в файле "forest.gif":

<BODY>

...какой-то текст...

<P>Подробнее см. в <A href="chapter2.html">главе два</A>.

См. также <A href="../images/forest.gif">карту леса.</A>

</BODY>

Путем активизации этих ссылок (с помощью щелчка мыши, ввода с клавиатуры, голосовых команд и т.д.) пользователи могут перейти к этим ресурсам. Обратите внимание, что атрибут href в каждом исходном anchor указывает адрес целевого anchor с использованием URI.

Целевой anchor ссылки может быть элементом в документе HTML. Целевому anchor должно даваться имя и адрес URI, адресующий этот anchor, Должен содержать это имя в качестве идентификатора объекта.

Целевые anchors в документах HTML могут указываться с помощью элемента А (именующего его с помощью атрибута name) или с помощью любого другого элемента (именующего с помощью атрибута id).

Таким образом, например, автор может создавать оглавление, элементы которого являются ссылками на элементы заголовков H2, H3 и т.д. в том же документе. Используя элемент A для создания целевых 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...


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: