Рассмотрим первый пример гиперссылки из предыдущего пункта. Ее интернет-адрес таков: http://www.somesite.ru/pages/page125.html. Он содержит и интернет-адрес Web-сервера, и путь файла, который нужно получить. Поэтому он называется полным. Полные интернет-адреса используют, если нужно создать гиперссылку, указывающую на файл, в составе другого Web-сайта.
Однако если гиперссылка указывает на файл, входящий в состав того же Web-сайта, что и файл текущей Web-страницы, предпочтительнее сокращенный интернет-адрес, содержащий только имя нужного файла (интернет-адрес Web-сервера и так известен Web-обозревателю).
Существуют два типа сокращенных интернет-адресов. Адреса первого типа задают путь к файлу, который нужно получить (целевому файлу), относительно корневой папки Web-сайта. Они содержат в своем начале символ / (слэш), который и говорит Web-серверу, что путь нужно отсчитывать относительно корневой папки.
О корневой папке сайта также было рассказано в лабораторной работе №1. Это особая папка, находящаяся на диске компьютера, на котором хранится Web-сайт и работает Web-сервер; в этой папке должны помещаться все файлы Web-сайта.
|
|
Например, интернет-адрес /page3.html указывает на файл page3.html, хранящийся в корневой папке Web-сайта.
А интернет-адрес /articles/article1.html указывает на файл article1.html, хранящийся в папке articles, вложенной в корневую папку Web-сайта.
Такие интернет-адреса называют абсолютными и используют, если нужно создать гиперссылку на файл, хранящийся в "глубине" Web-сайта (скажем, в другой папке, нежели файл текущей Web-страницы).
Сокращенные интернет-адреса второго типа задают путь к целевому файлу относительно файла текущей Web-страницы. Они не содержат в начале символа слэша — и в этом их важное отличие от абсолютных интернет-адресов.
Рассмотрим несколько примеров подобных интернет-адресов.
Интернет-адрес archive.zip указывает на файл archive.zip, хранящийся в той же папке, что и файл текущей Web-страницы.
Интернет-адрес chapter3/page1.html указывает на Web-страницу page1.html, хранящуюся в папке chapter3, вложенной в папку, в которой хранится текущая Web-страница.
Следующий интернет-адрес ../contents.html указывает на Web-страницу contents.html, хранящуюся в папке, в которую вложена папка, где хранится текущая Web-страница. (Обратим внимание на две точки в на-чале пути — так обозначается папка предыдущего уровня вложенности.)
Такие интернет-адреса называют относительными. Их применяют, если нужно создать гиперссылку на файл, хранящийся в той же папке, что и текущая Web-страница, одной из вложенных в нее папок или папке предыдущего уровня вложенности.
Во многих случаях лучше поэкспериментировать с разными интернет-адресами, чтобы выяснить, какой именно подойдет — абсолютный или относительный.
|
|
В Web-страницах, которые не должны быть опубликованы на Web-серверах, а будут открываться с диска клиентских компьютеров, следует применять только относительные интернет-адреса. Дело в том, что файловая система компьютера не знает, какую папку считать корневой, поэтому не сможет правильно интерпретировать абсолютные интернет-адреса (разумеется, гиперссылки, ссылающиеся на другие Web-сайты, должны содержать полные интернет-адреса).
Задание 1: Свяжем, наконец, наши Web-странички в единый Web-сайт. Чтобы нам было удобнее, создадим в папке, где хранятся все файлы нашего Web-сайта, папку tags. В эту папку перенесем все Web-страницы, описывающие теги HTML (их у нас пока что четыре), и сопутствующие им файлы (их три: изображение, аудио- и видеоролик). Файл index.htm никуда из корневой папки перемещать не будем — ведь он хранит Web-страницу по умолчанию.
Откроем Web-страницу index.htm и найдем в ней HTML-код, формирующий список тегов. Создадим там гиперссылки, указывающие на соответствующие Web-страницы.
HTML-код, создающий гиперссылку, указывающую на Web-страницу с описанием тега <AUDIO>:
<CODE><A HREF="tags/t_audio.htm">AUDIO</A></CODE>
Остальные гиперссылки создаются аналогично.
Перейдя на Web-страницу, описывающую какой-либо тег, посетитель должен иметь возможность вернуться назад — на главную Web-страницу. Это можно сделать, нажав кнопку возврата назад на панели инструментов Web-обозревателя или клавишу <Backspace> на клавиатуре. Но правила хорошего тона Web-дизайна требуют, чтобы на Web-странице присутствовала соответствующая гиперссылка.
Создадим такую гиперссылку на всех Web-страницах, описывающих теги. Поместим ее в самом конце каждой Web-страницы — обычно она находится именно там.
Формирующий ее HTML-код:
<P><A HREF="../index.htm">На главную Web-страницу</A></P>
Осталось создать на главной Web-странице гиперссылку на Web-страницу Русской Википедии, которая содержит статью, посвященную языку HTML. Вставим ее в конец большой цитаты (листинг 5.1).