Гиперссылки

Важнейшим достоинством языка HTML является возможность создания гиперссылок. С помощью гиперссылок устанавливаются связи с другими местами данного документа (внутристраничные связи), с другими страницами данного сервера (внутрисистемные), с другими WWW-серверами (межсистемные), а также с файл-серверами и почтовыми серверами (межпротокольные). Именно гиперссылки совместно с линиями связи и серверами участвуют в создании Паутины - WWW. Для определения местоположения отдельного ресурса сети используется указатель, который называется URL (Uniform Resource Locator). URL - это универсальный указатель ресурсов, адрес, который описывает путь к конкретному документу. Он содержит информацию об используемом протоколе, имени сервера, имени домена. Иногда приводятся сведения о директории, в которой хранится файл, и имени файла. Рассмотрим пример создания гиперссылки на страницу, расположенную на другом сервере по отношению к серверу, на котором расположен просматриваемый документ:

<а href=" http://www.midi.ru ">Midi-My3biKa

Действие этого фрагмента программы таково: на экране появляется гиперссылка Midi-музыка, при щелчке по которой происходит переход по адресу http://www.midi.ru.

Заметим, что здесь имя тега обозначено символом "а", имя атрибута -словом href. Значение аргумента в данном теге - это адрес в сети (URL=http://www.midi.ru). Следующая гиперссылка позволяет вывести на экран страницу, расположенную на том же сервере, что и страница, с которой происходит вызов документа.

<а href-'glossary.htm''>Fnoccapnh

Заметим, что в данном случае вызываемый документ расположен в той же папке, что и отображаемый на экране документ.

В рассматриваемом случае аргумент атрибута href имеет значение glossary.htm. Это значит, что браузер будет искать указанный документ на данном сервере, в текущей папке. Подобает обратить внимание на следующий момент: если в адресе перехода не указан каталог (директория, папка), то переход будет выполнен внутри текущего каталога (папки). Если в адресе перехода не указан сервер, то переход будет выполнен на страницу, расположенную на данном сервере, в указанном в адресе каталоге.

Таким образом, если осуществляется переход между документами одного сайта, то адрес можно указывать не полностью. В этом случае используется так называемая относительная адресация. Рассмотрим правила относительной адресации на примере некоторого сайта (Site), содержащего три папки (Folder 1...3) и пять Web-страниц (index и docl...doc4). Файловая сис-

тема сайта показана на рисунке. Чтобы сделать ссылку из документа doc2.html на документ doc3.html, достаточно записать относительный адрес doc3.html. В этом случае форма относительного адреса простейшая. Это объясняется тем, что оба документа находятся в одной папке. Ссылка из документа docl.html на страницу doc2.html осуществляется так: Folder2/doc2.html. В этом случае пришлось войти внутрь папки Folder2. Для осуществления ссылки из документа docl.html на документ index.html относительный адрес записывается так: ../index.html. В последнем случае необходим переход на один уровень вверх. Двоеточие и слеш управляют таким переходом. Наконец, чтобы сделать переход от документа doc2.html к странице doc4.html, следует использовать относительный адрес ../Folder3/doc4.html. Вначале пришлось выйти из папки Folder2, а затем войти в папку Folder3. Относительная адресация удобна при смене сервера, на котором располагается сайт. Хотя доменный адрес у нового сайта изменяется, относительные адреса остаются прежними. Это ускоряет отладку сайта, перенесенного на новое место (на другой сервер).

Следующий фрагмент программы позволяет перейти к заранее отмеченному месту на текущей Web-странице.

<а href="https://ozlib.com/1075947/informatika/giperssylki#begin">IIepexofl в начало документа

Аргумент "#begin" указывает метку (опорную точку, якорь, anchor) на текущем документе, куда должен быть осуществлен быстрый переход. В рассматриваемом примере произойдет быстрое "листание" документа, и на экране после щелчка мышью по гиперссылке мгновенно появится начало просматриваемого документа. Браузер будет искать указанную метку на данном сервере и на текущей странице. Предварительно точка перехода должна быть помечена программистом следующим образом:

Естественно, что метка должна располагаться в самом начале документа (в том месте, куда по замыслу дизайнера должен произойти переход).

При щелчке мышью по гиперссылке Переход в начало документа произойдет перемещение к якорю со значением атрибута name-'begin". Такие метки удобно использовать при создании больших документов (книг, отчетов, энциклопедий). В начале документа можно поместить оглавление, состоящее из ссылок на метки, расположенные в заголовках разделов книги. Для того чтобы прямо с Web-страницы можно было отправить электронное письмо, нужно в программу включить следующий текст (межпротокольная ссылка):

<а href="mailto: Этот адрес e-mail защищен от спам-ботов. Чтобы увидеть его, у Вас должен быть включен Java-Script ">

Электронное письмо Алексееву А.П.

После слова mailto: указан электронный адрес получателя писем (это аргумент атрибута href). Внутри контейнера (между тегами) приведен поясняющий текст, который будет играть роль гиперссылки. Фраза "Электронное письмо Алексееву А.П." при просмотре в браузере будет подчеркнутой, и при попадании на нее курсора он превратится в указующий перст (ладошку, кисть руки). В качестве гиперссылки можно использовать графическое изображение (рисунок или фотографию). Ниже приведен фрагмент программы, который позволяет выполнить переход на другую Web-страницу с помощью щелчка мышью по рисунку (изображение кнопки - button):

<а href="http://www.rambler.ru">

Язык HTML позволяет запускать звуковые файлы, заранее подготовленные разработчиком страницы. Рассмотрим пример:

Здесь находится звуковой

<а href="http://www.aleks.pgati-vt.da.ru/privet.wav">npHBeT>

Звуковой файл privet.wav должен быть заранее подготовлен с помощью средств мультимедиа (микрофона и аналого-цифрового преобразователя) и размещен по соответствующему адресу (в данном случае по адресу http://www.aleks.pgati-vt.da.ru/privet.wav). На экране монитора поясняющая надпись и гиперссылка будут выглядеть так:

Здесь находится звуковой привет.

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

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

<а Ьге1="]а2.п^">джазовая композиция

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

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

Краткие итоги

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

Относительная адресация упрощает процедуру переноса сайта на новый сервер. При этом изменение доменного адреса не требует большой коррекции сайта.

Файл, с которого начинается загрузка первой страницы сайта, должен иметь имя index.html.

Следует обратить внимание на написание имен вызываемых файлов. Серверы, работающие под управлением операционных систем Windows, являются регистронезависимыми. Серверы, работающие под операционной системой UNIX, чувствительны к изменению регистра. Поэтому файлы с именем foto.JPG должны вызываться гиперссылкой foto.JPG, но не foto.jpg.