Гиперссылка — это связь между веб-страницами или файлами. При щелчке гиперссылки указанный в ней объект отображается в веб-обозревателе, открывается или запускается в зависимости от типа этого объекта. Часто гиперссылка указывает на другую веб-страницу, но может также указывать на рисунок, мультимедийный файл, адрес электронной почты или программу.

Справочная информация о гиперссылках. Может быть использована при заказе оформлении сайта (дизайна сайта).

Гиперссылки бывают внешние и внутренние.

• Внешняя гиперссылка - гиперссылка, ведущая на файл, расположенный вне данного сайта.

• Внутренняя гиперссылка - гиперссылка, ведущая на файл, расположенный в данном сайта.

Неработающая (сломанная) гиперссылка - гиперссылка, указывающая на недоступный файл.

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

Примеры гиперссылок:

Сделать стартовой | Добавить в Избранное
 
Гиперссылка в виде рисунка - рисунок, которому назначен адрес URL назначения.

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

Примечание.

На некоторых сайтах форма курсора при наведении курсора на гиперссылку может быть иной и вводить посетителей сайта в заблуждение. Это объясняется желанием веб-дизайнеров поэкспериментировать. Заказывать подобные "новшества" не рекомендуем.

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

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

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

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

 
Для привлечения внимания к гиперссылке можно использовать в ней эффекты динамического формата HTML (DHTML: расширение языка HTML, добавляющее средства мультимедиа, доступа к базам данных, которые могут использоваться программами для изменения стилей и атрибутов элементов страниц, а также для замены существующих элементов новыми). Наведите курсор на указанные элементы:

1. В таблице:

2. На анимацию:

Заказать сайт

Вид гиперссылки передаёт сведения о том, куда она указывает. Пример: гиперссылка указывает на домашнюю страницу сайта в Интернете.

 
Имеется возможность выбрать цвета, которые будут использоваться в веб-обозревателе для отображения гиперссылок. Могут быть выбраны четыре цвета гиперссылок, соответствующие разным их состояниям:

1. Гиперссылка — не использовавшаяся гиперссылка.

2. Активная гиперссылка — выбранная в настоящий момент гиперссылка.

3. Просмотренная гиперссылка — гиперссылка, по которой уже был осуществлен переход.

4. Гиперссылка, обозначающая, что посетитель находится на конкретной странице.

Строго говоря, можно задавать только первые три состояния гиперссылки. Четвёртое состояние - цвет текста страницы сайта.

• Гиперобъект — невидимая область рисунка, которой назначена гиперссылка.

• Текстовый гиперобъект - строка текста, помещенная в рисунок, которой назначена гиперссылка. Когда посетитель узла щелкает эту область или строку, в веб-обозревателе открывается объект, адрес которого указан в гиперссылке.

• Гиперобъекты могут иметь форму прямоугольников, кругов и многоугольников.

• Гиперкарта - рисунок, содержащий один или несколько гиперобъектов. Гиперкарта обычно содержит подсказки о расположении гиперобъектов.

Ниже представлен рисунок с изображением пяти кругов разного цвета. Когда посетитель узла щелкает по какому-либо кругу, он переходит на соответствующую страницу:
 

<map name="FPMap0"><area alt="техническое задание на создание сайта" coords="4, 3, 63, 58" shape="rect" href="http://www.antula.ru/weborder-tz.htm" /><area alt="задание на сопровождение сайта" coords="71, 5, 128, 57" shape="rect" href="http://www.antula.ru/weborder-tz_2.htm" /><area alt="договор на создание сайта" coords="134, 6, 191, 58" shape="rect" href="http://www.antula.ru/dogovor.htm" /><area alt="заявка на создание сайта" coords="198, 6, 261, 58" shape="rect" href="http://www.antula.ru/order.htm" /><area alt="разногласия" coords="266, 4, 323, 58" shape="rect" href="http://www.antula.ru/clame.htm" /> </map>

Зелёный круг - техническое задание на сайт

Жёлтый круг - сопровождение сайта

Фиолетовый круг - договор на сайт

Синий круг - заявка на создание сайта

Красный круг - разногласия

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

Различия между гиперкартой и рисунком

с используемой по умолчанию гиперссылкой:

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

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

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

   • Если посетители сайта запомнили или добавили конкретную страницу в "избранное", то неработающая гиперссылка приведёт к появлению сообщения об ошибке в браузере посетителя.

Для справки

Абсолютный URL-адрес - полный адрес страницы или другого ресурса в Интернете. В абсолютный URL-адрес включается протокол, например "http", сетевое расположение, а также дополнительный путь и имя файла.

Пример

(абсолютный URL-адрес)

www.antula.ru

 
Относительный URL адрес -  адрес страницы узла, в котором отсутствуют один или несколько компонентов. Недостающие сведения содержатся на странице, содержащей адрес URL. Например, если не указаны название протокола и имя веб-сервера, в веб-обозревателе используются протокол и домен текущей страницы.

Пример

(абсолютный URL-адрес для конкретного компьютера, на котором расположен данный сайт)

C:\Documents and Settings\MASTER\Мои документы\Antula\index.htm  

• Две точки со слэшом (../) в начале адреса означают подъем на директорию вверх.

• Чтобы подняться на директорию выше, надо написать ../, на две директории выше - ../../ и т.д.

О возможности применения гиперссылок для проверки установленного у посетителя подключаемого модуля (Windows media Player, Flash, Quick Time, Real Player и Shockware) и перехода на определённую страницу, в зависимости от того, какой именно подключаемый модуль установлен...