Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 21 стр.

UptoLike

ВУЗ: 

ТГТУ | Тамбов

Составители: 

Рубрика: 

Рис. 7
Относительные ссылки позволяют связываться с файлами, находящимися по тому же адресу, т.е. на том же сервере.
При создании ссылки с одной страницы на другую в пределах одного и того же узла, когда обе страницы находятся в одном
и том же каталоге, все, что нужно сделать, – это присвоить в качестве значения гипертекстовой ссылки имя файла:
<А href="test.html"</А>
Задача несколько усложняется, когда необходимо создать ссылку на документ на том же сервере, но в другом каталоге.
Например, если HTML-страница находится в главной папке, но имеется еще подпапка Jo, в которой резмещен файл jo.html.
Тогда в гипертекстовой ссылке надо указать относительный путь к этому файлу:
<А href="jo/jo.html"> Новая страница</А>
Теперь браузеру известно, что поиск следует вести в каталоге jo, а не в том, где находится первоначальный документ.
К файлу всегда надо указывать точный путь из первоначальной Web-страницы. Если бы в каталоге jo была подпапка
stories и требовалось бы установить ссылку из первого документа в главной папке, то в ссылке пришлось бы указать полный
путь к тому файлу, который требуется загружать в браузере. Допустим, будем загружать файл travels.html. Синтаксис в этом
случае должен выглядеть таким образом:
<А href="jo/stories/travels.html">Страница о приключениях </А>
Чтобы перейти из папки в ее родительскую папку, для относительных ссылок используются ".." (две точки подряд). Та-
ким образом, для перехода из jo.html к index.html, находящемуся в главной папке, необходимо создать следующий код:
<А href="../index.html">Назад, на начальную страницу</А>
С его помощью можно попасть в верхний, или корневой каталог, где находится файл index. html.
Весьма полезным методом перемещения являются внутренние ссылки. Данный вид ссылок указывает текст, который рас-
полагается не на другой странице, а на той же, где и ссылки. В этом случае месту на странице, к которому происходит переход
по внутренней ссылке, должно быть присвоено имя. Это называется меткой, или именованным элементом привязки:
<A name="Метка"> Текст </A>
Для перехода к именованному элементу привязки необходимо создать ссылку следующего вида:
<A href="#Метка"> Текст ссылки </A>
Когда пользователь щелкнет на тексте ссылки, он переместится на именованный элемент привязки.
В качестве примера внутренних ссылок рассмотрим следующий код:
<P>На этой странице вы найдете произведения
<A href="#Bulychev">Кира Булычева</A>
<A href="#Stugatski">братьев Стругацких</A>
<A href="#Belyaev">Александра Беляева</A> и других
<LI> <A name=Bulychev> Кир Булычев </A>
<UL>
<LI> Агент КФ
<LI> Подземелье ведьм
</UL>
<LI> <A name=Stugatski> Братья Стругацкие </A>
<UL>
<LI> Хромая судьба
<LI> Град обреченный
</UL>
<LI><A name=Belyaev > Александр Беляев </A>
<UL>
<LI> Голова профессора Доуэля
<LI> Человек-амфибия
</UL>
</UL>

Страницы