При работе с ссылками зачастую можно увидеть такие понятия как "полный адрес", "относительный адрес", "абсолютный адрес". В этой статье мы разберемся со всеми нюансами этих понятий и приведем примеры.
Абсолютный адрес URL
Абсолютный адрес сайта — это полный адрес ссылки включая протокол, домен и путь к файлу. Например:
https://zarabotat-na-sajte.ru/wiki/url.html https://zarabotat-na-sajte.ru/uroki-html/chto-takoe-absolyutnyi-i-otnositelnyi-adres-url.html https://zarabotat-na-sajte.ru/investitsii/kak-zarabotat-na-forex.html
Подробное описание, что означает протокол http://, доменное имя и другие вопросы рассмотрены в статье про URL.
Относительный адрес URL
В относительном адресе URL отсутствует протокол и адрес домена. Т.е. адрес рассчитывается исходя из текущего домена. Например
/wiki/url.html /uroki-html/chto-takoe-absolyutnyi-i-otnositelnyi-adres-url.html /investitsii/kak-zarabotat-na-forex.html
Если сделать таблицу соответствия относительных и абсолютных адресов, то получится такая картина:
| Абсолютный адрес | Относительный адрес | |
| https://zarabotat-na-sajte.ru/wiki/url.html | ⇔ | /wiki/url.html |
| https://zarabotat-na-sajte.ru/uroki-html/chto-takoe-absolyutnyi-i-otnositelnyi-adres-url.html | ⇔ | /uroki-html/chto-takoe-absolyutnyi-i-otnositelnyi-adres-url.html |
| https://zarabotat-na-sajte.ru/investitsii/kak-zarabotat-na-forex.html | ⇔ | /investitsii/kak-zarabotat-na-forex.html |
Причем относительный адрес можно написать и по другому. Например
| Относительный адрес | Комментарий |
| /wiki/url.html | Такой адрес будет являться корректным из любой точки сайта. Т.е. где мы не поставили такую ссылку, она будет верно вести на этот адрес. Это связано с тем, что первый слэш означает как раз от чего считать наш адрес - от корневого каталога |
| url.html | Такой адрес будет корректно работать, если ссылка ведет из той же директории. |
| wiki/url.html | Такой адрес корректен, если в этом же каталоге существует подкаталог wiki, а в нем документ url.html. Например, если мы находимся на странице /category/index.html, то делая ссылку на wiki/url.html, она будет вести на /category/wiki/url.html |
| ../url.html | Конструкция ../ Означает подняться на один каталог вверх и уже относительно него открывать документ. Например, если мы находимы в каталоге /category_1/podcategory/index.html, то ссылка будет ввести на /category_1/url.html Примечание: можно сколько угодно раз указывать конструкцию ../../../ - количество влияет на то, на сколько каталогов выше мы поднимемся |
| ../wiki/url.html |
Означает подняться на один каталог вверх и уже относительно него открывать документ. Например, если мы находимы в каталоге /category_1/podcategory/index.html, то ссылка будет ввести на /category_1/url.html
Примечание: можно сколько угодно раз указывать конструкцию ../../../ - количество влияет на то, на сколько каталогов выше мы поднимемся |
Читайте также:
• Как сделать фон для сайта
• Бегущая строка для сайта
• Падающие снежинки на сайт через JavaScript
• Коды символов для вставки
• Как добавить социальные кнопки на сайт
• Сквозная ссылка
• Синомайзер
• Сплог