Абсолютные и относительные ссылки в html
Автор Антонио задал вопрос в разделе Другое
Что такое абсолютные и относительные ссылки? и получил лучший ответ
Ответ от Александр Приходько[гуру]
Адрес ссылки может быть как абсолютным, так и относительным. Абсолютные адреса должны начинаться с указания протокола (обычно http://) и содержать имя сайта. Относительные ссылки ведут отсчет от корня сайта или текущего документа.
В листинге показано создание абсолютной ссылки на другой сайт.
Листинг использованиеяабсолютных ссылок
< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http ://ссылка strict.dtd">
< html>
< head>
< meta http-equiv="content-type" content="text/html; charset=windows-1251">
< title>Абсолютный адрес
< body>
< p> < a href="http: //htmlbook .ru">Изучение HTML
В данном примере ссылка вида < a href ="http:// htmlbook. ru">Изучение HTML< /a> является абсолютной и ведет на главную страницу сайта htmlbook.ru.
Абсолютные ссылки обычно применяются для указания документа на другом сетевом ресурсе, впрочем, допустимо делать абсолютные ссылки и внутри текущего сайта. Однако подобное практикуется нечасто, поскольку такие ссылки достаточно длинные и громоздкие. Поэтому внутри сайта преимущественно используются относительные ссылки.
Ссылки относительно текущего документа
При создании относительных ссылок надо понимать, какое значение для параметра href следует указывать, поскольку оно зависит от исходного расположения файлов. Рассмотрим несколько типичных вариантов.
1. Файлы располагаются в одной папке
Необходимо сделать ссылку из исходного документа на ссылаемый. В таком случае код будет следующий.
< a href="Ссылаемый документ. html">Ссылка
Подобное имя файла взято только для образца, на сайте в именах файлов не следует использовать русские символы с пробелами, да еще и в разном регистре.
2. Файлы размещаются в разных папках
Когда исходный документ хранится в одной папке, а ссылаемый в корне сайта, то перед именем файла в адресе ссылки следует поставить две точки и слэш (/), как показано ниже.
< a href="../Ссылаемый документ. html">Ссылка
Две точки в данном случае означают выйти из текущей папки на уровень выше.
3. Файлы размещаются в разных папках
Теперь исходный файл находится в двух вложенных папках, и чтобы сослаться на документ в корне сайта, требуется повторить написание предыдущего примера два раза.
< a href="../../Ссылаемый документ. html">Ссылка
Аналогично обстоит дело с любым числом вложенных папок.
4. Файлы размещаются в разных папках
Теперь ситуация меняется, исходный файл располагается в корне сайта, а файл, на который необходимо сделать ссылку - в папке. В этом случае путь к файлу будет следующий.
< a href="Папка/Ссылаемый документ. html">Ссылка
Заметьте, что никаких дополнительных точек и слэшей перед именем папки нет. Если файл находится внутри не одной, а двух папок, то путь к нему записывается так.
< a href="Папка 1/Папка 2/Ссылаемый документ. html">Сылка< /a>
Ссылки относительно корня сайта
Иногда можно встретить путь к файлу относительно корня сайта, он выглядит как "/Папка/Имя файла" со слэшем вначале. Так, запись < a href="/course/">Курсы означает, что ссылка ведет в папку с именем course, которая располагается в корне сайта, а в ней необходимо загрузить индексный файл.
Учтите, что такая форма записи не работает на локальном компьютере, а только под управлением веб-сервера.