Ссылки в Web, или Немного о главном (вариант урока для начинающих)

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

С точки зрения языка HTML[?] до самого конца урока ничего нового уже не будет. Открывающий тег, закрывающий тег. А между ними некий объект (не обязательно текст). Этот объект - видимая часть... нет, не айсберга, а всего лишь структуры с названием A (сокр. от англ. Anchor - якорь). Собственно, по этому объекту мы и щелкаем мышкой. Кроме текста это может быть еще что?.. Правильно, рисунок. Но для краткости этот вариант мы опускаем. Самые дотошные могут самостоятельно попробовать заменить текст тегом рисунка, но, без сомнения, можно отложить этот эксперимент до соответствующей темы.

Давайте более подробно остановимся на открывающем теге <A>, а точнее разберем структуру его атрибута HREF (сокр. от англ. Hyper REFerence - гиперссылка). Ибо! Для создания собственно ссылки имеет значение только его "значение", а отнюдь не смысл текста в промежутке между тегами <A> и </A>. (Последнее всецелона вашей совести. Не обманывайте наивных посетителей вашей странички, пожалуйста, будьте, как говорится "взаимно вежливы"!) Значение атрибута HREF - это адрес. Адрес же может быть либо абсолютный (URL[?]), как в разобранных выше примерах, либо относительный. Иными словами, в последнем случае это будет просто ПУТЬ (англ. PATH)( в смысле DOS, UNIX, Windows и так далее) ОТНОСИТЕЛЬНО каталога, в котором находится текущий ("вызывающий") файл. В простейшем случае, когда ссылаемся на файл в том же каталоге, это просто ИМЯ соответствующего файла.

И это вся теория. А практика теперь уже не покажется чем-то сверхъособенным, если не считать одного маленького подводного камня.

Итак, практический пример:

Дополним HTML код файла index.htm таким текстом:

Проверяем работу ссылки (при щелчке мышкой должна появляться вторая страничка), и в случае каких-либо опечаток, правим. Получилось? Отлично.

Теперь в тексте второго файла во фразе "(мою самую первую страницу можно увидеть здесь)" последнее слово обрамляем тегами якоря, таким образом:

Поначалу этого будет вполне достаточно для создания небольших сайтов. Однако, при росте количества файлов, возможно, вам придет в голову усложнить структуру информации, создавая внутренние каталоги, тогда придется делать ссылку на файлы во внутреннем каталоге. Для этого атрибуту HREF нужно будет присвоить примерно такое значение "katalog/file.htm" (обратите внимание на наклон: "/", а не "\"). Обратная ссылка (из файла в этом каталоге) в этом случае будет href="../index.htm". Поэкспериментируйте самостоятельно

.Если все это у вас получилось на вашем компьютере, прекрасно. Осталось пренести всю получившуюся файловую структуру в выделенный вам каталог на сервере. (Если же вы еще не прошли этот этап, то самое время заняться поиском подходящего сервера и регистрацией там такого каталога.) Существенно важно опубликовать ваши страницы на реальном сервере Интернет. Когда вы сделаете это, то в 99 случаях из 100 убедитесь, что... там работает далеко не все, что получается на компьютере дома.

Вряд ли ошибусь, если предположу, что вы просто слишком избалованы совершенной нетребовательностью вашей системы Windows к набивке букв в верхнем или нижнем регистре. Поэтому вам раньше было все-равно как написать: second.htm, Second.htm или SeCoND.hTm - и в этом первая причина. Однако в UNIX-системах, каковыми оснащены почти все серверы Интернета, это "три большие разницы".

Учтя это, вы столкнетесь со второй причиной тех же плачевных результатов. А именно, при обычных настройках операционная система Windows ко всему еще искажает изображение букв в именах файлов. И поэтому файл в системе Windows выглядит как Second.htm, а после предачи на сервер он оказывается SECOND.HTM!

Поэтому, если не принимать во внимание радикальных мер вроде перехода на LINUX, есть один простой рецепт, избавляющий от этих неурядиц: следите чтобы и ссылки, и имена реальных файлов были написаны ТОЛЬКО в нижнем регистре, то есть "маленькими" буквами. Это не очень удобно, но это работает.

И последнее из обещанного. Допустим, что ваша публикация действительно заинтересовала кого-то. Ведь, в конце концов, не для себя же одного вы ее делали! Как посетитель вашего сайта сможет послать вам письмо по E-mail, не утруждаясь копированием вашего адреса через буфер обмена или набором его вручную?

А вот как:
допустим ваш адрес электронной почты "your@post.box", тогда, чтобы добиться желаемого, поместите в конец второй странички HTML-конструкцию такого вида:

В окне браузера это будет выглядеть как

©Ваше имя,2000

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

Самостоятельно разберите HTML[?]-код этого урока - найдёте некоторые полезные детали. Читайте "между строк", ведь вы хоть и начинающие, но уже веб-мастера!

© 2000, Николай Коврига