Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а
также указать адрес документа, на который следует сделать ссылку. Оба действия
выполняются с помощью тега <A>, который имеет
единственный обязательный параметр href. В качестве
значения используется адрес документа (URL).
Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса
работают везде и всюду независимо от имени сайта или веб-страницы, где прописана
ссылка. Начинаются они с указания протокола передачи данных. Так, для
веб-страниц это обычно HTTP (HyperText Transfer Protocol, протокол передачи
гипертекста), соответственно, абсолютные ссылки начинаются с ключевого слова http:// (пример 1).
Пример 1. Использование абсолютных ссылок |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<html>
<body>
<a
href="http://www.yandex.ru">Поисковая система
Яндекс</a>
</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
Transitional//EN">
<html>
<body>
<a
href="images/xxx.jpg">Посмотрите на мою
фотографию!</a><br>
<a href="tip.html">Как сделать такое же
фото?</a>
</body>
</html> |
Иногда можно встретить в адресе ссылки путь в виде ./file/doc.html. Точка со слэшем (символ /) означает, что
отсчет ведется от текущей папки. Подобная запись избыточна и ее можно сократить
до file/doc.html.