Для создания ссылки необходимо сообщить браузеру, что является
ссылкой, а также указать адрес документа, на который следует сделать
ссылку. Оба действия выполняются с помощью тега <A>,
который имеет единственный обязательный параметр href.
В качестве значения используется адрес документа (URL).
Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса
работают
везде и всюду независимо от имени сайта или веб-страницы, где
прописана ссылка.
Начинаются они с указания протокола передачи данных. Так, для
веб-страниц это
обычно HTTP (HyperText Transfer Protocol, протокол передачи
гипертекста), соответственно,
абсолютные ссылки начинаются с ключевого слова http://
(пример 1).
Пример 1. Использование абсолютных ссылок
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1251">
<title>Абсолютная ссылка</title>
</head>
<body>
<p><a href="http://www.yandex.ru">Поисковая система
Яндекс</a></p>
</body>
</html>
Относительные ссылки, как следует из их названия, построены
относительно
текущего документа или адреса.
Примеры относительных адресов
/
/demo/
Эти две ссылки называются неполные и указывают веб-серверу загружать
файл index.html (или default.html), который находится в корне сайта
или папке demo. Если файл index.html отсутствует, браузер, как
правило,
показывает список файлов, находящихся в данном каталоге.
/images/pic.gif
Слэш перед адресом говорит о том, что адресация начинается от корня
сайта. Ссылка ведет на рисунок pic.gif, который находится в папке
images. А та в свою очередь размещена в корне сайта.
../help/me.html
Двоеточие перед именем указывает браузеру перейти на уровень выше
в списке каталогов сайта.
manual/info.html
Если перед именем папки нет никаких дополнительных символов, вроде
двоеточия,
то она размещена внутри текущего каталога (пример 2).
Пример 2. Использование относительных ссылок
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1251">
<title>Относительная ссылка</title>
</head>
<body>
<p><a href="images/xxx.jpg">Посмотрите на мою
фотографию!</a></p>
<p><a href="tip.html">Как сделать такое же
фото?</a></p>
</body>
</html>
Иногда можно встретить в адресе ссылки путь в виде ./file/doc.html.
Точка со слэшем (символ /) означает, что отсчет ведется от текущей
папки. Подобная
запись избыточна и ее можно сократить до file/doc.html.
Источник: http://htmlbook.ru/content/?id=16 |