Гипертекстовые ссылки

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

При создании Web-страницы вам придется решить две непростые задачи: выбрать типы используемых гиперссылок и оптимальным образом построить страницу.

Существуют три основных типа гиперссылок:

Внутренние ссылки (internal links) – это ссылки на объекты в пределах одного документа. С их помощью пользователь может перемещаться по одной и той же Web-странице. Данный тип ссылок полезно использовать на длинной странице, чтобы иметь возможность быстро перемещаться между ее разделами.

Внешние (external links) или удаленные (distant links) ссылки – это ссылки на другие Web-серверы.

Относительные (relative links) или локальные (local links) ссылки – это ссылки на другие Web-страницы или службы Internet, расположенные на одном сервере со страницей, содержащей ссылки. Подобные ссылки называются относительными потому, что их адреса даются относительно адреса Web-страницы, на которой содержится ссылка.

В основе ссылок лежат URL, по умолчанию в большинстве браузеров ссылки отображаются в виде подчеркнутых текстовых строк.

2. Понятие об URL и их использование

В каждой ссылке содержится URL (Uniform Resource Locator), или унифицированный локатор ресурсов. URL – это адрес Web-страницы, который отображается в поле Адрес, расположенном в левом верхнем углу окна браузера.

URL состоит из двух основных элементов: типа протокола и собственно адреса.

Тип протокола определяет вид ресурса Internet, с которым устанавливается связь. Самым распространенным протоколом является http:// (HyperText Transfer Protocol – протокол передачи гипертекста), с помощью которого по Web передаются HTML-документы. В качестве примеров других служб Internet можно привести ftp:// (File Transfer Protocol), telnet://.

Собственно адрес (destination) – это имя файла, каталога или компьютера. Приведем пример URL:

http://www.greatstar.com/lois/index.html

В этом URL определяется сервер, на котором находится HTML-документ, а также каталог и имя файла. Как видите, URL состоит из нескольких компонентов. Первый из них, префикс http://, определяет тип используемой службы Internet. Второй, www, представляет собой имя Web-сервера; хотя на этом месте чаще всего стоит www, могут использоваться и другие имена. Следующий компонент, greatstar.com, определяет домен, в котором находится сервер. Косвенно по имени домена можно судить о географическом положении сервера. Компонент lois/index.html определяет каталог на Web-сервере, в котором хранится файл.

Как отличить текст гиперссылок от остального текста? Обычно текст гиперссылок подчеркивается и, если разместить над ним указатель мыши, он (указатель) превратится в изображение руки.

3. Создание гиперссылок на другие Web-страницы

Большинство гиперссылок сами по себе являются частью элемента привязки, который создается с помощью дескриптора <A>. Этот дескриптор можно использовать в основной части HTML-документа, но только не внутри дескрипторной пары <HEAD></HEAD>. Самым распространенным атрибутом дескриптора <A> является HREF. Его значением является путь к файлу (или URL файла), на который делается ссылка. Элемент привязки всегда завершается конечным дескриптором </A>. Сам URL должен заключаться в кавычки и следовать за определением элемента привязки.

В HTML для гиперссылки используется следующий формат:

<A HREF="URL">текст ссылки</A>

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

<A HREF="велосипеды.html">Выбор велосипеда</A>

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

4. Создание внутренних ссылок в документе

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

Для внутренней ссылки, как и для внешней, нужно создать текст, на котором будет щелкать пользователь. И точно так нужно включить описание того места, на которое делается ссылка. Но для этого место необходимо как-то обозначить. Причем имя, определенное с помощью дескриптора <A NAME="значение">, не будет отображаться в браузере.

Создавая ссылку на другую часть страницы, воспользуйтесь символом (#) и именем привязки. Для этого вы можете выбрать любое имя. В результате получится так называемая объектная привязка:

<A HREF="#торт">Рецепты тортов</A>

Теперь нужно создать соответствующее имя объекта. После щелчка на этой ссылке браузер будет выполнять поиск по Web-странице, пока не найдет ту часть, которой присвоено имя торт. Эта часть страницы должна быть названа соответствующим образом:

<A NAME="торт">Коллекция рецептов тортов</A>.

5. Создание ссылок на ресурсы мультимедиа и на адреса электронной почты

Можно сделать так, чтобы после щелчка на некоторой ссылке раздавался какой-нибудь звук или воспроизводилась музыка. Для этого в дескрипторе <A> присвойте атрибуту HREF имя файла, в котором содержится звук или мелодия. Например, для воспроизведения музыкального фрагмента можно создать следующую ссылку:

Щелкните <A HREF="my_song.mid">здесь</A>, чтобы услышать новую песню!

При разработке Web-страниц многие авторы любят включать в них ссылки на свои адреса электронной почты. Это делается для того, чтобы посетители Web-страницы могли отправить авторам отзывы и замечания и выразить свое мнение о странице. Для создания ссылки на правильный адрес электронной почты поставьте перед ним запись mailto:.

<A HREF="mailto:gres@optima.com.ua">написать мне</A>

6. Загрузка страниц в различные фреймы

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

Чтобы контролировать процесс загрузки фреймов, нужно присвоить окнам фреймов имена. Для этого предназначен атрибут NAME, который используется в дескрипторе <FRAME>:

<FRAME SRC="URL" NAME="имя окна">

Если окно фрейма имеет уникальное имя, то к нему можно непосредственно обратиться из других окон фреймов, например:

<FRAME SRC="index.html" NAME="основное окно">

Присвоив фреймам имена, вы можете указать их в гипертекстовой ссылке с помощью атрибута TARGET, который помещается в обычный дескриптор привязки <A>. При этом используется следующий формат:

Бесплатная лекция: "Лекция-беседа 1" также доступна.

<A HREF="новый_URL" TARGET="имя окна"> текст ссылки </A>

Здесь "новый_URL" – это адрес нового документа, который вы хотите загрузить в определенное окно фрейма; имя окна – это имя, которое вы присвоили окну с помощью атрибута NAME в дескрипторе <FRAME>. В следующем примере приведена гиперссылка, в результате щелчка на которой файл products.html загрузится в окно, которое имеет имя Основное_окно:

Новые товары </A>

Практическое задание

Создайте папку, в которой будут содержаться страницы Web-сайта. Создайте две страницы, содержащие ссылки друг на друга. На одной странице создайте внутренние ссылки.

Поделитесь ссылкой:

Популярные услуги

Гипертекстовые ссылки

Рекомендуемые материалы

Рекомендуемые лекции