Как сделать ссылку
Для разработки ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес объекта, на который следует сделать ссылку. Оба действия выполняются с помощью тега <A>, который имеет единственный обязательный параметр href. В качестве значения используется адрес объекта (URL).
Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени с нашего сайта или web-страницы, где прописана ссылка. Начинаются они с указания протокола передачи данных. Так, для web-страниц это обычно HTTP (HyperText Transfer Protocol, протокол передачи гиперконтента), соответственно, абсолютные ссылки начинаются с ключевого слова http:// (пример 1).
Пример 1. Использование абсолютных ссылок
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Абсолютная ссылка</title>
</head>
<body>
<p><a href="http://www.yandex.ru">Поисковая система Яндекс</a></p>
</body>
</html>
Относительные ссылки, как следует из их названия, построены относительно текущего объекта или адреса.
Примеры относительных адресов
/
/demo/
Эти две ссылки называются неполные и указывают web-серверу загружать
файл index.ШТМЛ (или default.ШТМЛ), который находится в корне с нашего сайта
или папке demo. Если файл index.ШТМЛ отсутствует, браузер, как правило,
показывает список файлов, находящихся в данном каталоге.
/images/pic.gif
Слэш перед адресом говорит о том, что адресация начинается от корня
с нашего сайта. Ссылка ведет на рисунок pic.gif, который находится в папке
images. А та в свою очередь размещена в корне с нашего сайта.
../help/me.ШТМЛ
Двоеточие перед именем указывает браузеру перейти на уровень выше
в списке каталогов с нашего сайта.
manual/info.ШТМЛ
Если перед именем папки нет никаких дополнительных символов, вроде двоеточия,
то она размещена внутри текущего каталога (пример 2).
Пример 2. Использование относительных ссылок
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Относительная ссылка</title>
</head>
<body>
<p><a href="images/xxx.jpg">Посмотрите на мою фотографию!</a></p>
<p><a href="tip.ШТМЛ">Как сделать такое же фото?</a></p>
</body>
</html>
Иногда можно встретить в адресе ссылки путь в виде ./file/doc.ШТМЛ. Точка со слэшем (символ /) означает, что отсчет ведется от текущей папки. Подобная запись избыточна и ее можно сократить до file/doc.ШТМЛ.
| Статья опубликована: 06.09.2009 | Последнее обновление: 24.02.2009 |