В основе всемирной сети Интернет лежат гипертекстовые связи между миллионами вебстраниц - это уже знает, вероятно, каждый школьник. Но что скрывается за щелчком по гипертекстовой ссылке, я имею в виду не ту, следующую страницу, куда переходит пользователь по нажатой ссылке, а сам механизм «построения» гиперссылки, как она создается, как она работает, ее разновидности и «хитрости» использования знакомы далеко не каждому пользователю сети. Данная статья, как и ряд последующих за ней, посвящены именно ей, «королеве Интернета», гипертекстовой ссылке. Начнем же мы свое рассмотрение гиперссылки с самых азов - с механизма ее внедрения в текст страницы и разновидностей ссылок.

1.    Что является объектом гиперссылки

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

2.    Виды гипертекстовых ссылок

Различают три вида гиперссылок по конечной цели ее направленности, а именно:

-    Гиперссылка с веб-страницы на другие страницы в пределах этого же сайта или так называемые «локальные гиперссылки»..Также их называют еще «относительными» ссылками, ведь «цель» назначения определяется (и работает) относительно данной веб-страницы.

-    Гиперссылка с веб-страницы на страницы, находящиеся на другом (практически любом) сайте сети Интернет, или так называемые «внешние гиперссылки». Они же еще называются «абсолютными» гиперссылками, ведь «цель» гиперссылки может находиться «абсолютно» на любом сервере сети. Их также можно указывать в текстах печатных изданий, пересылать по электронной почте и т.д., так как выглядят и «работают» они абсолютно одинаково при переходе по ним с любого компьютера сети.

-    Ссылки на назначенные фрагменты этой же самой страницы. К этому же виду можно отнести ссылки на аналогичным образом назначенные фрагменты других страниц этого сайта или любого другого.

Кроме того, гиперссылки различают по методу «исполнения», так как ссылки могут быть «прямыми» или выполненными при помощи скрипта или редиректа.

3.    Внедрение гиперссылки в HTML-код веб-страницы

Для определения (создания)гипертекстовых связей в языке HTML используется тег <А>. Данный тег относится к контейнерному типу, а из этого следует, что он в обязательном порядке должен иметь свой закрывающий, в данном случае - </ А>. Цель, или иначе говоря «место назначения» ссылки определяется параметром HREF= «...», куда и записывается адрес Интернет-узла.

Примечание: далее в тексте понятие «цель» будет использовано также и в другом контексте. Сейчас под «Целью» подразумевается адрес интернет-сайта или веб-страницы.

К тегу «А» применяется ряд еще других параметров с различными значениями, но об этом мы поговорим позже.

4.    Создание относительной гиперссылки

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

<А HREF=«веб-страница. html»>TeKCT, выступающий в качестве гиперссылки</А>

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

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

<а HREF=«hma директории/вебстраница, html» >Текст, выступающий в качестве гиперссылки</А>.

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

<А HREF=«../веб-страница. html»>TeKCT, выступающий в качестве гиперссылки</А>.

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

<А HREF=«../mma директории/ веб-страница.html»>TeKCT, выступающий в качестве гиперссылки</А>.

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

5. Абсолютные гиперссылки

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

<А HREF=«http://www.websuite. ru/.../веб-страница. html»>TeKCT, выступающий в качестве гиперс-сылки</А>, если ссылка ведет на веб-страницу;

<А HREF=«http://www.websuite. ги/»>Текст, выступающий в качестве гиперссылки</А>, если ссылка ведет на веб-сайт.

Из особенностей использования ссылки прошу обратить ваше внимание на слеш в конце адреса. С точки зрения пользователя адреса «http:// websuite.ru» и «http://websuite.ru/» являются одинаковыми, так как в результате щелчка по ссылке они попадут на один и тот же сайт. Однако, с точки зрения обработки адреса браузером - это не один и тот же адрес. Во втором случае браузер вам сразу загрузит в окне индексную страницу указанного сайта, тогда как в первом случае браузером будет предварительно отправлен запрос на сервер для получения верной ссылки на страницу, и только после получения ответа будет послан запрос на передачу на локальный компьютер содержимого индексной страницы. Аэто как, вы понимаете, лишняя трата времени и трафика.

Примечание: индексной страницей именуется главная страница сайта, находящаяся в корневой директории и носящая имя index.htm (возможные варианты: index.html, index.php, detault.html, default.asp и т.д.), которая выдается сервером по умолчанию при обращении к нему по имени сайта.

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

6. «Обратные» ссылки

Система навигации сайта предусматривает «переходы» посетителя с главной страницы сайта на оглавления разделов, с них на подразделы (если таковы имеются) и, наконец, на страницы с содержимым. Это в общих чертах, так как система навигации сайта на самом деле гораздо сложнее и гибче, что, к слову

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

К чему я все это говорю? Пользователю должно быть «удобно» не только переходить «вперед» от главной страницы к разделу, а затем к содержательным страницам, но и также «обратно» к оглавлениям разделов и к главной странице. Для этого необходимо предусмотреть на каждой вашей веб-странице гиперссылку для перехода к: а) главной странице; б) на уровень (или два, в зависимости от конструкции навигации вашего сайта) выше.

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

