Онлайн учебники на TEPKA.ru

Учебник по HTML 4

       

HTML ссылки на другие документы и файлы

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

Значение ссылок в мире Интернета трудно переоценить. Читая книгу, вы имеете ее всегда под рукой. Работая в Web-пространстве, вы часто понятия не имеете, где находится та или иная нужная вам страница. Поэтому ссылки здесь являются единственной возможностью перейти от одного документа к другому.

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

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

Организация ссылок

Ссылка состоит из двух частей. Первая из них — это то, что вы видите на Web-странице; она называется указатель ссылки (anchor). Вторая часть, дающая инструкцию браузеру, называется адресной частью ссылки (URL-адрес). Когда вы щелкаете мышью по указателю ссылки, браузер загружает документ, адрес которого дается URL-адресом. Ниже рассмотрены правила построения отдельных элементов ссылок.

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

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

Приведем пример записи для текстового указателя ссылки:

<A HREF="example.html">этот текст является указателем ссылки</А>

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

<A HREF="example.html"><IMG SRC="picture.gif""></A>

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

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

Если в URL-адресе не указывается полный путь к файлу, то такая ссылка называется относительной. В этом случае определение местоположения файлов выполняется с учетом местоположения документа, в котором имеется такая ссылка. Например, если браузер загрузил страницу, находящуюся по адресу http://www.mysite.com/page, то относительный указатель /picture подразумевает адрес http://www.mysite.com/page/picture, т. е. подкаталог, расположенный на той же машине.

Примечание

Относительный указатель работает по-другому, если в HTML-документе используется тег <BASE>. Ниже в данной главе показывается, что в этом случае указатель дает адрес относительно URL-адреса, определенного в теге <BASE>.

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

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

Правила записи ссылок

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

Тег <A>

Тег <A> имеет единственный параметр HREF, значением которого является URL-адрес. Указатель может быть как относительным, так и абсолютным, например, http://www.server.com/home/index.htm. Этот тег является контейнером, поэтому необходимо поставить закрывающий тег </А>:

<A HREF=URL-адрес>Текстовый указатель ссылки</А>

Указатель ссылки может быть относительным или абсолютным. Для облегчения работы с относительными указателями ссылок введен тег <BASE>. Он располагается в начале документа в разделе HEAD и содержит URL-адрес, относительно которого в документе построена вся адресация. Это указание влияет на любой тег документа, в котором используется относительная адресация. Если тег <BASE> отсутствует, то адресация строится относительно адреса текущего документа.

Внутренние ссылки

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

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

<A NAME=chapter_5> </A>

Обратите внимание, что в приведенном примере отсутствует содержимое тега <A>. Обычно именно так и делают, поскольку здесь нет необходимости как-то выделять текст, а требуется лишь указать местоположение.

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

<A HREF="#chapter_5">Глава 5</A>

Теперь, если пользователь щелкнет кнопкой мыши на словах "Глава 5", браузер выведет соответствующую часть документа в окне просмотра.

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

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

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

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

Ссылки на другие ресурсы Интернета

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

Ресурсы Интернета весьма разнообразны по форме и содержанию. Хотя HTML предполагает возможность создания своих собственных версий этих ресурсов с помощью механизма обработки данных форм, есть более простые пути к взаимодействию с системами UseNet, Telnet, FTP, e-mail и другими. Например, вы можете создать документ с использованием различных тегов форм, текстовых элементов и кнопкой для отправки электронного письма на ваш адрес. Однако будет намного проще для связи указать лишь свой адрес электронной почты. В этом случае упрощается обновление страницы, которое не будет связано с изменениями форм. Кроме того, многие браузеры имеют встроенную поддержку некоторых ресурсов, что дает возможность сократить время на установление связи с ними.

Используя ранее какой-либо ресурс сети, вы, скорее всего, захотите сохранить эту связь. Если у вас уже работает система Gopher с автоматическим обновлением информации, нет смысла переделывать его под Web-сайт. Легче создать ссылку на него с вашей новой Web-страницы.

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

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

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

<A HREF="mailto:sergeev@mail.ifmo.ru">Присыпайте ваши отзывы и предложения</А>.

Эта ссылка не будет ничем отличаться от остальных гипертекстовых ссылок вашего документа. То же самое можно сказать и о ссылках на другие ресурсы Интернета. После щелчка мышью на ссылке на ваш адрес браузер откроет собственное окно для работы с электронной почтой. Интерфейсы могут быть разными, но большинство программ автоматически вводят в сообщение адрес и имя пользователя и напоминают о необходимости заполнения строки "Subject".

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

<HTML>

<HEAD>

<TITLE>Личная страница Александра Сергеева</TITLE>

</HEAD>

<BODY>

<H1 ALIGN=CENTER>Добро пожаловать!</H1>

<HR>

Основное содержание страницы

<HR>

<ADDRESS>

Последнее обновление выполнено 01 ноября 1999 г.

</ADDRESS>

<A HREF="mailto:sergeev@mail.ifmo.ru">

Присылайте ваши отзывы и предложения</А>

</BODY>

</HTML>

В приведенном примере есть ссылка на электронную почту. При наведении курсора мыши на указатель данной ссылки этот адрес будет виден в нижней части окна браузера (рис. 1.11).

Ссылки на другие ресурсы Интернета записываются аналогично. Правила записи приведены в табл. 1.7.

0111.gif

Рис. 1.11. Отображение документа примера в окне браузера

Таблица 1.7. Ссылки на ресурсы Интернета

Ресурсы Интернета

Формат ссылки

Пример записи ссылки

Web-страница

http://sitename

http://www.mysite.com/

e-mail

mailto:address

mailto:me@mysite.com

Newsgroup

news:newsgroupname

news:news.newusers.questions

FTP

ftp://sitename

ftp://ftp.mysite.com/

Gopher

gopher://sitename

gopher://gopher.mysite.com/

WAIS

wais://sitename

wais://wais.mysite.com/

TelNet

telnet://sitename

telnet://bbs.mysite.com/

 

 

 

Top.Mail.Ru
Top.Mail.Ru