Ссылки внутри html-документа

Рассмотрим оформление переходов в обычном html-документе. Так как в документе нужно отметить место, из которого осуществляется переход и место, куда надо перейти, то, очевидно, нужны теги <А> в этих двух местах. Место, откуда будет произведен переход, оформляется так:

<А href="#имя_якоря">текст для щелчка </А>

Место перехода отмечается якорем в виде:

<A name="имя_якоря"> </A>

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

<А href="#bottom">переход в конец документа </А>

а в конце документа оформляем тег

<А name="bottom"> </А>

Щелчок мышью по тексту перехода приведет к переходу в конец документа. Аналогично можно оформить переход из конца документа в его начало. Недостатком этого метода является то, что необходимо поместить в якорь (<A name="bottom">) какой-то элемент вверху страницы, так как некоторые браузеры не понимают пустые якоря. Кроме того, при переходе к якорю в Internet Explorer, может исчезать название страницы в заголовке браузера и нарушается логика работы кнопки Back (Назад). Но от этих проблем можно избавиться, перехитрив браузер. Для этого достаточно просто указать пустую ссылку <A href="#">вверх страницы</A>, не задавая никаких якорей. Браузер без лишних раздумий прокрутит страницу вверх, но в строке «Адрес:» высветит испорченный адрес сайта. Эти действия недокументированы, но хорошо, что в своем поведении в этом случае абсолютно все браузеры проявляют единодушие. Для сохранения правильного адреса сайта рекомендуем дополнить якорь необязательным атрибутом onClick со значением «scroll(0,0); return false», при этом он будет выглядеть как <A href="#" onClick="scroll(0,0); return false">вверх страницы</А>. Этот способ использует метод window.scroll(x,y), который позволяет переместится по странице на указанное количество пикселей по горизонтали (x) и вертикали (y). Причем если обнулить эти два параметра, то будет восстановлен исходный вид сайта в окне браузера.

Если Ваш документ стал слишком большим, то помимо описанных двух переходов желательно расставить «якоря», например, на заголовках подпунктов:

<A name="имя_якоря1"> </A>

<A name="имя_якоря2"> </A>

…………………………………….

<A name="имя_якоряN"> </A>

а в начале документа создать оглавление из ссылок на эти подпункты:

<А href="#имя_якоря1">текст1 для щелчка </А>

<А href="#имя_якоря2">текст2 для щелчка </А>

……………………………………………….

<А href="#имя_якоряN">текстN для щелчка </А>

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

В конце документа разработчик Web-страницы обычно дает гиперссылку на свой адрес электронной почты:

<А href="mailto:myname@mysite.md">присылайте Ваши отзывы и предложения </А>

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

Не нашли, что искали? Воспользуйтесь поиском: