Это очень ценная информация: по ней посетитель может узнать,
является ли ссылка внешней или внутренней по отношению к данному сайту, на
объект какого типа она указывает (к примеру, на обычную HTML-страницу, на
графическое изображение или на ZIP-архив) и т. п. К сожалению, некоторые
недальновидные разработчики используют статусную строку не по
назначению— например, выводят в ней при помощи JavaScript различные надписи
вроде «Добро пожаловать». Нельзя придумать более бездарного способа
использования благ, предоставляемых интерфейсом браузера.
Поскольку адресацию ресурсов с помощью URI мы достаточно подробно
обсудили в главе /, перейдем сразу к примерам гиперссылок.
Абсолютные ссылки
Ссылки с абсолютными идентификаторами URL должны обязательно
содержать в себе имя схемы, иначе браузер будет полагать, что URL является
относительным. В результате ссылка, скорее всего, будет указывать на
несуществующий объект. ч
Такой, например, может быть ссылка на веб-сайт:
Web-Anatomy.Ru
Глава 2. Создание простейших страниц с. помощью языка разметки HTML 95
Обратите внимание на замыкающий символ косой черты в значении атрибута
href в этом примере. Он говорит о том, что ссылка указывает не на
конкретный файл (к примеру, http://www.web-anatomy.ru/index.shtml), а на каталог,
в данном случае — корневой. Если пропустить злополучный «слэш»,
катастрофы не случится. Но страница будет открываться медленнее по причине
переадресации— сервер отправит клиенту сообщение с кодом статуса 301
(Moved Permanently) с верной ссылкой на каталог, что спровоцирует лишний
служебный трафик и отсрочку передачи индексного файла каталога браузеру.
Пример ссылки на почтовый адрес:
HanMcaTb письмо авторуа>
Если щелкнуть мышью по такой ссылке, откроется окно почтовой программы
с заполненными полями Кому и Тема.
По аналогии можно организовать ссылку на любой объект,
идентифицируемый при помощи URI.
( Примечание J
Если ссылка указывает на веб-страницу или иной файл понятного браузеру
формата, браузер попытается открыть такой объект самостоятельно.
Подключаемые модули (плагины, plug-ins) существенно расширяют
функциональность браузера, позволяя отображать в его окне, скажем, Flash-ролики,
трехмерные сцены, книги в формате DjVu и т. д. Собственно, это иллюстрация
одного из срезов понятия «гипермедиа».
Если же браузер не способен обработать объект даже при помощи
подключаемых модулей, он может предложить пользователю прибегнуть к услугам той
или иной сторонней программы (скажем, Internet Explorer автоматически
открывает звуковые файлы посредством проигрывателя Windows Media Player).
В любом случае, щелкнув по ссылке правой кнопкой мыши и вызвав тем самым
контекстное меню, пользователь имеет возможность сохранить ресурс на
локальный диск с тем, чтобы потом самостоятельно разобраться, что с ним
делать. В Internet Explorer соответствующий пункт выпадающего меню называется
Сохранить объект как…
Относительные ссылки
Для взаимосвязи страниц одного и того же сайта, как правило, используются
гиперссылки с указанием относительных URL, что намного удобнее, нежели
применение абсолютных ссылок.
Относительные URL не привязаны к доменному имени сайта — поэтому если
вдруг возникнет необходимость по той или иной причине сменить домен, то
ссылки, связывающие страницы сайта между собой, не придется править.
96 Часть I. Технологические основы
Относительные URL позволяют просматривать сайт на локальной машине,
что чрезвычайно удобно для разработчика. Наконец, относительные URL
короче абсолютных, что облегчает страницы и ускоряет их загрузку.
Приведем некоторые примеры ссылок с относительными URL.
Простейшая из подобных ссылок указывает на файл, располагающийся в том
же каталоге, что и ссылающийся:
B оглавление разделаа>
В следующем примере URL «пляшет» от корня документов сервера:
Наши проектыа>
Эта ссылка будет указывать на один и тот же документ, на какой бы странице
сайта она не находилась.
Тонкое отличие от предыдущего примера: предполагается, что каталог
projects расположен в той же директории, что и ссылающаяся страница:
HaiiM проектыа>
А вот пример ссылки на файл, расположенный в родительском каталоге:
Ha уровень вверха>
Давайте испробуем относительные ссылки на практике — создадим две
простые страницы и свяжем их между собой.
Пусть одна из этих страниц называется index.html, а другая— about.html.
(Условно говоря, предположим, что index,html — это главная страница, а
about.html — страница раздела «О проекте» с более подробным описанием
сайта.) Оба файла должны быть размещены в одной директории.
^> «http://www.w3.org/TR/xhtmll/DTD/xhtmll-strict.dtd»>
Лучшая в мире веб-студияп1>
Вы, сами того не подозревая, зашли на сайт лучшей
Глава 2.
|
5th Фев 2011
|
Теги:
|