Карты-изображения

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

В клиентском варианте карта располагается в том же HTML-документе, что и ссылка на изображение.

Клиентский вариант карты-изображения

Для указания того, что изображение является картой, используется параметр usemap тега IMG. В качестве значения используется ссылка на описание конфигурации карты.

Чтобы сделать ссылки на закладки, следует использовать следующий код.

Для указания браузеру, что изображение является картой, используется параметр usemap. Он является ссылкой на описание конфигурации карты, которая задается тегом MAP. Значение параметра name данного тега должно соответствовать имени в usemap. Для задания активой области, являющейся ссылкой на HTML-документ, используется тег AREA.

Параметры тега AREA

SHAPE
Определяет форму активной области. Форма может быть в виде окружности (circle), прямоугольника (rect), полигона (poly).

ALT
Добавляет альтернативный текст для каждой области. Служит лишь комментарием для ссылки, поскольку на экран никогда не выводится.

COORDS
Задает координаты активной области. Координаты отсчитываются в пикселах от левого верхнего угла изображения, которому соответствует значение 0,0. Первое число является координатой по горизонтали, второе - по вертикали. Список координат зависит от формы области.

Для окружности задаются три числа - координаты центра круга и радиус.

Для прямоугольника - координаты левого верхнего и правого нижнего угла.

Для полигона задаются координаты его вершин 

HREF
Определяет адрес ссылки для области. Правила записи такие же, как и для тега А. 

Ссылки внутри страницы

Большие документы читаются лучше, если они имеют оглавление со ссылками на соответствующие разделы. Для создания ссылки следует вначале сделать закладку в соответствующем месте и дать ей имя при помощи параметраname тега А.

Между тегами <a name=top> и </a> отсутствует текст, так как требуется лишь указать местоположение перехода по ссылке, находящейся внизу страницы. Имя ссылки на закладку начинается символом #, после чего идет название закладки. Название выбирается любое, соответствующее тематике.

Можно, также, делать ссылку на закладку, находящуюся в другой веб-странице и даже другом сайте. Для этого в адресе ссылки надлежит указать ее адрес и в конце добавить символ решетки # и имя закладки.

                                                              Если надо сделать ссылку на страницу своего сайта?
Допустим у вас всего 2 страницы page1.htm и page2.htm , которые лежат в одной папочке. В данном случае ссылка html со страницы page2.htm на страницу page1.htm будет выглядеть примерно так:

Если к примеру page1 помещена в подпапку sozdaysait, то ссылка html будет выглядеть так:

Если надо сделать ссылку html с одной части страницы на другую?
Для этого используют атрибут id и символ "#". В начале замаскируйте элементы, на которые будете ссылаться, к примеру заголовки.

Теперь добавляем знак "#" в атрибуте ссылки html и получаем ссылку на заголовок:

<a href="#heading3"> Ссылка на заголовок </a>

Ссылки во фреймах

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

Предположим у нас есть документ состоящий из двух фреймов, названных menu и content, как изображено на рисунке внизу.

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

Если параметр ссылки target=content будет опущен, документ откроется в текущем фрейме, где находится сама ссылка.

Ссылка на новое окно

Если требуется сделать ссылку на документ, который открывается в новом окне браузера, используется параметрtarget=_blank тега А.

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

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

Ссылка на адрес электронной почты

Создание ссылки на адрес электронной почты делается почти также, как и веб-страницу. Только вместо URL указывается mailto:адрес электронной почты.

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

Можно автоматически добавить тему сообщения, присоединив к адресу электронной почты через символ вопроса ? параметр subject=тема сообщения.

При запуске почтовой программы поле Тема (Subject) будет заполнена автоматически.