Обойтись без использования всех вышеназванных сейчас ссылок, конечно, можно-этому способствует устройство нашего браузера, который сохраняет историю переходов, и, щелкая по кнопкам «Назад» и «Вперед», можно вновь посетить «пройденные» веб-страницы. Тем не менее я вам советую - не надейтесь на функции браузера, а проявите дополнительную заботу о своих посетителях и позаботьтесь об установке на страницах своего веб-сайта всех вышеназванных гиперссылок, поверьте - пользователи это оценят.

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

Как это сделать: для такой цели существует у тега <А> дополнительный параметр TARGET=«...», что значит «цель» ссылки (вы, вероятно, помните, мы говорили об этом немного ранее). У данного параметра имеется четыре значения: «_self», «_blank», « parent» и «_top». Первое из этих значений означает, что содержимое веб-страницы, на которую указывает гиперссылка, будет загружено в текущее окно браузера и обычно используется браузерами по умолчанию. Последние два значения к нам сейчас отношения не имеют, а вот второе значение, а именно «_blank», как раз и представляет для нас интерес. Для загрузки содержимого веб-страницы, на которую указывает гиперссылка с установленным параметром TARGET= и значением « blank», браузером будет открыто новое окно.

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

Во-вторых, интерфейс современных браузеров имеет обширные возможности по настройке работы с гиперссылками, точнее - с функцией открытия окон и вкладок (в качестве примера можете посмотреть меню настроек Mozilla Firefox (screen 1) и Opera (screen 2)), что дает возможность каждому пользователю компьютера самостоятельно настроить способ открытия новых окон и вкладок. В связи с этим на сегодняшний день параметр TARGET= уже не настолько актуален и его можно считать «атавизмом» при работе с гиперссылками.

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

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

Метка в содержании страницы, куда переместится посетитель после щелчка по гиперссылке, задается при помощи якоря, иначе говоря - «Anchor» (анкора). Выбираете на странице нужное место и делаете следующую запись:

<А NAME=«glava1»> текст, к которому переместится посетитель </А>

В значении параметра NAME= (имя) пишете произвольное название.

<А HREF=«#glava1 »> один из пунктов вашего оглавления</А> -

Таким образом устанавливаете гиперссылку в оглавлении вебстраницы, где в качестве значения параметра HREF= записываете присвоенное метке имя. Символ «#» сообщает о том, что ссылка ведет на якорь.

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

<А NАМЕ=«другая веб-страница. html#glava1 »>Текст, выступающий в качестве гиперссылки</А>

Примечание: на данный момент в связи с новыми спецификациями HTML актуальнее использовать вместо параметра NAME= более современный - ID=»...», однако имеется риск, что старыми версиями браузеров данный параметр может оказаться непонятым.

8. Другие виды гиперссылок

В качестве гиперссылки, как уже было сказано выше, может выступать не только текст, но и графическое изображение:

<А НREF=«веб-страница.html (или веб-страница. html#glava1 )»><IMG SRC=»aflpec местонахождения изображения. jpg»x/A>

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

Изображение условно делится на сектора и в отдельном месте на вебстранице (либо в отдельном файле) записывается карта графических ссылок. Сектора могут иметь различную форму - прямоугольник, круг и многоугольник с любым количеством углов («rect», «circle» и «poly» соответственно), которые нужно указать (вместе с координатами, указанными в параметре COORDS=) в качестве значения параметра SHARE=«...» тега <AREA>, описывающего каждый отдельный сектор. Затем все сектора заключаются в контейнер <МАР NAME=»...»> </МАР>, а в атрибуте NAME= присваиваете ей произвольное имя.

Теперь из любого сектора можете создать гиперссылку, записав ее в значении параметра HREF=, а в теге внедрения картинки в содержимое веб-страницы обязательно укажите параметр USEMAP=«#...», где после знака «#» запишите имя, данное вами карте графических ссылок. Приблизительно у вас это будет выглядеть следующим образом:

<IMG SRC=»hma рисунка.gif» иБЕМАР=«#имя карты графических ссылок»> - эта строка будет записана в месте внедрения рисунка. <МАР МАМЕ=»имя карты»> < A R Е A  SHARE = «rect»

COORDS=«..., ..., ..., ..., ....,»

HREF=»aflpec гиперссылки»>

</МАР> - приблизительно так будет выглядеть сама карта графических ссылок, которую можно разместить в конце вашей вебстраницы или в отдельном файле.

Создавать гиперссылки, разумеется, можно, используя не только другие веб-страницы, но и файлы других типов - рисунки, приложения, архивы и т.д. Если ваш браузер понимает указанный тип файлов, то при переходе по такой гиперссылке он попытается открыть его самостоятельно. Например, для просмотра фотографии, воспроизведения flash-роликэ, аудио- или видиозаписи и т.д. Если же тип файла ему не известен, то браузер предложит вам поискать подходящее приложение среди установленных на вашем компьютере либо сохранить файл на жесткий диск, чтобы вы могли поработать с закаченным файлом позже, в удобное для вас время. Надо заметить, что многие пользователи стараются «обучить» свой браузер понимать некоторые из требующихся им типов файлов, подключая к браузеру дополнительные модули или так называемые плагины (plug-in).

Гиперссылка на файлы других типов ничем не отличается от обычной ссылки на веб-страницу:

<AHREF=«http://www. websuite.ru/ katalog/мои документы.zip»>TeKCT, выступающий в качестве гиперссылки</А>.